*{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      font-family:'Poppins',sans-serif;
      background:#faf8f5;
      /*color:#222;*/
      overflow-x:hidden;
    }

    h1,h2,h3,h4{
      font-family:'Cormorant Garamond',serif;
    }

    a{
      text-decoration:none;
    }
    
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
        color: #20332D;
    }

    .gold{
      color:#c38a1d;
    }
    
    /*27-06-2026*/
    .btn-gold{
        position: relative;
        display: inline-block;
        padding: 14px 32px;
        border: none;
        border-radius: 8px;
    
        color: #20332D;
        font-weight: 600;
    
        background: linear-gradient(
            90deg,
            #b8860b 0%,
            #f7e27d 18%,
            #d4a017 35%,
            #fff3a0 50%,
            #c38a1d 65%,
            #f7e27d 82%,
            #b8860b 100%
        );
    
        background-size: 250% auto;
    
        box-shadow:
            0 4px 15px rgba(195,138,29,.25),
            inset 0 1px 1px rgba(255,255,255,.4);
    
        transition: all .4s ease;
    
        overflow: hidden;
    }
    
    .btn-gold:hover{
        background-position: right center;
    
        transform: translateY(-3px);
    
        box-shadow:
            0 10px 25px rgba(195,138,29,.35),
            inset 0 1px 1px rgba(255,255,255,.5);
    
        color: #20332D;
    }
    
    /* gold btn css end */

    .section-title{
      font-size:42px;
      text-align:center;
      margin-bottom:50px;
      position:relative;
    }

    .section-title:before,
    .section-title:after{
      content:'';
      width:70px;
      height:2px;
      background:#c38a1d;
      position:absolute;
      top:50%;
    }

    .featured-product-title:before{
      left:27%;
    }

    .featured-product-title:after{
      right:27%;
    }
	
	.our-services-title:before{
		left:32%;
	}
	
	.our-services-title:after{
		right:32%;
	}
	
	.our-process-title:before{
		left:32%;
	}
	
	.our-process-title:after{
		right:32%;
	}
	

    /* NAVBAR */

    .navbar{
      padding:20px 0;
      background:#fff;
    }

    .navbar-brand{
      display:flex;
      align-items:center;
      gap:5px;
    }
    
    .navbar-nav .current-menu-item .nav-link{
      color:#c38a1d !important;
    }
    
    .navbar-nav .current-menu-item .nav-link:after{
      width:100%;
    }
    
    /*.mobile-cta-bar{*/
    /*    display:none;*/
    /*}*/
    
    .footer-menu{
        padding-left: 0.5rem !important;
    }
    
    .footer-menu li{
        list-style: none;
    }
    
    .footer-nav-div{
        gap:0px;
    }
    
    .footer-nav-div .brand-text{
        color: #fff;
        margin-left: 15px;
    }
    
    .footer-logo-img{
        /*height: 63px;*/
        /*width: 63px;*/
        width: 60px;
        height: 60px;
        max-width: 200px;
        display: block;
    }

    .logo-circle{
      width:60px;
      height:60px;
      /*border:3px solid #c38a1d;*/
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#c38a1d;
      font-size:32px;
      font-weight:700;
      font-family:'Cormorant Garamond',serif;
    }
	
	.brand-text{
	    color: #20332D;
		margin-left:10px;
	}

    .brand-text h3{
		font-size: 31px;
		line-height: 1;
		text-transform: uppercase;
		margin: 0px;
    }

    .brand-text span{
		letter-spacing: 10px;
		font-size: 19px;
		margin-left: 5px;
		font-weight: normal;
    }

    .nav-link{
      /*color:#111;*/
      color: #20332D;
      margin:0 10px;
      font-weight:500;
    }

    .nav-link.active{
      color:#c38a1d !important;
    }

    /* HERO */

    .hero{
        padding:60px 0 80px;
        background:linear-gradient(to right,#fff,#f7f3ee);
      
        min-height: 700px; 
        background-size: cover !important;
        background-position: right center;
        background-repeat: no-repeat;
    }

    .hero-sub{
      color:#c38a1d;
      font-size:22px;
      margin-bottom:15px;
    }

    .hero-title{
        color: #20332D;
      font-size:95px;
      line-height:0.9;
      font-weight:600;
      margin-bottom:30px;
    }

    .hero-title span{
      color:#c38a1d;
      letter-spacing: 5px !important;
    }

    .hero-desc{
      font-size:20px;
      color:#555;
      margin-bottom:35px;
      max-width:600px;
    }

    .hero-img{
      width:100%;
      border-radius:20px;
    }

    .watch-btn{
      border:1px solid #c38a1d;
      padding:14px 30px;
      border-radius:8px;
      background: #20332D !important;
      color: #c38a1d;
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-left:15px;
      background:#fff;
    }
    
    .contact_info_section .c_info_section{
        display:grid;
        grid-template-columns:20px 1fr;
        gap:0px;
        align-items:start;
    }
    
    .contact_info_section p a i.bi-envelope{
        padding-right: 4px !important;
    }
    
    @media (min-width:1200px){

        .contact_info_section{
            padding-left:0 !important;
        }
    
    }
    
    @media (min-width:1200px) and (max-width:1399.98px){

        .our-process-title::before{
            left:29% !important;
        }
    
        .our-process-title::after{
            right:29% !important;
        }
    
    }
    
    /* ==================================================
       TABLETS (992px and below)
    ================================================== */
    
    @media (max-width:991px){

        .desktop-cta-wrapper{
            margin-top: 0px !important;
        }
    
        .navbar{
            padding: 0px 0px;
        }
    
        .hero{
            height: calc(38vw * 1.42) !important;
            min-height: unset !important;
            background-position: 100% center !important;
            background-size: contain !important;
            padding: 0px;
            background-repeat: no-repeat !important;
            aspect-ratio: 0;
        }
    
        .custom-inner-spacing{
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
    
        .hero-sub{
            font-size: 20px !important;
            max-width: 60% !important;
            margin-bottom: 5px !important;
        }
    
        .hero-title{
            font-size: 60px !important;
            line-height: 1 !important;
            max-width: 60% !important;
            margin-bottom: 8px !important;
        }
        
        .hero-title span{
            letter-spacing: 3px !important;
        }
    
        .hero-desc{
            font-size: 21px !important;
            line-height: 1.5 !important;
            max-width: 65% !important;
            margin-bottom: 12px !important;
            color: #20332D !important;
        }
    
        .hero .d-flex{
            gap: 0 !important;
            padding-top: 95px !important;
        }
    
        .btn-gold{
            padding: 12px 20px !important;
            font-size: 14px !important;
            border: 1px solid #c38a1d !important;
        }
    
        .watch-btn{
            font-size: 12px !important;
            margin-left: 15px !important;
            margin-top: 0 !important;
            background: #20332D !important;
            color: #c38a1d !important;
            padding: 12px 20px !important;
        }
    
    }
    
    
    /* ==================================================
       LARGE MOBILE (768px)
    ================================================== */
    
    @media (max-width:767px){
    
        .desktop-cta-wrapper{
            margin-top: 0px !important;
        }
        
        .navbar{
            padding: 0px 0px;
        }
    
        .hero{
            height:calc(38vw * 1.42) !important;
            min-height:unset !important;
            background-position: 100% center !important;
            background-size: contain !important;
            padding: 0px;
            background-repeat: no-repeat !important;
            aspect-ratio: 0;
        }
        
        .custom-inner-spacing{
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
    
        .hero-sub{
            font-size: 20px !important;
            max-width: 59% !important;
            margin-bottom: 5px !important;
        }
    
        .hero-title{
            font-size: 40px !important;
            line-height: 1 !important;
            max-width: 61% !important;
            margin-bottom: 8px !important;
        }
        
        .hero-title span{
            letter-spacing: 2px !important;
        }
    
        .hero-desc{
            font-size: 16px !important;
            line-height: 1.5 !important;
            max-width: 65% !important;
            margin-bottom: 12px !important;
            color: #20332D !important;
        }
    
        .hero .d-flex {
            gap: 0 !important;
            padding-top: 60px !important;
        }
    
        .btn-gold{
            padding:10px 12px !important;
            font-size:12px !important;
            border: 1px solid #c38a1d !important;
        }
        
        .watch-btn{
            font-size: 12px !important;
            margin-left:15px !important;
            margin-top:0 !important;
            background: #20332D !important;
            color: #c38a1d !important;
            padding: 10px 12px !important;
        }
    
    }
    
    
    /* ==================================================
       MOBILE (576px)
    ================================================== */
    
    @media (max-width:575px){
    
        .desktop-cta-wrapper{
            margin-top: 0px !important;
        }
        
        .navbar{
            padding: 0px 0px;
        }
    
        .hero{
            height:calc(38vw * 1.42) !important;
            min-height:unset !important;
            background-position: 100% center !important;
            background-size: contain !important;
            padding: 0px;
            background-repeat: no-repeat !important;
            aspect-ratio: 0;
        }
        
        .custom-inner-spacing{
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
    
        .hero-sub{
            font-size: 13px !important;
            max-width: 59% !important;
            margin-bottom: 5px !important;
        }
    
        .hero-title{
            font-size: 30px !important;
            line-height: 1 !important;
            max-width: 61% !important;
            margin-bottom: 8px !important;
        }
        
        .hero-title span{
            letter-spacing: 1.5px !important;
        }
    
        .hero-desc{
            font-size: 11.5px !important;
            line-height: 1.5 !important;
            max-width: 65% !important;
            margin-bottom: 12px !important;
            color: #20332D !important;
        }
    
        .hero .d-flex {
            gap: 0 !important;
            padding-top: 20px !important;
        }
    
        .btn-gold{
            padding:10px 12px !important;
            font-size:12px !important;
            border: 1px solid #c38a1d !important;
        }
        
        .watch-btn{
            font-size: 12px !important;
            margin-left:15px !important;
            margin-top:0 !important;
            background: #20332D !important;
            color: #c38a1d !important;
            padding: 10px 12px !important;
        }
    
    }
    
    
    /* ==================================================
       SMALL MOBILE (390px)
    ================================================== */
    
    @media (max-width:390px){
        
        .desktop-cta-wrapper{
            margin-top: 0px !important;
        }
        
        .navbar{
            padding: 0px 0px;
        }
    
        .hero{
            height:calc(38vw * 1.42) !important;
            min-height:unset !important;
            background-position: 100% center !important;
            background-size: contain !important;
            padding: 0px;
            background-repeat: no-repeat !important;
            aspect-ratio: 0;
        }
        
        .custom-inner-spacing{
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
    
        .hero-sub{
            font-size: 13px !important;
            max-width: 59% !important;
            margin-bottom: 5px !important;
        }
    
        .hero-title{
            font-size: 19px !important;
            line-height: 1 !important;
            max-width: 61% !important;
            margin-bottom: 8px !important;
        }
        
        .hero-title span {
            letter-spacing: 1px !important;
        }
    
        .hero-desc{
            font-size: 10px !important;
            line-height: 1.5 !important;
            max-width: 65% !important;
            margin-bottom: 12px !important;
        }
    
        .hero .d-flex {
            gap: 0 !important;
            padding-top: 25px !important;
        }
    
        .btn-gold{
            padding:8px 12px !important;
            font-size:12px !important;
        }
        
        .watch-btn{
            font-size: 12px !important;
            margin-left:15px !important;
            margin-top:0 !important;
            background: #20332D !important;
            color: #c38a1d !important;
            padding: 8px 12px !important;
        }
    
    }
    
    
    /* ==================================================
       EXTRA SMALL MOBILE (360px and below)
    ================================================== */
    
    @media (max-width:360px){
    
        .hero{
            height: calc(38vw * 1.42) !important;
        }
    
        .hero-sub{
            font-size: 12px !important;
            max-width: 58% !important;
        }
    
        .hero-title{
            font-size: 17px !important;
            max-width: 60% !important;
            margin-bottom: 6px !important;
        }
    
        .hero-desc{
            font-size: 12px !important;
            line-height: 1.4 !important;
            max-width: 63% !important;
            margin-bottom: 10px !important;
        }
    
        .hero .d-flex{
            padding-top: 40px !important;
        }
    
        .btn-gold,
        .watch-btn{
            padding: 7px 10px !important;
            font-size: 11px !important;
        }
    
        .watch-btn{
            margin-left: 10px !important;
        }
    
    }
    
    
    /* HERO END */
    
    
    
    /* features section latest css */
    
        /*======================================================
            CINEMATIC FEATURES
        ======================================================*/
        
        .cinematic-features{
            position:relative;
            overflow:hidden;
            background:#050505;
            padding:120px 0;
        }
        
        .cinematic-features::after{
            content:"";
            position:absolute;
            top:0;
            right:0;
            width:420px;
            height:420px;
            background:url("assets/images/spotlight-right.png") no-repeat top right;
            background-size:contain;
            opacity:.18;
            pointer-events:none;
            z-index:0;
        }
        
        .cinematic-bg{
            position:absolute;
            inset:0;
            overflow:hidden;
            z-index:1;
            pointer-events:none;
        }
        
        .cinematic-features .container{
            position:relative;
            z-index:10;
        }


        /*=========================
                CAMERA
        =========================*/
        
        .camera-left{
        
            position: absolute;
            width: 50rem;
            left: -12rem;
            top: -5rem;
            opacity: 1;
            mix-blend-mode: screen;
            filter: brightness(.8) contrast(1);
        }

        /*=========================
              SPOT LIGHT
        =========================*/
        
        .spot-light{
        
            position: absolute;
            width: 25rem;
            right: -40px;
            top: 10px;
            opacity: .85;
            mix-blend-mode: screen;
            filter: brightness(1.1);
        
        }

        /*=========================
              FILM STRIP
        =========================*/
        
        .film-strip{
        
            position: absolute;
            width: 100rem;
            left: 50%;
            bottom: -10rem;
            transform: translateX(-50%);
            opacity: 0.25;
            mix-blend-mode: screen;
        
        }


        /*=========================
              GOLD LINES
        =========================*/
        
        .gold-line{
        
            position:absolute;
        
            height:2px;
        
            background:
            linear-gradient(
                90deg,
                transparent,
                #c38a1d,
                transparent
            );
        
            opacity:.6;
        
        }
        
        .line1{
        
            width:70%;
        
            top:70px;
        
            right:-120px;
        
            transform:rotate(-5deg);
        
        }
        
        .line2{
        
            width:70%;
        
            bottom:60px;
        
            left:-120px;
        
            transform:rotate(7deg);
        
        }


        /*=========================
                GOLD CIRCLES
        =========================*/
        
        .gold-circle{
        
            position:absolute;
        
            border-radius:50%;
        
            border:1px solid rgba(195,138,29,.12);
        
        }
        
        .circle1{
        
            width:600px;
        
            height:600px;
        
            right:-220px;
        
            top:-250px;
        
        }
        
        .circle2{
        
            width:500px;
        
            height:500px;
        
            left:-180px;
        
            bottom:-220px;
        
        }


        /*=========================
                CARD
        =========================*/
        
        .cinematic-card{
        
            position: relative;
            background: #e6dfb8;
            border-radius: 24px;
            padding: 45px 22px;
            text-align: center;
            overflow: hidden;
            height: 100%;
            transition: .45s;
            box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
        }
        
        .cinematic-card::after{
            content: "";
            position: absolute;
            inset: 0;
            background: url(golden-leaf-wobg.png);
            opacity: .55;
            pointer-events: none;
            mix-blend-mode: multiply;
            left: -13rem;
            top: 7rem;
        }
        
        .cinematic-card::before{
        
            content:"";
        
            position:absolute;
        
            inset:0;
        
            border-radius:25px;
        
            padding:1px;
        
            background:
            linear-gradient(
                135deg,
                #f7d67b,
                #c38a1d,
                #f7d67b
            );
        
            -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
        
            -webkit-mask-composite:xor;
        
            mask-composite:exclude;
        
        }
        
        .cinematic-card:hover{
        
            transform:translateY(-12px);
        
            box-shadow:
            0 30px 80px rgba(195,138,29,.20);
        
        }


        /*=========================
                ICON
        =========================*/
        
        .cinematic-icon{
        
            width:85px;
        
            height:85px;
        
            border:2px solid #c38a1d;
        
            border-radius:50%;
        
            display:flex;
        
            align-items:center;
        
            justify-content:center;
        
            margin:auto;
        
            margin-bottom:25px;
        
        }
        
        .cinematic-icon i{
        
            font-size:38px;
        
            color:#c38a1d;
        
        }
        
        .cinematic-card h5{
        
            font-size:28px;
        
            margin-bottom:20px;
        
            color:#20332D;
        
        }
        
        .divider{
        
            display:block;
        
            width:70px;
        
            height:2px;
        
            background:#c38a1d;
        
            margin:20px auto;
        
        }
        
        .cinematic-card p{
        
            color:#20332D;
        
            line-height:1.8;
        
        }


        /* ==================================================
           TABLET (992px and below)
        ================================================== */
        
        @media (max-width:991px){
        
            .cinematic-features{
                padding:80px 0;
            }
        
            /* Hide camera */
            .camera-left{
                display:none;
            }
        
            /* Spotlight stays behind cards */
            .spot-light{
                display:block !important;
                position:absolute;
                top:-40px;
                right:-80px;
                width:260px;
                max-width:none;
                opacity:.18;
                z-index:0;
                pointer-events:none;
                mix-blend-mode:screen;
            }
        
            .film-strip{
                width:150%;
                left:50%;
                transform:translateX(-50%);
                opacity:.15;
            }
        
            .gold-line{
                opacity:.3;
            }
        
            .gold-circle{
                display:none;
            }
        
            .cinematic-features .container{
                position:relative;
                z-index:5;
            }
        
            .cinematic-card{
                padding:30px 18px;
                border-radius:20px;
            }
        
            .cinematic-icon{
                width:70px;
                height:70px;
                margin-bottom:18px;
            }
        
            .cinematic-icon i{
                font-size:30px;
            }
        
            .cinematic-card h5{
                font-size:20px;
                line-height:1.2;
                margin-bottom:12px;
            }
        
            .cinematic-card p{
                font-size:14px;
                line-height:1.6;
            }
        }
        
        
        /* ==================================================
           MOBILE (767px and below)
        ================================================== */
        
        @media (max-width:767px){
        
            .cinematic-features{
                padding:60px 0;
                overflow:hidden;
            }
            
            .cinematic-features::after{

                width:220px;
        
                height:220px;
        
                right:-40px;
        
                top:-10px;
        
                opacity:.22;
        
            }
        
            /* Hide camera */
            .camera-left{
                display:none !important;
            }
        
            /* Spotlight visible in background */
            .spot-light{
        
                display:block !important;
        
                position:absolute;
        
                top:-20px;
        
                right:-100px;
        
                width:260px;
        
                opacity:.22;
        
                z-index:0;
        
                pointer-events:none;
        
                mix-blend-mode:screen;
        
                filter:brightness(1.2);
        
            }
        
            .cinematic-features .container{
        
                position:relative;
        
                z-index:5;
        
            }
        
            .film-strip{
        
                width:180%;
        
                bottom:-10px;
        
                opacity:.10;
        
            }
        
            .gold-line{
        
                opacity:.25;
        
            }
        
            .gold-circle{
        
                display:none;
        
            }
        
            .cinematic-card{
        
                padding:15px 14px;
        
                border-radius:18px;
        
                min-height:200px;
        
            }
        
            .cinematic-icon{
        
                width:58px;
        
                height:58px;
        
                margin-bottom:14px;
        
            }
        
            .cinematic-icon i{
        
                font-size:24px;
        
            }
        
            .cinematic-card h5{
        
                font-size:16px;
        
                line-height:1.3;
        
                margin-bottom:10px;
        
            }
        
            .divider{
        
                width:45px;
        
                margin:12px auto;
        
            }
        
            .cinematic-card p{
        
                font-size:13px;
        
                line-height:1.25;
        
            }
        
        }
    
    /* features section css end */

    /* FEATURES */
    
    .feature-box{
        background: #fff;
        border-radius: 24px;
        padding: 45px 25px;
        text-align: center;
        height: 100%;
    
        /* Premium subtle shadow */
        box-shadow: 0 8px 30px rgba(0,0,0,.05);
        transition: all .3s ease;
    }
    
    .feature-box:hover{
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0,0,0,.08);
    }       

    .feature-icon{
      width:85px;
      height:85px;
      border-radius:50%;
      border:2px solid #c38a1d;
      margin:0 auto 20px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#c38a1d;
      font-size:35px;
    }

    .feature-box h5{
      margin-bottom:12px;
      font-weight:600;
    }
    
    .feature-box a{
        text-align: none;
        color: #20332D;
    }

    /* PROJECTS */

    .project-card{
      position:relative;
      overflow:hidden;
      border-radius:18px;
    }

    .project-card img{
      width:100%;
      height:280px;
      object-fit:cover;
      transition:.5s;
    }

    .project-card:hover img{
      transform:scale(1.1);
    }

    .play-btn{
      width:70px;
      height:70px;
      background:rgba(255,255,255,0.2);
      border:2px solid #fff;
      border-radius:50%;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-size:28px;
      backdrop-filter:blur(6px);
    }

    .project-info{
      text-align:center;
      margin-top:15px;
    }

    .project-info h5{
      margin-bottom:5px;
    }
    
    /* featured projects section new css */
    
    .featured_projects_section{
        position: relative;
        overflow: hidden;
        background: url("paper-texture.png") center center;
    }
    
    
    .featured_projects_section::before{

        content:"";
        position:absolute;
        inset:0;
    
        background:
    
            url("camera.webp") left -30px center / 380px no-repeat,
    
            url("director-chair.png") right -40px bottom 88px / 22rem no-repeat;
    
        opacity:0.30;
    
        pointer-events:none;
    
        z-index:1;
    
    }
    
    .featured_projects_section .container{
        position: relative;
        z-index: 2;
    }
    
    /* featured projects section new css end */
    
    /* PROJECT SECTION VIDEO POPUP */

    .featured_video_popup{
      position:fixed;
      inset:0;
      width:100%;
      height:100vh;
      background:rgba(0,0,0,0.92);
      z-index:99999;
      display:flex;
      align-items:center;
      justify-content:center;
      opacity:0;
      visibility:hidden;
      transition:.4s ease;
    }
    
    .featured_video_popup.active{
      opacity:1;
      visibility:visible;
    }
    
    .featured_video_popup_content{
      width:70%;
      /*max-width:120px;*/
      position:relative;
    }
    
    .featured_video_popup_video{
      width:100%;
      border-radius:18px;
      background:#20332D;
    }
    
    .featured_video_popup_close{
      position:absolute;
      top:-50px;
      right:0;
      color:#fff;
      font-size:42px;
      cursor:pointer;
      line-height:1;
    }
    
    .featured_video_popup_btn{
      cursor:pointer;
    }
    
    /* Project Section Mobile CSS */
    
    @media(max-width:768px){
    
      .featured_video_popup_content{
        width:92%;
      }
    
      .featured_video_popup_close{
        top:-40px;
        font-size:34px;
      }
    
    }

    /* SERVICES */
    
    /* our services section with new css (start) */
    
    /*=====================================================
            CINEMATIC SERVICES SECTION
    =====================================================*/
    
    .cs-services-section{
        position:relative;
        overflow:hidden;
        background:#070707;
        padding:110px 0;
    }
    
    /*-----------------------------------
                Background
    -----------------------------------*/
    
    .cs-services-bg{
    
        position:absolute;
    
        inset:0;
    
        z-index:1;
    
        overflow:hidden;
    
        pointer-events:none;
    
    }
    
    .cs-services-heading h2.section-title:before {
        background: none !important;
    }
    
    .cs-services-heading h2.section-title:after {
        background: none !important;
    }
    
    /* Black Texture */
    
    .cs-services-section::before{
    
        content:"";
    
        position:absolute;
    
        inset:0;
    
        background:
    
        radial-gradient(circle at top right,
        rgba(195,138,29,.12),
        transparent 35%),
    
        radial-gradient(circle at bottom left,
        rgba(195,138,29,.08),
        transparent 40%),
    
        linear-gradient(180deg,#050505,#0c0c0c);
        
        /*background: rgb(32, 51, 45) !important;*/
    
        z-index:0;
    
    }
    
    /* Film Grain */
    
    .cs-services-section::after{
    
        content:"";
    
        position:absolute;
    
        inset:0;
    
        background:url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
    
        opacity:.15;
    
        mix-blend-mode:overlay;
    
        z-index:0;
    
    }


    /*-----------------------------------
            Decorative Images
    -----------------------------------*/
    
    .cs-camera-bg{
    
        position:absolute;
    
        width:430px;
    
        left:-120px;
    
        top:40px;
    
        opacity:.10;
    
        filter:
        grayscale(100%)
        brightness(.9);
    
    }
    
    .cs-chair-bg{
        
        position:absolute !important;
    
        width: 35rem;
        left: 40px;
        top: -25px;
        opacity: .20;
    }
    
    .cs-film-strip{
    
        position: absolute;
        width: 100rem;
        left: -50px;
        bottom: -160px;
        opacity: .20;
    
    }


    /* Spotlight */
    
    .cs-light-glow{
    
        position:absolute;
    
        right:-180px;
    
        top:-180px;
    
        width:500px;
    
        height:500px;
    
        background:
    
        radial-gradient(circle,
        rgba(255,215,120,.20),
        transparent 70%);
    
        filter:blur(40px);
    
    }


    /*-----------------------------------
            Container
    -----------------------------------*/
    
    .cs-services-section .container{
    
        position:relative;
    
        z-index:5;
    
    }


    /*-----------------------------------
                Heading
    -----------------------------------*/
    
    .cs-services-heading{
    
        display:flex;
    
        align-items:center;
    
        justify-content:center;
    
        gap:30px;
    
        margin-bottom:70px;
    
    }
    
    .cs-services-heading span{
    
        width:90px;
    
        height:2px;
    
        background:#c38a1d;
    
    }
    
    .cs-services-heading h2{
    
        color:#fff;
    
        margin:0;
    
        letter-spacing:1px;
    
    }


    /*-----------------------------------
                Cards
    -----------------------------------*/
    
    .cs-service-card{
    
        position:relative;
    
        height:100%;
    
        /*background:*/
    
        /*linear-gradient(*/
        /*180deg,*/
        /*rgba(18,18,18,.95),*/
        /*rgba(8,8,8,.95));*/
        
        background: rgb(32, 51, 45) !important;
    
        border-radius:24px;
    
        padding:40px 22px;
    
        text-align:center;
    
        overflow:hidden;
    
        transition:.45s;
    
        border:1px solid rgba(195,138,29,.20);
    
        box-shadow:
    
        0 15px 45px rgba(0,0,0,.45);
    
    }


    /* Gold Shine */
    
    .cs-service-card::before{
    
        content:"";
    
        position:absolute;
    
        top:0;
    
        left:0;
    
        width:100%;
    
        height:3px;
    
        background:
    
        linear-gradient(
        90deg,
        transparent,
        #f4cf72,
        transparent);
    
    }
    
    
    /* Hover Glow */
    
    .cs-service-card:hover{
    
        transform:translateY(-12px);
    
        border-color:#c38a1d;
    
        box-shadow:
    
        0 20px 60px rgba(195,138,29,.18);
    
    }
    
    
    /*-----------------------------------
                Icon
    -----------------------------------*/
    
    .cs-icon-wrap{
    
        width:90px;
    
        height:90px;
    
        margin:auto;
    
        margin-bottom:28px;
    
        border-radius:50%;
    
        display:flex;
    
        align-items:center;
    
        justify-content:center;
    
        border:2px solid #c38a1d;
    
        transition:.4s;
    
    }
    
    .cs-icon-wrap i{
    
        color:#c38a1d;
    
        font-size:40px;
    
    }
    
    .cs-service-card:hover .cs-icon-wrap{
    
        background:#c38a1d;
    
        box-shadow:0 0 30px rgba(195,138,29,.35);
    
    }
    
    .cs-service-card:hover .cs-icon-wrap i{
    
        color:#070707;
    
    }
    
    
    /*-----------------------------------
                Text
    -----------------------------------*/
    
    .cs-service-card h5{
    
        color:#fff;
    
        font-size:20px;
    
        margin-bottom:18px;
    
        line-height:1.25;
    
        font-weight:600;
    
    }
    
    .cs-service-card p{
    
        color:#d2d2d2;
    
        font-size:17px;
    
        line-height:1.7;
    
        margin:0;
    
    }



    /* ============== responsive ====================== */
    
        /*=====================================================
                PREMIUM HOVER EFFECTS
        =====================================================*/
        
        .cs-service-card{
        
            isolation:isolate;
        
        }
        
        .cs-service-card::after{
        
            content:"";
        
            position:absolute;
        
            inset:0;
        
            background:
            linear-gradient(
            130deg,
            transparent 25%,
            rgba(255,255,255,.05) 45%,
            transparent 65%);
        
            transform:translateX(-120%);
        
            transition:1s;
        
            pointer-events:none;
        
        }
        
        .cs-service-card:hover::after{
        
            transform:translateX(120%);
        
        }
        
        .cs-service-card:hover{
        
            transform:translateY(-12px) scale(1.02);
        
        }
        
        .cs-service-card:hover h5{
        
            color:#f4cf72;
        
        }
        
        .cs-service-card:hover p{
        
            color:#ffffff;
        
        }
        
        .cs-service-card:hover .cs-icon-wrap{
        
            transform:rotateY(180deg);
        
        }
        
        .cs-service-card:hover .cs-icon-wrap i{
        
            transform:rotateY(-180deg);
        
        }
        
        .cs-icon-wrap{
        
            transition:.6s;
        
        }
        
        .cs-icon-wrap i{
        
            transition:.6s;
        
        }
        
        /*=====================================================
                LARGE DESKTOP
        =====================================================*/
        
        @media(min-width:1400px){
        
        .cs-service-card{
        
        padding:42px 20px;
        
        }
        
        .cs-service-card h5{
        
        font-size:19px;
        
        }
        
        }
        
        
        /*=====================================================
                DESKTOP
        =====================================================*/
        
        @media(max-width:1399px){
        
        .cs-service-card{
        
        padding:35px 18px;
        
        }
        
        .cs-service-card h5{
        
        font-size:24px;
        
        }
        
        .cs-service-card p{
        
        font-size:15px;
        
        }
        
        .cs-icon-wrap{
        
        width:80px;
        
        height:80px;
        
        }
        
        .cs-icon-wrap i{
        
        font-size:34px;
        
        }
        
        }
        
        
        /*=====================================================
                TABLET
        =====================================================*/
        
        @media(max-width:991px){
        
        .cs-services-section{
        
        padding:80px 0;
        
        }
        
        .cs-services-heading{
        
        margin-bottom:50px;
        
        gap:18px;
        
        }
        
        .cs-services-heading span{
        
        width:55px;
        
        }
        
        .cs-services-heading h2{
        
        font-size:40px;
        
        }
        
        .cs-camera-bg{
        
        width:260px;
        
        left:-80px;
        
        top:50px;
        
        opacity:.08;
        
        }
        
        .cs-chair-bg{
        
        width:120px;
        
        right:20px;
        
        bottom:10px;
        
        opacity:.06;
        
        }
        
        .cs-film-strip{
        
        width:340px;
        
        bottom:-15px;
        
        left:-30px;
        
        opacity:.10;
        
        }
        
        .cs-light-glow{
        
        width:280px;
        
        height:280px;
        
        right:-120px;
        
        top:-100px;
        
        }
        
        .cs-service-card{
        
        padding:28px 18px;
        
        border-radius:20px;
        
        }
        
        .cs-icon-wrap{
        
        width:72px;
        
        height:72px;
        
        margin-bottom:20px;
        
        }
        
        .cs-icon-wrap i{
        
        font-size:30px;
        
        }
        
        .cs-service-card h5{
        
        font-size:20px;
        
        margin-bottom:14px;
        
        }
        
        .cs-service-card p{
        
        font-size:14px;
        
        line-height:1.6;
        
        }
        
        }
        
        
        /*=====================================================
                MOBILE
        =====================================================*/
        
        @media(max-width:767px){
        
        .cs-services-section{
        
        padding:65px 0;
        
        }
        
        .cs-services-heading{
        
        margin-bottom:35px;
        
        gap:12px;
        
        }
        
        .cs-services-heading span{
        
        width:40px;
        
        }
        
        .cs-services-heading h2{
        
        font-size:30px;
        
        }
        
        .cs-camera-bg{
        
        display:none;
        
        }
        
        .cs-chair-bg{
        
            width:35rem;
            
            right:0px !important;
            
            left: -150px !important;
            
            bottom:-20px;
            
            opacity:.20;
        
        }
        
        .cs-film-strip{
        
        width:240px;
        
        left:-60px;
        
        bottom:-20px;
        
        opacity:.08;
        
        }
        
        .cs-light-glow{
        
        width:180px;
        
        height:180px;
        
        top:-60px;
        
        right:-80px;
        
        }
        
        .cs-service-card{
        
        padding:24px 14px;
        
        border-radius:18px;
        
        min-height:260px;
        
        }
        
        .cs-icon-wrap{
        
        width:62px;
        
        height:62px;
        
        margin-bottom:16px;
        
        }
        
        .cs-icon-wrap i{
        
        font-size:24px;
        
        }
        
        .cs-service-card h5{
        
        font-size:18px;
        
        line-height:1.3;
        
        margin-bottom:12px;
        
        }
        
        .cs-service-card p{
        
        font-size:13px;
        
        line-height:1.55;
        
        }
        
        }
        
        
        /*=====================================================
                SMALL MOBILE
        =====================================================*/
        
        @media(max-width:390px){
        
        .cs-services-heading h2{
        
        font-size:24px;
        
        }
        
        .cs-services-heading span{
        
        width:30px;
        
        }
        
        .cs-service-card{
        
        padding:20px 12px;
        
        min-height:230px;
        
        }
        
        .cs-icon-wrap{
        
        width:55px;
        
        height:55px;
        
        }
        
        .cs-icon-wrap i{
        
        font-size:22px;
        
        }
        
        .cs-service-card h5{
        
        font-size:16px;
        
        }
        
        .cs-service-card p{
        
        font-size:12px;
        
        line-height:1.45;
        
        }

}

    
    /* our services sectio with new css (end) */


    /* new process section css */
    
    .process-section{
        position: relative;
        overflow: hidden;
    }
    
    .process-section::before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
        background: url(yline2.webp) no-repeat !important;
        background-size: contain !important;
        opacity: 1;
        z-index: 1;
        pointer-events: none;
    }
    
    .process-section .container{
        position: relative;
        z-index: 2;
    }
    
    /* new process section css end */

    /* PROCESS */

    .process-box{
      text-align:center;
      position:relative;
    }

    .process-icon{
      width:90px;
      height:90px;
      border:2px solid #c38a1d;
      border-radius:50%;
      margin:auto;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#c38a1d;
      font-size:40px;
      margin-bottom:20px;
      background:#fff;
    }

    .process-number{
      color:#c38a1d;
      font-weight:700;
      font-size:28px;
      margin-bottom:10px;
    }
    
    /* ========================================
    Projects Page CSS
    ===========================================*/
    .golden_projects_thumbnail{
        position:relative;
        overflow:hidden;
        border-radius:12px 12px 0 0;
    }
    
    .golden_projects_thumbnail img{
        width:100%;
        height:280px;
        object-fit:cover;
        transition:.4s;
    }
    
    .golden_projects_item:hover .golden_projects_thumbnail img{
        transform:scale(1.05);
    }
    
    .golden_projects_play_btn{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:70px;
        height:70px;
        border-radius:50%;
        background:rgba(0,0,0,.6);
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:28px;
        text-decoration:none;
    }
    
    .golden_projects_content{
        padding-top:15px;
        background-color: #20332D;
    }
    
    .golden_projects_category{
        color:#c89b3c;
        font-size:12px;
        text-transform:uppercase;
        letter-spacing:1px;
    }
    
    .golden_projects_title{
        margin-top:8px;
        margin-bottom:0;
    }
    
    .golden_projects_item{
        height: 100%;
        background: #111;
        border-radius: 12px;
        overflow: hidden;
        transition: all .3s ease;
    }
    
    .golden_projects_item:hover{
        transform: translateY(-5px);
    }
    
    .golden_projects_thumbnail{
        position: relative;
        overflow: hidden;
    }
    
    .golden_projects_thumbnail img{
        width: 100%;
        height: 320px;
        object-fit: cover;
        display: block;
        transition: .4s ease;
    }
    
    .golden_projects_item:hover .golden_projects_thumbnail img{
        transform: scale(1.05);
    }
    
    .golden_projects_play_btn{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: rgba(0,0,0,.7);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        text-decoration: none;
        z-index: 2;
    }
    
    .golden_projects_content{
        padding: 25px;
    }
    
    .golden_projects_category{
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        color: #c9a14a;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }
    
    .golden_projects_title{
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 12px;
        color: #fff;
    }
    
    .golden_projects_description{
        color: #bdbdbd;
        line-height: 1.7;
        margin-bottom: 0;
    }
    
    .golden_projects_section{
        /*background: #0a0a0a;*/
        padding-top: 5rem !important;
        padding-bottom: 1rem !important;
    }
    
    @media(max-width:991px){
    
        .golden_projects_thumbnail img{
            height: 260px;
        }
    
        .golden_projects_title{
            font-size: 22px;
        }
    
    }
    
    @media(max-width:767px){
    
        .golden_projects_thumbnail img{
            height: 220px;
        }
    
        .golden_projects_content{
            padding: 20px;
        }
    
        .golden_projects_title{
            font-size: 20px;
        }
    
    }
    
    
    /* =========================================
    GALLERY PAGE CSS
    ========================================= */    
    
    /* BANNER */
    
    .gallery_page_banner{
      height:320px;
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:center;
      background:url('https://images.unsplash.com/photo-1485846234645-a62644f84728?q=80&w=1600&auto=format&fit=crop');
      background-size:cover;
      background-position:center;
    }
    
    .gallery_page_overlay{
      position:absolute;
      inset:0;
      background:
      linear-gradient(
        90deg,
        rgba(0,0,0,0.78) 0%,
        rgba(0,0,0,0.55) 50%,
        rgba(0,0,0,0.35) 100%
      );
    }
    
    .gallery_page_banner_content{
      position:relative;
      z-index:2;
    }
    
    .gallery_page_banner_title{
      font-size:78px;
      color:#fff;
      margin-bottom:15px;
      text-transform:uppercase;
    }
    
    .gallery_page_banner_desc{
      color:rgba(255,255,255,0.78);
      font-size:20px;
    }
    
    /* GALLERY */
    
    .gallery_page_section{
      padding:100px 0;
    }
    
    .gallery_page_grid{
      column-count:3;
      column-gap:24px;
    }
    
    .gallery_page_grid_item{
      break-inside:avoid;
      margin-bottom:24px;
    }
    
    /*.gallery_page_item{*/
    /*  position:relative;*/
    /*  overflow:hidden;*/
    /*  border-radius:24px;*/
    /*  cursor:pointer;*/
    /*}*/
    
    .gallery_page_item{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
    
    .gallery_page_item img{
      width:100%;
      display:block;
      transition:.7s ease;
    }
    
    .gallery_page_item:hover img{
      transform:scale(1.08);
    }
    
    /*.gallery_page_item_overlay{*/
    /*  position:absolute;*/
    /*  inset:0;*/
    /*  background:*/
    /*  linear-gradient(*/
    /*    to top,*/
    /*    rgba(0,0,0,0.92),*/
    /*    rgba(0,0,0,0.08)*/
    /*  );*/
    
    /*  opacity:0;*/
    /*  transition:.4s ease;*/
    
    /*  display:flex;*/
    /*  align-items:flex-end;*/
    /*  padding:35px;*/
    /*}*/
    
    
    .gallery_page_item_overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.8),
        rgba(0,0,0,0)
    );
    
    display: flex;
    align-items: flex-end;
    
    padding: 30px;
    
    opacity: 0;
    transition: 0.4s ease;
}
    
    .gallery_page_item:hover .gallery_page_item_overlay{
      opacity:1;
    }
    
    .gallery_page_overlay_content{
      transform:translateY(20px);
      transition:.4s ease;
    }
    
    .gallery_page_item:hover .gallery_page_overlay_content{
      transform:translateY(0);
    }
    
    .gallery_page_item_category{
      color:#c38a1d;
      font-size:13px;
      letter-spacing:3px;
      display:block;
      margin-bottom:12px;
    }
    
    .gallery_page_item_title{
      color:#fff;
      font-size:34px;
      margin:0;
      line-height:1.1;
    }
    
    /* POPUP */

    .gallery_page_popup{
      position:fixed;
      inset:0;
      width:100%;
      height:100vh;
      background:rgba(0,0,0,0.92);
      z-index:99999;
    
      display:flex;
      align-items:center;
      justify-content:center;
    
      opacity:0;
      visibility:hidden;
      transition:.4s ease;
    
      padding:40px;
    }
    
    .gallery_page_popup.active{
      opacity:1;
      visibility:visible;
    }
    
    .gallery_page_popup_content{
      position:relative;
      width:auto;
      max-width:120332Dpx;
      max-height:90vh;
    
      display:flex;
      align-items:center;
      justify-content:center;
    }
    
    .gallery_page_popup_image{
      max-width:100%;
      max-height:85vh;
      object-fit:contain;
    
      border-radius:20px;
    
      box-shadow:0 20px 60px rgba(0,0,0,0.4);
    }
    
    /* CLOSE BUTTON */
    
    .gallery_page_popup_close{
      position:absolute;
      top:15px;
      right:15px;
    
      width:46px;
      height:46px;
    
      border-radius:50%;
    
      background:rgba(0,0,0,0.65);
    
      color:#fff;
    
      display:flex;
      align-items:center;
      justify-content:center;
    
      font-size:26px;
      cursor:pointer;
    
      backdrop-filter:blur(10px);
    
      transition:.3s ease;
    
      z-index:10;
    }
    
    .gallery_page_popup_close:hover{
      background:#c38a1d;
      transform:rotate(90deg);
    }
    
    /* MOBILE */
    
    @media(max-width:576px){
    
      .gallery_page_popup{
        padding:20px;
      }
    
      .gallery_page_popup_close{
        width:40px;
        height:40px;
        font-size:22px;
        top:10px;
        right:10px;
      }
    
    }
    
    /* Gallery section RESPONSIVE */
    
    @media(max-width:991px){
    
      .gallery_page_grid{
        column-count:2;
      }
    
      .gallery_page_banner{
        height:280px;
        text-align:center;
      }
    
      .gallery_page_banner_title{
        font-size:52px;
      }
    
    }
    
    @media(max-width:576px){
    
      .gallery_page_grid{
        column-count:1;
      }
    
      .gallery_page_banner{
        height:240px;
      }
    
      .gallery_page_banner_title{
        font-size:38px;
      }
    
      .gallery_page_banner_desc{
        font-size:15px;
      }
    
      .gallery_page_item_overlay{
        opacity:1;
        padding:24px;
      }
    
      .gallery_page_item_title{
        font-size:26px;
      }
    
    }

    /* COMMON CTA SECTION CSS */

    .cta{
      background:url('https://images.unsplash.com/photo-1516035069371-29a1b244cc32?q=80&w=1600&auto=format&fit=crop') center/cover;
      position:relative;
      padding:60px 0;
      margin-top:0px;
    }

    .cta:before{
      content:'';
      position:absolute;
      inset:0;
      background:rgba(0,0,0,0.75);
    }

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

    .cta h2{
      color:#fff !important;
      font-size:48px;
    }

    .cta p{
      color:#ddd;
      font-size:20px;
    }

    /* FOOTER */

    footer{
      background:#20332D;
      color:#fff;
      padding:70px 0 30px;
    }

    footer h5{
      margin-bottom:25px;
      color:#c38a1d;
    }

    footer a{
      color:#ddd;
      display:block;
      margin-bottom:12px;
    }
    
    .quick_links_section h5{
        margin-left: 4.5rem !important;
    }
    
    .quick_links_section ul{
        padding-left: 4.6rem !important;
    }

    .social-icons a{
      width:42px;
      height:42px;
      border:1px solid #c38a1d;
      border-radius:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      margin-right:10px;
      color:#c38a1d;
    }

    .copyright{
      border-top:1px solid rgba(255,255,255,0.1);
      margin-top:50px;
      padding-top:25px;
      text-align:center;
      color:#aaa;
    }
    
    .why_choose_us_title:before{
        left: 30%;
    }
    
    .why_choose_us_title:after{
        right: 30%;
    }


    /* PREMIUM CONTACT BANNER START */

    .contact_us_banner{
      height:320px;
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:center;
      /*background:url('https://images.unsplash.com/photo-1516035069371-29a1b244cc32?q=80&w=1600&auto=format&fit=crop');*/
      background-size:cover;
      background-position:center;
    }
    
    .contact_us_banner_overlay{
      position:absolute;
      inset:0;
      background:
      linear-gradient(
        90deg,
        rgba(0,0,0,0.78) 0%,
        rgba(0,0,0,0.55) 50%,
        rgba(0,0,0,0.35) 100%
      );
    }
    
    .contact_us_banner_content{
      position:relative;
      z-index:2;
      max-width:700px;
    }
    
    .contact_us_banner_title{
      font-size:78px;
      line-height:1;
      color:#fff;
      margin-bottom:18px;
      font-weight:600;
      text-transform:uppercase;
    }
    
    .contact_us_banner_desc{
      color:rgba(255,255,255,0.78);
      font-size:20px;
      line-height:1.7;
      margin:0;
      letter-spacing:0.5px;
    }
    
    /* MOBILE */
    
    @media(max-width:991px){
    
      .contact_us_banner{
        height:280px;
        text-align:center;
      }
    
      .contact_us_banner_content{
        margin:auto;
      }
    
      .contact_us_banner_title{
        font-size:52px;
      }
    
      .contact_us_banner_desc{
        font-size:17px;
      }
      
       .quick_links_section h5{
            margin-left: 0px !important;
        }
        
        .quick_links_section ul{
            padding-left: 0px !important;
        }
    
    }
    
    @media(max-width:576px){
    
      .contact_us_banner{
        height:240px;
      }
    
      .contact_us_banner_title{
        font-size:38px;
      }
    
      .contact_us_banner_desc{
        font-size:15px;
      }
      
      .quick_links_section h5{
            margin-left: 0px !important;
        }
        
        .quick_links_section ul{
            padding-left: 0px !important;
        }
    
    }
    
    /* PREMIUM CONTACT BANNER END */
    
    
    /* =========================================
       OUR VISION PAGE CSS
    ========================================= */

    /* BANNER */
    
    .our_vision_banner{
      height:320px;
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:center;
      background:url('https://images.unsplash.com/photo-1485846234645-a62644f84728?q=80&w=1600&auto=format&fit=crop');
      background-size:cover;
      background-position:center;
    }
    
    .our_vision_overlay{
      position:absolute;
      inset:0;
      background:
      linear-gradient(
        90deg,
        rgba(0,0,0,0.78) 0%,
        rgba(0,0,0,0.55) 50%,
        rgba(0,0,0,0.35) 100%
      );
    }
    
    .our_vision_banner_content{
      position:relative;
      z-index:2;
      max-width:700px;
    }
    
    .our_vision_banner_title{
      font-size:78px;
      line-height:1;
      color:#fff;
      margin-bottom:18px;
      font-weight:600;
      text-transform:uppercase;
    }
    
    .our_vision_banner_desc{
      color:rgba(255,255,255,0.78);
      font-size:20px;
      line-height:1.7;
      margin:0;
    }
    
    /* MAIN SECTION */
    
    .our_vision_main_section{
      padding:100px 0;
    }
    
    .our_vision_small_title{
      color:#c38a1d;
      letter-spacing:3px;
      font-size:14px;
      font-weight:600;
      display:inline-block;
      margin-bottom:20px;
    }
    
    .our_vision_main_title{
      font-size:64px;
      line-height:1;
      margin-bottom:0;
    }
    
    .our_vision_main_text{
      font-size:18px;
      line-height:1.9;
      color:#666;
      margin-bottom:25px;
    }
    
    /* PHILOSOPHY */
    
    /*.our_vision_philosophy_section{*/
    /*  background:#20332D;*/
    /*}*/
    
    /*02-07-2026*/
    .our_vision_philosophy_section{
        position: relative;
        overflow: hidden;
        background: #20332D;
        z-index: 1;
    }
    
    /* Outline Leaf - Top Left */
    .our_vision_philosophy_section::before{
        content: "";
        position: absolute;
        top: 10px !important;
        left: -125px !important;
        width: 30rem !important;
        height: 260px !important;
        background: url(leafs-wobg.png) no-repeat;
        background-size: contain;
        opacity: .25 !important;
        pointer-events: none;
        z-index: 1;
    }
    
    /* Watercolor Leaf - Bottom Right */
    .our_vision_philosophy_section::after{
        content: "";
        position: absolute;
        bottom: 10px !important;
        right: 220px !important;
        rotate: 180deg !important;
        width: 40rem !important;
        height: 280px !important;
        background: url(green-leafs-wobg.png) no-repeat;
        background-size: contain;
        opacity: .25 !important;
        pointer-events: none;
        z-index: 1;
    }
    
    /* Keep content above the textures */
    .our_vision_philosophy_section .container-fluid,
    .our_vision_philosophy_section .row,
    .our_vision_philosophy_box{
        position: relative;
        z-index: 2;
    }
    
    .our_vision_philosophy_box{
      padding:70px 40px;
      text-align:center;
      border-right:1px solid #c38a1d;
    }
    
    .our_vision_philosophy_section .col-lg-4:last-child .our_vision_philosophy_box{
        border-right: none;
    }
    
    .our_vision_philosophy_title{
      color:#fff;
      font-size:42px;
      margin-bottom:15px;
    }
    
    .our_vision_philosophy_text{
      color:rgba(255,255,255,0.7);
      margin:0;
      line-height:1.8;
    }
    
    /* ============================================ Our Vision VALUES section =========================================== */
    
    .our_vision_values_section{
        padding:50px 0;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }
    
    .our_vision_values_section::before{
        content: "";
        position: absolute;
        inset: 0;
    
        background: url("paper-texture.png") center center no-repeat;
        background-size: cover;
    
        opacity: 0.85; /* Try 0.08–0.15 for a subtle luxury effect */
        pointer-events: none;
        z-index: -1;
    }
    
    .our_vision_values_section > .container{
        position: relative;
        z-index: 2;
    }
    
    .our_vision_section_title{
      font-size:52px;
      text-align:center;
      margin-bottom:20px;
    }
    
    /*.our_vision_value_box{*/
    /*  background:#fff;*/
    /*  border-radius:20px;*/
    /*  padding:45px 30px;*/
    /*  text-align:center;*/
    /*  height:100%;*/
    /*  transition:.4s;*/
    /*  box-shadow:0 0 25px rgba(0,0,0,0.05);*/
    /*}*/
    
    
    /*.our_vision_value_box{*/
    /*    background:#fff;*/
    /*    border-radius:22px;*/
    /*    padding:40px 25px;*/
    /*    height:100%;*/
    /*    text-align:center;*/
    
    /*    display:flex;*/
    /*    flex-direction:column;*/
    /*    justify-content:flex-start;*/
    
    /*    transition:.35s ease;*/
    /*}*/
    
    .our_vision_value_box{
        position: relative;
        overflow: hidden;
        background:#fff;
        border-radius:24px;
        padding:55px 35px;
        min-height:420px;
        text-align:center;
        box-shadow:0 15px 35px rgba(0,0,0,.08);
        z-index:1;
        
        transition:.35s ease;
    }

    /* Keep content above decorations */
    
    .our_vision_value_box > *{
        position:relative;
        z-index:5;
    }
    
    .our_vision_value_box:hover{
      transform:translateY(-10px);
    }
    
    .our_vision_value_icon{
      width:90px;
      height:90px;
      border-radius:50%;
      border:2px solid #c38a1d;
      margin:0 auto 25px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:38px;
      color:#c38a1d;
    }
    
    .our_vision_value_title{
      font-size:28px;
      margin-bottom:15px;
    }
    
    .our_vision_value_text{
      color:#666;
      line-height:1.8;
      margin:0;
    }
    
    /* ===============================
       Gold Outline Leaf (Bottom Left)
    ================================= */
    
    .our_vision_value_box::before{
        content: "";
        position: absolute;
        left: -140px;
        top: 210px;
        width: 30rem;
        height: 30rem;
        background: url(golden-leaf-wobg.png) no-repeat;
        background-size: contain;
        opacity: .45;
        pointer-events: none;
        z-index: 1;
    }
    
    /* ===============================
       Green Leaf (Bottom Right)
    ================================= */
    
    .our_vision_value_box::after{
        content: "";
        position: absolute;
        top: -118px;
        right: -137px;
        width: 25rem;
        height: 25rem;
        rotate: 180deg;
        background: url(single-leaf-wobg.png) no-repeat center;
        background-size: contain;
        opacity: .75;
        pointer-events: none;
        z-index: 1;
    }
    
/* =====================================================
   TABLET (768px - 991px)
===================================================== */

@media (max-width:991px){

    .our_vision_value_box{
        padding:35px 22px !important;
        min-height:300px !important;
        border-radius:20px !important;
    }

    .our_vision_value_icon{
        width:70px !important;
        height:70px !important;
        font-size:30px !important;
        margin:0 auto 18px !important;
    }

    .our_vision_value_title{
        font-size:22px !important;
        line-height:1.35 !important;
        margin-bottom:10px !important;
    }

    .our_vision_value_text{
        font-size:15px !important;
        line-height:1.7 !important;
    }

    /* Gold Leaf */

    .our_vision_value_box::before{
        left: -132px !important;
        top: 85px !important;
        width: 30rem !important;
        height: 22rem !important;
        opacity: .40 !important;
    }

    /* Green Leaf */

    .our_vision_value_box::after{
        top: -94px !important;
        right: -111px !important;
        width: 20rem !important;
        height: 20rem !important;
        opacity: 0.65 !important;
    }

}


/* =====================================================
   MOBILE (576px - 767px)
===================================================== */

@media (max-width:767px){

    .our_vision_value_box{
        padding:25px 15px !important;
        min-height:250px !important;
        border-radius:18px !important;
    }

    .our_vision_value_icon{
        width:55px !important;
        height:55px !important;
        font-size:22px !important;
        margin-bottom:15px !important;
    }

    .our_vision_value_title{
        font-size:18px !important;
        line-height:1.35 !important;
        margin-bottom:8px !important;
    }

    .our_vision_value_text{
        font-size:13px !important;
        line-height:1.6 !important;
    }

    /* Gold Leaf */

    .our_vision_value_box::before{
        left: -110px !important;
        top: 72px !important;
        width: 25rem !important;
        height: 25rem !important;
        opacity: .50 !important;
    }

    /* Green Leaf */

    .our_vision_value_box::after{
        top: -71px !important;
        right: -83px !important;
        width: 15rem !important;
        height: 15rem !important;
        opacity: 0.75 !important;
    }

}


/* =====================================================
   SMALL MOBILE (Below 480px)
===================================================== */

@media (max-width:480px){

    .our_vision_value_box{
        padding:22px 12px !important;
        min-height:220px !important;
        border-radius:16px !important;
    }

    .our_vision_value_icon{
        width:50px !important;
        height:50px !important;
        font-size:20px !important;
        margin-bottom:12px !important;
    }

    .our_vision_value_title{
        font-size:16px !important;
        line-height:1.3 !important;
        margin-bottom:8px !important;
    }

    .our_vision_value_text{
        font-size:12px !important;
        line-height:1.5 !important;
    }

    /* Gold Leaf */

    .our_vision_value_box::before{
        left: -90px !important;
        top: 80px !important;
        width: 20rem !important;
        height: 22rem !important;
        opacity: .55 !important;
    }

    /* Green Leaf */

    .our_vision_value_box::after{
        top: -57px !important;
        right: -67px !important;
        width: 12rem !important;
        height: 12rem !important;
        opacity: 0.75 !important;
    }

}





    
    /* STORY SECTION */
    
    .our_vision_story_section{
      padding:50px 0;
    }
    
    .our_vision_story_image{
      border-radius:24px;
      width:100%;
    }
    
    .our_vision_story_title{
      font-size:58px;
      line-height:1.05;
      margin:20px 0 30px;
    }
    
    .our_vision_story_text{
      color:#666;
      font-size:18px;
      line-height:1.9;
      margin-bottom:25px;
    }
    
    .our_vision_philosophy_section .container-fluid{
        --bs-gutter-x: 0;
        padding-left: 0;
        padding-right: 0;
    }
    
    @media (max-width:991px){

        .our_vision_philosophy_section .col-lg-4{
            position: relative;
        }
    
        .our_vision_philosophy_section .col-lg-4:not(:last-child)::after{
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 1px;
            /*background: #C38A1D;*/
            z-index: 10;
        }
        
        .our_vision_philosophy_section::after {
            content: "";
            position: absolute;
            bottom: 140px !important;
            right: -160px !important;
            rotate: 200deg !important;
            width: 40rem !important;
            height: 280px !important;
            background: url(green-leafs-wobg.png) no-repeat;
            background-size: contain;
            opacity: .25 !important;
            pointer-events: none;
            z-index: 1;
        }
    
    }
    
    @media (max-width:767px){

        .our_vision_value_box{
            padding:25px 15px;
            border-radius:18px;
        }
    
        .our_vision_value_title{
            font-size:30px;
        }
    
        .our_vision_value_text{
            font-size:15px;
            line-height:1.7;
        }
    
    }
    
    /*28-06-2026*/
    
    
    
    /* MOBILE */
    @media(max-width:767px){
    
        .features-section{
            padding: 50px 0;
        }
    
        .feature-box{
            padding: 30px 18px;
            border-radius: 30px;
        }
    
        .feature-icon{
            width: 95px;
            height: 95px;
            margin-bottom: 25px;
        }
    
        .feature-icon::before{
            width: 120px;
            height: 120px;
        }
    
        .feature-icon i{
            font-size: 42px;
        }
    
        .feature-box h5{
            font-size: 28px;
            margin-bottom: 30px;
        }
    
        .feature-box p{
            font-size: 15px;
            max-width: 140px;
        }
    
        .feature-box::before{
            width: 55px;
            height: 55px;
        }
    }
    
    /*28-06-2026 (end)*/
    
    
    /* ========================================== new contact us page section ============================================= */
    
    /*CONTACT SECTION

====================================*/

.cs-contact-section{

    position:relative;

    padding:90px 0;

    background:#F9F7F2;

    overflow:hidden;

}

/* Paper Texture */

.cs-contact-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("assets/images/paper-texture.png") center/cover;

    opacity:.35;

    pointer-events:none;

}

/* Decorative Leaf */

.cs-contact-section::after{

    content:"";

    position:absolute;

    right:0;

    bottom:0;

    width:220px;

    height:220px;

    background:url("assets/images/gold-leaf.png") no-repeat;

    background-size:contain;

    opacity:.12;

    pointer-events:none;

}

.cs-contact-section .container{

    position:relative;

    z-index:2;

}


/*============================

CARD

============================*/

.cs-contact-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:45px 30px;

    height:100%;

    text-align:center;

    transition:.4s;

    border:1px solid rgba(195,138,29,.18);

    box-shadow:

    0 15px 40px rgba(0,0,0,.06);

}

.cs-contact-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 25px 55px rgba(195,138,29,.15);

}


