:root{

            --theme-background-color: #ffffff;
            --theme-primary-color: #e5d057;
            --theme-overlay-color: ;
            --theme-lines-color: rgba(255,255,255,0.1);
            --theme-dark-lines-color: rgba(255,255,255,0.1);
            --theme-input-lines-color: rgba(255,255,255,0.1);
            --theme-text-color: #747272;
            --theme-highlight-text-color: #ffffff;

            --theme-header-color: #f6f6f6;
            --theme-footer-color: #183e62;
            --theme-primary-color: #bda588;
            /* --theme-hero-color: #e5d1c6; */
            /* --theme-hero-color: #faf3df; */
            --theme-hero-color: #f7f2ee;
            --theme-secondary-color: #ece9de;
            --theme-subject-color: #f6f6f4;
            --theme-suffix-color: #f7f2ee;
            --theme-hero-title-color: #fff;
            --theme-hero-title-span-color: #1b1919;
            --theme-text-color: #000;
            --theme-highlight-text-color: #183e62;
            /* --theme-lines-color:#3d3b3b0f; */
            --theme-lines-color:#a68b5d;
        }
        body, html {
            color: #000000 !important;
            background: #ffffff !important;
        }
        .content-wrapper {
            background: #ffffff !important;
        }
        .logo-shape{
            border-bottom-right-radius: 25px;
            border-top-left-radius: 25px;
        }
        .section-title {
            font-weight: 800;
            font-size: 30px;
        }
        .sub-title {
            font-weight: 600;
        }
        .duru-wrap {
            /* background: var(--theme-header-color); */
            background: #183e62;
        }
        .duru-menu>ul>li>a, .duru-menu ul ul li a{
            color: #fff;
        }
        .duru-header, .duru-header.scrolled {
            /* background: var(--theme-header-color); */
            background: #fff !important;
            border-bottom: none !important;
        }
        .duru-nav-toggle i, .duru-nav-toggle i:before, .duru-nav-toggle i:after{
            background: #000 !important;
        }
        .hero, #slider-area{
            background: var(--theme-hero-color);
        }
        .hero-main{
            padding-bottom: 70px;
        }
        .hero-main, .hero-main .hero{
            background: white;
        }
        .footer {
            background: var(--theme-footer-color);
        }
        .hero .section-title span {
            color: #fff;
        }
        .hero .section-title, .secondary-div .section-title {
            color: #183e62;
        }
        .hero .section-title span {
            color: #bda588;
        }
        .hero-main .section-title span {
            color: var(--theme-primary-color);
        }
        .hero .sub-title:before{
            /* background-color: white; */
        }
        .hero .sub-title:after{
            background-color: white;
        }
        .hero .sub-title.border-bot-light {
            /* border-bottom: 1px solid white; */
        }
        .hero .button-light:hover {
            color: white;
        }
        .hero p {
            font-size: 18px;
            color: #000;
            font-weight: 500;
        }
        .secondary-div .section-title span {
            color: var(--theme-primary-color);
        }
        .secondary-div{
            /* background: var(--theme-secondary-color); */
            background: var(--theme-hero-color);
            /* padding: 125px 0; */
            padding: 50px 0;
            margin-top: 60px;
        }
        .subject-div{
            background: var(--theme-subject-color);
            /* padding: 125px 0; */
            padding: 50px 0;
            margin-top: 60px;
        }
        .suffix-div{
            background: var(--theme-suffix-color);
            /* padding: 125px 0; */
            padding: 50px 0;
            margin-top: 60px;
        }

        /* Project pages: banner must sit under fixed header (no white gap) */
        #project-page-banner.suffix-div,
        .project-page-banner.suffix-div,
        .project-page-banner{
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
        .hero-contact{
            /* padding: 125px 0; */
            padding: 50px 0;
            /* margin-top: 60px; */
        }
        .about.lets-talk.hero.hero-contact{
            display: none !important;
        }
        .secondary-div input[type=password].line-gray, .secondary-div input[type=email].line-gray, .secondary-div input[type=text].line-gray, .secondary-div input[type=file].line-gray, .secondary-div textarea.line-gray, .secondary-div select.line-gray {
            border-bottom: 1px solid black;
        }
        .secondary-div select.line-gray {
            padding: 15px 0 !important;
            border-radius: 0 !important;
        }
        .secondary-div  label a{
            color: black !important;
            border-bottom: 1px solid black !important;
        }
        .secondary-div input[type=checkbox].line-gray:before {
            border: 1px solid black;
        }
        .hero-contact input[type=submit] {
            background: black;
            color: white;
        }
        .hero-contact .states li h1{
            color: white;
        }
        .hero-contact .states li p {
            font-weight: 600;
            font-size: 18px;
        }
        .hero-contact input[type=submit]:hover, .hero-contact input[type=reset]:hover, .hero-contact input[type=button]:hover, .hero-contact button:hover {
            background-color: black;
            color: var(--theme-hero-color);
            border: 1px solid black;
        }
        .blog-home .item .cont{
            background-color: #ece9de;
        }
        .blog-home .item .cont .date a{
            color: #000;
            font-weight: 600;
        }
        .blog-home .item h4, .blog-home .item h4 a {
            margin-bottom: 0px;
        }
        .footer .top .item p, .footer .top .item .mail, .footer .top .item h3 span, .footer .bottom p, .footer .bottom p a{
            color: #fff;
            margin: 0;
        }
        .slide-num span{
            color: black;
        }
        .slider__progress span{
            background-color: var(--theme-hero-color);
        }
        .slider-fade .owl-theme .owl-nav [class*=owl-]{
            background: var(--theme-hero-color);
            border: 1px solid var(--theme-hero-color);
            color: #000;
        }
        .owl-theme .owl-dots .owl-dot span{
            background: black;
            border: 1px solid black;
        }
        .button-light:hover {
            color: white;
        }
        .goldern-btn-signup{
            background: var(--theme-primary-color);
            /* color: var(--theme-highlight-text-color); */
            color: white;
            border: 1px solid var(--theme-primary-color);
        }
        .goldern-btn-signup:hover{
            background-color: transparent;
            color: var(--theme-primary-color);
            border: 1px solid var(--theme-primary-color);
        }

        .testimonials .testimonial-name.sub-title:after{
            background-color: transparent;
        }

        .pt-4{
            padding-top: 2rem !important;
        }

        .pb-4{
            padding-bottom: 2rem !important;
        }

        .py-4{
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }

        .footer{
            padding: 0 !important;
        }

        .footer-bg{
            background-image: url('/assets/footer_bg_1.webp');
            padding: 150px 0px 10px 0px;
            background-repeat: no-repeat;
            display: grid;
            place-content: center;
            background-position: bottom;
            background-size: cover;
        }

        .py-6{
            padding-top: 4rem !important;
            padding-bottom: 4rem !important;
        }

        .pt-6{
            padding-top: 4rem !important;
        }

        .pb-6{
            padding-bottom: 4rem !important;
        }

        @media screen and (max-width: 600px) {
            .text-md-center{
                text-align: center !important;
            }
            .pt-md-0{
                padding-top: 0 !important;
            }
            .pb-md-0{
                padding-bottom: 0 !important;
            }
            .mt-md-0{
                margin-top: 0 !important;
            }
            .mb-md-0{
                margin-botton: 0 !important;
            }
            .pb-md-40{
                padding-bottom: 40px !important;
            }
        }
        .duru-header.scrolled{
            background: #fff !important;
        }
.duru-header.scrolled.awake{
    background: #fff !important;
}

        .modal-img{
            height: 70px;
            object-fit: contain;
            margin-right: auto;
            width: auto;
        }
        .modal-open { overflow-y: auto !important; padding-right: 0px !important; }
        .duru-nav-toggle.active i:before{
            background: white !important;
        }
        .duru-nav-toggle.active i:after{
            background: white !important;
        }

        .duru-header.scrolled .duru-nav-toggle.active i:before{
            background: black !important;
        }
        .duru-header.scrolled  .duru-nav-toggle.active i:after{
            background: black !important;
        }

.pagination-wrap{
            position: relative;z-index:10;pointer-events:all;
        }
        .no-dot.sub-title:before {
            content: none;
        }
        .project_old .projects2-wrap h3 {
            font-size: 25px;
        }
        .project_old p {
            font-size: 12px;
            color: black;
        }

        .project_old p img {
            height: 20px;
            display: inline;
            width: 20px;
            margin-top: -5px;
        }
        .projects2-con{
            position: static;
            height: auto;
            background-image: none;
        }
        .projects2-wrap h3 a{
            color: var(--theme-primary-color);
        }
        .project2-link:before{
            background: var(--theme-primary-color);
        }
        .projects2-wrap {
            padding-bottom: 30px;
        }
        .font-weight-normal{
            font-weight: normal;
        }
        .sub-title:after{
            width: 100%;
            left: 0;
        }

        .projects3 .content{
            padding: 0 !important;
        }

        .projects3 .content .cont h3{
            margin-bottom: 10px;
        }

        .section-padding, .div-padding {
            padding-top: 0px;
        }

        .projects3 .img {
            border-radius: 5px;
        }

        .projects3 .img img{
            height: 350px;
            object-fit: cover;
        }

        @media screen and (max-width:600px){
            .projects3 .content{
                margin-bottom: 0 !important;
            }

            .justify-content-end{
                justify-content: unset !important;
            }
        }

.process .wrap{
            padding: 0;
        }
        .process .wrap, .process .wrap .cont{
            display: inline;
        }
        .address-title{
            font-size: 20px;
            text-transform: none;
            font-weight:normal;
            color: #a68b5d !important;
        }
        .address-title span{
            font-size: 18px;
        }
        .no-gutter{
            --bs-gutter-x:0;
        }
        .project-bar .project-detail-row .testimonials .wrap .item .info .author-img{
            border-radius: 0;
            border: none;
            height: auto;
            width: 40px;
        }
        .project-bar .project-detail-row .testimonials .wrap .item .info .author-img img{
            border-radius: 0;
            margin-top: 8px;
        }
        .project-bar .project-detail-row .testimonials .wrap .item .info h6{
            color: black;
            font-size: 16px;
        }

        .project-bar .project-detail-row .testimonials .wrap .item .info .cont{
            margin-left: 50px;
        }

        .about .states li h2{
            font-size: 20px;
        }

        .project-page .owl-nav {
            position: absolute;
            bottom: 10%;
            right: 2%;
            z-index: inherit;
        }

        .brochure-btn {
            font-size: 16px;
            font-weight: 700;
            font-family: Barlow,sans-serif;
            background: var(--theme-primary-color);
            border: 1px solid var(--theme-primary-color);
            color: white;
            padding: 10px 30px;
            margin: 0;
            position: relative;
            border-radius: 50px;
            text-decoration: none;
        }

        .brochure-btn:hover{
            background: transparent;
            color: white;
            border: 1px solid white;
        }

        .brochure-btn-2:hover{
            background: transparent;
            color: var(--theme-primary-color);
            border: 1px solid var(--theme-primary-color);
        }

        .project-wrap-div{
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: center;
        }

        .about .states {
            padding-top: 0px;
        }

        .map-shape{
            /* border-top-left-radius: 20px;
            border-bottom-right-radius: 20px; */
            /* box-shadow: 5px 10px 10px 2px #818181; */
            /* border: 6px double #ddce79; */
            border: 3px double #cea467;
            border-radius: 5px;
        }

        .project-page-banner-img{
            object-fit: cover;
            height: 100svh;
        }
        @supports not (height: 100svh) {
            .project-page-banner-img{ height: 100vh; }
        }
        @media (max-width: 600px){
            .project-page-banner-img{ height: 60svh; }
        }

        /* Hero overlay inspired by Raj Bay Vista */
        #project-page-banner{
            position: relative;
            overflow: hidden;
        }

        .project-hero-overlay{
            position: absolute;
            inset: 0;
            z-index: 3;
            pointer-events: none;
            display: flex;
            align-items: flex-end;
            /* Remove dark overlay layer on banner image */
            background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
        }

        .project-hero-overlay-inner{
            pointer-events: auto;
            padding-bottom: 4rem;
            color: #fff;
        }

        .project-hero-title{
            font-size: clamp(2.2rem, 4vw, 3rem);
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            margin: 0 0 0.75rem;
        }

        .project-hero-location{
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.18em;
            opacity: 0.9;
        }

        /* Hide project name/location on banner (as per screenshot) */
        .project-hero-title,
        .project-hero-location{
            display: none !important;
        }

        .project-hero-meta{
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            margin-top: 1.5rem;
        }

        .project-hero-meta-below{
            display: none !important;
            background: #f7f2ee;
            border-top: 1px solid rgba(0,0,0,0.06);
            border-bottom: 1px solid rgba(0,0,0,0.06);
        }

        .project-stats{
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 2.25rem 3.25rem;
        }

        .project-stats li{
            text-align: center;
            min-width: 140px;
        }

        .project-stats .stat-value{
            font-size: 2rem;
            font-weight: 700;
            line-height: 1.1;
            color: #bda588;
            letter-spacing: 0.06em;
        }

        .project-stats .stat-label{
            margin-top: 0.35rem;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.22em;
            text-transform: uppercase;
            color: #183e62;
        }

        @media (max-width: 575px){
            .project-stats{
                gap: 1.25rem 1.25rem;
                justify-content: space-between;
            }
            .project-stats li{
                min-width: calc(50% - 0.75rem);
            }
        }

        .project-hero-chip{
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,0.22);
            padding: 0.35rem 0.9rem;
            font-size: 0.85rem;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            background: rgba(24,62,98,0.65);
            backdrop-filter: blur(6px);
        }

        .project-hero-chip span{
            font-weight: 600;
        }

        .project-bar .project-detail-row .testimonials .wrap .item .info h6{
            font-size: 18px;
        }

        .testimonials .wrap .item .info span{
            font-size: 15px;
        }

        .gap-10{
            gap: 5rem!important;
        }

        .additional-content-project .sub-title:before, .additional-content-project .sub-title:after{
            display: none;
        }

        .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 0px !important;
        }

        .duru-header {
            position: fixed;
        }

        .counter-main {
            font-size: 2.5rem;
            line-height: 60px;
            color: transparent;
            -webkit-text-stroke: 1px var(--theme-primary-color);
            opacity: .8;
            font-family: Barlow, sans-serif;
        }

        @media screen and (max-width: 600px) {
            .project-detail-row>*{
                width: 45% !important;
            }

            .project-detail-row .col-sm-6{
                margin-bottom: 10px;
            }

            .accom-row{
                justify-content: center !important;
            }

            .accom-row .accom{
                margin-right: 0 !important;
                width: 45%;
            }

            .project-wrap-div{
                height: unset;
                display: block;
            }

            .project-page-banner-img {
                object-fit: cover;
                height: 100%;
            }

        }

        #pills-tabContent .tab-regular{
            background: #c9c9c9;
            padding: 0;
            border-radius: unset;
        }
        #pills-tabContent .tab-regular .slider .owl-item, #pills-tabContent .tab-regular .slider-fade .owl-item{
            height: auto;
        }

        ul#pills-tab, ul#gallery-tab {
            display: flex;
            /* flex-direction: column; */
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
        }
        ul#pills-tab li button.active, ul#gallery-tab li button.active {
            color: #fff;
            background: #bda588;
        }
        ul#pills-tab li button:hover, ul#gallery-tab li button:hover {
            color: #fff;
            background: #bda588;
        }
        ul#pills-tab li button, ul#gallery-tab li button {
            background: #183e62;
            color: #fff;
            text-align: center;
            font-weight: 500;
            border-radius: 10px;
            padding: 6px 10px;
            min-width: 100px;
        }

        /* Floor Plans left list (configuration + sq ft) */
        .floorplans-two-col{
            align-items: flex-start;
        }
        .floorplans-left{
            padding-right: 0;
        }
        .floorplans-left ul#pills-tab li{
            width: 100%;
        }
        .floorplans-left ul#pills-tab{
            flex-direction: column;
            flex-wrap: nowrap;
            gap: 18px;
            justify-content: flex-start;
            align-items: flex-start;
        }
        .floorplans-left ul#pills-tab li button{
            background: transparent !important;
            color: #183e62 !important;
            border-radius: 0 !important;
            padding: 0 !important;
            min-width: unset !important;
            text-align: left !important;
            font-weight: 900 !important;
            font-family: Barlow, sans-serif;
            font-size: 1.2rem;
            text-transform: uppercase;
            letter-spacing: 0.02em;
            border: none !important;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 62px;
            line-height: 1.1;
        }
        .floorplans-left ul#pills-tab li button:hover{
            background: transparent !important;
            color: #bda588 !important;
        }
        .floorplans-left ul#pills-tab li button.active{
            background: transparent !important;
            color: #bda588 !important;
        }
        .floorplans-sqft{
            display: block;
            margin-top: 6px;
            font-size: 0.9rem;
            color: #183e62;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
        }
        .floorplan-config-summary{
            margin-bottom: 24px;
            display: grid;
            gap: 12px;
        }
        .floorplan-config-summary .cfg-title{
            color: #183e62;
            font-weight: 900;
            font-family: Barlow, sans-serif;
            font-size: 1.1rem;
            line-height: 1.2;
            text-transform: uppercase;
        }
        .floorplan-config-summary .cfg-size{
            margin-top: 4px;
            color: #183e62;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            font-size: 0.9rem;
        }

        /* Gallery thumbnails: curved corners on all 4 sides */
        #image-container .gallery-box,
        #image-container .gallery-img{
            border-radius: 4px;
            overflow: hidden;
        }
        #image-container .gallery-img img{
            border-radius: 4px;
            width: 100%;
            height: auto;
            display: block;
        }
        .project-page #pills-tabContent .owl-nav {
            /* bottom: 0;
            right: 0; */
            background: white;
            gap: 10px;
        }
        .project-page #pills-tabContent .owl-nav .owl-prev, .project-page #pills-tabContent .owl-nav .owl-next {
            background: #bda588;
            color: #fff;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .contact-holder {
            width: 100%;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 150px 0;
        }

        .contact-holder {
            background-image: linear-gradient(45deg, #43749c8a, #183e62), url('/');
        }

        .contact-holder .contact-col {
            text-align: center;
            color: #fff;
        }

        .contact-holder .contact-col h2 {
            font-weight: 800;
            color: #fff;
        }

        .table-about{
            border-left: 2px solid #e1e1e1;
        }

        .about table{
            table-layout: fixed;
            width: 100%;
            border: none;
        }

        .about table tr{
            border: none;
        }

        .about table tbody th{
            /* background: #183e62; */
            text-align: left;
            width: 36%;
            border: none;
        }

        .about table tbody td{
            /* background: #fff; */
            width: 80%;
            border: none;
        }

        .about table tbody th h6{
            margin: 0;
            font-size: 1rem;
            color: #1b1919;
            font-weight: 900;
        }

        .about table tbody th h6 span{
            color: #1b1919 !important;
        }

        .about table tbody th img{
            width: 30px;
            height: 30px;
        }

        .about table tbody td h6{
            margin: 0;
            font-size: 1rem;
            word-wrap: break-word;
            color: #66717a !important;
        }

        .suffix-div{
            /* background: var(--theme-header-color); */
            margin-top: 0px !important;
        }

        .section-padding, .div-padding {
            padding-top: inherit;
            position: relative;
            z-index: 9;
        }

        .address-panel{
            background: var(--theme-hero-color);;
            /* padding: 10px 15px; */
            border-radius: 10px;
        }

        .ribbon {
            /* height: 188px; */
            position: relative;
            margin-bottom: 15px;
            /* background: url(https://html5book.ru/wp-content/uploads/2015/10/snow-road.jpg);
            background-size: cover;
            text-transform: uppercase; */
            color: white;
        }

        .ribbon5 {
            display: block;
            width: calc(100% + 20px);
            /* height: 50px;
            line-height: 50px; */
            text-align: center;
            margin-left: -10px;
            margin-right: -10px;
            background: #cea467;
            position: relative;
            top: 10px;
            padding: 5px 10px;
            font-family: Barlow, sans-serif;
            text-transform: capitalize;
            letter-spacing: 1px;
            font-weight: 500;
            font-size: 1.3rem;
        }
        .ribbon5:before, .ribbon5:after {
            content: "";
            position: absolute;
        }
        .ribbon5:before {
            height: 0;
            width: 0;
            bottom: -10px;
            left: 0;
            border-top: 10px solid #cd8d11;
            border-left: 10px solid transparent;
        }
        .ribbon5:after {
            height: 0;
            width: 0;
            right: 0;
            bottom: -10px;
            border-top: 10px solid #cd8d11;
            border-right: 10px solid transparent;
        }

        @media screen and (max-width: 600px) {
            .project-cntr-info-col, .project-page .project-detail-row>*{
                width: 100% !important;
            }
        }

        .about .states li{
            margin-right: 0 !important;
        }

        #pills-tabContent .tab-regular, #pills-tabContent .tab-regular img{
            min-height: 65vh;
            background-color: transparent !important;
            width: 100%;
            /* height: 100%; */
        }

        #pills-tabContent .tab-regular img{
            position: relative;
            z-index: 3;
            height: 100%;
            object-fit: contain;
        }

        #pills-tabContent .tab-regular .slider-img{
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 2;
            padding-bottom: 25px;
        }

        /* Alternate backgrounds for PROJECT pages only */
        body:has(#project-page-banner) #content-wrapper > section:not(#project-page-banner):nth-of-type(even){
            background-color: #f7f2ee !important;
        }
        body:has(#project-page-banner) #content-wrapper > section:not(#project-page-banner):nth-of-type(odd){
            background-color: #ffffff !important;
        }
        /* Intro (title + specs): always white — stats strip shifts nth-of-type on some pages */
        #content-wrapper > section#project-page-intro.pt-5.pb-5.mt-0{
            background-color: #ffffff !important;
        }

        /* About Us: keep Core Members section plain (no beige strip) */
        #team-area,
        #content-wrapper > section#team-area,
        #content-wrapper > section#team-area.team.section-padding{
            background: #fff !important;
            background-color: #fff !important;
            background-image: none !important;
        }

        /* About Us: Additional content (Engineering & Labs / CSR / etc.) should be white */
        #content-wrapper > section.process.about{
            background: #fff !important;
            background-color: #fff !important;
            background-image: none !important;
        }

        #pills-tabContent .owl-nav{
            top: 50%;
            left: 50%;
            bottom: unset;
            right: unset;
            transform: translate(-50%, -50%);
            justify-content: space-between;
            background-color: transparent !important;
        }

        #pills-tabContent .owl-nav .owl-prev{
            margin-left: -20px;
        }

        #pills-tabContent .owl-nav .owl-next{
            margin-right: -20px;
        }

        #gallery-tab-panels.tab-panels .panel{
            background-color: transparent !important;
            min-height: 70vh;
        }

        .br-1{
            border-radius: 5px;
        }

        .bg-beige{
            background: #f7f2ee;
        }

        /* Curved card style on all 4 sides (as requested) */
        .additional-content-project .img{
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .content-img{
            border-radius: 8px;
            display: block;
            width: 100%;
        }
        /* Extra uniform spacing so the section doesn't feel "cut" at the image edges */
        .additional-content-project .img .content-img{
            margin: 30px 0;
        }

        /* Make the map spread full width (applies when map section uses suffix-div) */
        .additional-content-project.suffix-div .div-padding{
            --bs-gutter-x: 0 !important;
        }
        .additional-content-project.suffix-div .map-frame{
            width: 100% !important;
            height: 100% !important;
            margin: 0 !important;
        }
        .additional-content-project.suffix-div .map-frame .p-1{
            padding: 0 !important;
        }
        .additional-content-project.suffix-div iframe.map-frame{
            display: block;
            width: 100% !important;
            height: 100% !important;
        }

        /* Split Map (left) and Location Advantages (right) equally (when present) */
        .additional-content-project.suffix-div .row.div-padding > .col-md-12{
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }
        .additional-content-project.suffix-div .row.div-padding > .col-md-12 > .img{
            flex: 0 0 50%;
            max-width: 50%;
        }
        .additional-content-project.suffix-div .row.div-padding > .col-md-12 > .wrap.project-wrap-div{
            flex: 0 0 50%;
            max-width: 50%;
        }

        /* Mobile: stack Map and Connectivity content */
        @media (max-width: 600px){
            .additional-content-project.suffix-div .row.div-padding > .col-md-12{
                display: flow-root !important; /* prevents height collapse when floats exist */
            }
            .additional-content-project.suffix-div .row.div-padding > .col-md-12 > .img,
            .additional-content-project.suffix-div .row.div-padding > .col-md-12 > .wrap.project-wrap-div{
                flex: none;
                max-width: 100%;
                width: 100%;
                float: none !important;
                clear: both !important;
                display: block !important;
            }
            .additional-content-project.suffix-div .img.fl-img{
                float: none !important;
                clear: both !important;
                width: 100% !important;
                max-width: 100% !important;
            }
            /* Remove h-100 chain creating weird empty space on mobile (wrappers only; not the iframe) */
            .additional-content-project.suffix-div :not(iframe).map-frame,
            .additional-content-project.suffix-div :not(iframe).map-frame.h-100,
            .additional-content-project.suffix-div .address-panel.h-100,
            .additional-content-project.suffix-div .ribbons-wrapper.h-100,
            .additional-content-project.suffix-div .p-1.h-100{
                height: auto !important;
            }
            .additional-content-project.suffix-div .row.div-padding > .col-md-12 > .wrap.project-wrap-div{
                margin-top: 16px;
            }
            .additional-content-project.suffix-div iframe.map-frame{
                height: 420px !important;
            }
        }

        .content-img{
            height: 500px;
            object-fit: cover;
        }

        /* Scroll trigger marker for auto-callback modal (marker div only) */
        div#callback-popup-trigger{
            display: block;
            height: 2px;
            width: 100%;
        }

        #pills-tabContent .slider .owl-item{
            height: auto;
        }

        @media screen and (max-width: 600px){
            .table-about{
                border-top: 2px solid #e1e1e1;
                border-right: 2px solid #e1e1e1;
            }

            .about table tbody th, .about table tbody td{
                border-bottom: 2px solid #e1e1e1;
            }

            #pills-tabContent .tab-regular, #pills-tabContent .tab-regular img{
                min-height: auto;
                height: auto;
            }

            .map-frame{
                height: 420px !important;
            }
        }

