/*==========================================
Google Font & Reset
==========================================*/
html,
body{
    overflow-x:hidden;
    width:100%;
    max-width:100%;
} 
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

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

a{
    text-decoration:none;
    transition:.3s;
}

ul{
    list-style:none;
    margin:0;
    padding:0;
}

/*==========================================
Theme Colors
==========================================*/

:root{

    --primary:#082f13;
    --primary-dark:#06281F;
    --secondary:#C9A227;
    --white:#ffffff;
    --light:#F8F8F4;
    --text:#222222;
    --border:#D7E5DE;

}

/*==========================================
Top Header
==========================================*/

.top-header{

    background:#082f13;
    border-bottom:2px solid var(--secondary);
    padding:12px 0;

}

.top-contact{

    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;

}

.top-contact a{

    color:var(--white);
    font-size:15px;
    font-weight:500;

}

.top-contact a:hover{

    color:var(--secondary);

}

.top-contact i{

    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    color:var(--secondary);
    border-radius:50%;
    margin-right:6px;

}

/*==========================================
Desktop Marquee
==========================================*/

.desktop-marquee{

    display:flex;
    align-items:center;
    justify-content:end;

}

.desktop-marquee marquee{

    color:#ffffff;
    font-size:15px;
    font-weight:500;
    letter-spacing:.3px;

}

/*==========================================
Mobile Marquee
==========================================*/

.mobile-marquee{

    display:none;
    background:var(--secondary);
    padding:8px 0;
    border-bottom:2px solid var(--primary);

}

.mobile-marquee marquee{

    color:var(--primary);
    font-size:13px;
    font-weight:600;
    letter-spacing:.3px;

}

/*==========================================
Responsive
==========================================*/

@media(max-width:991px){

    .top-header{

        padding:10px 0;

    }

    .top-contact{

        justify-content:center;
        gap:15px;

    }

    .desktop-marquee{

        display:none;

    }

    .mobile-marquee{

        display:block;

    }

}

@media(max-width:767px){

    .top-contact{

        flex-direction:row;
        justify-content:center;
        gap:12px;

    }

    .top-contact a{

        font-size:14px;

    }

    .top-contact i{

        width:28px;
        height:28px;
        line-height:28px;
        font-size:13px;

    }

}

@media(max-width:480px){

    .top-header{

        padding:8px 0;

    }

    .top-contact{

        gap:10px;

    }

    .top-contact a{

        font-size:13px;

    }

    .top-contact i{

        width:26px;
        height:26px;
        line-height:26px;
        font-size:12px;

    }

    .mobile-marquee{

        padding:10px 0;

    }

    .mobile-marquee marquee{

        font-size:12px;

    }

}
/*=========================================
Logo Section
=========================================*/

.logo-section{

    padding:10px 0;
    background:#ffffff;

}

.logo-box{
    background:#fff;
  
}
 

.logo-box img{

    width:100%;
   
   
    display:block;

}
 
/*=========================================
        FULL WIDTH PROMO BAR
==========================================*/

.promo-blink{

    width:100%;
    background:#082f13;
    border-top:2px solid var(--secondary);
    border-bottom:2px solid var(--secondary);
    overflow:hidden;
    position:relative;

}

.promo-track{

    padding:16px 0;

}

.promo-track marquee{

    color:#fff;
    font-size:18px;
    font-weight:600;
    letter-spacing:.5px;

}

/* Glow Animation */

.promo-blink::before{

    content:"";

    position:absolute;
    top:0;
    left:-100%;

    width:30%;
    height:100%;

    background:rgba(255,255,255,.12);

    transform:skewX(-25deg);

    animation:shine 4s linear infinite;

}

@keyframes shine{

    100%{

        left:120%;

    }

}

/*=========================================
Responsive
==========================================*/

@media(max-width:991px){

.promo-track{

    padding:14px 0;

}

.promo-track marquee{

    font-size:16px;

}

}

@media(max-width:576px){

.promo-track{

    padding:12px 0;

}

.promo-track marquee{

    font-size:14px;
    font-weight:500;

}

}
 
.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title span{

    color:var(--secondary);

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:2px;

}

.section-title h2{

    font-size:42px;

    margin:15px 0;

}

.section-title p{

    max-width:650px;

    margin:auto;

}

/*=========================================
            SERVICES SECTION
=========================================*/

