.site-footer {
    background-color: #3f6f5f;
    color: #e6f0ec;
    padding: 70px 0 0px;
    font-family: "Poppins", sans-serif;
}

/* Logo */
.footer-logo img {
    max-width: 220px;
}

.footer-social {
    display: flex;
    gap: 6px;
}

/* Description */
.site-footer p {
    margin-bottom: 20px;
    color: #ffffff;
}

/* Headings */
.site-footer h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
    color: #ffffff;
    position: relative;
}

/* Small underline under headings */
.site-footer h5::after {
    content: "";
    width: 35px;
    height: 2px;
    background: #cfe3db;
    display: block;
    margin-top: 8px;
}

/* Links */
.site-footer ul {
    list-style: none;
    padding: 0;
}

.site-footer ul li {
    margin-bottom: 10px;
    font-size: 16px;
}

.site-footer ul li a {
    color: #FFF;
    text-decoration: none;
    transition: 0.3s;
}
.footer-social a{
    transition: 0.3s;
}

.site-footer ul li a:hover, .footer-social a:hover {
    opacity: 0.5;
}

/* Phone */
.footer-phone {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    color: #ffffff !important;
}

.footer-phone i {
    margin-right: 8px;
}



/* Bottom Bar */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 40px;
    padding: 10px 0;
    font-size: 16px;
    color: #cfe3db;
}

.footer-bottom p {
    opacity: 70%;
}

#menu-policy-menu,
#menu-policy-menu li {
    margin-bottom: 0;
}

/* Policy Links */
.footer-links a {
    color: #cfe3db;
    margin: 6px 6px;
    display: inline-block;
}

.footer-links a:hover {
    color: #ffffff;
}

/* WhatsApp Button */
.footer-wp-btn {
    text-align: right;
  position: fixed;
  bottom: 50px;
  right: 20px;
}

.wp-btn {
    background: #25C55E;
    color: #fff;
    padding: 14px 22px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
    margin-left: auto;
    gap: 10px;
}

.wp-btn:hover {
    background: #3B930A;
    color: #fff;
}

.whatsapp-btn i {
    margin-right: 8px;
    font-size: 18px;
}

.whatsapp-btn:hover {
    background: #1ebe5d;
}