/* Gold Line */

.cs-contact-card::before{

    content:"";

    position:absolute;

    left:30px;

    right:30px;

    top:0;

    height:3px;

    border-radius:10px;

    background:linear-gradient(90deg,#b8860b,#f2d37c,#b8860b);

}


/*============================

ICON

============================*/

.cs-contact-icon{

    width:85px;

    height:85px;

    margin:auto;

    margin-bottom:28px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    border:2px solid #c38a1d;

    transition:.4s;

}

.cs-contact-icon i{

    font-size:34px;

    color:#c38a1d;

}

.cs-contact-card:hover .cs-contact-icon{

    background:#c38a1d;

    box-shadow:

    0 0 30px rgba(195,138,29,.30);

}

.cs-contact-card:hover .cs-contact-icon i{

    color:#fff;

}


/*============================

TEXT

============================*/

.cs-contact-card h4{

    font-size:28px;

    color:#20332D;

    margin-bottom:18px;

    font-weight:600;

}

.cs-contact-text{

    color:#666;

    line-height:1.8;

    font-size:17px;

}

.cs-contact-text a{

    color:#444;

    text-decoration:none;

    transition:.3s;

    word-break:break-word;

}

.cs-contact-text a:hover{

    color:#c38a1d;

}


/* cf7 */

/*=========================================
        CONTACT FORM SECTION
=========================================*/

.cs-contact-form-section{

    position:relative;

    padding:100px 0;

    background:#070707;

    overflow:hidden;

}

.cs-contact-form-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at top right,
    rgba(195,138,29,.12),
    transparent 35%),

    radial-gradient(circle at bottom left,
    rgba(195,138,29,.08),
    transparent 40%),

    linear-gradient(#050505,#0d0d0d);

    z-index:0;

}

