    @import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);img{height:auto;max-width:100%;}*,ul{margin:0;padding:0}.feat_number,.how-it-works{text-align:center}.estimate-form form .form-group label input[type=radio]:focus,.estimate-form form .form-group.rooms-quantity label .pd-pro-qty input:focus,input.form_control:focus{box-shadow:none!important}.banner-slide,.btn,.category-card,.faqs-box .card i,.gellary .imgBx,.instra_content_img0,.main-btn,.nav_con,.services_bg{overflow:hidden}:root{--primarycolor:#a58838;--primaryopacitycolor:#a588389f;--secondary-color:#a58838;--light-green:#FFD0B2;--dark-gray:#eaeaea;--lato:"Lato",serif;--ss:sans-serif}*{box-sizing:border-box;text-decoration:none}p{margin-bottom:0}ul{list-style:none}input:user-invalid,textarea:user-invalid{box-shadow:0 0 1px 3px #f005!important;border-color:red!important}.sans-serif{font-family:var(--ss)}.ff-lato{font-family:var(--lato)}
   
   .fixed-btns .fixed-btn{
    position: fixed;
    bottom: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50px ;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
   .fixed-btns .fixed-btn a{
    color: #fff;
    font-size: 25px;
}
.fixed-btns .whatsapp{
    left: 20px !important;
    right: auto !important;
    bottom: 20px;
    background: #25D366;
}

/* Call Right */
.fixed-btns .call{
    right: 20px !important;
    left: auto !important;
    bottom: 20px;
    background: #007bff;
}

  .grid-5{gap:.5rem;display:grid;grid-template-columns:repeat(5,1fr)}.btn,nav .nav-list-wrapper .nav-list a{display:inline-block;position:relative}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.playfair{font-family:var(--playfair)}.section-heading,footer{font-family:var(--lato)}a,a:hover{color:#fff;text-decoration:none!important}.btn{z-index:1;font-weight:700}.btn:has(i) i{transition:.75s}.btn:is(:hover,:active,:focus) i{transform:translateX(10px)}.btn:after{content:'';position:absolute;inset:0;background:#0004;z-index:-1;transform:scaleX(0);transform-origin:left;transition:1.3s}.btn:is(:hover,:active,:focus,.active){background:var(--primarycolor)!important;border-color:var(--primarycolor)!important}#sidemenu ul li,.drop_con:hover{border-bottom:1px solid #a58838}.btn:is(:focus){box-shadow:0 0 1px 3px var(--primaryopacitycolor)}.btn:is(:hover,:active,:focus,.active):after{transform:scaleX(1)}nav .nav-list-wrapper{--gap:1rem;position:relative;display:flex;justify-content:end;align-items:center;gap:var(--gap);padding:0;padding-right:var(--gap)}nav .nav-list-wrapper .nav-list{position:relative;display:flex;align-items:center;gap:1rem}.drop,.process-section .row .card,nav .nav-list-wrapper .nav-list li{position:relative}nav .nav-list-wrapper .nav-list a{padding:.25rem .5rem;color:#000;transition:1s}nav .nav-list-wrapper .nav-list a::before{position:absolute;content:'';bottom:0;left:0;width:100%;height:3px;opacity:0;transition:1s;border-radius:3px 3px 0 0;background:var(--primarycolor)}nav .nav-list-wrapper .nav-list li.has-children ul li a::before{opacity:1;width:0;height:2px}#sidemenu ul li:hover,nav .nav-list-wrapper .nav-list li.has-children ul li a:hover::before{width:100%}nav .nav-list-wrapper .nav-list li.has-children ul{position:absolute;opacity:0;visibility:hidden;width:140px;top:2.5rem;background:#fff;box-shadow:0 0 3px 1px rgba(0,0,0,.25);transition:.5s;z-index:1000}nav .nav-list-wrapper .nav-list li.has-children:hover ul{opacity:1;visibility:visible}nav .nav-list-wrapper .nav-list li.has-children ul li{padding:.25rem}nav .nav-list-wrapper .nav-list a:is(:hover,.active,:active,:focus){top:-3px}nav .nav-list-wrapper .nav-list a:is(:hover,.active,:active,:focus)::before{opacity:1;height:3px}.icon{min-width:45px;width:45px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;background:var(--primarycolor);border:none;outline:0;color:#fff;border-radius:50%;font-size:1.5rem}#sidebarmenu .offcanvas-body .top{flex-grow:1}#sidebarmenu .offcanvas-body .bottom{justify-self:end}#sidemenu .nav-list a,.dropdown .drop_list .drop_con{color:#000}#sidemenu .nav-list li{position:relative;padding:.25rem;margin-bottom:.15rem;border-radius:5px}#sidemenu .nav-list li:has(a.active){background:var(--primarycolor)}#sidemenu .nav-list li:has(a.active) a{color:#fff}#sidemenu .nav-list li:hover{background:#eee;cursor:pointer}.hero-section{position:relative;background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(255,255,255,.3)) center/cover no-repeat,url(../img/hero-bg.png) center/cover no-repeat}.hero-section .row{min-height:700px}.hero-section h1{font-size:60px}.hero-section form h4{border-bottom:4px solid var(--primarycolor);padding-bottom:.45rem}.hero-section form input:not([type=checkbox]){height:50px}.hero-section form button{border-radius:50px}.hero-section form .checkbox-feild p label{position:relative;float:inline-end;width:40px;height:20px;border:1px solid var(--primarycolor);border-radius:20px;cursor:pointer}.hero-section form .checkbox-feild p label::after{position:absolute;content:'';width:16px;aspect-ratio:1;background:var(--primarycolor);top:1px;border-radius:50%;left:1px}.hero-section form .checkbox-feild p label:has(input:checked):after{left:auto;right:1px;background:#fff}.hero-section form .checkbox-feild p label:has(input:checked){background:var(--primarycolor)}.hero-section form .checkbox-feild p label input{appearance:none}.section-heading{position:relative;display:flex;font-family:"Playfair Display",serif;font-weight:700;justify-content:center;padding:0}.section-heading.left{justify-content:start}.section-heading.right{justify-content:end}.section-heading::before{position:absolute;content:'';top:50%;transform:translateY(-50%);width:100%;height:8px;background:var(--primarycolor);border-radius:8px;z-index:-1;opacity:0}#sidemenu ul li>ul,.section-heading.noline::before{display:none}.section-heading.noline :is(h1,h2,h3,h4,h5,h6){background:0 0}.category-card:hover .icon,.newlatter-box input{background:var(--primarycolor)}.section-heading.left :is(h1,h2,h3,h4,h5,h6){padding-left:0}.section-heading.right :is(h1,h2,h3,h4,h5,h6){padding-right:0}.button_menu{min-width:45px;height:45px;border-radius:50%;border:2px solid var(--secondary-color);background:0 0}.category-card{border-radius:.5rem;height:100%;cursor:pointer}.category-card:hover{box-shadow:0 0 3px 1px #0005}.category-card .bg-primary{padding:1px .25rem .5rem;height:100%}.category-card .bg-primary .paragraph{padding:1rem .25rem .75rem;border-radius:0 0 .25rem .25rem;position:relative;top:-.5rem}.category-card img{width:100%;aspect-ratio:1.3;object-fit:cover;transition:.5s}.category-card:hover img,.instra_content_img:hover{transform:scale(1.1)}.category-card .icon{color:#000;background:#d9d9d9}.gellary{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding-top:1rem}.gellary .imgBx{position:relative;cursor:pointer;aspect-ratio:1}.gellary .imgBx h4{position:absolute;top:50%;left:50%;color:#fff;transform:translate(-50%,-50%) scale(0);z-index:2;text-align:center;text-shadow:0 0 5px #000;transition:.5s}.gellary .imgBx:hover h4,.services_bg:hover::before{transform:translate(-50%,-50%) scale(1)}.gellary .imgBx::before{content:'';position:absolute;inset:0;background:#af873879;opacity:0;z-index:2;transition:.5s}.gellary .imgBx::after{content:'';position:absolute;inset:0.5rem;background:url(../img/svg-border.svg) 0 0/100% 100% no-repeat;opacity:0;transition:.5s}.gellary .imgBx:hover::after,.gellary .imgBx:hover::before{opacity:1}.gellary .imgBx:hover img{transform:scale(1.2)}.gellary .imgBx img{width:100%;aspect-ratio:1;transition:.5s;object-fit:cover;z-index:1}@media(max-width:540px){.grid-5{grid-template-columns:repeat(3,1fr)}.hero-section form{background:#fff9}.hero-section h1{font-size:32px}.gellary{grid-template-columns:repeat(1,1fr)}}.process-section .row .card img{position:absolute;top:0;left:50%;width:100px;transform:translate(-50%,-50%);background:#fff}.testmonials .owl-stage{display:flex;align-items:stretch}.testimonial-section .testimonial-box{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.contect-section .bg-col,.newlatter{background:var(--light-green)}.testimonial-section .testimonial-box .item{position:relative;padding-bottom:25px}.testimonial-section .testimonial-box .item .card{border-radius:20px;padding-inline:1rem!important}.testimonial-section .testimonial-box .item .quotes{position:absolute;width:76px;bottom:0;right:3rem}.testimonial-section .testimonial-box .UserBx{width:100px;min-width:90px;aspect-ratio:1}.testmonials .owl-nav{display:flex;justify-content:center;gap:1rem}.testmonials .owl-nav button{font-size:36px!important;color:#a58838!important}.newlatter{max-width:800px;margin:auto;padding-top:.5rem!important;padding-bottom:.75rem!important}.newlatter-box{position:relative;width:100%;max-width:600px;margin:auto}.newlatter-box input{width:100%;padding:1rem;border:none;outline:0;color:#fff;border-radius:10px;height:60px;padding-right:calc(14px + 178px)}.newlatter-box input::placeholder{color:#fff}.newlatter-box button{position:absolute;width:178px;right:7px;top:50%;height:46px;transform:translateY(-50%);padding:0 14px;background:#fff;border-radius:10px}.faqs-box .card{position:relative;transition:.4s;background:#f6f6f6}.faqs-box .card p{opacity:0;visibility:hidden;height:0;transition:.4s}.faqs-box .card.open p{opacity:1;visibility:visible;height:auto}.faqs-box .card i{position:absolute;right:3px;top:3px;transform:rotate(45deg);transition:.4s}.faqs-box .card.open i{transform:rotate(0)}footer{border-top:1px solid var(--dark-gray)}.footer-paragraph{font-size:14px;font-weight:400;padding:.5rem 0;font-family:"Playfair Display",serif}footer .design-links{font-size:18px;font-weight:400;padding:.5rem 0}footer .design-links a{color:#fff}.footer-social-link{gap:1rem}.footer-social-link a{position:relative;width:38px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border:1px solid #fff;margin-top:10px;border-radius:50%;color:#fff;text-decoration:none;transition:.8s}.footer-social-link a:hover{background:#a58838;color:#fff}.footer-links h6{position:relative;font-size:18px;font-weight:600;padding:.25rem 0;font-family:'Playfair Display'}.banner-text h1,.banner-text h3,.banner-text h4,.banner-text p,.how-it-works,.nav_con,.nav_list.drop .dropdown .drop_con,.top_header2,input.form_control{font-family:"Playfair Display",serif}.footer-links h6::before{position:absolute;bottom:0;left:0;width:0;height:5px;background:#e1c167;content:'';border-radius:3px;opacity:0;transition:.5s}.footer-links h6:hover:before{width:70px;opacity:1}.footer-links ul li{margin-bottom:.8rem}.footer-links ul li a{font-size:18px;font-weight:400;color:#fff;text-decoration:none;transition:.4s}.footer-links ul li a .fa-arrow-up-right-from-square{font-size:12px;color:#e1c167;position:relative;top:-2px;right:1rem;opacity:0;transition:.4s}.footer-links ul li a:hover:not(:has(.text-primary)){padding-left:.25rem}.footer-links ul li a:hover .fa-arrow-up-right-from-square{opacity:1;right:0}.text-primary{color:#fff!important}.upi-icn{position:relative;display:flex;gap:10px;flex-wrap:wrap}.upi-icn a,.upi-icn button,.upi-icn img,.upi-icn span{width:100px;aspect-ratio:2/1;object-fit:contain;border-radius:10px;border:1px solid #6666;padding:5px;background:#fff}@media (max-width:540px){.section-heading h1:after,.section-heading h1:before,.section-heading h2:after,.section-heading h2:before,.section-heading h3:after,.section-heading h3:before,.section-heading h4:after,.section-heading h4:before,.section-heading h5:after,.section-heading h5:before,.section-heading h6:after,.section-heading h6:before{display:none}.section-heading :is(h1,h2,h3,h4,h5,h6){font-size:16px;padding:0;background:0 0}.section-heading::before{border-left:10px solid var(--secondary-color);background:0 0;height:100%}.newlatter-box button{position:relative;top:auto;right:auto;width:100%;transform:translateY(0);margin-top:.5rem}.faqs-box .questionBox{font-size:20px}.footer-links ul li a{font-size:14px}.footer-links ul li a .fa-arrow-up-right-from-square{top:0}}.estimate-form-header{box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.estimate-form form .form-steps{width:100%;max-width:600px;margin:0 auto}.estimate-form form .form-steps .d-flex{position:relative;justify-content:space-between}.estimate-form form .form-steps .d-flex::before{content:'';position:absolute;top:50%;height:2px;width:100%;background:#000;z-index:-1}.estimate-form form .form-steps .d-flex .icon{background:#d6d6d6;color:#000;transition:.5s;border:2px solid #fff}.estimate-form form .form-steps .d-flex .icon.active{background:var(--primarycolor);color:#fff}.estimate-form form .form-group label{display:flex;align-items:center;font-size:22px;gap:.5rem;padding:.5rem 1rem!important}.estimate-form form .form-group label input[type=radio]{width:38px;height:38px}.estimate-form form .form-group.rooms-quantity label{border-bottom:1px solid #000}.estimate-form form .form-group.rooms-quantity label .pd-pro-qty>*{width:25px;height:25px;font-size:15px;user-select:none}.estimate-form form .form-group.rooms-quantity label .pd-pro-qty input{border:none;outline:0;font-size:20px}.page-hero-section{background:url(../img/action_bg.webp) center/cover no-repeat;display:flex;justify-content:center;align-items:center;padding:.75rem}.page-hero-section.service-page{background-color:#e1dede;font-family:'Playfair Display';background-position:center;background-size:cover;background-repeat:no-repeat}.page-hero-section.no-bg{background-image:url(../img/action_bg.webp);aspect-ratio:auto;padding:0}.hero-section.city-page h2,.page-hero-section .content{position:relative;width:100%;max-width:600px;padding:1rem 1.5rem;border-radius:20px}.hero-section.city-page h2 .link{font-size:18px;margin:.25rem 0}.page-hero-section.no-bg .content{background:0 0;color:#000}.page-hero-section .content p{font-size:20px}.page-hero-section.no-bg .content p a{color:#000!important}.bottom_mail,.porfolio-wrapper .porfolio-card .bg-primary{font-size:14px}.porfolio-wrapper .porfolio-card{position:relative;overflow:hidden;border-radius:10px 10px 0 0;cursor:pointer}.porfolio-wrapper .porfolio-card .zoomBx{position:absolute;width:80%;aspect-ratio:1;left:50%;top:9%;transform:translateX(-50%) scale(0);color:#fff;transform-origin:left top;border-radius:8px 8px 0 0;display:flex;justify-content:center;align-items:center;font-size:2rem;transition:.5s}.porfolio-wrapper .porfolio-card:hover .zoomBx{transform:translateX(-50%) scale(1)}.porfolio-wrapper .porfolio-card img{aspect-ratio:1;object-fit:cover}.porfolio-wrapper .porfolio-card .bg-primary{position:relative;z-index:2}.contact-details{position:relative;width:100%;height:100%;background:url(../img/contact-details.png) center no-repeat;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem}.contact-details .details-box{background:#fff9;width:100%;max-width:500px;border-radius:10px;padding:.5rem;font-weight:600}.contact-details .details-box h4{color:var(--primarycolor)}.review-get-started{position:relative;background:linear-gradient(#be972c, #a58838) 0 0/contain fixed,url(../img/svg-review-gs.svg) 0 0/contain fixed;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}.banner-text,.nav{justify-content:center}.review-get-started a{background:#fff;height:74px;font-size:25px;border-radius:50px;color:#000;padding:0 20px;font-weight:700;text-transform:uppercase;line-height:72px;box-shadow:0 4px 4px 0 #000}.blog-box .blog-img img{aspect-ratio:622/282;object-fit:cover;border-radius:10px}.blog-box :is(.blog-description,h5){position:relative;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4}.blog-box :is(h5){-webkit-line-clamp:1!important}.services_feat,.top_header{background-color:#a58838}.top_header2{font-weight:500;font-size:16px}.middle_header{background-color:#000}.midlle_icon span a{font-size:13px;font-family:Lato,sans-serif}.main-btn{display:inline-block;background-color:#a58838;padding:17px 30px;position:relative;z-index:0;border-radius:8px}.main-btn::before{content:"";position:absolute;width:100%;height:100%;background-color:#050400;top:0;left:-1px;z-index:-1;transform-origin:left bottom;transform:rotate(-92deg);transition:.6s}.main-btn:hover::before,button.main-btn.active::before{left:0;transform:rotate(0)}button.main-btn{color:#fff;outline:0;border:1px solid #000}.navbar{background-color:#f7f7f7}.nav{display:flex;width:100%;align-items:center}.nav_con{display:inline-block;padding:10px 36px;width:100%;color:#000;font-weight:600;position:relative;z-index:1}.nav_con::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#a58838;transform:scaleX(0);transform-origin:left;transition:transform .5s;z-index:-1}.nav_con:hover::before{transform:scaleX(1)}.dropdown{position:absolute;z-index:1;width:207px;background:#fff;display:none}.cross_btn,.menu_btn{height:50px;width:50px;border-radius:50%;background-color:#fff}.nav_list.drop:hover .dropdown{display:block;z-index:5}.nav_list.drop .dropdown .drop_con{display:block;padding:10px}.drop_con:hover{background-color:#eee}.menu_btn{color:#a58838}#sidemenu ul li.drop:has(.dropdown) i,.navbar ul li.drop:has(.dropdown) i{position:absolute;top:50%;right:10px;transform:translateY(-15px);font-size:25px;z-index:3;cursor:pointer}#sidemenu ul li:hover>ul{display:block;background-color:#fff;box-shadow:0 0 5px 5px grey;z-index:10}.banner-slide{position:relative;width:100%}.banner-slide img{width:100%;height:auto;display:block}.banner-text{position:absolute;top:50%;transform:translateY(-50%);color:#fff;max-width:50%;height:100%;background-color:#92731e8f;align-items:start;display:flex;flex-direction:column}.banner-text h4{font-size:25px;margin-bottom:10px;font-weight:400;color:#fff;position:relative}.banner-text h4::before{content:"";position:absolute;height:4px;right:-80px;width:70px;bottom:10px;background-color:#fff}.banner-text h1{font-size:72px;font-weight:700;margin-bottom:10px}.banner-text h3{font-size:25px;margin-bottom:10px;font-weight:500}.banner-text p{font-size:19px;line-height:1.5;font-weight:300}@media(max-width:1189px){.banner-text h4{font-size:18px}.banner-text h1{font-size:40px}.banner-text h3{font-size:16px}.banner-text p{font-size:14px}}.feature_icons>i{font-size:70px;color:#a58838}.feature_sec .col-md-3:not(:last-child) .feature_icons{border-right:2px solid grey}.feat_number{font-size:40px;font-weight:600}.bg-primary{background-color:#896f28!important}.section1{background:url(../img/services_bg.webp) 0 0/cover no-repeat fixed}.action_btn,.form_bg_brow{background-repeat:no-repeat;background-size:cover}.action_btn{background-image:url(../img/action_bg.webp)}.action_border{border:1px solid #fff;border-radius:5px;padding:10px}.services_bg{background-color:#000;border:1px dashed #fff;border-radius:5px;position:relative;z-index:0}.services_bg::before{content:"";position:absolute;background-color:#deb64a;z-index:-1;top:50%;aspect-ratio:1;width:120%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;transition:.5s}.services_bg>i{color:#fff;font-size:30px}.form_cutomize{background-color:#48380a}.form_bg_brow{background-image:url(../img/form-bg.png)}.address_icon>i{font-size:20px;background-color:#a58838;border-radius:5px;height:50px;width:50px;padding:10px;justify-content:center;display:flex;color:#fff;align-items:center}.how-it-works h2{font-size:36px;margin-bottom:24px;color:#2d2d2d;font-weight:600}.how-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.how-card{background:#fff;border-radius:15px;border:1px dashed;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:25px;width:260px;transition:transform .3s}.how-card:hover{transform:translateY(-10px)}.how-card img{width:60px;margin-bottom:20px}.how-card h3{font-size:20px;color:#a58838;margin-bottom:10px}.how-card p{font-size:14px;color:#555;line-height:1.5}.how-card i{color:#a58838}.detail_contact2{background-color:#ececec}.form_design_Con{background-color:#fff;border-radius:5px;box-shadow:0 4px 5px 1px #ccc;position:relative}input.form_control{border:none;border-bottom:1px solid;width:100%;outline:0}input.form_control:focus{border-color:#000!important}.contact_img{position:relative;top:-0%;right:0}.detail_contact4 h3{font-size:1.3vw;font-family:Playfair Display;font-weight:700;color:#4c4c4c}.detail_contact4 p{font-size:1vw;line-height:1.5;font-weight:400;font-family:Playfair Display}.detail_contact4 a h4,.detail_contact4 h5{font-size:1vw;line-height:1.5;font-weight:700;color:#4c4c4c}@media(max-width:568px){.banner-text h4{font-size:13px;margin-bottom:2px}.banner-text h4::before{height:0;width:0}.banner-text h1{font-size:15px;margin-bottom:2px}.banner-text h3{font-size:10px;margin-bottom:2px}.banner-text p{font-size:7px;margin-bottom:0}.feature_icons,.feature_sec .col-md-3:nth-child(2) .feature_icons{border-right:none}.feature_icons>i{font-size:35px}.feat_number{font-size:20px}.section1{background:#444}.contact_img{position:relative;top:0;right:0}.detail_contact4 h3{font-size:16px;margin-top:0}.detail_contact4>p{font-size:14px}.detail_contact4 a h4,.detail_contact4 h5{font-size:13px}}.instra_content_icon i{height:50px;width:50px;display:flex;justify-content:center;align-items:center;font-size:2rem;border-radius:50%;background:#a58838}.instra_content_img{transition:transform .3s ease-in-out}.instra_content_img img{width:100;aspect-ratio:1;object-fit:cover}

    /*.btn:is(:hover, :active, :focus) i {*/
    /*    transform: translateX(10px);*/
    /*    background-color: #a58838 !important;*/
    /*}*/
    .btn:hover {
    background-color: var(--primarycolor) !important;
    border-color: var(--primarycolor) !important;
}

/*.middle_header {*/
/*    background: rgba(255, 255, 255, 0.08);*/
/*    backdrop-filter: blur(15px);*/
/*    -webkit-backdrop-filter: blur(15px); */
/*    border-bottom: 1px solid rgba(255,255,255,0.2);*/
/*}*/

.custom-btn {
    background: linear-gradient(90deg, #8f7839, #a58838);
    border: none;
    padding: 12px 30px;
    color: #fff;
}

.custom-btn:hover {
    background: #a58838 !important;
}
    .dropdown {
        position: absolute;
        z-index: 1;
        width: 207px;
        background: #fff;
        display: none;
    }

    .cross_btn,
    .menu_btn {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        background-color: #fff;
    }



    .drop_con:hover {
        background-color: #eee;
    }

    .menu_btn {
        color: #a58838;
    }



    .banner-slide {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .banner-slide img {
        width: 100%;
        height: auto;
        display: block;
    }

    .banner-text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        max-width: 50%;
        height: 100%;
        background-color: #92731e8f;
        align-items: start;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .banner-text h4 {
        font-size: 25px;
        margin-bottom: 10px;
        font-weight: 400;
        color: #fff;
        position: relative;
        font-family: "Playfair Display", serif;
    }

    .banner-text h4::before {
        content: "";
        position: absolute;
        height: 4px;
        right: -80px;
        width: 70px;
        bottom: 10px;
        background-color: #fff;
    }

    .banner-text h1 {
        font-size: 72px;
        font-weight: 700;
        margin-bottom: 10px;
        font-family: "Playfair Display", serif;
    }

    .banner-text h3 {
        font-size: 25px;
        margin-bottom: 10px;
        font-weight: 500;
        font-family: "Playfair Display", serif;
    }

    .banner-text p {
        font-size: 19px;
        line-height: 1.5;
        font-weight: 300;
        font-family: "Playfair Display", serif;
    }

    .feature_icons>i {
        font-size: 70px;
        color: #a58838;
    }

    .feature_sec .col-md-3:not(:last-child) .feature_icons {
        border-right: 2px solid grey;
    }

    .feat_number {
        text-align: center;
        font-size: 40px;
        font-weight: 600;
    }

    /* .bg-primary {
        background-color: #896f28 !important;
    } */

    .section1 {
        background: url(../img/services_bg.webp) 0 0/cover no-repeat fixed;
    }

    /* .action_btn {
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/action_bg.webp);
    } */

    .action_border {
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px;
    }

    .services_bg {
        background-color: #000;
        border: 1px dashed #fff;
        border-radius: 5px;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }

    .services_bg::before {
        content: "";
        position: absolute;
        background-color: #deb64a;
        z-index: -1;
        top: 50%;
        aspect-ratio: 1;
        width: 120%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        border-radius: 50%;
        transition: .5s;
    }

    .services_bg:hover::before {
        transform: translate(-50%, -50%) scale(1);
    }

    .services_bg>i {
        color: #fff;
        font-size: 30px;
    }

    .form_cutomize {
        background-color: #48380a;
    }

    .form_bg_brow {
        background-image: url(../img/form-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .address_icon>i {
        font-size: 20px;
        background-color: #a58838;
        border-radius: 5px;
        height: 50px;
        width: 50px;
        padding: 10px;
        justify-content: center;
        display: flex;
        color: #fff;
        align-items: center;
    }

    .how-it-works {
        text-align: center;
    }

    .how-it-works h2 {
        font-size: 36px;
        margin-bottom: 24px;
        color: #2d2d2d;
        font-weight: 600;
        font-family: "Playfair Display", serif;
    }

    .how-cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .how-card {
        background: #fff;
        border-radius: 15px;
        border: 1px dashed;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
        padding: 25px;
        width: 260px;
        transition: transform .3s;
    }

    .how-card:hover {
        transform: translateY(-10px);
    }

    .how-card img {
        width: 60px;
        margin-bottom: 20px;
    }

    .how-card h3 {
        font-size: 20px;
        color: #a58838;
        margin-bottom: 10px;
    }

    .how-card p {
        font-size: 14px;
        color: #555;
        line-height: 1.5;
    }

    .how-card i {
        color: #a58838;
    }

    .detail_contact2 {
        background-color: #ececec;
    }

    .form_design_Con {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 4px 5px 1px #ccc;
        position: relative;
    }

    input.form_control {
        border: none;
        border-bottom: 1px solid;
        width: 100%;
        outline: 0;
        font-family: "Playfair Display", serif;
    }

    input.form_control:focus {
        border-color: #000 !important;
    }

    .contact_img {
        position: relative;
        top: -0%;
        right: 0;
    }

    .detail_contact4 h3 {
        font-size: 1.3vw;
        font-family: Playfair Display;
        font-weight: 700;
        color: #4c4c4c;
    }

    .detail_contact4 p {
        font-size: 1vw;
        line-height: 1.5;
        font-weight: 400;
        font-family: Playfair Display;
    }

    .detail_contact4 a h4,
    .detail_contact4 h5 {
        font-size: 1vw;
        line-height: 1.5;
        font-weight: 700;
        color: #4c4c4c;
    }

    .instra_content_icon i {
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        border-radius: 50%;
        background: #a58838;
    }

    .instra_content_img {
        overflow: hidden;
        transition: transform .3s ease-in-out;
    }

    .instra_content_img:hover {
        transform: scale(1.1);
    }

    .instra_content_img img {
        width: 100%;
        aspect-ratio: 1;
        object-fit: cover;
    }

    /* ============================================
    STACKED SECTIONS ANIMATION (MAIN)
    ============================================ */

    /* Stacked Sections Container */
    .stacked-container {
        position: relative;
        z-index: 10;
        background: white;
        margin-top: -2px;
    }

    /* Individual Stacked Section */
    .stacked-section {
        position: relative;
        margin-bottom: 30px;
        padding: 60px 0;
        background: white;
        border-radius: 20px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        will-change: transform, opacity;
    }

    /* Section Inner Content */
    .section-inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 0px;
    }
    .banner-stack,
    .banner-item,
    .banner-item img,
    .stack-item {
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

    /* Banner Stack */
    .banner-stack {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: #111;
        z-index: 1;
    }

    .banner-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        will-change: transform, opacity;
        opacity: 0;
        transition: transform 0.1s ease-out;
    }

    .banner-item.active {
        opacity: 1;
        position: relative;
    }

    .banner-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Banner Content */
    .banner-content {
        position: absolute;
        text-align: center;
        color: white;
        text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.7);
        z-index: 10;
        pointer-events: none;
        bottom: 25%;
        left: 0;
        right: 0;
    }

    .banner-content h1 {
        font-size: 4rem;
        margin-bottom: 16px;
        font-family: 'Playfair Display', serif;
        font-weight: 600;
    }

    .banner-content p {
        font-size: 1.3rem;
        letter-spacing: 1px;
        font-weight: 300;
    }

    /* Scroll Hint */
    .scroll-hint {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        color: white;
        z-index: 20;
        animation: bounce 2s infinite;
    }
    .btn:hover {
        background-color: #a58838 !important;
        color: white !important;
        border: 2px solid #a58838 !important;
    }

    @keyframes bounce {

        0%,
        100% {
            transform: translateX(-50%) translateY(0);
        }

        50% {
            transform: translateX(-50%) translateY(10px);
        }
    }

    /* Stacking Visual Effect */
    .stacked-section:hover {
        transform: translateY(-5px);
        transition: transform 0.3s ease;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
    }

    /* GSAP Animation Base Styles */
    [class*="scrub-"] {
        will-change: transform, opacity;
    }

    .scrub-fade,
    .scrub-slide-up,
    .scrub-slide-left,
    .scrub-slide-right,
    .scrub-zoom,
    .scrub-scale,
    .scrub-rotate,
    .scrub-flip,
    .scrub-reveal {
        transform: none;
        opacity: 1;
    }

    .scrub-slide-up {
        transform: translateY(60px);
    }

    .scrub-slide-left {
        transform: translateX(-60px);
    }

    .scrub-slide-right {
        transform: translateX(60px);
    }

    .scrub-zoom {
        transform: scale(0.85);
    }

    .scrub-rotate {
        transform: rotate(-10deg);
    }

    .scrub-flip {
        transform: rotateY(90deg);
        transform-style: preserve-3d;
    }

    .scrub-reveal {
        clip-path: inset(0 100% 0 0);
    }

    .scrub-stagger>* {
        opacity: 0;
        transform: translateY(40px);
    }

    .scrub-counter {
        opacity: 1;
    }

    .scrub-progress {
        width: 0%;
    }

    .scrub-color {
        transition: background-color 0.3s ease;
    }

    /* Scroll Progress Bar */
    .scroll-progress-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, #be972c, #a58838);
        transform-origin: 0% 50%;
        z-index: 9999;
    }

    /* Responsive */
    @media (max-width: 1189px) {
        .banner-text h4 {
            font-size: 18px;
        }

        .banner-text h1 {
            font-size: 40px;
        }

        .banner-text h3 {
            font-size: 16px;
        }

        .banner-text p {
            font-size: 14px;
        }
    }

    @media (max-width: 768px) {
        .stacked-section {
            padding: 40px 15px;
            margin-bottom: 20px;
        }

        .section-inner {
            padding: 0 15px;
        }

        .banner-content h1 {
            font-size: 2.2rem;
        }

        .banner-content p {
            font-size: 1rem;
        }

        /* .content-section {
            padding: 60px 24px;
        } */

        .content-section h2 {
            font-size: 2rem;
        }

        .scrub-stagger>* {
            transform: translateY(30px);
        }
    }

    @media (max-width: 568px) {
        .banner-text h4 {
            font-size: 13px;
            margin-bottom: 2px;
        }

        .banner-text h4::before {
            height: 0;
            width: 0;
        }

        .banner-text h1 {
            font-size: 15px;
            margin-bottom: 2px;
        }

        .banner-text h3 {
            font-size: 10px;
            margin-bottom: 2px;
        }

        .banner-text p {
            font-size: 7px;
            margin-bottom: 0;
        }

        .feature_icons,
        .feature_sec .col-md-3:nth-child(2) .feature_icons {
            border-right: none;
        }

        .feature_icons>i {
            font-size: 35px;
        }

        .feat_number {
            font-size: 20px;
        }

        .section1 {
            background: #444;
        }

        .contact_img {
            position: relative;
            top: 0;
            right: 0;
        }

        .detail_contact4 h3 {
            font-size: 16px;
            margin-top: 0;
        }

        .detail_contact4>p {
            font-size: 14px;
        }

        .detail_contact4 a h4,
        .detail_contact4 h5 {
            font-size: 13px;
        }

        .grid-5 {
            grid-template-columns: repeat(3, 1fr);
        }

        .hero-section form {
            background: #fff9;
        }

        .hero-section h1 {
            font-size: 32px;
        }

        .gellary {
            grid-template-columns: repeat(1, 1fr);
        }

        .section-heading :is(h1, h2, h3, h4, h5, h6) {
            font-size: 16px;
            padding: 0;
            background: 0 0;
        }

        .section-heading::before {
            border-left: 10px solid var(--secondary-color);
            background: 0 0;
            height: 100%;
        }

        .newlatter-box button {
            position: relative;
            top: auto;
            right: auto;
            width: 100%;
            transform: translateY(0);
            margin-top: .5rem;
        }

        .faqs-box .questionBox {
            font-size: 20px;
        }

        .footer-links ul li a {
            font-size: 14px;
        }

        .footer-links ul li a .fa-arrow-up-right-from-square {
            top: 0;
        }
    }

    @media (max-width: 540px) {
        .section-heading h1:after,
        .section-heading h1:before,
        .section-heading h2:after,
        .section-heading h2:before,
        .section-heading h3:after,
        .section-heading h3:before,
        .section-heading h4:after,
        .section-heading h4:before,
        .section-heading h5:after,
        .section-heading h5:before,
        .section-heading h6:after,
        .section-heading h6:before {
            display: none;
        }
    }

    /* Reduced Motion Support */
    @media (prefers-reduced-motion: reduce) {
        [class*="scrub-"] {
            opacity: 1 !important;
            transform: none !important;
            clip-path: none !important;
        }

        .scrub-stagger>* {
            opacity: 1 !important;
            transform: none !important;
        }

        .scrub-counter {
            opacity: 1 !important;
        }
    }

    /* Smooth Scroll Behavior */
    html {
        scroll-behavior: smooth;
    }
    
    /* Ensure header stays above stacked cards */
header {
    position: relative;
    z-index: 1000; /* Higher than stack cards */
}

.middle_header {
    position: relative;
    z-index: 1000;
}

.navbar {
    position: relative;
    z-index: 1000;
}

/* Fix dropdown visibility */
.nav_list.drop {
    position: relative;
}

.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    min-width: 200px;
    z-index: 1001; /* Above header */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 0.5rem 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.nav_list.drop:hover .dropdown {
    opacity: 1;
    visibility: visible;
}

/* Stack cards lower z-index */
.stack-card {
    z-index: 1 !important; /* Force lower z-index */
}

.stack-card:nth-child(1),
.stack-card:nth-child(2),
.stack-card:nth-child(3),
.stack-card:nth-child(4) {
    z-index: 1 !important;
}

p{
    font-family: "Playfair Display", serif;
}
h1{
    font-family: "Playfair Display", serif;
    color: #896f28;
}
h2{
    font-family: "Playfair Display", serif;
    color: #896f28;
}
h4{
    font-family: "Playfair Display", serif;
    color: #896f28;
}