.services-section{
    padding:100px 0;
    background:#f7f8f3;
    position:relative;
    overflow:hidden;
}

.services-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(201,162,39,.08);
    border-radius:50%;
    left:-150px;
    top:-120px;
}

.services-section::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(10,61,46,.05);
    border-radius:50%;
    right:-120px;
    bottom:-120px;
}

/*=========================================
SECTION TITLE
=========================================*/

.section-title{
    text-align:center;
    max-width:700px;
    margin:0 auto 70px;
}

.section-title span{
    display:inline-block;
    color:var(--secondary);
    font-size:16px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.section-title h2{
    color:var(--primary);
    font-size:44px;
    font-weight:700;
    margin-bottom:18px;
}

.section-title p{
    color:#000;
    line-height:30px;
    font-size:16px;
}

/*=========================================
SERVICE BOX
=========================================*/

.service-box{
    background:#082f13;
    border-radius:28px;
    overflow:hidden;
    position:relative;
    transition:.45s;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    height:100%;
}

.service-box:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.16);
}

/* Gold Border */

.service-box::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:5px;

    background:var(--secondary);

}

/*=========================================
IMAGE
=========================================*/

.service-img{

    position:relative;

    overflow:hidden;

}

.service-img img{

    width:100%;
    height:280px;
    object-fit:cover;

    transition:.6s;

}

.service-box:hover img{

    transform:scale(1.08);

}

/* Dark Overlay */

.service-img::after{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:100%;

    background:linear-gradient(to top,
    rgba(10,61,46,.35),
    transparent);

}
 
/*=========================================
CONTENT
=========================================*/

.service-content{

    padding:35px 30px 30px;

    text-align:center;

    position:relative;

}

/* Floating Icon */

.service-icon{

    width:75px;
    height:75px;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:30px;

    margin:-72px auto 25px;

    position:relative;

    z-index:20;

    border:5px solid #fff;

    transition:.45s;

}

.service-box:hover .service-icon{

    background:var(--secondary);

    transform:rotate(360deg);

}

.service-content h3{

    color:#C9A227;

    font-size:28px;

    font-weight:700;

    margin-bottom:15px;

}

.service-content p{

    color:#fff;

    line-height:30px;

    margin-bottom:30px;

}

/*=========================================
BUTTONS
=========================================*/

.service-btn{

    display:flex;

    gap:12px;

}

.call-btn{

    flex:1;

    background:var(--primary);

    color:#fff;

    text-align:center;

    padding:14px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.call-btn:hover{

    background:var(--secondary);

    color:#fff;

}

.wa-btn{

    width:56px;
    height:56px;

    border-radius:50%;

    background:#25D366;

    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:24px;

    transition:.35s;

}

.wa-btn:hover{

    background:#128C7E;

    color:#fff;

}

/*=========================================
HOVER GLOW
=========================================*/

.service-box:hover{

    border-bottom:6px solid var(--secondary);

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.services-section{

    padding:80px 0;

}

.section-title{

    margin-bottom:55px;

}

.section-title h2{

    font-size:36px;

}

.service-img img{

    height:240px;

}

}

@media(max-width:767px){

.services-section{

    padding:60px 0;

}

.section-title{

    margin-bottom:45px;

}

.section-title h2{

    font-size:30px;

}

.section-title p{

    line-height:28px;

}

.service-box{

    border-radius:22px;

}

.service-content{

    padding:30px 20px;

}

.service-content h3{

    font-size:24px;

}

.service-content p{

    font-size:15px;

}

.service-btn{

    flex-direction:column;

}

.call-btn{

    width:100%;

}

.wa-btn{

    width:100%;
    border-radius:50px;
    height:50px;

}

.service-img img{

    height:220px;

}

}

@media(max-width:480px){

.section-title h2{

    font-size:26px;

}

.section-title span{

    font-size:14px;

}

.service-number{

    width:50px;
    height:50px;
    font-size:18px;

}

.service-icon{

    width:65px;
    height:65px;
    font-size:24px;

}

}
/*==========================
SERVICES
===========================*/

.services-section{

    padding:90px 0;

    background:#f7f8f4;

}

.leaf-card{

    background:#082f13;

    border-radius:120px 20px 120px 20px;

    overflow:hidden;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    transition:.4s;

    position:relative;

    border:2px solid #c9a227;

    height:100%;

}

.leaf-card:hover{

    transform:translateY(-12px);

    border-color:#C9A227;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

}

.leaf-card:before{

    content:"";

    position:absolute;

    width:90px;

    height:90px;

    background:rgba(201,162,39,.12);

    border-radius:50%;

    top:-35px;

    right:-35px;

}

.leaf-image{

    overflow:hidden;

    border-radius:120px 20px 0 60px;

}

.leaf-image img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.5s;

}