.slider-fade .v-middle {
            position: relative;
            transform: none;
            top: 0;
            left: 0;
        }

        .header.slider-fade {
            min-height: 1px;
            height: auto;
            overflow: hidden;
            background: transparent !important;
        }

        .slider-fade .slider .owl-item,
        .slider-fade .owl-item {
            height: auto;
            position: relative;
        }

        .slider-fade .slider .item,
        .slider-fade .item {
            position: static;
            background-image: none !important;
        }

        .slider-fade .owl-carousel .owl-stage:after,
        #slider-area:after {
            content: none;
        }

        @media screen and (max-width: 600px) {
            #slider-area img {
                opacity: 1;
            }
        }

        .duru-header {
            position: fixed;
        }

        /* Default carousel images should keep natural height */
        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        /* Only hero/banner carousels use viewport height */
        #slider-area .owl-carousel .owl-item img,
        #project-page-banner .owl-carousel .owl-item img{
            height: 100svh;
        }
        @supports not (height: 100svh) {
            #slider-area .owl-carousel .owl-item img,
            #project-page-banner .owl-carousel .owl-item img{
                height: 100vh;
            }
        }
        @media (max-width: 600px){
            #slider-area .owl-carousel .owl-item img,
            #project-page-banner .owl-carousel .owl-item img{
                height: 60svh;
            }
        }

        #slider-area {
            min-height: 644px;
        }

        .contact .phone, .contact .social a {
            color: #000;
        }

        @media screen and (max-width: 600px) {
            #slider-area {
                min-height: auto;
            }
        }