.cs-contact-form-section .container{

    position:relative;

    z-index:2;

}


/*=========================================
        FORM CARD
=========================================*/

.cs-contact-form-card{

    background:#111;

    border:1px solid rgba(195,138,29,.20);

    border-radius:28px;

    padding:55px;

    box-shadow:

    0 25px 60px rgba(0,0,0,.45);

}

.cs-contact-title{

    color:#fff;

    text-align:center;

    margin-bottom:40px;

}


/*=========================================
        CF7 INPUTS
=========================================*/

.cs-contact-form-card input:not([type="submit"]),
.cs-contact-form-card textarea{

    width:100%;

    background:#1a1a1a !important;

    color:#fff !important;

    border:1px solid rgba(255,255,255,.08) !important;

    border-radius:14px;

    padding:18px 20px;

    transition:.35s;

    box-shadow:none !important;

}

.cs-contact-form-card input::placeholder,
.cs-contact-form-card textarea::placeholder{

    color:#888;

}

.cs-contact-form-card input:focus,
.cs-contact-form-card textarea:focus{

    outline:none;

    border-color:#c38a1d !important;

    background:#151515 !important;

    box-shadow:
    0 0 0 4px rgba(195,138,29,.15) !important;

}

.cs-contact-form-card textarea{

    min-height:180px;

    resize:none;

}