.leaf-card:hover img{

    transform:scale(1.08);

}

.leaf-content{

    padding:30px;

    text-align:center;

}

.leaf-content h3{

    color:#c9a227;

    font-size:26px;

    font-weight:700;

    margin-bottom:15px;

}

.leaf-content p{

    color:#fff;

    line-height:28px;

    margin-bottom:25px;

}

.leaf-btn{

    display:flex;

    gap:10px;

}

.call-btn{

    flex:1;

    background:#0A3D2E;

    color:#fff;

    padding:12px;

    border-radius:50px;

    text-align:center;

    font-weight:600;

}

.call-btn:hover{

    background:#C9A227;

    color:#fff;

}

.whatsapp-btn{

    flex:1;

    background:#25D366;

    color:#fff;

    padding:12px;

    border-radius:50px;

    text-align:center;

    font-weight:600;

}

.whatsapp-btn:hover{

    background:#128C7E;

    color:#fff;

}

/*==========================
Responsive
===========================*/

@media(max-width:991px){

.leaf-image img{

    height:230px;

}

}

@media(max-width:767px){

.services-section{

    padding:60px 0;

}

.leaf-card{

    border-radius:80px 20px 80px 20px;

}

.leaf-image{

    border-radius:80px 20px 0 40px;

}

.leaf-image img{

    height:220px;

}

.leaf-content{

    padding:20px;

}

.leaf-content h3{

    font-size:22px;

}

.leaf-btn{

    flex-direction:column;

}

}
/*=========================================
        HERO TRUST BAR
=========================================*/

.hero-trust-bar{

    background:#ffffff;

   padding:60px;

    position:relative;

    z-index:20;

}

.trust-box{

    background:#fff;

    padding:30px 20px;

    border-radius:18px;

    text-align:center;

    border-top:4px solid var(--secondary);

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

}

.trust-box:hover{

    transform:translateY(-10px);

    box-shadow:0 18px 40px rgba(10,61,46,.15);

}

.trust-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:32px;

    border:4px solid var(--secondary);

    transition:.4s;

}

.trust-box:hover .trust-icon{

    background:var(--secondary);

    transform:rotate(360deg);

}

.trust-content h4{

    color:var(--primary);

    font-size:22px;

    font-weight:700;

    margin-bottom:12px;

}

.trust-content p{

    color:#000;

    font-size:15px;

    line-height:28px;

    margin:0;

}

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

@media(max-width:991px){

.hero-trust-bar{

    margin-top:0;

    padding-top:50px;

}

}

@media(max-width:576px){

.trust-box{

    padding:25px 18px;

}

.trust-icon{

    width:70px;

    height:70px;

    font-size:28px;

}

.trust-content h4{

    font-size:20px;

}

}
/*=========================================
        PROMOTIONAL SECTION
==========================================*/