.footer-links ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 991px) {
    .site-footer {
        padding: 50px 0 0px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .footer-links {
        margin-top: 10px;
    }

}

@media (max-width: 767px) {
    .footer-wp-btn {
        text-align: center;
    }

    .site-footer ul li a {
        font-size: 16px;
    }

}






.main-header {
    background: #fff;
    border-bottom: 1px solid #eee;
    position: sticky;
    z-index: 999;
    top: 0;
    width: 100%;
}

/* TOP BAR */


.header-logo img {
    max-height: 60px;
}

.top-menu {
    list-style: none;
}

.top-menu li {
    margin-right: 20px;
}

.top-menu a {
    color: #333;
    font-size: 16px;
    text-decoration: none;
}

/* Social */
.header-social a {
    margin-right: 8px;
    color: #356E5D;
    transition: 0.3s;
}
.header-social a:hover {
    opacity: 0.5;
}
/* Contact Button */
.btn-contact {
    background: #356E5D;
    color: #fff;
    padding: 8px 18px;
    border-radius: 25px;
    border: 1px solid #356E5D;
}

.btn-contact:hover {
    background: #fff;
    color: #356E5D;
}

/* BOTTOM BAR */

.navbar-nav .menu-item {
    margin-right: 20px;
}

.navbar-nav a {
    color: #333;
    font-weight: 600;

}

.navbar {
    width: 100%;
}

.header-logo {
    margin: auto;
    margin-left: clamp(0.625rem, -2.2852rem + 3.8835vw, 2.375rem);
    margin-right: clamp(0.625rem, -2.2852rem + 3.8835vw, 2.375rem);
}

.header-phone {
    font-weight: 600;
    color: #333;
}

.navbar-wrapper {
    display: flex;
}

.header-to-bottom-wrapper {
    width: 100%;
}

.header-top-menu {
    width: 100%;
    justify-content: space-between;
}

.header-top-menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-social {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.header-top-right-menu {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.navbar-wrapper {
    display: flex;
    align-items: center;
}

.header-social img {
    width: 30px;
    height: 30px;
    max-width: unset;
}

.header-top-menu-inner {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: url('../images/header-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.header-review-social {
    display: flex;
    align-items: center;
}

.header-top-menu-inner .menu-item a {
    color: #373737;
    font-weight: 600;
    font-size: 16px;
}

header .menu-item a {
    font-size: clamp(1rem, 0.7921rem + 0.2774vw, 1.125rem);
    display: block;
    padding: 18px clamp(0.375rem, -1.4958rem + 2.4965vw, 1.5rem);
    border-bottom: 1px solid transparent;
    transition: 0.3s all ease-in-out;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}

header .menu-item a:hover {
    border-bottom: 2px solid #356E5D;
    background: linear-gradient(0deg, rgba(53, 110, 93, 0.05) 0%, rgba(102, 212, 179, 0) 100%);
    color: #356E5D;

}

.header-phone-wrapper a {
    font-size: clamp(1rem, 0.3764rem + 0.8322vw, 1.375rem);
    color: #373737;
}
.header-phone-wrapper a:hover{
    color:  #356E5D;
}
.header-phone-wrapper {
    padding: 0 clamp(1.25rem, -22.5rem + 23.75vw, 6rem);
}


/* Parent menu item */
.navbar-nav .menu-item-has-children {
    position: relative;
}

/* Submenu container */
.navbar-nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 320px;
    background: #fff;
    border-radius: 0px 0px 6px 6px;
    padding: 10px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    opacity: 0;
    display: none;
    transition: all 0.3s ease;
    z-index: 999;
}

/* Show on hover (desktop) */
.navbar-nav .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    display: block;
}

/* Submenu items */
.navbar-nav .sub-menu li {
    margin: 0;
    width: 100%;
    list-style: none;
}

/* Submenu links */
.navbar-nav .sub-menu li a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    border-bottom: none;
    background: transparent;
    transition: 0.25s ease;
    list-style: none;
}

/* Hover effect */
.navbar-nav .sub-menu li a:hover {
    background: rgba(53, 110, 93, 0.08);
    color: #356E5D;
    padding-left: 25px;
}

/* Arrow indicator */
.navbar-nav .menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%23373737' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform 0.3s ease;
	position: absolute;
	margin-top: 3px;
}
/* Rotate arrow on hover */
.navbar-nav .menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
    transition: 0.3s;
}


/* =========================
   MOBILE HEADER IMPROVEMENT
========================= */

@media (max-width: 1599px) {
    .header-phone-wrapper a {
        font-size: 0;
    }
}