.pagination-wrap{
            position: relative;z-index:10;pointer-events:all;
        }
        .no-dot.sub-title:before {
            content: none;
        }
        .project_old .projects2-wrap h3 {
            font-size: 25px;
        }
        .project_old p {
            font-size: 12px;
            color: black;
        }

        .project_old p img {
            height: 20px;
            display: inline;
            width: 20px;
            margin-top: -5px;
        }
        .projects2-con{
            position: static;
            height: auto;
            background-image: none;
        }
        .projects2-wrap h3 a{
            color: var(--theme-primary-color);
        }
        .project2-link:before{
            background: var(--theme-primary-color);
        }
        .projects2-wrap {
            padding-bottom: 30px;
        }
        .font-weight-normal{
            font-weight: normal;
        }
        .sub-title:after{
            width: 100%;
            left: 0;
        }

        .projects3 .content{
            padding: 0 !important;
        }

        .projects3 .content .cont h3{
            margin-bottom: 10px;
        }

        .section-padding, .div-padding {
            padding-top: 0px;
        }

        .projects3 .img {
            border-radius: 5px;
        }

        .projects3 .img img{
            height: 350px;
            object-fit: cover;
        }

        @media screen and (max-width:600px){
            .projects3 .content{
                margin-bottom: 0 !important;
            }

            .justify-content-end{
                justify-content: unset !important;
            }
        }