.promo-section{

    padding:70px 0;
    background:linear-gradient(135deg,#0A3D2E,#06281F);
    position:relative;
    overflow:hidden;

}

.promo-section::before{

    content:"";

    position:absolute;
    width:320px;
    height:320px;

    background:rgba(201,162,39,.08);

    border-radius:50%;

    top:-120px;
    left:-120px;

}

.promo-section::after{

    content:"";

    position:absolute;
    width:260px;
    height:260px;

    background:rgba(255,255,255,.04);

    border-radius:50%;

    right:-80px;
    bottom:-80px;

}

.promo-content{

    position:relative;
    z-index:2;

}

.promo-content span{

    display:inline-block;

    color:var(--secondary);

    font-size:17px;

    font-weight:600;

    margin-bottom:12px;

}

.promo-content h2{

    color:#fff;

    font-size:42px;

    font-weight:700;

    margin-bottom:18px;

    line-height:1.3;

}

.promo-content p{

    color:#d8d8d8;

    font-size:16px;

    line-height:30px;

    margin:0;

}

.promo-btn{

    display:flex;

    flex-direction:column;

    gap:15px;

    align-items:flex-end;

    position:relative;
    z-index:2;

}

.promo-call,
.promo-whatsapp{

    width:230px;

    padding:15px 20px;

    border-radius:50px;

    text-align:center;

    font-weight:600;

    color:#fff;

    transition:.3s;

}

.promo-call{

    background:var(--secondary);

}

.promo-call:hover{

    background:#fff;

    color:var(--primary);

}

.promo-whatsapp{

    background:#25D366;

}

.promo-whatsapp:hover{

    background:#fff;

    color:#25D366;

}

.promo-call i,
.promo-whatsapp i{

    margin-right:8px;

}

/*=========================================
Responsive
==========================================*/

@media(max-width:991px){

.promo-section{

    text-align:center;

}

.promo-content h2{

    font-size:34px;

}

.promo-btn{

    margin-top:35px;

    align-items:center;

}

}

@media(max-width:767px){

.promo-section{

    padding:50px 0;

}

.promo-content h2{

    font-size:28px;

}

.promo-content p{

    font-size:15px;

    line-height:28px;

}

.promo-call,
.promo-whatsapp{

    width:100%;

    max-width:280px;

}

}
/*==================================================
                ABOUT SECTION
==================================================*/

.about-section{
    position:relative;
    padding:100px 0;
    overflow:hidden;
    background:url("../images/bg.jpg") center center/cover no-repeat;
}

.about-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgb(0 0 0 / 70%), #082f13fa, rgb(0 0 0));
    z-index:1;
}

/* Decorative Shape */

.about-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(201,162,39,.08);
    border-radius:50%;
    left:-150px;
    top:-120px;
}

.about-section::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
    right:-120px;
    bottom:-120px;
}

/* Container */

.about-section .container{
    position:relative;
    z-index:5;
}

/*==================================================
IMAGE
==================================================*/

.about-image{
    position:relative;
}

.about-image img{
    width:100%;
    border-radius:25px;
    border:6px solid var(--secondary);
    box-shadow:0 20px 60px rgba(0,0,0,.30);
    transition:.5s;
}

.about-image:hover img{
    transform:scale(1.03);
}

/* Gold Border */

.about-image::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:18px;
    top:18px;
    border:2px solid rgba(201,162,39,.45);
    border-radius:25px;
    z-index:-1;
}

/*==================================================
EXPERIENCE BOX
==================================================*/

.experience-box{

    position:absolute;

    left:-25px;
    bottom:40px;

    background:#fff;

    border-radius:20px;

    padding:22px 28px;

    border-left:5px solid var(--secondary);

    box-shadow:0 20px 45px rgba(0,0,0,.18);

    animation:floatBox 3s ease-in-out infinite;

}

.experience-box h2{

    margin:0;

    font-size:44px;

    color:var(--primary);

    font-weight:700;

}

.experience-box span{

    color:#666;

    font-size:15px;

}

/*==================================================
FLOATING BOXES
==================================================*/

.floating-box{

    position:absolute;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.15);

    border-radius:18px;

    color:#fff;

    display:flex;

    align-items:center;

    gap:15px;

    padding:16px 22px;

    min-width:200px;

    animation:floatBox 4s ease-in-out infinite;

}

.floating-box i{

    width:55px;
    height:55px;

    border-radius:50%;

    background:var(--secondary);

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:22px;

}

.floating-box h5{

    margin:0;

    font-size:24px;

    font-weight:700;

}

.floating-box span{

    font-size:14px;

    opacity:.9;

}

.box-one{

    right:-30px;

    top:60px;

}

.box-two{

    right:-20px;

    bottom:140px;

}

/*==================================================
CONTENT
==================================================*/

.about-content{

    padding-left:25px;

}

.about-tag{

    display:inline-block;

    color:var(--secondary);

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:18px;

}

.about-content h2{

    color:#fff;

    font-size:46px;

    font-weight:700;

    line-height:1.3;

    margin-bottom:25px;

}

.about-content p{

    color:#e2e2e2;

    font-size:16px;

    line-height:31px;

    margin-bottom:35px;

}
/*=========================================
ABOUT FEATURES
=========================================*/

.about-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:40px;

}

.about-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:16px 18px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.12);

    border-radius:14px;

    transition:.4s;

}

.about-item:hover{

    transform:translateY(-6px);

    background:rgba(201,162,39,.18);

    border-color:var(--secondary);

}