@media (max-width: 1199px) {

    .header-top-menu {

        display: none !important;
    }

    /* Navbar layout fix */
    .navbar-wrapper {
        justify-content: space-between;
        padding: 10px 15px;
        z-index: 1;
        background: white;
    }

    .header-logo {
        margin: 0;
        z-index: 11;
    }

    .header-logo img {
        max-height: 50px;
    }

    /* CUSTOM TOGGLER */
    .custom-toggler {
        border: none;
        background: transparent;
        padding: 8px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 38px;
        width: 48px;
        cursor: pointer;
        margin-left: auto;
        z-index: 11111111;
    }

    .custom-toggler span {
        display: block;
        height: 2px;
        width: 100%;
        background: #000;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* ANIMATION → CROSS */
    .custom-toggler.active span:nth-child(1) {
        transform: rotate(45deg) translate(8px, 7px);
    }

    .custom-toggler.active span:nth-child(2) {
        opacity: 0;
    }

    .custom-toggler.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
    }

    /* Mobile Menu Panel */
    .navbar-collapse {
        background: #fff;
    }

    /* Primary Menu */
    .navbar-nav {
        flex-direction: column;
    }

    .navbar-nav .menu-item {
        margin: 0;
    }

    .navbar-nav a {
        padding: 12px 0;
        font-size: 16px;
        border-bottom: 1px solid #eee;
    }

    /* MOBILE EXTRA SECTION */
    .mobile-extra {
        display: block;
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #eee;
    }

    /* Secondary Menu */
    .mobile-secondary-menu ul {
        flex-direction: column;
        padding: 0;
        list-style: none;
    }


    .mobile-secondary-menu a {
        font-size: 16px;
        color: #555;
    }

    /* Google Review */
    .mobile-review {
        display: block;
        margin: 15px 0;
        font-weight: 600;
        color: #356E5D;
    }

    /* Social Icons */
    .mobile-social {
        display: flex;
        gap: 12px;
        margin-bottom: 15px;
    }

    .mobile-social img {
        width: 28px;
        height: 28px;
    }

    /* Contact Button */
    .mobile-contact {
        display: block;
        text-align: center;
        margin-bottom: 15px;
        padding: 10px;
        border-radius: 25px;
    }

    /* Phone */
    .mobile-phone {
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        color: #333;
    }

    /* Hide desktop phone wrapper */
    .header-phone-wrapper {
        display: none;
    }

    header .menu-item a,
    .mobile-secondary-menu .menu-item a {
        font-size: 16px;
        padding: 10px 0px;
        font-weight: 600;
    }
}

@media (max-width: 1199px) {

    /* Reset submenu for mobile */
    .navbar-nav .sub-menu {
        position: static;
        opacity: 1;
        display: none; /* IMPORTANT */
        box-shadow: none;
        padding: 0;
        background: transparent;
    }

    /* Disable hover open */
    .navbar-nav .menu-item-has-children:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        display: none;
    }

    /* Open only when active (via JS click) */
    .navbar-nav .menu-item-has-children.active > .sub-menu {
        display: block;
    }

    /* Arrow rotate on click instead of hover */
    .navbar-nav .menu-item-has-children.active > a::after {
        transform: rotate(180deg);
    }

    /* Better spacing */
    .navbar-nav .sub-menu li a {
        padding: 10px 15px 10px 10px;
        font-size: 14px;
    }
}



/* =========================
   MOBILE SLIDE MENU (RIGHT → LEFT)
========================= */

@media (max-width: 1199px) {

    .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        max-width: 500px;
        height: 100vh;
        background: #fff;
        z-index: -1;
        padding: 70px 20px;
        overflow-y: auto;
        transition: right 0.4s ease;
    }

    /* SHOW MENU */
    .navbar-collapse.show {
        right: 0;
    }

    /* BODY OVERLAY */
    body.menu-open::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
    }

    /* MENU ITEMS SPACING */
    .navbar-nav {
        flex-direction: column;
    }

    .navbar-nav a {
        padding: 12px 0;
        border-bottom: 1px solid #eee;
    }

}






.blog-row {
    margin-left: -12px;
    margin-right: -12px;
}

.blog-col {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 25px;
}

.blog-card {
    background: #F5F5F5;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.blog-image img {
    width: 100%;
    height: clamp(12.5rem, 6.0893rem + 13.373vw, 18.125rem);
    object-fit: cover;
}

.blog-content {
    padding: 30px 20px;
}

.blog-category {
    display: inline-block;
    background: #E85530;
    color: #fff;
    font-size: 16px;
    padding: 5px 12px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.blog-title {
    font-size: 18px;
    margin: 10px 0;
    line-height: 1.4;
}

.blog-title a {
    color: #000;
    text-decoration: none;
    font-size: 24px;
}

.blog-excerpt {
    color: #4B5563;
}

.blog-meta {
    font-size: 16px;
    color: #828282;
    margin-bottom: 20px;
}

.blog-single .blog-meta {
    text-align: center;
}

.blog-pagination {
    text-align: center;
    margin-top: 30px;
}

.blog-pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 4px;
    border-radius: 50%;
    background: #eee;
    text-decoration: none;
    color: #000;
}