.partner .owl-dots{
            margin-top: 20px !important;
        }
        .swiper-wrapper {
            transition-timing-function: linear;
        }
        .swiper-container{
            overflow: hidden;
        }

        .modal-backdrop{
            z-index: 1 !important;
        }
        .modal-dialog-scrollable .modal-content {
            background: var(--theme-suffix-color);
        }
        .modal-body ul{
            list-style-type: circle;
        }
        .hero .button-light{
            background-color: var(--theme-primary-color);
            color: white;
            border: 1px solid var(--theme-primary-color);
        }
        .hero .button-light:hover{
            background-color: transparent;
            color: var(--theme-primary-color);
        }
        .main-team-section{
            background: #fff;
            background-color: #fff;
        }
        .main-team-section .section-title{
            color: var(--theme-footer-color);
            text-align: justify;
        }
        .main-team-section p{
            color: var(--theme-text-color);
            text-align: justify;
        }

        /* .about.main-team-section .wrap .con .info .name{
            color: white;
        } */
        .about_banner_img{
            border: 1px solid #1c1919;
            padding: 5px;
            border-top-left-radius: 30px;
            border-bottom-right-radius: 30px;
            height: 570px;
            object-fit: cover;
        }

        /* Contact Us page: remove outline around map image */
        img.about_banner_img[src="/assets/map.webp"]{
            border: none !important;
            padding: 0 !important;
        }

        /* Channel Partner page: remove outline + enforce 583x351 */
        img.about_banner_img[src="/assets/partner.webp"]{
            border: none !important;
            padding: 0 !important;
            width: 583px !important;
            height: 351px !important;
            object-fit: cover;
            object-position: center;
        }

        /* Land Owner page: remove outline + enforce 583x466 */
        img.about_banner_img[src="/assets/land_owner.jpg"]{
            border: none !important;
            padding: 0 !important;
            width: 583px !important;
            height: 466px !important;
            object-fit: cover;
            object-position: center;
        }

        /* Career page: remove outline + enforce 583x466 */
        img.about_banner_img[src="/assets/career.jpg"]{
            border: none !important;
            padding: 0 !important;
            width: 583px !important;
            height: 466px !important;
            object-fit: cover;
            object-position: center;
        }

        .core_image{
            height: 500px !important;
            width: 100% !important;
            object-fit: cover;
            object-position: center;
            border-radius: 5px;
        }

        /* Awards page: reduce award image size */
        img.award-img{
            width: 200px !important;
            height: 200px !important;
            object-fit: contain;
        }
        @media (max-width: 600px){
            img.award-img{
                width: 200px !important;
                height: 200px !important;
            }
        }

        /* CSR page: reduce sizes of 3 specific images (by title / file path) */
        #content-wrapper img[title*="Education for Children of Contractual Workers"],
        #content-wrapper img[data-src*="/storage/csr_contents/7nJEqDaMaYb1TeC3lRxoRmupeF2w9zYnInX5ihwJ"],
        #content-wrapper img[title*="Ethical, Cultural and Religious Values"]{
            width: 583px !important;
            height: 389px !important;
            object-fit: cover;
            object-position: center;
        }
        @media (max-width: 600px){
            #content-wrapper img[title*="Education for Children of Contractual Workers"],
            #content-wrapper img[data-src*="/storage/csr_contents/7nJEqDaMaYb1TeC3lRxoRmupeF2w9zYnInX5ihwJ"],
            #content-wrapper img[title*="Ethical, Cultural and Religious Values"]{
                width: 351px !important;
                height: 234px !important;
            }
        }

        /* CSR page: keep original text layout (no forced flex overrides) */

        .about .desc-ul p{
            text-align: justify;
        }

        .section-padding, .div-padding, .process .wrap .number{
            z-index: 0;
        }

        /* Overlay sections: keep content clickable above overlay layer */
        [data-overlay-dark]::before,
        [data-overlay-light]::before{
            pointer-events: none;
        }
        [data-overlay-dark] .container,
        [data-overlay-light] .container{
            position: relative;
            z-index: 2;
        }

        #team-area .owl-dots .owl-dot span{
            background: white;
        }

        #team-area .owl-dots .owl-dot.active span, #team-area .owl-dots .owl-dot:hover span{
            background: #be932d;
        }

        .process .img img{
            height: 500px;
            object-fit: cover;
        }

        .about .wrap{
            padding-left: 0;
        }

        .team .wrap{
            padding-left: 0;
            padding-bottom: 0;
        }

        .br-1{
            border-radius: 5px;
        }

        .hero{
            position: relative;
        }

        .ribbon1 {
            position: absolute;
            top: -6.1px;
            right: 10px;
        }
        .ribbon1:after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-left: 65px solid transparent;
            border-right: 65px solid transparent;
            border-top: 17px solid var(--theme-primary-color);
        }
        .ribbon1 span {
            position: relative;
            display: block;
            text-align: center;
            background: var(--theme-primary-color);;
            font-size: 22px;
            color: white;
            line-height: 1;
            padding: 12px 8px 3px;
            border-top-right-radius: 8px;
            width: 130px;
            font-weight: 700;
        }
        .ribbon1 span:before, .ribbon1 span:after {
            position: absolute;
            content: "";
        }
        .ribbon1 span:before {
            height: 6px;
            width: 6px;
            left: -6px;
            top: 0;
            background: var(--theme-primary-color);
        }
        .ribbon1 span:after {
            height: 6px;
            width: 8px;
            left: -8px;
            top: 0;
            border-radius: 8px 8px 0 0;
            background: #a68b6a;
        }

        .mt-6{
            margin-top: 3.5rem;
        }

        .clr-bg-about{
            background-color: var(--theme-hero-color);
            width: 80%;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1;
            border-radius: 10px;
        }

        .about-content-padding{
            padding-left: 20px;
            padding-right: 40px;
        }

        .p-relative{
            position: relative;
        }

        .vision-mision-img{
            height: 400px;
            object-fit: cover;
        }

        .blue-title{
            color: var(--theme-highlight-text-color);
        }

        @media screen and (max-width: 600px) {
            .about_banner_img {
                height: auto;
                object-fit: contain;
            }

            .team .wrap .con{
                margin-bottom: 0;
            }

            .team .wrap{
                padding-left: 0;
                padding-bottom: 10px;
            }

            .process .wrap{
                margin-top: 10px;
                margin-bottom: 0px;
            }

            .mb-sm-5{
                margin-bottom: 3rem;
            }

            .mt-sm-5{
                margin-top: 2rem !important;
            }

            .clr-bg-about{
                width: 100%;
                /* margin-top: -30px; */
            }

            .about-content-padding{
                padding: 0;
            }

            .about.section-padding{
                padding-bottom: 1rem !important;
                padding-top: 1rem !important;
            }

            .about.section-padding .py-5{
                padding-top: 3rem !important;
            }

            .about.suffix-div{
                padding-bottom: 0 !important;
            }

            .about.secondary-div{
                padding-top: 0 !important;
            }

            .vision-mision-img{
                height: auto;
            }

        }

