.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #826A4E !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
  color: #826A4E !important;
}
.sp-slider-content-align-left {
    background-color: #FAF6F3;
    padding: 60px;
}

.sp-page-title {
  padding: 120px 0;
}
.sp-page-title .breadcrumb {
    display: none;
}
.sp-page-title .sp-page-title-heading {
    font-size: 60px;
    text-align: center;
}

#sp-bottom {
    padding: 0px;
    font-size: 16px;
    line-height: 1.6;
     background: #FAF6F3 !important;
    color: inherit;
}

#sp-bottom .sp-module .sp-module-title {
    display: none;
}

#sp-footer {
    background: #ffffff !important;
  	color: #000000;
}
#sp-footer>div>.container-inner{
  border-top: 1px solid #ffffff !important;
}


.socialicon{
  width: 35px;
}


.sppb-addon-articles .sppb-addon-article-layout-content img {
    height: auto;
}



#sppb-addon-b910e4f6-84a4-45a0-bc7d-f21745175df5 .sppb-addon-articles .sppb-article-info-wrap .sppb-article-meta .sppb-meta-author {
    display: none;
}

#sp-main-body {
   
    padding: 100px 0;
    background-image: url(https://guoan.avocadot.com.my/images/0_project/home/texture1.png);
  	background-size: auto; /* Keeps the image at its original size */
    background-position: center; /* Centers the image */
    background-repeat: repeat; /* Prevents the image from repeating */
}


.sppb-article-meta {
    order: -1; /* Move the date above the title */
  margin-bottom: 0px !important;
}

h3 {
    order: 0; /* Move the title below the date */
}

.sppb-article-info-wrap {
    display: flex;
    flex-direction: column; /* Align children vertically */
}


.sppb-addon-articles .sppb-addon-article-layout-content .sppb-article-info-wrap {
    background-color: #ffffff;
    box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.05);
  	padding: 35px;
}



.form-group {
    display: flex;
    justify-content: flex-end;
}


input#ff_elem19, input#ff_elem21, input#ff_elem20, textarea#ff_elem22 {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    background-image: none;
  	background-clip: padding-box;
  	all: unset;
    display: block;
    width: 100%;
    padding: 10px 0px;
	border-bottom: 1px solid #000;
}



/*slideshow*/
h1#sp-slider-inner-item-89d66dcc-3a44-4e15-accc-c603e0de9afg-num-0-key {
    color: #826a4e !important;
    font-size: 70px;
}
h1#sp-slider-inner-item-89d66dcc-3a44-4e15-accc-c603e0de9afh-num-0-key{
    color: #826a4e !important;
    font-size: 70px;
}
h1#sp-slider-inner-item-89d66dcc-3a44-4e15-accc-c603e0de9afi-num-0-key{
      color: #826a4e !important;
    font-size: 70px;
}
h2#sp-slider-inner-item-89d66dcc-3a44-4e15-accc-c603e0de9afg-num-1-key {
    font-size: 33px;
    color: #ba9c60 !important;
}
h2#sp-slider-inner-item-89d66dcc-3a44-4e15-accc-c603e0de9afh-num-1-key{
      font-size: 33px;
    color: #ba9c60 !important;
}
h2#sp-slider-inner-item-89d66dcc-3a44-4e15-accc-c603e0de9afi-num-1-key{
        font-size: 33px;
    color: #ba9c60 !important;
}


span.sp-slider-btn-text {
    display: inline-block;
    padding: 10px 50px !important;
    border: 2px solid #826A4E; /* Border color */
    border-radius: 25px !important;; /* Rounded shape */
    color: #826A4E !important;; /* Text color */
    background-color: transparent !important; /* No background color in normal state */
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
      opacity: 0.8;
    transition: all 0.3s ease; /* Animation for smooth transition */
   margin-top: 40px;
}

/* Hover effect */
span.sp-slider-btn-text:hover {
    background-color: #826A4E !important; /* Background color on hover */
    color: white !important; /* Change text color on hover */
  	opacity: 1; /* Fully opaque on hover */
    transition: opacity 0.2s ease-in-out;
}




.btn-primary, .sppb-btn-primary { 
  	display: inline-block;
    padding: 10px 50px !important;
    border: 2px solid #826A4E !important; /* Border color */
    border-radius: 25px !important;; /* Rounded shape */
    color: #826A4E !important;; /* Text color */
    background-color: transparent !important; /* No background color in normal state */
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
     opacity: 0.8;
    transition: all 0.3s ease; /* Animation for smooth transition */
   margin-top: 20px;
}

.sppb-btn-primary:hover {
    background-color: #826A4E !important; /* Background color on hover */
    color: white !important; /* Change text color on hover */
  	opacity: 1; /* Fully opaque on hover */
    transition: opacity 0.2s ease-in-out;
}



.sppb-btn-secondary{
   display: inline-block;
    padding: 10px 50px !important;
    border: 2px solid #FFFFFF; /* White border for secondary button */
    border-radius: 25px;
    color: white; /* Text color for secondary button */
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.8;
    transition: all 0.3s ease;
}
  
  
  .sppb-btn-secondary:hover {
    color: #826A4E; /* Text color change on hover for secondary button */
    background-color: white; /* Background color change on hover for secondary button */
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    border-color: #ffffff !important;
}


button#bfSubmitButton {
   display: inline-block;
    padding: 10px 50px !important;
    border: 2px solid #826A4E !important; /* Border color */
    border-radius: 25px !important;; /* Rounded shape */
    color: #826A4E !important;; /* Text color */
    background-color: transparent !important; /* No background color in normal state */
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
     opacity: 0.8;
    transition: all 0.3s ease; /* Animation for smooth transition */
   margin-top: 20px;
}

button#bfSubmitButton:hover, button#bfSubmitButton:focus {
     background-color: #826A4E !important; /* Background color on hover */
    color: white !important; /* Change text color on hover */
  	opacity: 1; /* Fully opaque on hover */
    transition: opacity 0.2s ease-in-out;
}

.is-bottom_right{
  right: 40px !important;
}



.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #826A4E !important;
}

.sp-megamenu-parent>li:hover>a {
    color: #826A4E !important;
}

.sp-megamenu-parent>li.active>a {
    font-weight: 620 !important;
}

#sp-footer a, #sp-bottom a{
	color: #000000 !important;
}

#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
 color: #826A4E !important;
}

/*Table*/
.sppb-nav-modern>li.active>a, .sppb-nav-modern>li.active>a:focus, .sppb-nav-modern>li.active>a:hover {
    color: #ffffff !important;
    background-color: #BA9C60 !important;
}
.sppb-nav-modern>li>a {
    font-size: 21px !important;
    padding: 12px 45px !important;
    background: #ffffff !important;
    color: #BA9C60 !important;
    border: unset !important;
    border-radius: 0px !important;
}
tbody {
    background-color: #BA9C60;
}
/*services*/
.table01 .sppb-column-addons {
    background-color: #BA9C60;
}

.sppb-btn-custom {
    justify-content: center;
}
.white-popup-block {
    padding: 60px !important;
}
.attention .sppb-img-responsive {
    width: 130px;
}