.blog-pagination .current {
    background: #1f4d3b;
    color: #fff;
}

.blog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 45px 0;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 45px;
}

.blog-filter select {
    width: 100%;
    border: none;
    padding: 20.5px 20px;
    margin-top: 8px;
    font-size: 16px;
    color: #1E1E1E;
    background: url('../images/select-arrow.svg') no-repeat right #EBEBEB;
    background-position: 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.blog-filter {
    width: 100%;
    max-width: 398px;
}



.blog-single {
    background: #f5f5f5;
    padding: clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem) 0;
}

.blog-single-title {
    margin-bottom: 70px;
    max-width: 889px;
    margin: auto auto clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem) auto;
    text-align: center;
}

.blog-single-category {
    text-align: center;
}

.blog-single-image img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    margin-bottom: 50px;
}

.blog-single .section-page-banner img {
    border-radius: 16px;
}

.blog-single .section-page-banner {
    margin-bottom: 50px;
}


.blog-single-content h2 {
    margin-top: 35px;
    margin-bottom: 20px;
    display: block;
}

.blog-single-content {
    max-width: 1195px;
    margin: auto;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 30px;
}

.blog-single-content h3 {
    margin-top: 25px;
}

.blog-container {
    padding-top: clamp(1.875rem, -2.3988rem + 8.9153vw, 5.625rem);
    padding-bottom: clamp(1.875rem, -2.3988rem + 8.9153vw, 5.625rem);
}



.section-page-banner::before,
.section-home-hero::before,
.section-contact-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    -webkit-backdrop-filter: blur(0.5px);
    backdrop-filter: blur(0.5px);
    -webkit-mask: linear-gradient(to right, black 0%, black 40%, rgba(0, 0, 0, 0) 100%);
    mask: linear-gradient(to right, black 0%, black 40%, rgba(0, 0, 0, 0) 100%);
}

.section-home-hero::after,
.section-page-banner::after,
.section-contact-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(91deg, rgba(7, 7, 7, 1) 0%, rgba(99, 99, 99, 0.4) 53%, rgba(255, 255, 255, 0) 100%);
    opacity: 50%;
    z-index: 0;
}

.bg_imgMultiple {
    position: relative;
    width: 100%;
    height: 100%;
}

.bg_imgMultiple .banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    z-index: 0;
}

.bg_imgMultiple .banner-img.active {
    opacity: 1;
    z-index: 1;
}

.cmn-banner-content {
    position: relative;
    z-index: 11;
}


.blog-single .section-page-banner::before,
.blog-single .section-page-banner::after {
    display: none;
}

.blog-single .section-page-banner {
    min-height: 70vh;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
}

li::marker {
    color: #356E5D;
    ;
}

thead tr {
    background-color: #356E5D;
    color: #ffffff;
    text-align: left;
}

th,
td {
    padding: 12px 15px;
}

tbody tr {
    border-bottom: 1px solid #dddddd;
}

tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

tbody tr:hover {
    background-color: #f1f1f1;
}

.blog-single blockquote {
    padding: 0 0 0 45px;
    background-image: url(../images/quotes.png);
    background-position: 0 8px;
    background-repeat: no-repeat;
    color: #b2b2b2;
    font-style: italic;
    font-size: 20px;
}

.read-more-reviews-link {
    text-align: center;
    padding-top: 30px;
}

.reviews-wrapper {
    padding: 0 20px;
}

.reviews-wrapper .ti-widget.ti-goog .ti-review-item>.ti-inner {
    background-color: #ffffff !important;

}

@media (max-width: 991px) {
    .blog-header {
        flex-direction: column;
        justify-content: center;
    }

    .blog-single .section-page-banner {
        min-height: 60vh;
    }
}