.process .wrap{
            padding: 0;
        }
        .process .wrap, .process .wrap .cont{
            display: inline;
        }
        .about_banner_img {
            border: 1px solid #1c1919;
            padding: 5px;
            border-top-left-radius: 30px;
            border-bottom-right-radius: 30px;
            height: 570px;
            object-fit: cover;
        }

        .div-padding {
            padding-top: 0px !important;
        }

        .process p {
            margin-bottom: 3px;
        }

        @media screen and (max-width:600px){
            .process.suffix-div {
                padding-bottom: 2rem !important;
            }

            .hero-main {
                padding-top: 2rem !important;
                padding-bottom: 1rem !important;
            }

            .about_banner_img {
                height: auto;
                object-fit: contain;
            }
        }

.no-line-heading.sub-title:after{
            width: 100%;
            left: 0;
        }
        .no-line-heading.sub-title {
            font-size: 20px;
        }
        .contact .phone, .contact .social a {
            color: #000;
        }

        .about_content h1, .about_content h1 span, .about_content h2, .about_content h3, .about_content h4, .about_content h5, .about_content h6{
            color: var(--theme-highlight-text-color) !important;
        }

        .about_content p {
            color: var(--theme-text-color) !important;
            text-align: justify;
        }

        .about_content .about_content-full-block {
            clear: both;
            width: 100%;
            margin-top: 1.5rem;
            padding-top: 1rem;
        }
        .about_content .about_content-full-block:first-of-type {
            margin-top: 2rem;
        }
        .about_content .about_content-full-block h5 {
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
            font-size: 1.125rem;
        }
        .about_content .about_content-full-block h5:first-child {
            margin-top: 0;
        }
        .about_content .about_content-full-block p {
            margin-bottom: 1rem;
            line-height: 1.7;
        }
        .about_content .about_content-full-block ul {
            margin: 0.75rem 0 1rem 1.25rem;
            padding-left: 0;
        }
        .about_content .about_content-full-block ul li {
            margin-bottom: 0.5rem;
            padding-left: 1rem;
            position: relative;
            list-style: none;
        }
        .about_content .about_content-full-block ul li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.5em;
            width: 4px;
            height: 4px;
            background: var(--theme-primary-color);
            border-radius: 50%;
        }

        .about_content .desc-ul {
            overflow: hidden;
        }
        .about_content .desc-ul > .w-100 {
            overflow: hidden;
            margin-bottom: 3rem;
            padding-bottom: 3rem;
            border-bottom: 1px solid var(--theme-lines-color);
        }
        .about_content .desc-ul > .w-100:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }
        .about_content .img.fr-img,
        .about_content .img.fl-img {
            margin-bottom: 1.5rem;
        }
        .about_content .img.fr-img img,
        .about_content .img.fl-img img {
            width: 100%;
            height: auto;
            display: block;
        }
        .about_content .wrap {
            overflow: hidden;
        }
        .about_content .wrap h1 {
            margin-bottom: 1.25rem;
            font-size: 2rem;
        }
        .about_content .wrap h5 {
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
            font-size: 1.125rem;
        }
        .about_content .wrap p {
            margin-bottom: 1rem;
            line-height: 1.7;
        }
        .about_content .wrap ul {
            margin: 0.75rem 0 1rem 1.25rem;
            padding-left: 0;
        }
        .about_content .wrap ul li {
            margin-bottom: 0.5rem;
            padding-left: 1rem;
            position: relative;
            list-style: none;
        }
        .about_content .wrap ul li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.5em;
            width: 4px;
            height: 4px;
            background: var(--theme-primary-color);
            border-radius: 50%;
        }
        @media screen and (max-width: 600px) {
            .about_content .desc-ul > .w-100 {
                margin-bottom: 2rem;
                padding-bottom: 2rem;
            }
        }
        /* Header CTA removed (using floating CTA like other pages) */