.about-item i{

    width:42px;

    height:42px;

    border-radius:50%;

    background:var(--secondary);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:18px;

    flex-shrink:0;

}

.about-item span{

    color:#fff;

    font-size:15px;

    font-weight:600;

    line-height:24px;

}

/*=========================================
BUTTONS
=========================================*/

.about-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.about-call,
.about-whatsapp{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 34px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.4s;

}

.about-call{

    background:var(--secondary);

    color:#fff;

    box-shadow:0 10px 25px rgba(201,162,39,.35);

}

.about-call:hover{

    background:#fff;

    color:var(--primary);

    transform:translateY(-4px);

}

.about-whatsapp{

    background:#25D366;

    color:#fff;

    box-shadow:0 10px 25px rgba(37,211,102,.35);

}

.about-whatsapp:hover{

    background:#fff;

    color:#25D366;

    transform:translateY(-4px);

}

/*=========================================
ANIMATIONS
=========================================*/

@keyframes floatBox{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0px);

    }

}

@keyframes pulseGlow{

    0%{

        box-shadow:0 0 0 rgba(201,162,39,.20);

    }

    50%{

        box-shadow:0 0 30px rgba(201,162,39,.45);

    }

    100%{

        box-shadow:0 0 0 rgba(201,162,39,.20);

    }

}

.experience-box{

    animation:floatBox 4s ease-in-out infinite,
               pulseGlow 3s infinite;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

.about-content{

    padding-left:10px;

}

.box-one{

    right:-10px;

}

.box-two{

    right:0;

}

}

@media(max-width:991px){

.about-section{

    padding:80px 0;

}

.about-content{

    padding-left:0;

    margin-top:40px;

}

.about-content h2{

    font-size:38px;

}

.about-list{

    grid-template-columns:1fr;

}

.experience-box{

    left:20px;

}

.box-one{

    right:20px;

}

.box-two{

    right:20px;

}

}

@media(max-width:767px){

.about-section{

    padding:60px 0;

}

.about-content{

    text-align:center;

}

.about-content h2{

    font-size:30px;

}

.about-content p{

    font-size:15px;

    line-height:28px;

}

.about-list{

    gap:14px;

}

.about-item{

    text-align:left;

}

.about-buttons{

    flex-direction:column;

}

.about-call,
.about-whatsapp{

    width:100%;

}

.experience-box{

    position:relative;

    left:auto;

    bottom:auto;

    margin-top:20px;

    display:inline-block;

}

.floating-box{

    position:relative;

    right:auto;

    left:auto;

    top:auto;

    bottom:auto;

    width:100%;

    margin-top:15px;

}

.about-image::before{

    display:none;

}

}

@media(max-width:575px){

.about-content h2{

    font-size:26px;

}

.about-tag{

    font-size:14px;

    letter-spacing:1px;

}

.about-image img{

    border-width:4px;

}

.experience-box{

    width:100%;

    text-align:center;

    padding:18px;

}

.experience-box h2{

    font-size:36px;

}

.floating-box{

    min-width:100%;

    padding:15px;

}

.floating-box i{

    width:48px;

    height:48px;

    font-size:18px;

}

.floating-box h5{

    font-size:20px;

}

.about-item{

    padding:14px;

}

.about-item span{

    font-size:14px;

}

}
/*=========================================
WHY CHOOSE US
=========================================*/

.why-section{

    position:relative;

    padding:100px 0;

    background:url('../images/bg.jpg') center center/cover no-repeat;

    overflow:hidden;

}

.why-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(90deg, rgb(0 0 0 / 70%), #082f13fa, rgb(0 0 0));

}

.why-section .container{

    position:relative;

    z-index:5;

}

/* Title */

.why-content h2{

    color:#fff;

    font-size:44px;

    margin-bottom:20px;

}

.why-content p{

    color:#ddd;

    line-height:30px;

    margin-bottom:35px;

}

/* Boxes */

.why-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}

.why-box{

    display:flex;

    gap:18px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

    padding:20px;

    border-radius:18px;

    transition:.4s;

}

.why-box:hover{

    background:rgba(201,162,39,.20);

    transform:translateY(-8px);

}

.why-box i{

    width:65px;

    height:65px;

    border-radius:50%;

    background:var(--secondary);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:26px;

    flex-shrink:0;

}

.why-box h4{

    color:#fff;

    margin-bottom:8px;

}