/*=========================================
        CF7 BUTTON
=========================================*/

.cs-contact-form-card .wpcf7-submit{

    background:linear-gradient(
    135deg,
    #b8860b,
    #d9aa2d);

    color:#111;

    border:none;

    padding:15px 42px;

    border-radius:12px;

    font-weight:600;

    transition:.4s;

    cursor:pointer;

}

.cs-contact-form-card .wpcf7-submit:hover{

    transform:translateY(-3px);

    box-shadow:

    0 12px 30px rgba(195,138,29,.35);

}


/*=========================================
        CF7 ERROR
=========================================*/

.cs-contact-form-card .wpcf7-not-valid-tip{

    color:#ffb3b3;

    margin-top:6px;

    font-size:14px;

}

.cs-contact-form-card .wpcf7-response-output{

    color:#fff;

    border-color:#c38a1d !important;

    margin-top:25px;

}

.cs-contact-form-card .wpcf7-spinner{

    margin-left:12px;

}




/* ============ responsive ===================*/


    /*============================
    
    TABLET
    
    ============================*/
    
    @media(max-width:991px){
    
        .cs-contact-section{
        
        padding:70px 0;
        
        }
        
        .cs-contact-card{
        
        padding:35px 22px;
        
        }
        
        .cs-contact-card h4{
        
        font-size:24px;
        
        }
        
        .cs-contact-text{
        
        font-size:16px;
        
        }
    
    }
    
    
    /*============================
    
    MOBILE
    
    ============================*/
    
    @media(max-width:767px){
    
        .cs-contact-section{
        
        padding:60px 0;
        
        }
        
        .cs-contact-card{
        
        padding:28px 20px;
        
        border-radius:18px;
        
        }
        
        .cs-contact-icon{
        
        width:70px;
        
        height:70px;
        
        margin-bottom:20px;
        
        }
        
        .cs-contact-icon i{
        
        font-size:28px;
        
        }
        
        .cs-contact-card h4{
        
        font-size:22px;
        
        margin-bottom:12px;
        
        }
        
        .cs-contact-text{
        
        font-size:15px;
        
        line-height:1.6;
        
        }
    
    }
    
    
    /*============================
    
    SMALL MOBILE
    
    ============================*/
    
    @media(max-width:390px){
    
        .cs-contact-card{
        
        padding:24px 18px;
        
        }
        
        .cs-contact-icon{
        
        width:60px;
        
        height:60px;
        
        }
        
        .cs-contact-icon i{
        
        font-size:24px;
        
        }
        
        .cs-contact-card h4{
        
        font-size:20px;
        
        }
        
        .cs-contact-text{
        
        font-size:14px;
        
        }
    
    }
    
    
    /* cf7 responsive */
    
    /*=========================================
            RESPONSIVE
    =========================================*/
    
    @media(max-width:991px){
    
        .cs-contact-form-card{
        
        padding:40px;
        
        }
    
    }
    
    @media(max-width:767px){
    
        .cs-contact-form-section{
        
        padding:70px 0;
        
        }
        
        .cs-contact-form-card{
        
        padding:28px 22px;
        
        border-radius:20px;
        
        }
        
        .cs-contact-title{
        
        font-size:28px;
        
        margin-bottom:25px;
        
        }
        
        .cs-contact-form-card .wpcf7-submit{
        
        width:100%;
        
        }
    
    }
    
    @media(max-width:390px){
    
        .cs-contact-form-card{
        
        padding:20px 16px;
        
        }
    
    }
    
    /* --------- why choose us section css ------------ */
    
    /*==========================================

    WHY CHOOSE US
    
    ==========================================*/
    
    .why_choose_section{
    
        position:relative;
    
        padding:60px 0;
    
        overflow:hidden;
    
        z-index:1;
    
    }
    
    .why_choose_section::before{
    
        content:"";
    
        position:absolute;
    
        inset:0;
    
        background:url("paper-texture.png") center center no-repeat;
    
        background-size:cover;
    
        opacity:.85;
    
        pointer-events:none;
    
        z-index:-1;
    
    }
    
    .why_choose_section > .container-fluid{
    
        position:relative;
    
        z-index:2;
    
    }
    
    
    /*==========================================
    
    Heading
    
    ==========================================*/
    
    .why_choose_section_heading{
    
        margin-bottom:35px;
    
    }
    
    .why_choose_section_title{
    
        text-align:center;
    
        font-size:52px;
    
        margin-bottom:0;
    
    }
    
    .why_choose_section_title:before{
        content: '' !important;
        width: 70px !important;
        height: 2px !important;
        background: #c38a1d !important;
        position: absolute !important;
        top: 50% !important;
        left: 24rem !important;
    }
    
    .why_choose_section_title:after{
        content: '' !important;
        width: 70px !important;
        height: 2px !important;
        background: #c38a1d !important;
        position: absolute !important;
        top: 50% !important;
        right: 24rem !important;
    }
    
    @media (min-width:1200px) and (max-width:1399.98px){

        .why_choose_section_title:before{
            left:21rem !important;
        }
    
        .why_choose_section_title:after{
            right:21rem !important;
        }
    
    }
    
    
    /*==========================================
    
    Card
    
    ==========================================*/
    
    .why_choose_card{
    
        position:relative;
    
        background:#fff;
    
        border-radius:24px;
    
            padding: 15px 15px;
        min-height: 15rem;
    
        text-align:center;
    
        overflow:hidden;
    
        box-shadow:
    
        0 15px 35px rgba(0,0,0,.08);
    
        transition:.35s;
    
    }
    
    .why_choose_card>*{
    
        position:relative;
    
        z-index:5;
    
    }
    
    .why_choose_card:hover{
    
        transform:translateY(-10px);
    
        box-shadow:
    
        0 25px 55px rgba(0,0,0,.12);
    
    }
    
    
    /*==========================================
    
    Icon
    
    ==========================================*/
    
    .why_choose_icon{
    
        width:90px;
    
        height:90px;
    
        margin:auto;
    
        margin-bottom:25px;
    
        border-radius:50%;
    
        border:2px solid #c38a1d;
    
        display:flex;
    
        align-items:center;
    
        justify-content:center;
    
        color:#c38a1d;
    
        font-size:38px;
    
        transition:.35s;
    
    }
    
    .why_choose_card:hover .why_choose_icon{
    
        background:#c38a1d;
    
        color:#fff;
    
    }
    
    
    /*==========================================
    
    Title
    
    ==========================================*/
    
    .why_choose_title{
    
        font-size:25px;
    
        margin-bottom:15px;
    
        color:#20332D;
    
    }
    
    
    /*==========================================
    
    Description
    
    ==========================================*/
    
    .why_choose_description{
    
        color:#666;
    
        line-height:1.8;
    
        margin:0;
        
        font-size: 16px;
    
    }
    
    
    /*==========================================
    
    Gold Leaf
    
    ==========================================*/
    
    .why_choose_card::before{
    
        content:"";
    
        position:absolute;
    
        left: -135px;
        top: 30px;
        width: 30rem;
        height: 30rem;
        background:url("golden-leaf-wobg.png") no-repeat;
    
        background-size:contain;
    
        opacity:.45;
    
        z-index:1;
    
    }
    
    
    /*==========================================
    
    Green Leaf
    
    ==========================================*/
    
    .why_choose_card::after{
    
        content:"";
    
        position:absolute;
    
        top: -85px;
        right: -99px;
        width: 18rem;
        height: 18rem;
    
        rotate:180deg;
    
        background:url("single-leaf-wobg.png") no-repeat center;
    
        background-size:contain;
    
        opacity:.75;
    
        z-index:1;
    
    }

    
    /* responsive css */
    
    /* =====================================================
   TABLET (768px - 991px)
===================================================== */

@media (max-width:991px){

    .why_choose_section{
        padding:50px 0;
    }

    .why_choose_section_title{
        font-size:42px;
    }

    .why_choose_card{

        padding:20px;
        min-height:260px;
        border-radius:20px;

    }

    .why_choose_icon{

        width:70px;
        height:70px;
        font-size:30px;
        margin-bottom:18px;

    }

    .why_choose_title{

        font-size:22px;
        margin-bottom:10px;
        line-height:1.3;

    }

    .why_choose_description{

        font-size:14px;
        line-height:1.6;

    }

    /* Gold Leaf */

    .why_choose_card::before{

        left: -123px;
        top: 61px;
        width: 30rem;
        height: 15rem;
        opacity: .80;

    }

    /* Green Leaf */

    .why_choose_card::after{

        top: -85px;
        right: -100px;
        height: 18rem;
        width: 18rem;
        opacity: .75;

    }

}


/* =====================================================
   MOBILE (576px - 767px)
===================================================== */

@media (max-width:767px){

    .why_choose_section{

        padding:40px 0;

    }

    .why_choose_section_title{

        font-size:32px;
        margin-bottom:20px;

    }

    .why_choose_section .row{

        --bs-gutter-x:14px;
        --bs-gutter-y:14px;

    }

    .why_choose_card{

        padding:18px 12px;
        min-height:220px;
        border-radius:18px;

    }

    .why_choose_icon{

        width:58px;
        height:58px;
        font-size:24px;
        margin-bottom:14px;

    }

    .why_choose_title{

        font-size:18px;
        margin-bottom:8px;
        line-height:1.3;

    }

    .why_choose_description{

        font-size:13px;
        line-height:1.5;

    }

    /* Gold Leaf */

    .why_choose_card::before{

        left: -68px;
        top: 80px;
        width: 20rem;
        height: 14rem;
        opacity: .80;

    }

    /* Green Leaf */

    .why_choose_card::after{

        top: -37px;
        right: -71px;
        height: 10rem;
        width: 13rem;
        opacity: .75;

    }

}


/* =====================================================
   SMALL MOBILE (361px - 480px)
===================================================== */

@media (min-width:361px) and (max-width:480px){

    .why_choose_section{

        padding:35px 0;

    }

    .why_choose_section_title{

        font-size:28px;

    }

    .why_choose_section .row{

        --bs-gutter-x:10px;
        --bs-gutter-y:10px;

    }

    .why_choose_card{

        padding:14px 10px;
        min-height:190px;
        border-radius:16px;

    }

    .why_choose_icon{

        width:46px;
        height:46px;
        font-size:18px;
        margin-bottom:10px;

    }

    .why_choose_title{

        font-size:15px;
        margin-bottom:6px;
        line-height:1.25;

    }

    .why_choose_description{

        font-size:11px;
        line-height:1.45;

    }

    /* Gold Leaf */

    .why_choose_card::before{

        left: -68px;
        top: 84px;
        width: 15rem;
        height: 14rem;
        opacity: .80;

    }

    /* Green Leaf */

    .why_choose_card::after{

        top: -36px;
        right: -50px;
        width: 9rem;
        height: 8rem;
        opacity: .75;

    }

}


/* =====================================================
   EXTRA SMALL (Below 360px)
===================================================== */

@media (max-width:360px){

    .why_choose_section{

        padding:30px 0;

    }

    .why_choose_section_title{

        font-size:26px;

    }

    .why_choose_section .row{

        --bs-gutter-x:8px;
        --bs-gutter-y:8px;

    }

    .why_choose_card{

        padding:12px 8px;
        min-height:175px;
        border-radius:15px;

    }

    .why_choose_icon{

        width:42px;
        height:42px;
        font-size:16px;
        margin-bottom:8px;

    }

    .why_choose_title{

        font-size:14px;
        line-height:1.2;
        margin-bottom:6px;

    }

    .why_choose_description{

        font-size:10px;
        line-height:1.4;

    }

    /* Gold Leaf */

    .why_choose_card::before{

        left: -68px;
        top: 84px;
        width: 15rem;
        height: 14rem;
        opacity: .80;

    }

    /* Green Leaf */

    .why_choose_card::after{

        top: -36px;
        right: -50px;
        width: 9rem;
        height: 8rem;
        opacity: .75;

    }

}
    
    
    /*==================================== new contact us page section (end) ===============================================*/


    
    
    /* CTA */
    
    .our_vision_cta_section{
      position:relative;
      overflow:hidden;
      padding:80px 0;
      background:
      linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),
      url('https://images.unsplash.com/photo-1516035069371-29a1b244cc32?q=80&w=1600&auto=format&fit=crop');
    
      background-size:cover;
      background-position:center;
    }
    
    .our_vision_cta_title{
      color:#fff;
      font-size:58px;
      margin-bottom:15px;
    }
    
    .our_vision_cta_desc{
      color:rgba(255,255,255,0.75);
      font-size:18px;
      margin:0;
    }
    
    .our_vision_cta_btn{
      padding:15px 34px;
    }
    
     /*loader css start*/
    
    /* PAGE LOADER */

    .contact_us_page_loader{
      position:fixed;
      inset:0;
      width:100%;
      height:100vh;
      background:#20332D;
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:99999;
      transition:0.6s ease;
    }
    
    .contact_us_page_loader img{
      width:120px;
      animation:contact_us_logo_loader 1.5s infinite ease-in-out;
    }
    
    .contact_us_page_loader.hide_loader{
      opacity:0;
      visibility:hidden;
    }
    
    @keyframes contact_us_logo_loader{
    
      0%{
        transform:scale(0.9);
        opacity:0.5;
      }
    
      50%{
        transform:scale(1.05);
        opacity:1;
      }
    
      100%{
        transform:scale(0.9);
        opacity:0.5;
      }
    
    }
    
    /*loader css end*/
    
    
    
    /* 27-06-2026*/
    
    /*whatsapp*/
    
    /* Floating WhatsApp */
    .whatsapp-float{
        position: fixed;
        right: 25px;
        bottom: 25px;
        z-index: 9999;
    }
    
    .whatsapp-float a{
        width: 62px;
        height: 62px;
    
        display: flex;
        align-items: center;
        justify-content: center;
    
        background: linear-gradient(
            135deg,
            #20332D 0%,
            #2d4a42 100%
        );
    
        border: 2px solid #c38a1d;
    
        border-radius: 50%;
    
        color: #fff;
    
        font-size: 30px;
    
        text-decoration: none;
    
        box-shadow:
            0 10px 30px rgba(0,0,0,.15),
            0 0 0 0 rgba(195,138,29,.5);
    
        transition: all .35s ease;
    
        animation: whatsappPulse 2s infinite;
    }
    
    .whatsapp-float a:hover{
        transform: translateY(-6px) scale(1.08);
    
        color: #fff;
    
        box-shadow:
            0 18px 35px rgba(0,0,0,.2);
    }
    
    /* Pulse Animation */
    @keyframes whatsappPulse{
    
        0%{
            box-shadow:
                0 0 0 0 rgba(195,138,29,.5),
                0 10px 30px rgba(0,0,0,.15);
        }
    
        70%{
            box-shadow:
                0 0 0 15px rgba(195,138,29,0),
                0 10px 30px rgba(0,0,0,.15);
        }
    
        100%{
            box-shadow:
                0 0 0 0 rgba(195,138,29,0),
                0 10px 30px rgba(0,0,0,.15);
        }
    }
    
    /* Mobile */
    @media (max-width: 767px){
    
        .whatsapp-float{
            right: 15px;
            bottom: 15px;
        }
    
        .whatsapp-float a{
            width: 55px;
            height: 55px;
            font-size: 26px;
        }
    
    }
    
    /*27-06-2026*/
    
    
    
    /* MOBILE */
    
    
    @media (max-width: 400px) {

        .brand-text {
            margin-left: 10px;
        }
    
        .brand-text h3 {
            font-size: 22px;
        }
    
        .brand-text span {
            letter-spacing: 12px;
            font-size: 11px;
            margin-left: 0;
        }
    
    }
    
    @media(max-width:991px){
        
        .container,
        .container-fluid,
        .row {
            max-width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
    
        * {
            max-width: 100%;
            box-sizing: border-box;
        }
        
        .process-section::before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
        background: url(yline2.webp) no-repeat !important;
        background-size: cover !important;
        opacity: 1;
        z-index: 1;
        pointer-events: none;
    }
    
      .our_vision_banner{
        height:280px;
        text-align:center;
      }
    
      .our_vision_banner_title{
        font-size:52px;
      }
    
      .our_vision_banner_desc{
        font-size:16px;
      }
    
      .our_vision_main_title{
        font-size:48px;
      }
    
      .our_vision_story_title{
        font-size:42px;
      }
    
      .our_vision_cta_title{
        font-size:42px;
      }
    
      .our_vision_cta_section{
        text-align:center;
      }
      
      
      .mobile-header-actions{
            display:flex;
            align-items:center;
            gap:10px;
        }
    
        .mobile-cta-btn{
            padding:8px 14px;
            font-size:13px;
        }
    
        .navbar-brand{
            max-width:65%;
        }
    
        /*.logo-img{*/
        /*    height:45px !important;*/
        /*}*/
        
        .logo-img {
            height: 60px !important;
            width: 60px !important;
            max-width: 200px !important;
        }
        
        
        /*.desktop-cta-wrapper{*/
        /*    display:none;*/
        /*}*/

    .desktop-cta-wrapper{
        display:block;
        width:100%;
        /*background:#c88d19;*/
        padding:12px 15px;
        text-align:center;
        margin-top: 20px;
    }

    .desktop-cta-wrapper a{
        text-decoration:none;
        font-weight:600;
        display:block;
    }
    
    .our_vision_philosophy_box{
      padding:70px 40px !important;
      text-align:center !important;
      border-bottom:1px solid #c38a1d !important;
      border-right:none !important;
    }
    
    .service-box{
        padding: 40px 17px;
    }
    
    .service-box h5{
        font-size: 18px;
        font-weight: 500;
    }
    
    .process-section::before{
        width: 500px;
        height: 500px;
    }
    
    .cta{
        margin-top:10px;
    }
    
    .footer-nav-div .brand-text span {
        letter-spacing: 10px;
        font-size: 19px;
        margin-left: 5px;
        font-weight: normal;
        color: #fff;
    }
    
    
    /*28-06-2026*/
    /* SECTION */
    .features-section{
        background: #f8f3ea;
        padding: 80px 0;
        position: relative;
    }
    
    /* CARD */
    .feature-box{
        background: #fff;
        border: 1px solid #e5d4b3;
        border-radius: 35px;
        padding: 40px 25px 35px;
        text-align: center;
        position: relative;
        height: 100%;
        overflow: hidden;
        box-shadow: 0 8px 25px rgba(0,0,0,0.04);
        transition: all .4s ease;
    }
    
    /* Bottom left green shape */
    .feature-box::before{
        content: "";
        position: absolute;
        bottom: -1px;
        left: -1px;
        width: 45px;
        height: 50px;
        background: #20332D;
        border-top-right-radius: 60px;
        opacity: 1;
    }
    
    /* Bottom right golden leaf decoration */
    .feature-box::after{
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 290px;
        height: 400px;
        background: url('leaf-texture.png') no-repeat center;
        background-size: cover;
        opacity: .45;
    }
    
    /* HOVER */
    .feature-box:hover{
        transform: translateY(-10px);
    }
    
    /* ICON WRAPPER */
    .feature-icon{
        width: 140px;
        height: 140px;
        margin: 0 auto 30px;
        background: #fcf9f3;
        border: 2px solid #e7d6b8;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    
    /* Outer circular line */
    .feature-icon::before{
        content: "";
        position: absolute;
        width: 170px;
        height: 170px;
        border: 2px solid #eadcc3;
        border-radius: 50%;
        border-left-color: transparent;
        border-bottom-color: transparent;
        transform: rotate(-28deg);
    }
    
    /* Golden dot */
    .feature-icon::after{
        content: "";
        position: absolute;
        top: -2px;
        right: 18px;
        width: 12px;
        height: 12px;
        background: #c6972d;
        border-radius: 50%;
        z-index: 2;
    }
    
    /* ICON */
    .feature-icon i{
        font-size: 55px;
        color: #c6972d;
        position: relative;
        z-index: 3;
    }
    
    /* LEAFS UNDER ICON */
    .feature-icon:has(i)::before{
        z-index: 1;
    }
    
    /* LEFT LEAF */
    .feature-box .feature-icon{
        overflow: visible;
    }
    
    .feature-box .feature-icon:after{
        z-index: 3;
    }
    
    /* HEADING */
    .feature-box h5{
        font-family: 'Cormorant Garamond', serif;
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        color: #20332D;
        margin-bottom: 35px;
        position: relative;
    }
    
    /* Decorative separator */
    .feature-box h5::after{
        content: "";
        position: absolute;
        width: 55px;
        height: 1px;
        background: #c6972d;
        left: 50%;
        bottom: -16px;
        transform: translateX(-50%);
    }
    
    .feature-box h5::before{
        content: "◆";
        position: absolute;
        color: #c6972d;
        left: 50%;
        bottom: -23px;
        transform: translateX(-50%);
        font-size: 12px;
    }
    
    /* DESCRIPTION */
    .feature-box p{
        font-size: 16px;
        line-height: 1.5;
        color: #20332D;
        max-width: 180px;
        margin: 0 auto;
    }
    
    }
    
    @media(max-width:576px){
    
      .our_vision_banner{
        height:240px;
      }
    
      .our_vision_banner_title{
        font-size:38px;
      }
    
      .our_vision_banner_desc{
        font-size:15px;
      }
    
      .our_vision_main_title{
        font-size:36px;
      }
    
      .our_vision_story_title{
        font-size:34px;
      }
    
      .our_vision_section_title{
        font-size:38px;
      }
    
      .our_vision_cta_title{
        font-size:34px;
      }
    
      .our_vision_main_text,
      .our_vision_story_text{
        font-size:16px;
      }
    
      .our_vision_philosophy_box{
        padding:50px 25px;
        border-bottom:1px solid #c38a1d;
      }
    
    }

    @media(max-width:991px){

      .section-title:before,
      .section-title:after{
        display:none;
      }
      
      .featured-product-title{
          margin:25px;
      }
      
      .process-section h2{
        margin:30px 0;          
      }
    }

    @media(max-width:576px){

      .hero-title{
        font-size:50px;
      }

      .brand-text h3{
        font-size:26px;
      }

      .section-title{
        font-size:32px;
      }
    }
    
    /* 1200px - 1399px */
    @media (min-width: 1200px) and (max-width: 1399px) {
    
        h2.section-title.featured-product-title::before {
            left: 22%;
        }
    
        h2.section-title.featured-product-title::after {
            right: 22%;
        }
    }
    
    /* 992px - 1199px */
    @media (min-width: 992px) and (max-width: 1199px) {
    
        h2.section-title.featured-product-title::before {
            left: 18%;
        }
    
        h2.section-title.featured-product-title::after {
            right: 18%;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        #menu-header-menu li a.nav-link {
            margin: 0 7px !important;
            font-size: 14px !important;
        }
    }
    
    @media (min-width: 992px) {

        .features-section .row{
            justify-content: center;
            gap: 20px;
        }
    
        .features-section .col-lg-2{
            flex: 0 0 auto;
            width: 18%;
        }
        
        .process-section .row{
            justify-content: center;
            gap: 50px;
        }
    
        .process-section .col-lg-2{
            width: 18%;
            flex: 0 0 auto;
        }
    
    }