/* ===== FIXED HEADER OVERLAP FIX ===== */
.content-wrapper {
    padding-top: 80px;
}

@media screen and (max-width: 600px) {
    .content-wrapper {
        padding-top: 60px;
    }
}

/* Project pages: banner should start at top (no white strip). */
body:has(#project-page-banner) .content-wrapper{
    padding-top: 0 !important;
}

/* Pages using slider banner: remove white strip above banner */
body:has(#slider-area) .content-wrapper{
    padding-top: 0 !important;
}

/* Transparent header only while banner is behind it */
body.header-on-banner .duru-header{
    background: transparent !important;
    border-bottom-color: transparent !important;
}
body.header-on-banner .duru-header .duru-nav-toggle i,
body.header-on-banner .duru-header .duru-nav-toggle i:before,
body.header-on-banner .duru-header .duru-nav-toggle i:after{
    background: #000 !important;
}

/* Banner logo: remove visible white box from raster logo */
body.header-on-banner .duru-logo,
body.header-on-banner .duru-logo img{
    background: transparent !important;
}
body.header-on-banner .duru-logo img{
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
}


.no-line-heading.sub-title:after{
            width: 100%;
            left: 0;
        }
        .no-line-heading.sub-title {
            font-size: 20px;
        }
        .contact .phone, .contact .social a {
            color: #000;
        }

        .section-title{
            color: var(--theme-highlight-text-color) !important;
        }

        .legal_content h1, .legal_content h2, .legal_content h3, .legal_content h4, .legal_content h5, .legal_content h6{
            color: var(--theme-highlight-text-color) !important;
        }

        .legal_content p {
            color: var(--theme-text-color) !important;
        }