.why-box p{

    color:#ddd;

    margin:0;

    font-size:15px;

}

/* Right Image */

.why-image{

    position:relative;

    text-align:center;

}

.gold-circle{

    position:absolute;

    width:420px;

    height:420px;

    background:radial-gradient(var(--secondary),transparent 70%);

    border-radius:50%;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    opacity:.20;

}

.why-image img{
 
    width:100%;

    position:relative;

    z-index:2;

    animation:floatBox 4s infinite;

}

.trust-card{

    position:absolute;

    right:0;

    bottom:30px;

    background:#fff;

    padding:18px 24px;

    border-radius:18px;

    border-left:5px solid var(--secondary);

    box-shadow:0 15px 35px rgba(0,0,0,.20);

    z-index:3;

}

.trust-card h3{

    color:var(--primary);

    margin:0;

    font-size:34px;

}

.trust-card span{

    color:#666;

}

/* Responsive */

@media(max-width:991px){

.why-list{

    grid-template-columns:1fr;

}

.why-image{

    margin-top:50px;

}

}

@media(max-width:767px){

.why-section{

    padding:60px 0;

}

.why-content{

    text-align:center;

}

.why-content h2{

    font-size:30px;

}

.why-buttons{

    flex-direction:column;

}

.why-box{

    text-align:left;

}
 

}
/*=========================================
        SECTION TAG
=========================================*/

.section-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 24px;

    margin-bottom:18px;

    background:rgba(201,162,39,.15);

    border:1px solid rgba(201,162,39,.40);

    border-radius:50px;

    color:var(--secondary);

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    position:relative;

    overflow:hidden;

    transition:.4s ease;

}

/* Optional Icon */

.section-tag i{

    font-size:16px;

}

/* Shine Effect */

.section-tag::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:40%;

    height:100%;

    background:rgba(255,255,255,.25);

    transform:skewX(-25deg);

    transition:.6s;

}

.section-tag:hover::before{

    left:130%;

}

.section-tag:hover{

    background:var(--secondary);

    color:#fff;

    border-color:var(--secondary);

    transform:translateY(-2px);

}

/* Responsive */

@media(max-width:576px){

.section-tag{

    font-size:13px;

    padding:8px 18px;

    letter-spacing:1px;

}

}
/*=========================================
COUNTER SECTION
=========================================*/

.counter-section{

    position:relative;

    padding:100px 0;

    background:url("../images/bg.jpg") center center/cover fixed no-repeat;

    overflow:hidden;

}

.counter-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(90deg, rgb(0 0 0 / 70%), #082f13fa, rgb(0 0 0));

}

.counter-section .container{

    position:relative;

    z-index:5;

}

.counter-section .section-title{

    max-width:750px;

    margin:0 auto 70px;

}

.counter-section h2{

    color:#fff;

}

.counter-section p{

    color:#ddd;

}

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

.counter-box{

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.10);

    border-radius:25px;

    padding:40px 20px;

    text-align:center;

    transition:.4s;

}

.counter-box:hover{

    transform:translateY(-10px);

    background:rgba(201,162,39,.16);

}

.counter-icon{

    width:85px;

    height:85px;

    margin:auto auto 25px;

    background:var(--secondary);

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

}

.counter-box h3{

    color:#fff;

    font-size:48px;

    font-weight:700;

    margin-bottom:10px;

}

.counter-box p{

    margin:0;

    color:#eee;

    font-size:17px;

}

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

@media(max-width:991px){

.counter-section{

    padding:80px 0;

}

}

@media(max-width:767px){

.counter-section{

    padding:60px 0;

}

.counter-section .section-title{

    margin-bottom:45px;

}

.counter-box{

    padding:30px 20px;

}

.counter-icon{

    width:70px;

    height:70px;

    font-size:28px;

}

.counter-box h3{

    font-size:38px;

}

}
/*======================================
      ARCH SERVICES
======================================*/

.arch-services{

    padding:100px 0;

    background:#ffffff;

}

.arch-card{

    transition:.4s;

}

.arch-card:hover{

    transform:translateY(-12px);

}

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

.arch-image{

    position:relative;

    height:320px;

    overflow:hidden;

    border:5px solid #C9A227;

    border-bottom:none;

    border-radius:180px 180px 0 0;

    background:#eee;

}

.arch-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.arch-card:hover img{

    transform:scale(1.08);

}

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

