/********** Template CSS **********/
:root { 
    --primary: #86B817; 
    --secondary: #FE8800; 
    --light: #F5F5F5; 
    --dark: #14141F; 
} 
.fw-medium { 
    font-weight: 600 !important; 
} 
.fw-semi-bold { 
    font-weight: 700 !important; 
} 
.back-to-top { 
    position: fixed; 
    display: none; 
    right: 45px; 
    bottom: 45px; 
    z-index: 99; 
} 
/*** Spinner ***/ 
#spinner { 
    opacity: 0; 
    visibility: hidden; 
    transition: opacity .5s ease-out, visibility 0s linear .5s; 
    z-index: 99999; 
} 
#spinner.show { 
    transition: opacity .5s ease-out, visibility 0s linear 0s; 
    visibility: visible; 
    opacity: 1; 
} 
/*** Button ***/ 
.btn { 
    font-family: 'Montserrat', sans-serif; 
    font-weight: 600; 
    transition: .5s; 
} 
.btn.btn-primary, 
.btn.btn-secondary { 
    color: #FFFFFF; 
} 
.btn-square { 
    width: 38px; 
    height: 38px; 
} 
.btn-sm-square { 
    width: 32px; 
    height: 32px; 
} 
.btn-lg-square { 
    width: 48px; 
    height: 48px; 
} 
.btn-square, 
.btn-sm-square, 
.btn-lg-square { 
    padding: 0; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-weight: normal; 
    border-radius: 0px; 
} 
/*** Navbar ***/ 
.navbar-light .navbar-nav .nav-link { 
    font-family: 'Montserrat'; 
    position: relative; 
    margin-right: 25px; 
    padding: 35px 0; 
    color: #000000; 
    font-size: 14px; 
    font-weight: 600; 
    outline: none; 
    transition: .5s; 
} 
.sticky-top.navbar-light .navbar-nav .nav-link { 
    padding: 20px 0; 
    color: #ab5a51;(--dark) !important; 
} 
.navbar-light .navbar-nav .nav-link:hover, 
.navbar-light .navbar-nav .nav-link.active { 
    color: #ab5a51;(--primary) !important; 
} 
.navbar-light .navbar-brand img { 
    max-height: 100px; 
    transition: .5s; 
    margin-left: 10px;     margin-top: 10px; 
} 
.sticky-top.navbar-light .navbar-brand img { 
    max-height: 45px; 
} 
@media (max-width: 991.98px) { 
    .sticky-top.navbar-light { 
        position: relative; 
        background: #FFFFFF; 
    } 
    .navbar-light .navbar-collapse { 
        margin-top: 15px; 
        border-top: 1px solid #DDDDDD; 
    } 
    .navbar-light .navbar-nav .nav-link, 
    .sticky-top.navbar-light .navbar-nav .nav-link { 
        padding: 10px 0; 
        margin-left: 0; 
        color: #ab5a51;(--dark) !important; 
    } 
    .navbar-light .navbar-brand img { 
        max-height: 45px; 
    } 
} 
@media (min-width: 992px) { 
    .navbar-light { 
        position: absolute; 
        width: 100%; 
        top: 0; 
        left: 0; 
        border-bottom: 1px solid rgba(256, 256, 256, .1); 
        z-index: 999; 
    } 
    .sticky-top.navbar-light { 
        position: fixed; 
        background: #FFFFFF; 
    } 
    .navbar-light .navbar-nav .nav-link::before { 
        position: absolute; 
        content: ""; 
        width: 0; 
        height: 2px; 
        bottom: 20px; 
        left: 50%; 
        background: #ab5a51; (--primary); 
        transition: .5s; 
    } 
    .navbar-light .navbar-nav .nav-link:hover::before, 
    .navbar-light .navbar-nav .nav-link.active::before { 
        width: calc(100% - 2px); 
        left: 1px; 
    } 
    .navbar-light .navbar-nav .nav-link.nav-contact::before { 
        display: none; 
    } 
} 
/*** Hero Header ***/ 
.hero-header { 
    background: url(../img/TopBanner.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 
.contact-header { 
    background: url(../img/contact.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}
.ardea-header { 
    background: url(../img/ardea.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}
.admiral-header { 
    background: url(../img/admiral.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}
.afamosa-resort-header { 
    background: url(../img/afamosa-resort.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}
.PR1MA-header { 
    background: url(../img/PR1MA.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}
.PPA1M-Serendah-header { 
    background: url(../img/PPA1M-Serendah1.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}
.Freeport-Outlet-header { 
    background: url(../img/Freeport-Outlet.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}
.about-header { 
    background: url(../img/aboutTR.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}
.project-header { 
    background: url(../img/project.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 
.breadcrumb-item + .breadcrumb-item::before { 
    color: rgba(255, 255, 255, .5); 
} 
/*** Section Title ***/ 
.section-title { 
    position: relative; 
    display: inline-block; 
    text-transform: uppercase; 	font-family: "Montserrat Regular";
} 
.section-title::before { 
    position: absolute; 
    content: ""; 
    width: calc(100% + 80px); 
    height: 2px; 
    top: 4px; 
    left: -40px; 
    background: #ab5a51;(--primary); 
    z-index: -1; 
} 
.section-title::after { 
    position: absolute; 
    content: ""; 
    width: calc(100% + 120px); 
    height: 2px; 
    bottom: 5px; 
    left: -60px; 
    background: #ab5a51;(--primary); 
    z-index: -1; 
} 
.section-title.text-start::before { 
    width: calc(100% + 40px); 
    left: 0; 
} 
.section-title.text-start::after { 
    width: calc(100% + 60px); 
    left: 0; 
} 
/*** Service ***/ 
.service-item { 
    box-shadow: 0 0 45px rgba(0, 0, 0, .08); 
    transition: .5s; 
} 
.service-item:hover { 
    background: #ab5a51;(--primary); 
} 
.service-item * { 
    transition: .5s; 
} 
.service-item:hover * { 
    color: #ab5a51;(--light) !important; 
} 
/*** Destination ***/ 
.destination img { 
    transition: .5s; 
} 
.destination a:hover img { 
    transform: scale(1.1); 
} 
/*** Package ***/ 
.package-item { 
    box-shadow: 0 0 45px rgba(0, 0, 0, .08); 
} 
.package-item img { 
    transition: .5s; 
} 
.package-item:hover img { 
    transform: scale(1.1); 
} 
/*** Booking ***/ 
.booking { 
    background: linear-gradient(rgba(15, 23, 43, .7), rgba(15, 23, 43, .7)), url(../img/booking.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 
/*** Team ***/ 
.team-item { 
    box-shadow: 0 0 45px rgba(0, 0, 0, .08); 
} 
.team-item img { 
    transition: .5s; 
} 
.team-item:hover img { 
    transform: scale(1.1); 
} 
.team-item .btn { 
    background: #FFFFFF; 
    color: #ab5a51;(--primary); 
    border-radius: 20px; 
    border-bottom: 1px solid #ab5a51;(--primary); 
} 
.team-item .btn:hover { 
    background: #ab5a51;(--primary); 
    color: #FFFFFF; 
} 
/*** Testimonial ***/ 
.testimonial-carousel::before { 
    position: absolute; 
    content: ""; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 0; 
   /* background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);*/ 
    z-index: 1; 
} 
.testimonial-carousel::after { 
    position: absolute; 
    content: ""; 
    top: 0; 
    right: 0; 
    height: 100%; 
    width: 0; 
   /* background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);*/ 
    z-index: 1; 
} 
@media (min-width: 768px) { 
    .testimonial-carousel::before, 
    .testimonial-carousel::after { 
        width: 200px; 
    } 
} 
@media (min-width: 992px) { 
    .testimonial-carousel::before, 
    .testimonial-carousel::after { 
        width: 300px; 
    } 
} 
.testimonial-carousel .owl-item .testimonial-item, 
.testimonial-carousel .owl-item.center .testimonial-item * { 
    transition: .5s; 
} 
.testimonial-carousel .owl-item.center .testimonial-item { 
    background: #ab5a51;(--primary) !important; 
    border-color: #ab5a51;(--primary) !important; 
} 
.testimonial-carousel .owl-item.center .testimonial-item * { 
    color: #FFFFFF !important; 
} 
.testimonial-carousel .owl-dots { 
    margin-top: 24px; 
    display: flex; 
    align-items: flex-end; 
    justify-content: center; 
} 
.testimonial-carousel .owl-dot { 
    position: relative; 
    display: inline-block; 
    margin: 0 5px; 
    width: 15px; 
    height: 15px; 
    border: 1px solid #CCCCCC; 
    border-radius: 15px; 
    transition: .5s; 
} 
.testimonial-carousel .owl-dot.active { 
    background: #ab5a51;(--primary); 
    border-color: #ab5a51;(--primary); 
} 
/*** Footer ***/ 
.footer .btn.btn-social { 
    margin-right: 5px; 
    width: 35px; 
    height: 35px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: #ab5a51;(--light); 
    font-weight: normal; 
    border: 1px solid #FFFFFF; 
    border-radius: 35px; 
    transition: .3s; 
} 
.footer .btn.btn-social:hover { 
    color: #ab5a51;(--primary); 
} 
.footer .btn.btn-link { 
    display: block; 
    margin-bottom: 5px; 
    padding: 0; 
    text-align: left; 
    color: #FFFFFF; 
    font-size: 15px; 
    font-weight: normal; 
    text-transform: capitalize; 
    transition: .3s; 
} 
.footer .btn.btn-link::before { 
    position: relative; 
    content: "\f105"; 
    font-family: "Montserrat"; 
    font-weight: 900; 
    margin-right: 10px; 
} 
.footer .btn.btn-link:hover { 
    letter-spacing: 1px; 
    box-shadow: none; 
} 
.footer .copyright { 
    padding: 5px 0; 
    font-size: 15px; 
   /* border-top: 1px solid rgba(256, 256, 256, .1);*/ 
} 
.footer .copyright a { 
    color: #ab5a51;(--light); 
} 
.footer .footer-menu a { 
    margin-right: 15px; 
    padding-right: 15px; 
    border-right: 1px solid rgba(255, 255, 255, .1); 
} 
.footer .footer-menu a:last-child { 
    margin-right: 0; 
    padding-right: 0; 
    border-right: none; 
} /* Popup in homepage */  /* ===== Modal Background ===== */.modal {  display: none;  position: fixed;  z-index: 1000;  left: 0; top: 0;  width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.6);  overflow-y: auto;  padding: 20px;}/* ===== Modal Box ===== */.modal-content {  background: #fff;  margin: 50px auto;  border-radius: 15px;  max-width: 900px;  padding: 25px 30px;  box-shadow: 0 5px 25px rgba(0,0,0,0.3);  animation: fadeIn 0.3s ease;  position: relative;}/* ===== Close Button ===== */.close-btn {  position: absolute;  right: 20px;  top: 10px;  font-size: 26px;  cursor: pointer;  color: #333;  transition: 0.2s;}.close-btn:hover { color: #008c45; }/* ===== Flex Layout ===== */.modal-flex {  display: flex;  flex-wrap: wrap;  gap: 20px;} /* ===== Right Text ===== */.modal-text {  flex: 1 1 55%;}  .modal-text h4 {  color: #ab5a51;  font-weight: bold;  margin-bottom: 8px;  font-family: "Montserrat";}.modal-text h6 {  line-height: 1.6;  color: #444;  font-size: 15px;}.modal-text p {  line-height: 1.6;  color: #444;  font-size: 18px;} /* ===== Mobile Responsive ===== */@media (max-width: 768px) {  .modal-content {    width: 95%;    padding: 15px;  }  .modal-flex {    flex-direction: column;  }  .modal-image, .modal-text {    flex: 1 1 100%;  }  .modal-text p, .test-results li {    font-size: 14px;  }}/* ===== Animation ===== */@keyframes fadeIn {  from { opacity: 0; transform: translateY(-10px); }  to { opacity: 1; transform: translateY(0); }}