.form-holder .form-content{
        z-index: 9999;
       }
       .website-logo-inside {
            margin-bottom: 10px;
        }
        .img-holder .info-holder img {
            width: auto;
            max-width: 375px;
            height: 200px;
        }
        .form-content, body, .form-body {
            background-color: #1c1919;
        }
        .form-content .form-button .ibtn {
            background-color: #fff;
            color: #1c1919;
        }
        .form-content input, .form-content .dropdown-toggle.btn-default {
            border: 0;
            background-color: #fff;
            font-weight: 700;
            color: #1c1919;
        }
        .just-validate-error-label{
            margin-bottom: 10px;
        }
        @media (max-width: 765px){
            .img-holder {
                min-height: 1px;
                height: auto;
            }
        }

        select.form-control, select.form-control:focus{
            background: white;
            margin-bottom: 15px;
        }

/* ===== CONTENT LINES FIX (from app.css) ===== */
.content-lines-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.content-lines-inner {
    position: absolute;
    width: 1140px;
    left: 50%;
    margin-left: -570px;
    top: 0;
    height: 100%;
    border-left: 1px solid var(--theme-lines-color);
    border-right: 1px solid var(--theme-lines-color);
    border-bottom: 1px solid var(--theme-lines-color);
}

.content-lines {
    position: absolute;
    left: 33.666666%;
    right: 33.666666%;
    height: 100%;
    border-left: 1px solid var(--theme-lines-color);
    border-right: 1px solid var(--theme-lines-color);
}

.content-wrapper {
    position: relative;
}