.service-no{

    position:absolute;

    top:20px;

    right:20px;

    width:55px;

    height:55px;

    border-radius:50%;

    background:#C9A227;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    font-size:18px;

}

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

.arch-content{

    background:#082f13;

    padding:30px;

    border-radius:0 0 20px 20px;

    text-align:center;

    min-height:290px;

    display:flex;

    flex-direction:column;

}

.arch-content h4{

    color:#fff;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}

.arch-content h4::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#C9A227;

    margin:12px auto 0;

}

.arch-content p{

    color:#ddd;

    line-height:28px;

    margin:20px 0 25px;

    flex:1;

}

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

.arch-btn{

    display:flex;

    gap:10px;

}

.call-btn{

    flex:1;

    background:#C9A227;

    color:#fff;

    padding:14px;

    border-radius:8px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.call-btn:hover{

    background:#fff;

    color:#0A3D2E;

}

.wa-btn{

    width:54px;

    background:#25D366;

    color:#fff;

    border-radius:8px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    transition:.3s;

}

.wa-btn:hover{

    background:#fff;

    color:#25D366;

}

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

@media(max-width:991px){

.arch-image{

    height:280px;

}

}

@media(max-width:767px){

.arch-services{

    padding:60px 0;

}

.arch-image{

    height:250px;

}

.arch-content{

    min-height:auto;

    padding:25px;

}

.arch-btn{

    flex-direction:column;

}

.wa-btn{

    width:100%;

    height:50px;

}

}
/*=========================================
        FULL WIDTH BANNER
=========================================*/

.full-banner-section{

    width:100%;

    overflow:hidden;

    background:#fff;

}


.full-banner-img{

    width:100%;

    
    display:block;

    object-fit:cover;

  

}
 


/*==============================
        RESPONSIVE
==============================*/
 


@media(max-width:767px){

    .full-banner-img{

       

        object-fit:cover;

    }

}
 
/*=========================================
        TESTIMONIAL SECTION
=========================================*/


.testimonial-section{

    padding:100px 0;

    background:#ffffff;

}


/* Cards */

.testimonial-card{

    background:#082f13;

    padding:35px 30px;

    border-radius:25px;

    position:relative;

    height:100%;

    transition:.4s;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

    overflow:hidden;

}


.testimonial-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(0,0,0,.20);

}



/* Quote */

.quote-icon{

    position:absolute;

    right:25px;

    top:20px;

    width:60px;

    height:60px;

    background:#C9A227;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:25px;

}



.testimonial-card p{

    color:#ddd;

    line-height:30px;

    margin:35px 0 30px;

    font-size:15px;

}



/* Client */

.client-info{

    display:flex;

    align-items:center;

    gap:15px;

}



.client-info img{

    width:65px;

    height:65px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid #C9A227;

}



.client-info h4{

    color:#fff;

    margin:0 0 5px;

    font-size:18px;

}



.client-info span{

    color:#ccc;

    font-size:14px;

}



/* Rating */

.rating{

    margin-top:20px;

    color:#C9A227;

    letter-spacing:3px;

    font-size:20px;

}



/* Responsive */

@media(max-width:767px){

.testimonial-section{

    padding:60px 0;

}


.testimonial-card{

    padding:30px 20px;

}


.quote-icon{

    width:50px;

    height:50px;

    font-size:20px;

}

}
/*=========================================
        FAQ SECTION
=========================================*/


.faq-section{

    padding:100px 0;

    background:#ffffff;

}



/* Left Content */

.faq-content h2{

    color:#082f13;

    font-size:42px;

    font-weight:700;

    margin:20px 0;

}


.faq-content p{

    color:#000;

    line-height:30px;

    margin-bottom:30px;

}



/* Image */

.faq-image{

    border-radius:25px;

    overflow:hidden;

    border:5px solid #C9A227;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

}


.faq-image img{

    width:100%;

    display:block;

}



/* Accordion */

