/* Custom CSS for Left Sidebar Contact Icons - Highest Priority */

/* Remove background from specific statistics section */
.statistics-no-bg {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* Remove ::before pseudo-element from specific statistics section */
.statistics-no-bg::before {
    display: none !important;
    content: none !important;
}

/* Section title styling for awards and accreditations */
.section-title {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #443935 !important;
    font-family: "Marcellus", serif !important;
    text-align: center !important;
    z-index: 9;
    position: relative;
}

/* Center Align Navbar */
.header-nav {
    justify-content: center !important;
    flex-grow: 1 !important;
}

.header-nav .navbar-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.header-nav .navbar-nav li {
    margin: 0 12px !important;
}

.clearfix.d-flex.align-items-center {
    justify-content: space-between !important;
    align-items: center !important;
}

.logo-header {
    flex-shrink: 0 !important;
    margin-left: 35px !important;
}

/* Mobile - Logo at left end */
@media (max-width: 991px) {
    .logo-header {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}

.extra-nav {
    flex-shrink: 0 !important;
}

/* ===== MOBILE RESPONSIVE STYLES ===== */

/* Mobile Header Layout - Logo Left, Search & Hamburger Right */
@media (max-width: 991px) {
    .header-style-1 .main-bar .clearfix.d-flex.align-items-center {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        position: relative !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    /* Mobile navigation margin */
    .header-style-1 .header-nav .nav {
        margin: 60px 0 !important;
    }

    /* Mobile navigation link padding */
    .header-style-1 .header-nav .nav>li>a {
        padding: 10px 1px !important;
    }

    /* Logo positioning - reverted to original */
    .header-style-1 .logo-header {
        order: 1 !important;
        margin-left: 15px !important;
        padding-left: 0 !important;
        float: none !important;
        position: relative !important;
    }

    .header-style-1 .logo-header .logo-header-inner {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .header-style-1 .logo-header .logo-header-inner img {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /* Hide main navigation on mobile (shown via hamburger) */
    .header-style-1 .header-nav {
        order: 2 !important;
        position: absolute !important;
    }

    /* Search icon before hamburger */
    .header-style-1 .extra-nav.header-1-nav {
        order: 3 !important;
        display: flex !important;
        align-items: center !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        float: none !important;
        height: auto !important;
    }

    .header-style-1 .extra-nav .extra-cell {
        display: inline-block !important;
        vertical-align: middle !important;
    }

    .header-style-1 .extra-nav .header-search-icon {
        padding: 15px 10px !important;
    }

    /* Hamburger menu on the right */
    .header-style-1 .navbar-toggler {
        order: 4 !important;
        margin-right: 15px !important;
        margin-left: 5px !important;
        position: relative !important;
        right: 0 !important;
        flex-shrink: 0 !important;
    }

    /* Remove right margin from extra-nav on mobile */
    .header-style-1 .extra-nav {
        margin-right: 0 !important;
    }

    /* Mobile hamburger button styling */
    .header-style-1.mobile-sider-drawer-menu #mobile-side-drawer {
        min-height: 20px !important;
        position: relative !important;
    }

    /* Tablet hamburger button padding */
    .header-style-1.mobile-sider-drawer-menu #mobile-side-drawer {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Header Background Color - Transparent */
.site-header {
    background-color: transparent !important;
}

.main-bar {
    background-color: transparent !important;
}

.main-bar-wraper {
    background-color: transparent !important;
}

/* Override header-style-1 specific background */
.header-style-1 .main-bar {
    background: transparent !important;
    background-color: transparent !important;
}

/* Page content margin adjustment */
.page-content {
    margin-top: -90px !important;
}

/* Menu and search bar content color white */
.header-style-1 .header-nav .nav>li>a,
.header-style-1 .extra-nav .header-search a,
.header-style-1 .extra-nav .site-button {
    color: #ffffff !important;
}

/* Sticky menu styling - black text and light background */
.header-style-1.is-fixed .main-bar {
    background: #f9f3ea !important;
    background-color: #f9f3ea !important;
}

.header-style-1.is-fixed .header-nav .nav>li>a,
.header-style-1.is-fixed .extra-nav .header-search a,
.header-style-1.is-fixed .extra-nav .site-button {
    color: #000000 !important;
}

/* WhatsApp button styling - Outlined style */
.whatsapp-button {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    transition: all 0.3s ease !important;
}

.whatsapp-button:hover {
    background: #ffffff !important;
    color: #754224 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.3) !important;
}

.whatsapp-button i {
    margin-right: 5px !important;
    color: inherit !important;
}

/* Sticky header WhatsApp button - outlined style with black */
.header-style-1.is-fixed .whatsapp-button {
    background: transparent !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

.header-style-1.is-fixed .whatsapp-button:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Logo styling - white for normal header, regular for sticky */
.logo-header img {
    transition: all 0.3s ease;
}

/* Hide white logo and show regular logo when header is sticky */
.header-style-1.is-fixed .logo-header img {
    opacity: 0;
    position: absolute;
}

.header-style-1.is-fixed .logo-header::after {
    content: '';
    background-image: url('../images/new/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/* Add padding around logo in sticky menu */
.header-style-1.is-fixed .logo-header {
    padding: 10px !important;
}



/* Hero section layout - side by side */
.slider-space-left {
    flex: 1 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 60px !important;
    padding-top: 270px !important;
}

/* Left side - Advanced text */
.slider-space-left-area {
    text-align: left !important;
    flex: 0 0 auto !important;
    max-width: 40% !important;
    margin-right: 20px !important;
}

/* Hero text styling */
.hme2-large-text {
    font-family: "Marcellus", serif;
    font-size: 50px;
    max-width: 948px;
    text-align: left !important;
    line-height: 1;
}

/* Advanced text styling */
.hm2-half-text-efct {
    font-size: 120px !important;
    text-align: center !important;
    position: relative !important;
}

/* Static text styling for inner pages - no hover effects */
.hm2-half-text-static {
    font-size: 120px !important;
    text-align: center !important;
    position: relative !important;
    color: #fafafa !important;
    font-weight: 900 !important;
    font-family: "Urbanist", serif !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin-bottom: 20px !important;
}

/* Center the Architecture & Interior Design span within Advanced text */
.hm2-half-text-efct span:nth-child(4) {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    z-index: 10 !important;
}

/* Emblem wrapper styling for proper centering and circular design */
.emblem-wrap i {
    margin: 0 auto;
    width: 132px;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
}

/* Inner page hero styling for mobile and tablet screens */
.inner-page-hero .slider-space-left-area .hm2-half-text-static,
.inner-page-hero .slider-outer .hm2-half-text-static,
.inner-page-hero .slider-space-left .hm2-half-text-static {
    color: #fafafa !important;
    text-align: left !important;
    display: block !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    transition: none !important;
    font-size: 55px !important;
    margin-top: 0px !important;
    line-height: 1 !important;
}

/* Hide animated hero titles on mobile and tablet screens */
@media (max-width: 991px) {
    .inner-page-hero .hme2-large-text.title_split_anim {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Slider outer styling for mobile and tablet screens */
    .slider-outer {
        position: relative !important;
        overflow: hidden !important;
        min-height: 0vh !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Mini text padding for mobile and tablet screens */
    .hme2-mini-text {
        padding-left: 0px !important;
    }
}

/* History content styling */
.history-content.text-white {
    padding-left: 20px;
    padding-top: 20px;
}

/* Override any center alignment for inner page hero titles */
.inner-page-hero .slider-space-left-area .hme2-large-text,
.inner-page-hero .slider-outer .hme2-large-text,
.inner-page-hero .slider-space-left .hme2-large-text {
    text-align: left !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Force left alignment for Advanced text - override any centering */
.slider-space-left-area .hm2-half-text-efct,
.slider-outer .hm2-half-text-efct,
.slider-space-left .hm2-half-text-efct {
    text-align: center !important;
    display: block !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Emblem rotated text color */
.emblem-wrap .emblem span {
    color: #000000 !important;
}

/* Circle text element styling */
.circle-text2 {
    align-self: flex-end !important;
}

/* Video section styling */
.video-section2-outer-wrap {
    position: relative;
    overflow: hidden;
    margin-top: -30px;
}

.video-section2-outer-wrap .video-section2 {
    position: relative;
    z-index: 1;
    margin: 120px 0px 120px 0;
    height: 550px;
}

/* Light black overlay for video */
.video-section2-outer-wrap .video-section2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 2;
    pointer-events: none;
}

/* Slider left sidebar styling */
.slider-outer .slider-left-sidebar {
    width: 40px;
    background-color: #443935;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

/* Apply bottom: 30px only to homepage, not inner pages */
body:not(.inner-page) .slider-outer .slider-left-sidebar {
    bottom: 30px;
}

/* Remove background color for logo strip */
.header-style-1 .logo-header .logo-header-inner::after {
    background-color: transparent !important;
}

/* Remove before and after styling from section headings */
.section-head .wt-small-separator::before,
.section-head .wt-small-separator::after {
    display: none !important;
}

/* Footer styling - black background and white text */
.site-footer {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.site-footer .widget-title,
.site-footer .copyrights-text,
.site-footer p,
.site-footer span,
.site-footer a,
.site-footer li {
    color: #ffffff !important;
}

.site-footer a:hover {
    color: #795548 !important;
}

/* Footer top section styling */
.footer-dark .footer-top {
    padding: 0 !important;
    background: #312925 !important;
    padding: 43px 0px 0px 0px !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Footer list item styling */
.widget_address li {
    margin-bottom: 0px !important;
    position: relative !important;
    padding-left: 40px !important;
    border-bottom: none !important;
    padding-bottom: 0px !important;
}


/* Client logo section background color */
.Client-logo-style1-wrap {
    background-color: #f9f3ea !important;
}

/* Make Luxury text white in pricing section */
.pricing-highlight .p-table-price span {
    color: #ffffff !important;
}

/* Locker images styling - 70% smaller */
.locker__image img {
    width: 30% !important;
    height: 210px !important;
    margin-top: 0px;
    position: absolute;
    transition: all 1s ease;
    object-fit: cover;
    object-position: center center;
}

/* Adjust locker container for smaller images */
.locker__container {
    height: 250px !important;
    position: relative;
}

.locker__image {
    height: 250px !important;
}

/* Hero text responsive font size */
@media (max-width: 1600px) {
    .hme2-large-text {
        font-size: 40px !important;
    }
}

/* Video section background */
.video-section2-outer-wrap::after {
    content: "";
    position: absolute;
    background-color: #fafaf5;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 300px;
    left: 0px;
    z-index: -1;
    top: 0px;
    bottom: 0px;
}

/* Uniform section spacing - 30px gap for all sections */
.section-full {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    z-index: 1;
}

/* Remove top padding for client logo section */
.Client-logo-style1-wrap {
    padding-top: 0px !important;
}

/* Reduce gap between partner logos and remove space above */
.Client-logo-style1-wrap .swiper-slide {
    margin-right: 10px !important;
}

.Client-logo-style1-wrap .swiper-wrapper {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.Client-logo-style1-wrap .home-client-carousel2-wrap {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* Style header navigation links */
.header-style-1 .header-nav .nav>li>a {
    font-size: 12px;
    padding: 0px 1px;
    cursor: pointer;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Style client logo carousel */
.home-client-carousel2 .client-logo {
    max-width: 200px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.home-client-carousel2 .client-logo img {
    max-height: 120px !important;
    max-width: 200px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Hide company experience section background */
.company-exp-position .company-exp::after {
    display: none !important;
}

/* Make footer icons white */
.site-footer .social-icons i,
.site-footer .widget_address i {
    color: #ffffff !important;
}

/* Remove cursor hover effects */
.cursor,
.cursor2 {
    display: none !important;
}

.cursor-scale {
    cursor: default !important;
}

/* Footer email and phone styling - one line without labels */
.site-footer .widget_address li {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}

.site-footer .widget_address li i {
    margin-right: 10px !important;
    font-size: 16px !important;
}

.site-footer .widget_address li span {
    display: none !important;
}

/* Style pricing table price spans */
.pricing-table-1 .p-table-price span {
    font-family: "Urbanist", serif;
    color: #795548;
    font-size: 45px;
    line-height: 6px;
    font-weight: 900;
    display: block;
    margin-bottom: 20px;
}

/* Style accordion headings in values section */
.twm-acd-st-1 .heading {
    top: 300px;
    position: absolute;
    width: 70%;
    max-width: 100%;
    margin: 0;
    margin-top: 0px;
    font-size: 22px;
    text-align: left;
    color: #fff;
    line-height: 1.3;
}

/* Inside content styling */
.inside-content {
    text-align: left;
    width: 500px;
    padding-left: 25px;
    max-width: 80%;
    position: absolute;
    top: 360px;
    line-height: 1.4;
}

/* Get Quote Button Styling for Key Sectors - matching header button style */
.sector-quote-btn {
    margin-top: 40px !important;
}

.sector-quote-btn .get-quote-btn {
    --angle: 45deg;
    background: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    padding: 12px 24px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
}

.get-quote-btn:hover {
    background: #ffffff !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2) !important;
}

/* Style pricing table price sections */
.pricing-table-1 .p-table-price {
    color: #443935;
    border-bottom: 2px solid rgb(241, 150, 69);
    background-color: #fff;
    padding: 40px 20px 30px 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    text-align: center;
    border-radius: 2px;
    margin-right: 20px;
}



/* Woody gradient for all buttons */
:root {
    --angle: 45deg;
}

/* Apply woody gradient to all buttons */
.site-button:not(.site-button-outline),
.btn:not(.site-button-outline),
button:not(.site-button-outline),
input[type="submit"]:not(.site-button-outline),
input[type="button"]:not(.site-button-outline),
a[class*="btn"]:not(.site-button-outline),
a[class*="button"]:not(.site-button-outline) {
    --angle: 45deg;
    background: linear-gradient(var(--angle), #C69C6D, #754224) !important;
    border: none !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.site-button:not(.site-button-outline):hover,
.btn:not(.site-button-outline):hover,
button:not(.site-button-outline):hover,
input[type="submit"]:not(.site-button-outline):hover,
input[type="button"]:not(.site-button-outline):hover,
a[class*="btn"]:not(.site-button-outline):hover,
a[class*="button"]:not(.site-button-outline):hover {
    --angle: 45deg;
    background: linear-gradient(var(--angle), #754224, #C69C6D) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Specific styling for header button */
.extra-nav .site-button {
    --angle: 45deg;
    background: transparent !important;
    border: 1px solid #fafafa !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.extra-nav .site-button:hover {
    background: #fafafa !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2) !important;
}

/* Hero Title Font Size for screens up to 1600px */
@media (max-width: 1600px) {
    .hm2-half-text-efct {
        font-size: 120px !important;
        line-height: 140px !important;
    }

    .hme2-large-text {
        font-size: 35px !important;
    }
}

/* Equal spacing for all icons in left sidebar */
.slider-l-social ul li,
.slider-l-contact ul li {
    text-align: center !important;
    margin-bottom: 15px !important;
}

.slider-l-social ul li:last-child,
.slider-l-contact ul li:last-child {
    margin-bottom: 0 !important;
}

/* Contact Icons in Left Sidebar */
.slider-l-contact {
    margin-top: 15px !important;
    display: block !important;
    visibility: visible !important;
}

.slider-l-contact ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.slider-l-contact ul li a {
    color: #ffffff !important;
    font-size: 18px !important;
    display: block !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 5px !important;
}

.slider-l-contact ul li a:hover {
    color: #ff6b35 !important;
}

/* WhatsApp specific styling */
.slider-l-contact ul li a .bi-whatsapp:hover {
    color: #25D366 !important;
}

/* Phone specific styling */
.slider-l-contact ul li a .bi-telephone:hover {
    color: #ff6b35 !important;
}

/* Email specific styling */
.slider-l-contact ul li a .bi-envelope:hover {
    color: #ff6b35 !important;
}


/* Responsive Design for Contact Icons */
@media (max-width: 991px) {
    .slider-l-contact {
        margin-top: 10px !important;
    }

    .slider-l-social ul,
    .slider-l-contact ul {
        display: flex !important;
        margin-bottom: 0px !important;
    }

    .slider-l-social ul li,
    .slider-l-contact ul li {
        margin-bottom: 0 !important;
        margin-right: 10px !important;
    }

    .slider-l-social ul li:last-child,
    .slider-l-contact ul li:last-child {
        margin-right: 0 !important;
    }

    .slider-l-social ul li a,
    .slider-l-contact ul li a {
        font-size: 14px !important;
        width: 30px !important;
        height: 30px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

@media (max-width: 1024px) and (max-width: 575px) {
    .acd-bx.enabled .section.open h2.heading {
        min-width: 100%;
        left: auto;
        top: auto;
        margin-bottom: 20px;
        display: none;
    }

    .twm-acd-st-1 .heading {
        top: -10px;
    }
}

body {
    background-color: #f9f3ea !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

/* Hero Background Video Styling */
.hero-background-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: -1 !important;
    opacity: 0.8 !important;
}

.slider-outer {
    position: relative !important;
    overflow: hidden !important;
    min-height: 90vh !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Hero Text White Color */
.hm2-half-text-efct,
.hme2-large-text,
.hme2-mini-text,
.hme2-bnr-review-text,
.hme2-bnr-review-b-title,
.emblem,
.circle-text2,
.hme2-mini-text-wrap {
    color: #fafafa !important;
}

/* Make initial Advanced text transparent on hover */
.hm2-half-text-efct:hover {
    color: transparent !important;
}

/* Luxury background gradient helper class */
.luxury-bg {
    background: linear-gradient(0deg, #f9f3ea 0%, #C69C6D 16%, #754224 67.5%, rgba(255, 255, 255, 0.13) 100%) !important;
}

/* Statistics Section Styling */
.statistics-section {
    position: relative !important;
}

.statistics-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(249, 243, 234, 0.85) !important;
    z-index: 1;
}

.statistics-section .container {
    position: relative;
    z-index: 2;
}

.statistics-description p {
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #443935 !important;
    font-family: "Urbanist", serif !important;
    margin: 0 !important;
}

.statistics-grid {
    padding-left: 30px !important;
}

.stat-item {
    text-align: center !important;
    padding: 20px 15px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
}

.stat-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.stat-icon {
    margin-bottom: 15px !important;
}

.stat-icon i {
    font-size: 32px !important;
    color: #C69C6D !important;
    background: linear-gradient(45deg, #C69C6D, #754224) !important;
    -webkit-background-clip: text !important;

    background-clip: text !important;
}

.stat-number {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #443935 !important;
    font-family: "Marcellus", serif !important;
    margin-bottom: 8px !important;
    line-height: 1 !important;
}

.stat-label {
    font-size: 14px !important;
    color: #754224 !important;
    font-weight: 500 !important;
    font-family: "Urbanist", serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 1.3 !important;
}

/* Responsive Design for Statistics */
@media (max-width: 768px) {
    .statistics-section {
        padding: 60px 0 !important;
    }

    .statistics-grid {
        padding-left: 0 !important;
        margin-top: 40px !important;
    }

    .stat-description p {
        font-size: 16px !important;
        text-align: center !important;
    }

    .stat-item {
        margin-bottom: 20px !important;
    }

    .stat-number {
        font-size: 28px !important;
    }

    .stat-label {
        font-size: 13px !important;
    }
}

/* Awards & Accreditations Section */
.awards-accreditations-section {
    background-color: #ffffff !important;
}

.section-title {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #443935 !important;
    font-family: "Marcellus", serif !important;
    text-align: center !important;
}

.awards-section,
.accreditations-section {
    padding: 0 10px !important;
    margin: 0 !important;
}

.awards-carousel-wrap,
.accreditations-carousel-wrap {
    position: relative !important;
    overflow: visible !important;
    padding: 0 !important;
    display: block !important;
}

.award-item,
.accreditation-item {
    text-align: center !important;
    padding: 20px 15px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.award-item:hover,
.accreditation-item:hover {
    transform: none !important;
    box-shadow: none !important;
}

.award-logo,
.accreditation-logo {
    height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.award-logo img,
.accreditation-logo img {
    max-height: 120px !important;
    max-width: 200px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.award-title,
.accreditation-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #443935 !important;
    font-family: "Urbanist", serif !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
}

.accreditation-description {
    font-size: 14px !important;
    color: #754224 !important;
    font-family: "Urbanist", serif !important;
    line-height: 1.3 !important;
}


/* Responsive Design for Awards & Accreditations */
@media (max-width: 768px) {
    .awards-accreditations-section {
        padding: 60px 0 !important;
    }

    .awards-section,
    .accreditations-section {
        padding: 0 10px !important;
        margin-bottom: 40px !important;
    }

    .section-title {
        font-size: 20px !important;
        text-align: center !important;
        margin-bottom: 30px !important;
    }

    .awards-carousel-wrap,
    .accreditations-carousel-wrap {
        padding: 0 !important;
    }

    .award-item,
    .accreditation-item {
        padding: 15px 10px !important;
    }

    .award-logo,
    .accreditation-logo {
        height: 80px !important;
        margin-bottom: 15px !important;
    }

    .award-logo img,
    .accreditation-logo img {
        max-height: 80px !important;
        max-width: 150px !important;
    }

    .award-title,
    .accreditation-title {
        font-size: 14px !important;
    }

    .accreditation-description {
        font-size: 12px !important;
    }
}

/* Container max-width for larger screens */
@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1350px;
    }
}

/* Hero text spans and elements - preserve original hover effect colors */
.hm2-half-text-efct span:nth-child(1) {
    color: #fafafa !important;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
    overflow: hidden;
}

.hm2-half-text-efct span:nth-child(2) {
    color: #fafafa !important;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
    overflow: hidden;
}

.hm2-half-text-efct span:nth-child(3) {
    color: #fafafa !important;
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%) scaleY(0);
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    padding-left: 0px;
    margin-left: 0px;
    transition: 0.5s;
    font-size: 18px !important;
}

.project-new-category {
    color: #fafafa !important;
}

/* Preserve hover effects for hero text */
.hm2-half-text-efct:hover span:nth-child(1) {
    transform: translateY(-30px);
    color: #fafafa !important;
}

.hm2-half-text-efct:hover span:nth-child(3) {
    transform: translateY(-50%) scaleY(1);
    color: #fafafa !important;
}

.hm2-half-text-efct:hover span:nth-child(2) {
    transform: translateY(30px);
    color: #fafafa !important;
}

/* Other hero text spans */
.hme2-large-text span,
.hme2-mini-text span,
.hme2-bnr-review-text span,
.hme2-bnr-review-b-title span {
    color: #fafafa !important;
}

/* Review rate stars white color */
.hme2-bnr-review-rate span {
    color: #fafafa !important;
}

/* Hero sidebar gradient background */
.slider-left-sidebar {
    background: rgba(255, 255, 255, 0.9) !important;
}

.slider-left-sidebar-position {
    background: transparent !important;
}

.slider-l-social,
.slider-l-contact {
    background: none !important;
    background-color: transparent !important;
}

/* Social and contact icons styling */
.social-icons,
.contact-icons {
    background: none !important;
    background-color: transparent !important;
}

.social-icons li,
.contact-icons li {
    background: none !important;
    background-color: transparent !important;
}

.social-icons li a,
.contact-icons li a {
    background: none !important;
    background-color: transparent !important;
    color: #000000 !important;
}

.social-icons li a i,
.contact-icons li a i {
    color: #000000 !important;
}

/* Sticky WhatsApp Chat Icon */
.whatsapp-sticky {
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    z-index: 9999 !important;
    width: 60px !important;
    height: 60px !important;
    background-color: #25D366 !important;
    /* Original WhatsApp green */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;
    transition: all 0.3s ease !important;
    animation: pulse 2s infinite !important;
}

.whatsapp-sticky:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6) !important;
}

.whatsapp-sticky a {
    color: #ffffff !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.whatsapp-sticky i {
    font-size: 28px !important;
    color: #ffffff !important;
}

/* Pulse animation for WhatsApp icon */
@keyframes pulse {
    0% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    }

    50% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4), 0 0 0 10px rgba(37, 211, 102, 0.1);
    }

    100% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    }
}

/* Lightbox Popup Size and Controls */
.lc_lightbox_wrapper .lc_lightbox_content {
    min-width: 80vw !important;
    min-height: 80vh !important;
    max-width: 90vw !important;
    max-height: 90vh !important;
}

.lc_lightbox_wrapper .lc_lightbox_content img,
.lc_lightbox_wrapper .lc_lightbox_content video {
    max-width: 100% !important;
    max-height: 80vh !important;
    object-fit: contain !important;
}

/* Consistent positioning for lightbox navigation arrows */
.lc_lightbox_wrapper .lc_nav_left,
.lc_lightbox_wrapper .lc_nav_right {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999999 !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(197, 164, 126, 0.8) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

.lc_lightbox_wrapper .lc_nav_left {
    left: 20px !important;
}

.lc_lightbox_wrapper .lc_nav_right {
    right: 20px !important;
}

.lc_lightbox_wrapper .lc_nav_left:hover,
.lc_lightbox_wrapper .lc_nav_right:hover {
    background: rgba(197, 164, 126, 1) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

/* Close button positioning */
.lc_lightbox_wrapper .lc_close {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 999999 !important;
}

/* Read more link hover effect */
.site-button-link:hover {
    color: #795548 !important;
}

.site-button-link.site-text-primary:hover {
    color: #795548 !important;
}

/* Read More button styling - wooden gradient background */
.site-button-link.site-text-primary {
    background: linear-gradient(45deg, #C69C6D, #754224) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

/* Remove before content for READ MORE buttons */
.site-button-link.site-text-primary::before {
    content: none !important;
}

/* Icon box button padding */
.icon-box-style-one-wrap .icon-box-style-one .site-button-link {
    padding-left: 45px !important;
}

/* Remove before content for icon box buttons */
.icon-box-style-one-wrap .icon-box-style-one .site-button-link::before {
    content: none !important;
}

/* Company experience tagline button padding - more specific */
.company-exp-tagline .site-button-link.site-text-primary,
.company-exp-tagline a.site-button-link.site-text-primary,
.company-exp-tagline .site-button-link,
.company-exp-tagline a.site-button-link {
    padding-left: 45px !important;
}

/* Widget address list item styling */
.widget_address li {
    margin-bottom: 0px !important;
    position: relative !important;
    padding-left: 40px !important;
    border-bottom: none !important;
    padding-bottom: 0px;
}

/* Widget margin bottom */
.widget {
    margin-bottom: 10px;
}

/* Footer bottom info styling */
.footer-dark .footer-bottom .footer-bottom-info {
    display: flex;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
}

/* Why choose us section background - specific targeting */
#why-choose-us-section,
.section-full:has(.wt-small-separator:contains("Why choose us")),
.section-full:has(.wt-title:contains("What you can expect if you choose us")) {
    background-image: url('../images/new/wooden-bg.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

.site-button-link.site-text-primary:hover {
    color: #ffffff !important;
    background: linear-gradient(45deg, #754224, #C69C6D) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Company experience section Read More button */
.company-exp-tagline .site-button-link.site-text-primary {
    background: linear-gradient(45deg, #C69C6D, #754224) !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

.company-exp-tagline .site-button-link.site-text-primary:hover {
    background: linear-gradient(45deg, #754224, #C69C6D) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Tagline styling with wooden gradient border colors */
.tagline {
    background-color: #f9f3ea !important;
    max-width: 310px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 30px !important;
    padding: 30px !important;
    outline-width: 3px !important;
    outline-offset: 15px !important;
    outline-color: #C69C6D !important;
    /* Wooden gradient light color */
    outline-style: double !important;
    border-top: 10px solid #C69C6D !important;
    /* Wooden gradient light */
    border-left: 10px solid #754224 !important;
    /* Wooden gradient dark */
    border-bottom: 10px solid #754224 !important;
    /* Wooden gradient dark */
    border-right: 10px solid #C69C6D !important;
    /* Wooden gradient light */
}

.eader-style-1 .logo-header .logo-header-inner::after {
    background-color: #fafafa;
}

.logo-footer img {
    border-style: none;
    height: auto;
    max-width: 150px;
    vertical-align: initial;
}

#why-choose-us-section {
    background: url("../images/new/wooden-bg.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    margin-top: -30px;
}

/* White text for Why choose us section */
#why-choose-us-section .wt-small-separator,
#why-choose-us-section .wt-title,
#why-choose-us-section .wt-title span,
#why-choose-us-section h2,
#why-choose-us-section h3,
#why-choose-us-section .section-head .wt-title a {
    color: #ffffff !important;
}

/* Submenu background - wooden gradient for all header styles */
.header-style-1 .header-nav .nav>li .sub-menu,
.header-style-2 .header-nav .nav>li .sub-menu {
    background: #fafafa;
}

/* Submenu text color - white for better visibility on wooden gradient */
.header-style-1 .header-nav .nav>li .sub-menu li a,
.header-style-2 .header-nav .nav>li .sub-menu li a {
    color: #443935 !important;
}

/* Submenu hover text color */
.header-style-1 .header-nav .nav>li .sub-menu li:hover>a,
.header-style-2 .header-nav .nav>li .sub-menu li:hover>a,
.header-style-1 .header-nav .nav>li .sub-menu li a:hover,
.header-style-2 .header-nav .nav>li .sub-menu li a:hover {
    color: #f9f3ea !important;
}

/* Submenu border styling with wooden gradient colors */
.header-style-1 .header-nav .nav>li .sub-menu li,
.header-style-2 .header-nav .nav>li .sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Hero banner arrow button - outlined style */
.hme2-btn {
    --angle: 45deg;
    background: transparent !important;
    border: 1px solid #fafafa !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.hme2-btn:hover {
    background: #fafafa !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2) !important;
}

.hme2-btn i {
    color: inherit !important;
}

/* Mini text styling - description paragraph */
.hme2-mini-text {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Urbanist", serif !important;
    color: #fafafa !important;
    letter-spacing: 1px !important;
    max-width: 500px !important;
    line-height: 24px !important;
    padding-left: 0 !important;
    text-align: left !important;
}

/* Responsive design for side-by-side layout */
@media (max-width: 1200px) {
    .slider-space-left {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 30px !important;
        justify-content: flex-start !important;
    }

    .slider-space-left-area {
        max-width: 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .hme2-mini-text-wrap {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        align-items: flex-start !important;
    }
}

@media (max-width: 768px) {
    .slider-space-left {
        gap: 20px !important;
    }

    .hme2-mini-text-wrap {
        align-items: center !important;
        text-align: center !important;
    }
}

/* Right side - Circle text, description, reviews and button */
.hme2-mini-text-wrap {
    flex: 0 0 auto !important;
    max-width: 60% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-left: auto !important;
}

/* Button positioning in side-by-side layout */
.hme2-bnr-review-box-wrap {
    margin-top: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px !important;
}

.video-section2-right {
    width: 85%;
}

/* Awards section border - only on larger screens */
@media (min-width: 992px) {
    .awards-section {
        border-right: 1px dashed #443935;
        padding-right: 20px !important;
        margin-right: 0 !important;
        width: calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }

    .accreditations-section {
        padding-left: 20px !important;
        margin-left: 0 !important;
        width: calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }
}

/* Remove left padding for About Us page statistics */
.about-main-content+.statistics-section .statistics-description {
    padding-left: 0 !important;
}

/* Section Separators */
.section-separator {
    height: 100px !important;
    background: linear-gradient(45deg, #754224 0%, #C69C6D 50%, #f9f3ea 100%) !important;
    position: relative !important;
    overflow: hidden !important;
}

.section-separator::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: url('../images/new/about/2.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    opacity: 0.3 !important;
    z-index: 1 !important;
}

.section-separator::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #C69C6D, #754224) !important;
    border-radius: 2px !important;
    z-index: 2 !important;
}

/* About Us Page Specific Styles */



/* Secondary Sticky Navigation Menu */
.secondary-nav-menu {
    background-color: #f9f3ea !important;
    border-bottom: 1px solid #e0d5c7 !important;
    padding: 0 !important;
    transition: all 0.3s ease !important;
    z-index: 9 !important;
}

.secondary-nav-menu.sticky-nav {
    position: sticky !important;
    top: 80px !important;
    /* Adjust based on header height */
}

.secondary-nav-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.secondary-nav-list {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

.secondary-nav-list li {
    margin: 0 !important;
}

.secondary-nav-link {
    display: block !important;
    padding: 15px 30px !important;
    color: #754224 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-family: "Urbanist", serif !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}


.secondary-nav-link.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    height: 3px !important;
    background-color: #C69C6D !important;
}

/* About Main Content Section */
.about-main-content {
    background: linear-gradient(90deg, #ffffff 0%, #f9f3ea 50%, #ffffff 100%) !important;
    position: relative !important;
}

.about-main-content::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: url('../images/new/about/2.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    opacity: 0.05 !important;
    z-index: 1 !important;
}

.about-main-content .container {
    position: relative !important;
    z-index: 2 !important;
}

/* About Content Slider */
.about-content-slider-wrapper {
    position: relative !important;
}

.about-content-slider {
    overflow: hidden !important;
    padding-bottom: 50px !important;
}

.about-content-slider .swiper-slide {
    height: auto !important;
}

.about-main-image img {
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.about-main-image img:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
}

.about-headings {
    margin-bottom: 30px !important;
}

.about-heading {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #999999 !important;
    margin-bottom: 10px !important;
    font-family: "Urbanist", serif !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
}

.about-heading:hover {
    color: #C69C6D !important;
    background-color: rgba(196, 156, 109, 0.1) !important;
    transform: translateX(5px) !important;
}

.about-heading.active {
    color: #754224 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    background-color: rgba(117, 66, 36, 0.1) !important;
}

.about-heading.active:hover {
    color: #754224 !important;
    background-color: rgba(117, 66, 36, 0.15) !important;
}

.about-description p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #443935 !important;
    font-family: "Urbanist", serif !important;
    margin: 0 !important;
}

.about-pagination {
    margin-top: 30px !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: center !important;
}

.pagination-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #dddddd !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.pagination-dot:hover {
    background-color: #C69C6D !important;
    transform: scale(1.2) !important;
}

.pagination-dot.active {
    background-color: #754224 !important;
    width: 12px !important;
    height: 12px !important;
}

/* Our Values Section */
.our-values-section {
    padding: 80px 0 !important;
    background: linear-gradient(135deg, #f9f3ea 0%, #C69C6D 50%, #754224 100%) !important;
    position: relative !important;
}

/* Helper class for white text on gradient backgrounds */
.text-white * {
    color: #ffffff !important;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
    color: #ffffff !important;
}

.text-white p,
.text-white span,
.text-white div {
    color: #ffffff !important;
}

.text-white .wt-small-separator,
.text-white .wt-title {
    color: #ffffff !important;
}

.text-white .wt-small-separator div {
    color: #ffffff !important;
}

.our-values-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: url('../images/new/about/2.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    opacity: 0.1 !important;
    z-index: 1 !important;
}

.our-values-section .container {
    position: relative !important;
    z-index: 2 !important;
}

.value-card {
    background-color: #ffffff !important;
    padding: 40px 30px !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
    text-align: center !important;
}

.value-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
}

.value-icon {
    margin-bottom: 25px !important;
}

.value-icon i {
    font-size: 48px !important;
    background: linear-gradient(45deg, #C69C6D, #754224) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.value-card h4 {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #443935 !important;
    font-family: "Marcellus", serif !important;
    margin-bottom: 15px !important;
}

.value-card p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #666666 !important;
    font-family: "Urbanist", serif !important;
    margin: 0 !important;
}

/* Our History Section */
.our-history-section {
    padding: 80px 0 !important;
    background: linear-gradient(45deg, #754224 0%, #C69C6D 50%, #f9f3ea 100%) !important;
    position: relative !important;
}


.our-history-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: url('../images/new/about/2.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    opacity: 0.15 !important;
    z-index: 1 !important;
}

.our-history-section .container {
    position: relative !important;
    z-index: 2 !important;
}

.history-image img {
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}


.history-content h3::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: linear-gradient(45deg, #C69C6D, #754224) !important;
}


.history-stats {
    display: flex !important;
    gap: 40px !important;
}

.history-stats .stat-item {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.history-stats .stat-icon {
    width: 50px !important;
    height: 50px !important;
    background: linear-gradient(45deg, #C69C6D, #754224) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.history-stats .stat-icon i {
    color: #ffffff !important;
    font-size: 20px !important;
}

.history-stats .stat-content {
    display: flex !important;
    flex-direction: column !important;
}

.history-stats .stat-label {
    font-size: 12px !important;
    color: #999999 !important;
    font-family: "Urbanist", serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.history-stats .stat-number {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #443935 !important;
    font-family: "Marcellus", serif !important;
}

/* History Timeline Section */
.history-timeline-wrapper {
    margin-top: 60px !important;
}

.history-timeline-nav {
    position: relative !important;
    margin-bottom: 60px !important;
    display: flex !important;
    justify-content: center !important;
}

.timeline-line {
    position: absolute !important;
    top: 50% !important;
    left: 10% !important;
    right: 10% !important;
    height: 2px !important;
    background-color: #dddddd !important;
    z-index: 1 !important;
}

.timeline-years {
    display: flex !important;
    justify-content: space-between !important;
    width: 80% !important;
    position: relative !important;
    z-index: 2 !important;
}

.timeline-year {
    color: #999999 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: "Urbanist", serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

.timeline-year::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #dddddd !important;
    margin-top: 10px !important;
}

.timeline-year:hover {
    color: #C69C6D !important;
    transform: translateY(-2px) !important;
}

.timeline-year:hover::after {
    background-color: #C69C6D !important;
}

.timeline-year.active {
    color: #754224 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.timeline-year.active::after {
    background-color: #754224 !important;
    width: 12px !important;
    height: 12px !important;
}

/* History Content Area */
.history-content-area {
    position: relative !important;
    min-height: 400px !important;
}

.history-content-slide {
    display: none !important;
    opacity: 0 !important;
    transition: all 0.5s ease !important;
}

.history-content-slide.active {
    display: block !important;
    opacity: 1 !important;
}

/* Our Team Section */
.our-team-section {
    padding: 80px 0 !important;
    background: linear-gradient(225deg, #f9f3ea 0%, #C69C6D 30%, #754224 70%, #2c3e50 100%) !important;
    position: relative !important;
}


.our-team-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: url('../images/new/about/2.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    opacity: 0.2 !important;
    z-index: 1 !important;
}

.our-team-section .container {
    position: relative !important;
    z-index: 2 !important;
}

.team-member {
    text-align: center !important;
    transition: all 0.3s ease !important;
}

.team-member:hover {
    transform: translateY(-5px) !important;
}

.team-image {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    margin-bottom: 25px !important;
}

.team-image img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    transition: all 0.3s ease !important;
}

.team-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(45deg, rgba(196, 156, 109, 0.9), rgba(117, 66, 36, 0.9)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
}

.team-member:hover .team-overlay {
    opacity: 1 !important;
}

.team-overlay .social-icons {
    display: flex !important;
    gap: 15px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.team-overlay .social-icons li a {
    width: 40px !important;
    height: 40px !important;
    background-color: #ffffff !important;
    color: #754224 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

.team-overlay .social-icons li a:hover {
    background-color: #754224 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
}



/* Hero Background Image Styling for About Page */
.hero-background-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1 !important;
}

.hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    z-index: 1 !important;
}

.slider-outer .slider-space-left {
    position: relative !important;
    z-index: 2 !important;
}

/* Inner Page Hero Section - No Hover Effects */
.inner-page-hero .hm2-half-text-static {
    color: #fafafa !important;
    transition: none !important;
}

.inner-page-hero .hm2-half-text-static:hover {
    color: #fafafa !important;
    transform: none !important;
}

/* Ensure inner page hero text doesn't inherit hover effects */
.inner-page-hero .slider-space-left-area .hm2-half-text-static,
.inner-page-hero .slider-outer .hm2-half-text-static,
.inner-page-hero .slider-space-left .hm2-half-text-static {
    color: #fafafa !important;
    text-align: left !important;
    display: block !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    transition: none !important;
    font-size: 55px !important;
    margin-top: 0px !important;
    line-height: 1 !important;
}

.inner-page-hero .slider-space-left-area .hm2-half-text-static:hover,
.inner-page-hero .slider-outer .hm2-half-text-static:hover,
.inner-page-hero .slider-space-left .hm2-half-text-static:hover {
    color: #fafafa !important;
    transform: none !important;
}

/* Responsive Design for About Page */
@media (max-width: 768px) {
    .secondary-nav-menu {
        position: relative !important;
        top: 0 !important;
    }

    .secondary-nav-list {
        flex-direction: column !important;
        width: 100% !important;
    }

    .secondary-nav-link {
        text-align: center !important;
        border-bottom: 1px solid #e0d5c7 !important;
    }

    .about-main-content {
        padding: 40px 0 !important;
    }

    .our-values-section,
    .our-history-section,
    .our-team-section {
        padding: 40px 0 !important;
    }

    .history-stats {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .timeline::before {
        left: 20px !important;
    }

    .timeline-item:nth-child(odd) .timeline-content,
    .timeline-item:nth-child(even) .timeline-content {
        margin-left: 50px !important;
        margin-right: 0 !important;
        text-align: center !important;
    }

    .timeline-year {
        left: 20px !important;
        transform: translateX(-50%) !important;
    }

    .value-card {
        padding: 30px 20px !important;
        margin-bottom: 30px !important;
    }

    .team-image img {
        height: 250px !important;
    }
}

@media (max-width: 991px) {
    .secondary-nav-menu.sticky-nav {
        top: 70px !important;
    }
}

/* Design.php specific sections styling */

/* Welcome Hvillas section - about 2.jpg background with gradient overlay */
.welcome-hvillas-section {
    background: url("../images/new/about/2.jpg") no-repeat center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    position: relative !important;
}

.welcome-hvillas-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(45deg, rgba(196, 156, 109, 0.85), rgba(117, 66, 36, 0.85)) !important;
    z-index: 1 !important;
}

.welcome-hvillas-section .container {
    position: relative !important;
    z-index: 2 !important;
}

/* White text for Welcome Hvillas section */
.welcome-hvillas-section .wt-small-separator,
.welcome-hvillas-section .wt-title,
.welcome-hvillas-section .wt-title span,
.welcome-hvillas-section h2,
.welcome-hvillas-section h3,
.welcome-hvillas-section .section-head .wt-title,
.welcome-hvillas-section .section-head .wt-title a,
.welcome-hvillas-section p,
.welcome-hvillas-section .our-skills-item-wrap h3,
.welcome-hvillas-section .progressText {
    color: #ffffff !important;
}

/* Explore Recent Work section - about 2.jpg background with gradient overlay */
.explore-recent-work-section {
    background: url("../images/new/about/2.jpg") no-repeat center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    position: relative !important;
}

.explore-recent-work-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(45deg, rgba(196, 156, 109, 0.85), rgba(117, 66, 36, 0.85)) !important;
    z-index: 1 !important;
}

.explore-recent-work-section .container {
    position: relative !important;
    z-index: 2 !important;
}

/* White text for Explore Recent Work section */
.explore-recent-work-section .wt-small-separator,
.explore-recent-work-section .wt-title,
.explore-recent-work-section .wt-title span,
.explore-recent-work-section h2,
.explore-recent-work-section h3,
.explore-recent-work-section .section-head .wt-title,
.explore-recent-work-section .section-head .wt-title a,
.explore-recent-work-section p {
    color: #ffffff !important;
}

/* Portfolio filter tabs styling */
.explore-recent-work-section .project-filter-wrap {
    position: relative !important;
    z-index: 10 !important;
}

.explore-recent-work-section .project-filter-wrap span {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding: 10px 20px !important;
    margin: 0 5px 5px !important;
    border-radius: 25px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 11 !important;
}

.explore-recent-work-section .project-filter-wrap span:hover,
.explore-recent-work-section .project-filter-wrap span.active {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #ffffff !important;
}

/* FAQ section - about 2.jpg background with gradient overlay */
.faq-section {
    background: url("../images/new/about/2.jpg") no-repeat center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    position: relative !important;
}

.faq-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(45deg, rgba(196, 156, 109, 0.85), rgba(117, 66, 36, 0.85)) !important;
    z-index: 1 !important;
}

.faq-section .container {
    position: relative !important;
    z-index: 2 !important;
}

/* White text for FAQ section */
.faq-section .wt-small-separator,
.faq-section .wt-title,
.faq-section .wt-title span,
.faq-section h2,
.faq-section h3,
.faq-section .section-head .wt-title,
.faq-section .section-head .wt-title a,
.faq-section p {
    color: #ffffff !important;
}

/* FAQ accordion styling for better visibility on wooden background */
.faq-section .wt-accordion .panel .acod-head .acod-title a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 5px !important;
    padding: 15px 20px !important;
    margin-bottom: 10px !important;
    transition: all 0.3s ease !important;
}

.faq-section .wt-accordion .panel .acod-head .acod-title a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.faq-section .wt-accordion .panel .acod-content {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 5px !important;
    margin-top: 5px !important;
}

/* Interior Design Services Section - background with color retention */
.interior-design-services-section {
    background: linear-gradient(90deg, #ffffff 0%, #f9f3ea 50%, #ffffff 100%), url("../images/new/about/2.jpg") no-repeat center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    position: relative !important;
}


/* Outline styled buttons for services section */
.interior-design-services-section .site-button-link.site-text-primary {
    background: transparent !important;
    border: 2px solid #795548 !important;
    color: #795548 !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.interior-design-services-section .site-button-link.site-text-primary:hover {
    background: #795548 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Contact Page Specific Styles */
/* Ensure all text is visible with #443935 color */
.contact-one * {
    color: #443935 !important;
}

.contact-one input::placeholder,
.contact-one textarea::placeholder {
    color: #443935 !important;
    opacity: 0.8;
}

.contact-one input,
.contact-one textarea {
    color: #443935 !important;
    background-color: #f8f8f8 !important;
    border-color: #443935 !important;
}

.contact-one .wt-title,
.contact-one h1,
.contact-one h2,
.contact-one h3,
.contact-one p,
.contact-one span {
    color: #443935 !important;
}

.contact-one .c-info-icon i {
    color: #443935 !important;
}

.contact-one .social-icons-contact a {
    color: #443935 !important;
}

.contact-one .social-icons-contact a:hover {
    color: #2a241f !important;
}

/* Submit button hover effects */
.contact-one .site-button:hover {
    background-color: #443935 !important;
    color: #ffffff !important;
    border-color: #443935 !important;
}


/* Additional specific overrides for contact page */
.contact-one .section-full .wt-small-separator,
.contact-one .section-full .wt-title,
.contact-one .section-full .wt-title span,
.contact-one .section-full h2,
.contact-one .section-full h3,
.contact-one .section-full .section-head .wt-title,
.contact-one .section-full .section-head .wt-title a,
.contact-one .section-full p {
    color: #443935 !important;
}

/* Contact form submit button - outlined style */
.contact-one .site-button-outline {
    background-color: transparent !important;
    border: 2px solid #C69C6D !important;
    color: #443935 !important;
    transition: all 0.3s ease !important;
    padding: 12px 30px !important;
}

.contact-one .site-button-outline:hover {
    background-color: #C69C6D !important;
    color: #ffffff !important;
    border-color: #C69C6D !important;
}

.contact-one .site-button-outline:after {
    display: none !important;
}


/* ===== MOBILE MENU STYLING ===== */

/* Mobile Menu Content Color */
@media (max-width: 991px) {

    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li>a,
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li>a:hover,
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li>a:focus,
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li>a:active,
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav li a {
        color: #C69C6D !important;
        text-align: left !important;
    }

    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li.active>a,
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li.current-menu-item>a {
        color: #C69C6D !important;
        text-align: left !important;
    }

    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li>a:hover {
        background-color: rgba(198, 156, 109, 0.1) !important;
        color: #C69C6D !important;
        text-align: left !important;
    }

    /* Submenu items color and alignment */
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav .sub-menu li a {
        color: #C69C6D !important;
        text-align: left !important;
    }

    .header-style-1.mobile-sider-drawer-menu .header-nav .nav .sub-menu li a:hover {
        color: #C69C6D !important;
        background-color: rgba(198, 156, 109, 0.1) !important;
        text-align: left !important;
    }

    /* Dropdown arrows and icons */
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li i,
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav .sub-menu li .fa {
        color: #C69C6D !important;
    }

    /* Mobile menu container alignment */
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav {
        text-align: left !important;
    }

    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li {
        text-align: left !important;
    }

    /* Force left alignment for mobile drawer menu */
    .header-style-1.mobile-sider-drawer-menu .header-nav {
        text-align: left !important;
    }

    .header-style-1.mobile-sider-drawer-menu .header-nav .nav {
        text-align: left !important;
        display: block !important;
    }

    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li {
        text-align: left !important;
        display: block !important;
        width: 100% !important;
    }

    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li>a {
        text-align: left !important;
        display: block !important;
        width: 100% !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    /* Override any center alignment from theme */
    .mobile-sider-drawer-menu .header-nav .nav>li>a,
    .mobile-sider-drawer-menu .header-nav .nav li a {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}

/* ===== ADDITIONAL MOBILE MENU OVERRIDES ===== */

/* Force mobile menu text alignment - highest priority */
@media (max-width: 991px) {

    /* Target the exact mobile menu structure */
    .header-style-1.mobile-sider-drawer-menu.active .header-nav .nav>li>a,
    .header-style-1.mobile-sider-drawer-menu .header-nav .nav>li>a {
        text-align: left !important;
        display: block !important;
        width: 100% !important;
        padding-left: 20px !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    /* Override any flexbox centering */
    .mobile-sider-drawer-menu .header-nav .nav>li {
        display: block !important;
        text-align: left !important;
        width: 100% !important;
    }

    .mobile-sider-drawer-menu .header-nav .nav>li>a {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        display: block !important;
        width: 100% !important;
    }

    /* Override navbar nav alignment */
    .navbar-nav>li>a {
        text-align: left !important;
    }

    .navbar-nav li a {
        text-align: left !important;
    }
}

/* ===== SCROLL TO TOP & WHATSAPP STICKY BUTTONS ===== */

/* Hide scroll to top button on mobile screens */
@media (max-width: 991px) {
    .scroltop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* WhatsApp Sticky Button Styling */
.whatsapp-sticky {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 9999 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    background: #25D366 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;
    transition: all 0.3s ease !important;
    animation: pulse 2s infinite !important;
}

.whatsapp-sticky:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6) !important;
    background: #20BA5A !important;
}

.whatsapp-sticky a {
    color: #ffffff !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}

.whatsapp-sticky i {
    font-size: 28px !important;
    color: #ffffff !important;
}

/* Pulse animation for WhatsApp button */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Mobile WhatsApp button adjustments */
@media (max-width: 767px) {
    .whatsapp-sticky {
        width: 55px !important;
        height: 55px !important;
        bottom: 15px !important;
        right: 15px !important;
    }

    .whatsapp-sticky i {
        font-size: 24px !important;
    }
}

@media (max-width: 480px) {
    .whatsapp-sticky {
        width: 50px !important;
        height: 50px !important;
        bottom: 12px !important;
        right: 12px !important;
    }

    .whatsapp-sticky i {
        font-size: 22px !important;
    }
}

/* ===== AWARDS & ACCREDITATIONS SECTION STYLING ===== */

/* Awards and Accreditations - Carousel with 3 logos per slide */
.awards-carousel-wrap,
.accreditations-carousel-wrap {
    display: block !important;
    position: relative !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

/* Ensure proper Bootstrap column spacing */
.awards-accreditations-section .row {
    margin: 0 !important;
}

.awards-accreditations-section .col-lg-6 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Strict containment for both sections */
.awards-section,
.accreditations-section {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    contain: layout style !important;
}

/* Awards section - simplified for mobile visibility */
.awards-section {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Accreditations section - simplified for mobile visibility */
.accreditations-section {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.awards-section,
.accreditations-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Hide static grid */
.awards-grid,
.accreditations-grid {
    display: none !important;
}

/* Swiper carousel styling - Match client carousel */
.awards-carousel,
.accreditations-carousel {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 20px 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
}

.awards-carousel .swiper-slide,
.accreditations-carousel .swiper-slide {
    height: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.3s ease !important;
}

.awards-carousel .swiper-slide-active,
.accreditations-carousel .swiper-slide-active {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Swiper pagination styling - Hidden */
.awards-carousel .swiper-pagination,
.accreditations-carousel .swiper-pagination {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.awards-carousel .swiper-pagination-bullet,
.accreditations-carousel .swiper-pagination-bullet {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.awards-carousel .swiper-pagination-bullet-active,
.accreditations-carousel .swiper-pagination-bullet-active {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.award-item,
.accreditation-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 20px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.3s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
}

.award-item:hover,
.accreditation-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.award-logo,
.accreditation-logo {
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 80px !important;
}

.award-logo img,
.accreditation-logo img {
    max-width: 100% !important;
    max-height: 80px !important;
    object-fit: contain !important;
}

.award-title,
.accreditation-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #443935 !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
}

.accreditation-description {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.4 !important;
}

/* Mobile responsive - 2 logos per slide */
@media (max-width: 768px) {

    .awards-carousel,
    .accreditations-carousel {
        padding: 15px 0 !important;
    }

    .award-item,
    .accreditation-item {
        padding: 15px !important;
        max-width: 250px !important;
    }

    .award-logo,
    .accreditation-logo {
        height: 60px !important;
        margin-bottom: 15px !important;
    }

    .award-logo img,
    .accreditation-logo img {
        max-height: 60px !important;
        max-width: 150px !important;
    }

    .award-title,
    .accreditation-title {
        font-size: 14px !important;
    }

    .accreditation-description {
        font-size: 12px !important;
    }

    /* Mobile fixes for both sections */
    .awards-section,
    .accreditations-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }

    /* Inner page hero content left aligned for mobile */
    .inner-page-hero .hme2-large-text,
    .inner-page-hero .hme2-mini-text,
    .inner-page-hero .hme2-bnr-review-text {
        text-align: left !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
    }

    /* Hide animated titles on mobile */
    .inner-page-hero .hme2-large-text.title_split_anim {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .inner-page-hero .hme2-mini-text-wrap {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
}

/* Small mobile - 1 logo per slide */
@media (max-width: 480px) {

    .awards-carousel,
    .accreditations-carousel {
        padding: 10px 0 !important;
    }

    .award-item,
    .accreditation-item {
        padding: 10px !important;
        max-width: 200px !important;
    }

    .award-logo,
    .accreditation-logo {
        height: 50px !important;
        margin-bottom: 10px !important;
    }

    .award-logo img,
    .accreditation-logo img {
        max-height: 50px !important;
        max-width: 120px !important;
    }

    .award-title,
    .accreditation-title {
        font-size: 12px !important;
    }

    .accreditation-description {
        font-size: 10px !important;
    }

    /* Small mobile fixes for both sections */
    .awards-section,
    .accreditations-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 5px !important;
    }
}

/* ===== HOMEPAGE RESPONSIVE STYLES ===== */

/* Tablet Responsiveness (768px - 991px) */
@media (max-width: 991px) {

    /* Hamburger menu positioning for tablets */
    .header-style-1 .navbar-toggler {
        order: 4 !important;
        margin-right: 15px !important;
        margin-left: 5px !important;
        position: relative !important;
        right: 0 !important;
    }

    /* Hide slider left sidebar on tablets for non-inner pages */
    body:not(.inner-page) .slider-outer .slider-left-sidebar {
        display: none !important;
    }

    /* Hide slider left sidebar on tablets for inner pages as well */
    .inner-page .slider-outer .slider-left-sidebar {
        display: none !important;
    }

    /* Hero section full width and center aligned for tablets */
    .slider-space-left {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 40px 20px !important;
    }

    .slider-space-left-area {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Hero Section */
    .hm2-half-text-efct {
        font-size: 141px !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Hero text elements full width and center aligned */
    .hme2-large-text,
    .hme2-mini-text,
    .hme2-bnr-review-text {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    /* Hero content wrapper full width */
    .hme2-mini-text-wrap {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Inner page hero content left aligned for tablets */
    .inner-page-hero .hme2-large-text,
    .inner-page-hero .hme2-mini-text,
    .inner-page-hero .hme2-bnr-review-text {
        text-align: left !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
    }

    /* Hide animated titles on tablets */
    .inner-page-hero .hme2-large-text.title_split_anim {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .inner-page-hero .hme2-mini-text-wrap {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    /* Advanced text margin for tablets */
    .slider-space-left-area .hm2-half-text-efct,
    .slider-outer .hm2-half-text-efct,
    .slider-space-left .hm2-half-text-efct {
        margin-top: 145px !important;
    }

    /* Architecture & Interior Design text positioning for tablets */
    .hm2-half-text-efct span:nth-child(4) {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        transform: translate(-50%, 0) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        text-align: center !important;
        white-space: nowrap !important;
        z-index: 10 !important;
        color: #ffffff !important;
        background: rgba(0, 0, 0, 0.7) !important;
        padding: 12px 24px !important;
        border-radius: 8px !important;
        width: auto !important;
        max-width: 80% !important;
        box-sizing: border-box !important;
        margin-top: 20px !important;
    }

    /* Position third span element to the left */
    .hm2-half-text-efct span:nth-child(3) {
        left: 0 !important;
    }

    /* Ensure Architecture text is fully visible on tablets */
    .slider-space-left-area .hm2-half-text-efct span:nth-child(4),
    .slider-outer .hm2-half-text-efct span:nth-child(4),
    .slider-space-left .hm2-half-text-efct span:nth-child(4) {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        transform: translate(-50%, 0) !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        text-align: center !important;
        white-space: nowrap !important;
        z-index: 15 !important;
        color: #ffffff !important;
        background: rgba(0, 0, 0, 0.8) !important;
        padding: 15px 30px !important;
        border-radius: 10px !important;
        width: auto !important;
        max-width: 75% !important;
        box-sizing: border-box !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-top: 25px !important;
    }

    /* Tablet navigation link padding */
    .header-style-1 .header-nav .nav>li>a {
        padding: 10px 1px !important;
    }

    .hme2-large-text {
        font-size: 36px !important;
    }



    /* Statistics Section */
    .statistics-description p {
        padding-left: 0 !important;
        text-align: center !important;
    }

    .statistics-grid {
        margin-top: 30px !important;
    }

    /* Logo Header Mobile - Force left alignment */
    .header-style-1 .logo-header {
        width: 120px !important;
        height: 60px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        position: relative !important;
        left: 0 !important;
    }

    .header-style-1 .logo-header .logo-header-inner {
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    .header-style-1 .logo-header img {
        max-width: 100px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /* Force tablet container alignment */
    .header-style-1 .main-bar .container,
    .header-style-1 .main-bar .container-fluid {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .header-style-1 .main-bar .clearfix.d-flex.align-items-center {
        padding-left: 0 !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
    }

    /* Center review content on tablets */
    .hme2-bnr-review-box-wrap {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
    }

    .hme2-bnr-review-box-section {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .hme2-bnr-review-rate {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 10px auto !important;
    }

    .hme2-bnr-review-b-title {
        text-align: center !important;
        margin: 10px auto !important;
    }

    /* Center the entire review section on tablets */
    .hme2-bnr-review-box-wrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .hme2-bnr-review-box-section {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .hme2-bnr-review-line {
        margin: 10px auto !important;
        text-align: center !important;
    }

    /* Tablet-specific heading positioning */
    .twm-acd-st-1 .heading {
        top: 80px;
    }
}

/* Mobile Responsiveness (576px - 767px) */
@media (max-width: 767px) {

    /* Hero Section */
    .slider-outer {
        min-height: auto !important;
    }

    .slider-space-left {
        flex-direction: column !important;
        gap: 30px !important;
        padding: 40px 20px !important;
        padding-top: 210px !important;
    }

    .slider-space-left-area {
        max-width: 100% !important;
        text-align: center !important;
        margin-right: 0 !important;
    }

    .hm2-half-text-efct {
        font-size: 60px !important;
        text-align: center !important;
    }

    /* Position third span element to the left */
    .hm2-half-text-efct span:nth-child(3) {
        left: 0 !important;
    }

    .hme2-large-text {
        font-size: 28px !important;
        text-align: center !important;
    }

    .hme2-mini-text-wrap {
        max-width: 100% !important;
        text-align: center !important;
    }

    .circle-text2 {
        margin: 0 auto !important;
        text-align: center !important;
    }

    .hme2-mini-text {
        text-align: center !important;
        padding: 0 15px !important;
    }

    /* Hide left sidebar on mobile */
    .slider-left-sidebar {
        display: none !important;
    }

    /* Center review content on mobile */
    .hme2-bnr-review-box-wrap {
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .hme2-bnr-review-box-section {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .hme2-bnr-review-box {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
    }

    .hme2-bnr-review-rate {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 10px auto !important;
    }

    .hme2-bnr-review-b-title {
        text-align: center !important;
        margin: 10px auto !important;
    }

    /* Statistics Section */
    .statistics-section .col-lg-6 {
        margin-bottom: 30px !important;
    }

    .statistics-description p {
        padding-left: 0 !important;
        text-align: center !important;
        font-size: 16px !important;
    }

    .stat-item {
        text-align: center !important;
        padding: 20px 10px !important;
    }

    .stat-number {
        font-size: 32px !important;
    }

    .stat-label {
        font-size: 14px !important;
    }

    /* Our Values Section */
    .twm-acd-st-1 .section-head {
        padding: 0 20px !important;
    }

    .twm-acd-st-1 .wt-title {
        font-size: 28px !important;
    }

    .acd-bx article .heading {
        font-size: 24px !important;
        padding: 20px !important;
    }

    .acd-bx article .inside-content {
        padding: 20px !important;
        font-size: 16px !important;
    }

    /* Page Content Margin */
    .page-content {
        margin-top: -100px !important;
    }

    /* Mobile header adjustments */
    .header-style-1.is-fixed .page-content {
        margin-top: 0 !important;
        padding-top: 60px !important;
    }
}

/* Small Mobile Responsiveness (320px - 575px) */
@media (max-width: 575px) {

    /* Hero Section */
    .hm2-half-text-efct {
        font-size: 70px !important;
    }

    /* Position third span element to the left */
    .hm2-half-text-efct span:nth-child(3) {
        left: 0 !important;
    }

    .hm2-half-text-efct span:nth-child(4) {
        font-size: 16px !important;
    }

    .hme2-large-text {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .hme2-mini-text {
        font-size: 14px !important;
    }

    /* Review Box */
    .hme2-bnr-review-box-wrap {
        padding: 20px 10px !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
    }

    .hme2-bnr-review-box-section {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    .hme2-bnr-review-box {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
    }

    .hme2-bnr-review-pic {
        width: 30px !important;
        height: 30px !important;
    }

    .hme2-bnr-review-rate {
        font-size: 12px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 10px auto !important;
    }

    .hme2-bnr-review-b-title {
        text-align: center !important;
        margin: 10px auto !important;
        width: 100% !important;
    }

    /* Center the entire review section on mobile */
    .hme2-bnr-review-box-wrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .hme2-bnr-review-box-section {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .hme2-bnr-review-line {
        margin: 10px auto !important;
        text-align: center !important;
    }

    /* Statistics */
    .statistics-grid .row>div {
        margin-bottom: 20px !important;
    }

    .stat-number {
        font-size: 28px !important;
    }

    .stat-icon i {
        font-size: 24px !important;
    }

    /* Our Values */
    .twm-acd-st-1 .wt-title {
        font-size: 22px !important;
    }

    .acd-bx article .heading {
        font-size: 20px !important;
    }

    .sector-quote-btn .get-quote-btn {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    /* Logo Mobile Size */
    .header-style-1 .logo-header {
        width: 100px !important;
        height: 50px !important;
        margin-left: 0 !important;
        padding-left: 10px !important;
    }

    .header-style-1 .logo-header img {
        max-width: 100px !important;
    }

    /* Search Icon Mobile */
    .header-style-1 .extra-nav .header-search-icon {
        padding: 10px 8px !important;
    }

    /* Hamburger Mobile */
    .header-style-1 .navbar-toggler {
        margin-right: 10px !important;
        margin-left: 5px !important;
        padding: 10px 5px !important;
        position: relative !important;
        right: 0 !important;
    }
}

/* Extra Small Mobile (max-width: 420px) */
@media (max-width: 420px) {
    .hm2-half-text-efct span:nth-child(3) {
        font-size: 21px !important;
    }

    .hm2-half-text-efct {
        font-size: 66px !important;
    }

    /* Position third span element to the left */
    .hm2-half-text-efct span:nth-child(3) {
        left: 0 !important;
    }

    .hm2-half-text-efct span:nth-child(4) {
        font-size: 14px !important;
    }

    .hme2-large-text {
        font-size: 20px !important;
    }

    .hme2-mini-text {
        font-size: 13px !important;
    }

    .stat-item {
        padding: 15px 5px !important;
    }

    /* Emblem Circle Smaller */
    .emblem-wrap {
        width: 120px !important;
        height: 120px !important;
    }

    .emblem-wrap i img {
        width: 70px !important;
        height: 70px !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 15 !important;
    }

    /* Logo Extra Small - Keep at left end */
    .header-style-1 .logo-header {
        margin-left: 0 !important;
        padding-left: 5px !important;
    }

    .header-style-1 .logo-header img {
        max-width: 100px !important;
    }
}

/* Landscape Mode Adjustments for Mobile */
@media (max-width: 991px) and (orientation: landscape) {
    .slider-outer {
        min-height: auto !important;
    }

    .slider-space-left {
        padding: 30px 20px !important;
    }

    .hm2-half-text-efct {
        font-size: 50px !important;
    }

    .hme2-large-text {
        font-size: 24px !important;
    }
}

/* iPad Pro and Large Tablets (1024px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .hm2-half-text-efct {
        font-size: 100px !important;
    }

    .hme2-large-text {
        font-size: 42px !important;
    }

    .slider-space-left-area {
        max-width: 45% !important;
    }

    .header-nav .navbar-nav li {
        margin: 0 8px !important;
    }

    .logo-header {
        margin-left: 20px !important;
    }
}

/* Hero Top Gradient Overlay for Menu Visibility */
.hero-top-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    pointer-events: none;
}