.custom-accordion .accordion-item{

    border:none;

    margin-bottom:18px;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.custom-accordion .accordion-button{

    background:#082f13;

    color:#fff;

    padding:22px 25px;

    font-size:17px;

    font-weight:600;

    border:none;

}



.custom-accordion .accordion-button:not(.collapsed){

    background:#082f13;

    color:#C9A227;

    box-shadow:none;

}



.custom-accordion .accordion-button::after{

    filter:brightness(0) invert(1);

}



.custom-accordion .accordion-body{

    background:#f8f8f5;

    color:#000;

    padding:25px;

    line-height:28px;

}



/* Focus Remove */

.accordion-button:focus{

    box-shadow:none;

}



/* Responsive */

@media(max-width:991px){

.faq-section{

    padding:80px 0;

}


.faq-content{

    text-align:center;

}


.faq-content h2{

    font-size:34px;

}

}



@media(max-width:767px){

.faq-section{

    padding:60px 0;

}


.faq-content h2{

    font-size:28px;

}


.custom-accordion .accordion-button{

    font-size:15px;

    padding:18px;

}


}
/*=========================================
        FOOTER DESIGN
=========================================*/


.main-footer{

    background:#082f13;

    padding-top:80px;

    color:#ddd;

}



.footer-box h4{

    color:#C9A227;

    font-size:22px;

    font-weight:700;

    margin-bottom:25px;

    position:relative;

}



.footer-box h4::after{

    content:"";

    width:45px;

    height:3px;

    background:#C9A227;

    display:block;

    margin-top:10px;

}



.footer-logo{

    color:#C9A227;

    font-size:26px;

    font-weight:700;

}



.footer-box p{

    line-height:28px;

    color:#fff;

}



/* Services Links */


.footer-box ul{

    list-style:none;

    padding:0;

    margin:0;

}



.footer-box ul li{

    margin-bottom:14px;

}



.footer-box ul li a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}



.footer-box ul li a:hover{

    color:#C9A227;

    padding-left:8px;

}



/* Social Icons */


.footer-social{

    display:flex;

    gap:12px;

    margin-top:25px;

}



.footer-social a{

    width:40px;

    height:40px;

    border-radius:50%;

    background:#0A3D2E;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;

}



.footer-social a:hover{

    background:#C9A227;

}



/* Contact */


.footer-contact p{

    display:flex;

    gap:12px;

    align-items:center;

}



.footer-contact i{

    color:#C9A227;

}



.footer-contact a{

    color:#fff;

    text-decoration:none;

}



/* Whatsapp Button */


.footer-whatsapp{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#25D366;

    color:#fff;

    padding:13px 20px;

    border-radius:8px;

    margin-top:15px;

    text-decoration:none;

    font-weight:600;

}



.footer-whatsapp:hover{

    background:#fff;

    color:#25D366;

}



/* Bottom */


.footer-bottom{

    margin-top:60px;

    padding:20px 0;

    background:#000;

    text-align:center;

}



.footer-bottom p{

    margin:0;

    color:#fff;

}



/* Responsive */


@media(max-width:767px){

.main-footer{

    padding-top:60px;

}


.footer-box{

    text-align:center;

}


.footer-box h4::after{

    margin:10px auto;

}


.footer-social{

    justify-content:center;

}


.footer-contact p{

    justify-content:center;

}

}
/*====================================
    FLOATING BUTTON DESIGN
=====================================*/


.floating-buttons{

    position:fixed;

    right:25px;

    bottom:25px;

    z-index:9999;

    display:flex;

    flex-direction:column;

    gap:15px;

}



.floating-buttons a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:150px;

    height:50px;

    border-radius:50px;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    font-size:15px;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    transition:.3s;

}



/* Call Button */

.float-call{

    background:#0A3D2E;

    border:2px solid #C9A227;

}



.float-call i{

    color:#C9A227;

    font-size:18px;

}



/* WhatsApp Button */

.float-whatsapp{

    background:#25D366;

}



.float-whatsapp i{

    font-size:22px;

}



/* Hover */

.floating-buttons a:hover{

    transform:translateY(-5px);

    color:#fff;

}



/* Pulse Effect */

.float-whatsapp::before,
.float-call::before{

    content:"";

    position:absolute;

    width:100%;

    height:100%;

    border-radius:50px;

    animation:pulse 2s infinite;

    z-index:-1;

}



@keyframes pulse{

    0%{

        transform:scale(1);

        opacity:.5;

    }

    100%{

        transform:scale(1.3);

        opacity:0;

    }

}



/* Mobile */

@media(max-width:767px){


.floating-buttons{

    right:15px;

    bottom:15px;

}


.floating-buttons a{

    width:55px;

    height:55px;

    border-radius:50%;

}


.floating-buttons span{

    display:none;

}


.floating-buttons i{

    font-size:22px;

}


}