body{
            font-family:'Poppins',sans-serif;
            background:#f8fafc;
        }
        
        .brand_color_green{
            color: #0B6E4F !important;
        }
        
        .brand_color_orange{
            color: #f59e0b !important;
        }

        .navbar{

            background:#fff;
            padding:18px 0;
            box-shadow:0 5px 25px rgba(0,0,0,.05);

        }

        .navbar-brand{

            font-size:28px;
            font-weight:700;
            color:#0B6E4F;

        }

        .navbar-brand span{

            color:#f59e0b;

        }

        .nav-link{

            font-weight:500;
            color:#1f2937;
            margin-left:15px;
            transition:.3s;

        }

        .nav-link:hover{

            color:#0B6E4F;

        }

        .btn-login{

            border:2px solid #0B6E4F;
            color:#0B6E4F;
            padding:10px 25px;
            border-radius:50px;
            font-weight:600;
            margin-right:10px;

        }

        .btn-login:hover{

            background:#0B6E4F;
            color:#fff;

        }

        .btn-inspection{

            background:#0B6E4F;
            color:#fff;
            padding:11px 28px;
            border-radius:50px;
            font-weight:600;

        }

        .btn-inspection:hover{

            background:#08563d;
            color:#fff;

        }

     

/* Smooth Scroll */

html{

scroll-behavior:smooth;

}

/* Selection */

::selection{

background:#0B6E4F;
color:#fff;

}

/* Scrollbar */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#edf2f7;

}

::-webkit-scrollbar-thumb{

background:#0B6E4F;
border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

background:#08563d;

}


/* Navbar Glass */

.navbar{

backdrop-filter:blur(20px);
background:rgba(255,255,255,.80)!important;
transition:.35s;

}

.navbar.scrolled{

padding:10px 0;
box-shadow:0 15px 40px rgba(0,0,0,.08);

}


/* Images */

img{

transition:.5s;

}

img:hover{

transform:scale(1.03);

}


/* Cards */

.step-card,
.service-card,
.car-card,
.mechanic-card,
.stats-card,
.testimonial-card{

transition:.35s;

}

.step-card:hover,
.service-card:hover,
.car-card:hover,
.mechanic-card:hover,
.stats-card:hover,
.testimonial-card:hover{

transform:translateY(-12px);
box-shadow:0 25px 55px rgba(0,0,0,.12);

}


/* Buttons */

.btn{

transition:.35s;

}

.btn:hover{

transform:translateY(-3px);

}


/* Section Spacing */

section{

position:relative;

}


/* Gradient Text */

.gradient-text{

background:linear-gradient(90deg,#0B6E4F,#13B77B);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}


/* Floating Animation */

@keyframes floating{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0px);

}

}

.float-card,
.floating-box{

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

}


/* Pulse Button */

@keyframes pulse{

0%{

box-shadow:0 0 0 0 rgba(11,110,79,.6);

}

70%{

box-shadow:0 0 0 20px rgba(11,110,79,0);

}

100%{

box-shadow:0 0 0 0 rgba(11,110,79,0);

}

}

.btn-main{

animation:pulse 2.5s infinite;

}


/* Hero Image */

.hero-image{

animation:floating 6s ease-in-out infinite;

}



#topBtn{

position:fixed;

right:30px;

bottom:30px;

width:55px;

height:55px;

background:#0B6E4F;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-size:22px;

text-decoration:none;

opacity:0;

visibility:hidden;

transition:.35s;

z-index:9999;

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

}

#topBtn.show{

opacity:1;

visibility:visible;

}

#topBtn:hover{

background:#F59E0B;

color:#fff;

}




.whatsapp{

position:fixed;

left:30px;

bottom:30px;

width:60px;

height:60px;

background:#25D366;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

text-decoration:none;

z-index:9999;

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

animation:floating 3s infinite;

}

.whatsapp:hover{

color:#fff;

background:#1ebe5d;

}



.hero-v2{

    min-height:100vh;
    display:flex;
    align-items:center;
    background:linear-gradient(135deg,#f8fafc 0%,#eef7f3 100%);
    position:relative;
    overflow:hidden;
    padding:80px 0;

}

.hero-v2::before{

    content:'';
    position:absolute;
    width:650px;
    height:650px;
    background:#0B6E4F;
    opacity:.05;
    border-radius:50%;
    top:-300px;
    right:-220px;

}

.hero-v2::after{

    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:#F59E0B;
    opacity:.08;
    border-radius:50%;
    bottom:-220px;
    left:-150px;

}

.live-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#fff;
    padding:12px 24px;
    border-radius:50px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    font-weight:600;
    margin-bottom:25px;

}

.live-dot{

    width:12px;
    height:12px;
    background:#16a34a;
    border-radius:50%;
    animation:pulseDot 1.5s infinite;

}

@keyframes pulseDot{

0%{box-shadow:0 0 0 0 rgba(22,163,74,.6);}
100%{box-shadow:0 0 0 14px rgba(22,163,74,0);}

}

.hero-v2 h1{

    font-size:64px;
    font-weight:800;
    line-height:1.15;
    color:#1F2937;

}

.hero-v2 h1 span{

    color:#0B6E4F;

}

.hero-v2 p{

    font-size:18px;
    line-height:1.9;
    color:#6b7280;
    margin:30px 0;

}

.hero-buttons .btn{

    padding:16px 36px;
    border-radius:50px;
    font-weight:600;
    margin-right:15px;

}

.btn-primary2{

    background:#0B6E4F;
    color:#fff;

}

.btn-primary2:hover{

    background:#08563d;
    color:#fff;

}

.btn-outline2{

    border:2px solid #0B6E4F;
    color:#0B6E4F;

}

.btn-outline2:hover{

    background:#0B6E4F;
    color:#fff;

}

.hero-trust{

    display:flex;
    gap:25px;
    margin-top:45px;
    flex-wrap:wrap;

}

.trust-item{

    display:flex;
    align-items:center;
    gap:12px;

}

.trust-icon{

    width:55px;
    height:55px;
    background:#ECFDF5;
    color:#0B6E4F;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;

}

.hero-image{

    position:relative;

}

.hero-image img{

    width:100%;
    animation:floating 5s ease-in-out infinite;

}

.glass-box{

    position:absolute;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    border-radius:20px;
    padding:18px 24px;
    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.box1{

    top:30px;
    left:-25px;

}

.box2{

    bottom:40px;
    right:-20px;

}

.box3{

    top:45%;
    right:-40px;

}

.glass-box h3{

    margin:0;
    color:#0B6E4F;
    font-weight:700;

}

.glass-box small{

    color:#666;

}

.rating-stars{

    color:#F59E0B;
    margin-top:5px;

}

@media(max-width:991px){

.hero-v2{

text-align:center;
padding:70px 0;

}

.hero-v2 h1{

font-size:42px;

}

.hero-image{

margin-top:60px;

}

.box1,.box2,.box3{

position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
margin-top:15px;

}

}



.brands-section{

    padding:70px 0;
    background:#ffffff;
    border-top:1px solid #eef2f7;
    border-bottom:1px solid #eef2f7;
    overflow:hidden;

}

.brands-title{

    text-align:center;
    margin-bottom:45px;

}

.brands-title span{

    display:inline-block;
    background:#ECFDF5;
    color:#0B6E4F;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;

}

.brands-title h2{

    font-size:38px;
    font-weight:700;
    color:#1F2937;

}

.brands-title p{

    color:#6b7280;
    max-width:700px;
    margin:auto;

}

.brand-slider{

    overflow:hidden;
    position:relative;

}

.brand-track{

    display:flex;
    width:max-content;
    animation:brandScroll 28s linear infinite;

}

.brand-track:hover{

    animation-play-state:paused;

}

.brand-card{

    width:210px;
    height:120px;
    background:#fff;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 15px;
    box-shadow:0 12px 30px rgba(0,0,0,.06);
    transition:.35s;

}

.brand-card:hover{

    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.brand-card img{

    max-width:120px;
    max-height:55px;
    filter:grayscale(100%);
    opacity:.7;
    transition:.35s;

}

.brand-card:hover img{

    filter:none;
    opacity:1;

}

@keyframes brandScroll{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}



.how-section{

    padding:100px 0;
    background:#ffffff;

}

.section-title{

    font-size:42px;
    font-weight:700;
    color:#1F2937;

}

.section-text{

    max-width:700px;
    margin:auto;
    color:#6b7280;
    margin-top:15px;
    margin-bottom:70px;
    line-height:1.8;

}

.step-card{

    background:#fff;
    border-radius:20px;
    padding:40px 30px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.35s;
    height:100%;
    position:relative;

}

.step-card:hover{

    transform:translateY(-10px);

}

.step-icon{

    width:90px;
    height:90px;
    background:#0B6E4F;
    color:#fff;
    font-size:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:25px;

}

.step-number{

    position:absolute;
    top:20px;
    right:20px;
    width:38px;
    height:38px;
    background:#F59E0B;
    color:#fff;
    border-radius:50%;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;

}

.step-card h4{

    font-weight:700;
    margin-bottom:15px;

}

.step-card p{

    color:#6b7280;
    line-height:1.8;
    margin-bottom:0;

}

.arrow{

    font-size:45px;
    color:#0B6E4F;
    margin-top:110px;
    text-align:center;

}

@media(max-width:991px){

.arrow{

display:none;

}

.step-card{

margin-bottom:30px;

}

}



.services-section{

    padding:100px 0;
    background:#f8fafc;

}

.service-card{

    background:#fff;
    border-radius:20px;
    padding:40px 30px;
    transition:.35s;
    box-shadow:0 12px 30px rgba(0,0,0,.05);
    height:100%;
    position:relative;
    overflow:hidden;

}

.service-card:hover{

    transform:translateY(-12px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.service-card::before{

    content:'';
    position:absolute;
    width:90px;
    height:90px;
    background:#0B6E4F;
    opacity:.08;
    border-radius:50%;
    top:-35px;
    right:-35px;

}

.service-icon{

    width:80px;
    height:80px;
    background:#0B6E4F;
    color:#fff;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.service-card h4{

    font-size:24px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:15px;

}

.service-card p{

    color:#6b7280;
    line-height:1.8;
    margin-bottom:25px;

}

.service-link{

    text-decoration:none;
    color:#0B6E4F;
    font-weight:600;

}

.service-link:hover{

    color:#08563d;

}



.why-section{

    padding:100px 0;
    background:#ffffff;

}

.why-image{

    position:relative;

}

.why-image img{

    width:100%;
    border-radius:25px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.experience-box{

    position:absolute;
    bottom:30px;
    left:-25px;
    background:#0B6E4F;
    color:#fff;
    padding:25px 35px;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.20);

}

.experience-box h2{

    font-size:42px;
    font-weight:700;
    margin:0;

}

.experience-box p{

    margin:0;
    opacity:.9;

}

.why-title{

    font-size:42px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:20px;

}

.why-text{

    color:#6b7280;
    line-height:1.9;
    margin-bottom:35px;

}

.feature-item{

    display:flex;
    align-items:flex-start;
    background:#fff;
    border-radius:18px;
    padding:20px;
    margin-bottom:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;

}

.feature-item:hover{

    transform:translateX(10px);

}

.feature-icon{

    width:65px;
    height:65px;
    background:#0B6E4F;
    color:#fff;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-right:18px;
    flex-shrink:0;

}

.feature-content h5{

    font-weight:700;
    color:#1F2937;
    margin-bottom:8px;

}

.feature-content p{

    margin:0;
    color:#6b7280;
    line-height:1.7;

}

.trust-box{

    margin-top:35px;
    padding:30px;
    background:#F8FAFC;
    border-left:5px solid #0B6E4F;
    border-radius:15px;

}

.trust-box h5{

    font-weight:700;
    margin-bottom:12px;
    color:#1F2937;

}

.trust-box p{

    margin:0;
    color:#6b7280;
    line-height:1.8;

}

@media(max-width:991px){

.experience-box{

position:relative;
left:0;
bottom:0;
margin-top:20px;

}

}


.cars-section{

    padding:100px 0;
    background:#f8fafc;

}

.car-card{

    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.07);
    transition:.35s;
    height:100%;

}

.car-card:hover{

    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.12);

}

.car-image{

    position:relative;
    overflow:hidden;

}

.car-image img{

    width:100%;
    height:240px;
    object-fit:cover;
    transition:.5s;

}

.car-card:hover img{

    transform:scale(1.08);

}

.price-badge{

    position:absolute;
    top:18px;
    left:18px;
    background:#0B6E4F;
    color:#fff;
    padding:8px 18px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;

}

.wishlist{

    position:absolute;
    top:18px;
    right:18px;
    width:42px;
    height:42px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    font-size:18px;
    cursor:pointer;

}

.car-body{

    padding:25px;

}

.car-title{

    font-size:24px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:6px;

}

.car-location{

    color:#6b7280;
    margin-bottom:20px;

}

.car-info{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:25px;

}

.info-box{

    background:#F8FAFC;
    padding:15px;
    border-radius:12px;
    text-align:center;

}

.info-box i{

    color:#0B6E4F;
    font-size:20px;
    margin-bottom:8px;
    display:block;

}

.info-box span{

    display:block;
    font-size:14px;
    color:#6b7280;

}

.info-box strong{

    display:block;
    color:#1F2937;

}

.car-footer{

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

}

.car-price{

    font-size:30px;
    color:#0B6E4F;
    font-weight:700;

}

.btn-details{

    background:#0B6E4F;
    color:#fff;
    border-radius:50px;
    padding:10px 24px;

}

.btn-details:hover{

    background:#08563d;
    color:#fff;

}

.mechanics-section{

    padding:100px 0;
    background:#ffffff;

}

.search-box{

    background:#0B6E4F;
    padding:35px;
    border-radius:25px;
    margin-bottom:60px;
    box-shadow:0 20px 50px rgba(11,110,79,.18);

}

.search-box .form-control,
.search-box .form-select{

    height:58px;
    border:none;
    border-radius:12px;

}

.btn-search{

    height:58px;
    width:100%;
    background:#F59E0B;
    color:#fff;
    border:none;
    border-radius:12px;
    font-weight:600;

}

.btn-search:hover{

    background:#d88c06;
    color:#fff;

}

.mechanic-card{

    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;

}

.mechanic-card:hover{

    transform:translateY(-10px);

}

.mechanic-cover{

    height:110px;
    background:linear-gradient(135deg,#0B6E4F,#159b6f);

}

.mechanic-photo{

    width:110px;
    height:110px;
    border-radius:50%;
    border:6px solid #fff;
    margin:-55px auto 15px;
    overflow:hidden;

}

.mechanic-photo img{

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

}

.mechanic-body{

    padding:0 25px 25px;
    text-align:center;

}

.mechanic-body h4{

    font-weight:700;
    margin-bottom:5px;
    color:#1F2937;

}

.mechanic-body small{

    color:#6b7280;

}

.rating{

    margin:18px 0;
    color:#f59e0b;

}

.info-row{

    display:flex;
    justify-content:space-between;
    margin-bottom:12px;
    color:#6b7280;
    font-size:15px;

}

.info-row strong{

    color:#1F2937;

}

.btn-book{

    margin-top:20px;
    width:100%;
    background:#0B6E4F;
    color:#fff;
    border-radius:50px;
    padding:12px;

}

.btn-book:hover{

    background:#08563d;
    color:#fff;

}

.verify{

    display:inline-block;
    background:#ecfdf5;
    color:#0B6E4F;
    padding:6px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-top:15px;

}



.certificate-section{

    padding:100px 0;
    background:linear-gradient(135deg,#0B6E4F,#0E8A63);

}

.certificate-title{

    color:#fff;
    font-size:46px;
    font-weight:700;
    margin-bottom:20px;

}

.certificate-text{

    color:rgba(255,255,255,.85);
    line-height:1.9;
    margin-bottom:35px;

}

.certificate-feature{

    display:flex;
    margin-bottom:20px;
    color:#fff;

}

.certificate-feature i{

    font-size:22px;
    color:#F59E0B;
    margin-right:15px;

}

.certificate-btn{

    background:#F59E0B;
    color:#fff;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
    margin-top:15px;

}

.certificate-btn:hover{

    background:#d98d06;
    color:#fff;

}

.certificate-card{

    background:rgba(255,255,255,.15);
    backdrop-filter:blur(15px);
    border-radius:25px;
    padding:35px;
    border:1px solid rgba(255,255,255,.2);

}

.certificate-header{

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;

}

.certificate-logo{

    font-size:28px;
    color:#fff;
    font-weight:700;

}

.verify-badge{

    background:#F59E0B;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;

}

.vehicle-box{

    background:#fff;
    border-radius:15px;
    padding:20px;
    margin-bottom:25px;

}

.vehicle-box h5{

    font-weight:700;
    margin-bottom:15px;

}

.vehicle-info{

    display:flex;
    justify-content:space-between;
    margin-bottom:10px;

}

.vehicle-info span{

    color:#666;

}

.vehicle-info strong{

    color:#1F2937;

}

.score-box{

    background:#fff;
    border-radius:15px;
    padding:25px;
    text-align:center;
    margin-bottom:25px;

}

.score-circle{

    width:130px;
    height:130px;
    border-radius:50%;
    border:8px solid #0B6E4F;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:38px;
    font-weight:700;
    color:#0B6E4F;
    margin-bottom:20px;

}

.score-title{

    font-size:22px;
    font-weight:700;

}

.qr-area{

    background:#fff;
    border-radius:15px;
    padding:20px;
    text-align:center;

}

.qr-area img{

    width:140px;

}

.verify-text{

    margin-top:15px;
    color:#666;

}



.ai-section{

padding:100px 0;
background:#F8FAFC;

}

.ai-badge{

display:inline-block;
background:#ECFDF5;
color:#0B6E4F;
padding:8px 20px;
border-radius:40px;
font-weight:600;
margin-bottom:20px;

}

.ai-title{

font-size:46px;
font-weight:800;
margin-bottom:20px;
color:#1F2937;

}

.ai-title span{

color:#0B6E4F;

}

.ai-text{

color:#6B7280;
line-height:1.9;
margin-bottom:35px;

}

.health-card{

background:#fff;
border-radius:22px;
padding:30px;
box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.score-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;

}

.score-item{

background:#F9FAFB;
padding:20px;
border-radius:15px;

}

.score-head{

display:flex;
justify-content:space-between;
margin-bottom:10px;
font-weight:600;

}

.progress{

height:10px;
border-radius:30px;

}

.progress-bar{

background:#0B6E4F;

}

.overall-score{

background:linear-gradient(135deg,#0B6E4F,#16A34A);
padding:35px;
border-radius:25px;
text-align:center;
color:#fff;
margin-bottom:25px;

}

.overall-score h2{

font-size:70px;
font-weight:800;
margin-bottom:5px;

}

.overall-score p{

margin:0;
opacity:.9;

}

.report-card{

background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.report-card table{

margin-bottom:0;

}

.status-good{

color:#16A34A;
font-weight:700;

}

.status-average{

color:#F59E0B;
font-weight:700;

}

.status-bad{

color:#EF4444;
font-weight:700;

}



.stats-section{

    padding:100px 0;
    background:#F8FAFC;

}

.stats-card{

    background:#fff;
    border-radius:22px;
    padding:45px 30px;
    text-align:center;
    transition:.35s;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    height:100%;
    position:relative;
    overflow:hidden;

}

.stats-card:hover{

    transform:translateY(-12px);
    box-shadow:0 25px 55px rgba(0,0,0,.12);

}

.stats-card::before{

    content:'';
    position:absolute;
    width:120px;
    height:120px;
    background:#0B6E4F;
    opacity:.06;
    border-radius:50%;
    top:-45px;
    right:-45px;

}

.stats-icon{

    width:90px;
    height:90px;
    background:#0B6E4F;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    margin:auto;
    margin-bottom:25px;

}

.stats-number{

    font-size:48px;
    font-weight:800;
    color:#0B6E4F;
    margin-bottom:10px;

}

.stats-title{

    font-size:22px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:12px;

}

.stats-text{

    color:#6b7280;
    line-height:1.8;
    margin:0;

}


.testimonial-section{

    padding:100px 0;
    background:linear-gradient(135deg,#f8fafc,#eef7f3);

}

.testimonial-card{

    background:rgba(255,255,255,.95);
    border-radius:24px;
    padding:35px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    height:100%;
    transition:.35s;
    position:relative;
    overflow:hidden;

}

.testimonial-card:hover{

    transform:translateY(-10px);

}

.testimonial-card::before{

    content:'';
    position:absolute;
    width:90px;
    height:90px;
    background:#0B6E4F;
    opacity:.05;
    border-radius:50%;
    right:-30px;
    top:-30px;

}

.quote-icon{

    width:70px;
    height:70px;
    background:#0B6E4F;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:25px;

}

.stars{

    color:#F59E0B;
    font-size:18px;
    margin-bottom:20px;

}

.review{

    color:#6b7280;
    line-height:1.9;
    margin-bottom:30px;
    min-height:120px;

}

.client{

    display:flex;
    align-items:center;

}

.client img{

    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin-right:15px;

}

.client h5{

    margin:0;
    font-weight:700;
    color:#1F2937;

}

.client span{

    color:#6b7280;
    font-size:14px;

}

.car-name{

    display:inline-block;
    margin-top:10px;
    padding:6px 15px;
    background:#ECFDF5;
    color:#0B6E4F;
    border-radius:30px;
    font-size:13px;
    font-weight:600;

}

.carousel-indicators [data-bs-target]{

    width:12px;
    height:12px;
    border-radius:50%;
    background:#0B6E4F;

}


.cta-section{

    padding:100px 0;
    background:linear-gradient(135deg,#0B6E4F,#064E3B);
    overflow:hidden;
    position:relative;

}

.cta-section::before{

    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    top:-180px;
    right:-150px;

}

.cta-section::after{

    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(245,158,11,.15);
    border-radius:50%;
    bottom:-120px;
    left:-120px;

}

.cta-content{

    position:relative;
    z-index:2;

}

.cta-badge{

    display:inline-block;
    padding:10px 22px;
    background:rgba(255,255,255,.12);
    color:#fff;
    border-radius:50px;
    margin-bottom:25px;
    font-weight:600;

}

.cta-title{

    color:#fff;
    font-size:54px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;

}

.cta-title span{

    color:#F59E0B;

}

.cta-text{

    color:rgba(255,255,255,.85);
    font-size:18px;
    line-height:1.9;
    margin-bottom:40px;

}

.btn-cta-primary{

    background:#F59E0B;
    color:#fff;
    padding:16px 38px;
    border-radius:50px;
    font-weight:600;
    margin-right:15px;

}

.btn-cta-primary:hover{

    background:#d98d06;
    color:#fff;

}

.btn-cta-outline{

    border:2px solid rgba(255,255,255,.4);
    color:#fff;
    padding:16px 38px;
    border-radius:50px;
    font-weight:600;

}

.btn-cta-outline:hover{

    background:#fff;
    color:#0B6E4F;

}

.cta-image{

    position:relative;
    z-index:2;

}

.cta-image img{

    width:100%;
    border-radius:20px;

}

.floating-box{

    position:absolute;
    background:#fff;
    border-radius:18px;
    padding:18px 22px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.floating-box h5{

    margin:0;
    color:#0B6E4F;
    font-weight:700;

}

.floating-box small{

    color:#666;

}

.float1{

    top:40px;
    left:-25px;

}

.float2{

    bottom:40px;
    right:-20px;

}

@media(max-width:991px){

.cta-title{

font-size:38px;

}

.cta-image{

margin-top:50px;

}

.float1{

left:10px;

}

.float2{

right:10px;

}

.btn-cta-primary,
.btn-cta-outline{

display:block;
width:100%;
margin-bottom:15px;
text-align:center;

}

}



.footer{

    background:#0F172A;
    color:#CBD5E1;
    padding-top:80px;

}

.footer-logo{

    font-size:34px;
    font-weight:700;
    color:#fff;
    margin-bottom:20px;

}

.footer-logo span{

    color:#F59E0B;

}

.footer-about{

    line-height:1.9;
    margin-bottom:30px;

}

.footer-social a{

    width:45px;
    height:45px;
    background:rgba(255,255,255,.08);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin-right:10px;
    text-decoration:none;
    transition:.3s;

}

.footer-social a:hover{

    background:#0B6E4F;

}

.footer h5{

    color:#fff;
    margin-bottom:25px;
    font-weight:700;

}

.footer ul{

    list-style:none;
    padding:0;
    margin:0;

}

.footer ul li{

    margin-bottom:15px;

}

.footer ul li a{

    color:#CBD5E1;
    text-decoration:none;
    transition:.3s;

}

.footer ul li a:hover{

    color:#F59E0B;
    padding-left:8px;

}

.contact-item{

    display:flex;
    align-items:flex-start;
    margin-bottom:18px;

}

.contact-item i{

    color:#F59E0B;
    font-size:20px;
    margin-right:12px;
    margin-top:2px;

}

.newsletter{

    margin-top:20px;

}

.newsletter input{

    height:55px;
    border:none;
    border-radius:50px;
    padding-left:20px;
    margin-bottom:15px;

}

.newsletter button{

    width:100%;
    height:55px;
    background:#0B6E4F;
    color:#fff;
    border:none;
    border-radius:50px;
    font-weight:600;

}

.newsletter button:hover{

    background:#08563d;

}

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);
    padding:25px 0;
    margin-top:60px;

}

.footer-bottom p{

    margin:0;

}

.footer-bottom a{

    color:#F59E0B;
    text-decoration:none;

}

.about-hero{

padding:120px 0 90px;
background:linear-gradient(135deg,#F8FAFC,#ECFDF5);
position:relative;
overflow:hidden;

}

.about-hero::before{

content:'';

position:absolute;

width:700px;

height:700px;

background:#0B6E4F;

opacity:.05;

border-radius:50%;

right:-300px;

top:-250px;

}

.about-hero::after{

content:'';

position:absolute;

width:450px;

height:450px;

background:#F59E0B;

opacity:.08;

border-radius:50%;

left:-180px;

bottom:-180px;

}

.hero-tag{

display:inline-block;

padding:10px 22px;

background:#ffffff;

color:#0B6E4F;

border-radius:40px;

font-weight:600;

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

margin-bottom:25px;

}

.about-hero h1{

font-size:60px;

font-weight:800;

line-height:1.2;

margin-bottom:25px;

color:#1F2937;

}

.about-hero h1 span{

color:#0B6E4F;

}

.about-hero p{

font-size:18px;

color:#6B7280;

line-height:1.9;

margin-bottom:35px;

}

.about-btn{

background:#0B6E4F;

color:#fff;

padding:16px 40px;

border-radius:50px;

font-weight:600;

}

.about-btn:hover{

background:#08563d;

color:#fff;

}

.about-image{

position:relative;

}

.about-image img{

width:100%;

animation:floating 5s infinite ease-in-out;

}

.floating-info{

position:absolute;

background:#fff;

padding:18px 25px;

border-radius:18px;

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

}

.info-one{

top:40px;

left:-25px;

}

.info-two{

bottom:35px;

right:-20px;

}

.floating-info h4{

margin:0;

font-weight:700;

color:#0B6E4F;

}

.floating-info small{

color:#666;

}

@media(max-width:991px){

.about-hero{

text-align:center;

}

.about-hero h1{

font-size:42px;

}

.about-image{

margin-top:60px;

}

.info-one,

.info-two{

position:relative;

left:auto;

right:auto;

top:auto;

bottom:auto;

margin-top:15px;

}

}


.story-section{

padding:100px 0;
background:#ffffff;

}

.story-badge{

display:inline-block;
padding:10px 22px;
background:#ECFDF5;
color:#0B6E4F;
border-radius:40px;
font-weight:600;
margin-bottom:20px;

}

.story-title{

font-size:46px;
font-weight:800;
color:#1F2937;
margin-bottom:20px;

}

.story-title span{

color:#0B6E4F;

}

.story-text{

font-size:17px;
line-height:1.9;
color:#6B7280;
margin-bottom:40px;

}

.timeline{

position:relative;
margin-top:30px;

}

.timeline::before{

content:'';
position:absolute;
left:30px;
top:0;
width:4px;
height:100%;
background:#0B6E4F;
border-radius:10px;

}

.timeline-item{

position:relative;
padding-left:90px;
margin-bottom:45px;

}

.timeline-icon{

position:absolute;
left:10px;
top:0;
width:42px;
height:42px;
background:#0B6E4F;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:18px;
box-shadow:0 10px 25px rgba(11,110,79,.25);

}

.timeline-card{

background:#fff;
padding:25px;
border-radius:18px;
box-shadow:0 15px 35px rgba(0,0,0,.07);
transition:.35s;

}

.timeline-card:hover{

transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.timeline-card h4{

font-size:22px;
font-weight:700;
margin-bottom:12px;
color:#1F2937;

}

.timeline-card p{

margin:0;
line-height:1.8;
color:#6B7280;

}

.story-image{

position:sticky;
top:120px;

}

.story-image img{

width:100%;
border-radius:25px;
box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.story-box{

margin-top:25px;
background:#0B6E4F;
padding:25px;
border-radius:20px;
color:#fff;

}

.story-box h3{

font-size:40px;
font-weight:800;
margin-bottom:10px;

}

.story-box p{

margin:0;
opacity:.9;

}

@media(max-width:991px){

.timeline::before{

left:20px;

}

.timeline-item{

padding-left:70px;

}

.timeline-icon{

left:0;

}

.story-image{

position:relative;
margin-top:60px;

}

}


.mv-section{

padding:100px 0;
background:#F8FAFC;

}

.mv-badge{

display:inline-block;
padding:10px 22px;
background:#ECFDF5;
color:#0B6E4F;
border-radius:40px;
font-weight:600;
margin-bottom:20px;

}

.mv-title{

font-size:46px;
font-weight:800;
color:#1F2937;
margin-bottom:20px;

}

.mv-title span{

color:#0B6E4F;

}

.mv-text{

max-width:760px;
margin:auto;
color:#6B7280;
line-height:1.9;
margin-bottom:60px;

}

.mv-card{

background:#fff;
padding:40px 35px;
border-radius:22px;
height:100%;
box-shadow:0 18px 40px rgba(0,0,0,.07);
transition:.35s;
position:relative;
overflow:hidden;

}

.mv-card:hover{

transform:translateY(-10px);

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

}

.mv-card::before{

content:'';

position:absolute;

width:120px;

height:120px;

background:#0B6E4F;

opacity:.05;

border-radius:50%;

top:-40px;

right:-40px;

}

.mv-icon{

width:80px;

height:80px;

border-radius:50%;

background:#ECFDF5;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

color:#0B6E4F;

margin-bottom:25px;

}

.mv-card h3{

font-size:28px;

font-weight:700;

margin-bottom:18px;

color:#1F2937;

}

.mv-card p{

color:#6B7280;

line-height:1.9;

margin:0;

}

.values-title{

font-size:38px;

font-weight:800;

margin:80px 0 40px;

text-align:center;

color:#1F2937;

}

.value-card{

background:#fff;

padding:35px 25px;

border-radius:18px;

text-align:center;

height:100%;

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

transition:.35s;

}

.value-card:hover{

transform:translateY(-10px);

background:#0B6E4F;

color:#fff;

}

.value-card:hover h5,
.value-card:hover p,
.value-card:hover .value-icon{

color:#fff;

}

.value-icon{

font-size:42px;

color:#0B6E4F;

margin-bottom:20px;

transition:.35s;

}

.value-card h5{

font-size:22px;

font-weight:700;

margin-bottom:15px;

color:#1F2937;

transition:.35s;

}

.value-card p{

color:#6B7280;

line-height:1.8;

transition:.35s;

margin:0;

}


.why-section{
    padding:100px 0;
    background:#ffffff;
}

.section-badge{
    display:inline-block;
    padding:10px 22px;
    background:#ECFDF5;
    color:#0B6E4F;
    border-radius:40px;
    font-weight:600;
    margin-bottom:20px;
}

.section-title{
    font-size:46px;
    font-weight:800;
    color:#1F2937;
    margin-bottom:15px;
}

.section-title span{
    color:#0B6E4F;
}

.section-desc{
    max-width:760px;
    margin:auto;
    color:#6B7280;
    line-height:1.9;
    margin-bottom:60px;
}

.feature-box{
    background:#fff;
    border-radius:20px;
    padding:35px;
    height:100%;
    transition:.35s;
    border:1px solid #E5E7EB;
    box-shadow:0 10px 25px rgba(0,0,0,.04);
}

.feature-box:hover{
    transform:translateY(-10px);
    border-color:#0B6E4F;
    box-shadow:0 20px 45px rgba(0,0,0,.10);
}

.feature-icon{
    width:75px;
    height:75px;
    background:#ECFDF5;
    color:#0B6E4F;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;
}

.feature-box h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
}

.feature-box p{
    color:#6B7280;
    line-height:1.8;
    margin-bottom:0;
}


.process-section{

padding:100px 0;
background:#F8FAFC;

}

.process-badge{

display:inline-block;
padding:10px 22px;
background:#ECFDF5;
color:#0B6E4F;
border-radius:40px;
font-weight:600;
margin-bottom:20px;

}

.process-title{

font-size:46px;
font-weight:800;
margin-bottom:20px;
color:#1F2937;

}

.process-title span{

color:#0B6E4F;

}

.process-desc{

max-width:760px;
margin:auto;
color:#6B7280;
line-height:1.9;
margin-bottom:70px;

}

.process-card{

background:#fff;
border-radius:22px;
padding:35px 30px;
height:100%;
text-align:center;
position:relative;
box-shadow:0 15px 35px rgba(0,0,0,.06);
transition:.35s;

}

.process-card:hover{

transform:translateY(-12px);
box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.process-number{

position:absolute;
top:18px;
right:18px;

width:42px;
height:42px;

background:#0B6E4F;
color:#fff;

border-radius:50%;

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

font-weight:bold;

}

.process-icon{

width:90px;
height:90px;

margin:auto;

border-radius:50%;

background:#ECFDF5;

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

font-size:42px;

color:#0B6E4F;

margin-bottom:25px;

}

.process-card h4{

font-size:24px;
font-weight:700;
margin-bottom:15px;

}

.process-card p{

color:#6B7280;
line-height:1.8;
margin:0;

}


.team-section{

padding:100px 0;
background:#ffffff;

}

.team-badge{

display:inline-block;
padding:10px 22px;
background:#ECFDF5;
color:#0B6E4F;
border-radius:40px;
font-weight:600;
margin-bottom:20px;

}

.team-title{

font-size:46px;
font-weight:800;
margin-bottom:20px;
color:#1F2937;

}

.team-title span{

color:#0B6E4F;

}

.team-desc{

max-width:760px;
margin:auto;
line-height:1.9;
color:#6B7280;
margin-bottom:60px;

}

.team-card{

background:#fff;
border-radius:24px;
overflow:hidden;
box-shadow:0 18px 40px rgba(0,0,0,.07);
transition:.35s;

}

.team-card:hover{

transform:translateY(-12px);
box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.team-img{

position:relative;
overflow:hidden;

}

.team-img img{

width:100%;
height:320px;
object-fit:cover;
transition:.4s;

}

.team-card:hover img{

transform:scale(1.08);

}

.team-content{

padding:30px;

text-align:center;

}

.team-content h4{

font-size:24px;
font-weight:700;
margin-bottom:8px;

}

.team-role{

color:#0B6E4F;
font-weight:600;
margin-bottom:18px;

}

.team-content p{

color:#6B7280;
line-height:1.8;
margin-bottom:20px;

}

.team-social{

display:flex;
justify-content:center;
gap:12px;

}

.team-social a{

width:45px;
height:45px;

background:#ECFDF5;

border-radius:50%;

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

text-decoration:none;

color:#0B6E4F;

transition:.35s;

}

.team-social a:hover{

background:#0B6E4F;
color:#fff;

}


.cta-section{

padding:110px 0;
background:linear-gradient(135deg,#0B6E4F,#138A63);
position:relative;
overflow:hidden;
color:#fff;

}

.cta-section::before{

content:'';

position:absolute;

width:450px;

height:450px;

border-radius:50%;

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

top:-180px;

right:-120px;

}

.cta-section::after{

content:'';

position:absolute;

width:350px;

height:350px;

border-radius:50%;

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

bottom:-150px;

left:-100px;

}

.cta-box{

position:relative;
z-index:2;

}

.cta-badge{

display:inline-block;

padding:10px 22px;

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

border-radius:40px;

font-weight:600;

margin-bottom:25px;

}

.cta-title{

font-size:52px;

font-weight:800;

margin-bottom:25px;

line-height:1.2;

}

.cta-text{

font-size:18px;

line-height:1.9;

opacity:.9;

max-width:760px;

margin:0 auto 45px;

}

.cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

margin-bottom:60px;

}

.btn-light-custom{

background:#fff;

color:#0B6E4F;

padding:16px 40px;

border-radius:50px;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.btn-light-custom:hover{

background:#F3F4F6;

transform:translateY(-4px);

color:#0B6E4F;

}

.btn-outline-custom{

border:2px solid #fff;

color:#fff;

padding:16px 40px;

border-radius:50px;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.btn-outline-custom:hover{

background:#fff;

color:#0B6E4F;

}

.cta-info{

display:flex;

justify-content:center;

gap:50px;

flex-wrap:wrap;

}

.info-item{

display:flex;

align-items:center;

gap:15px;

}

.info-icon{

width:60px;

height:60px;

border-radius:50%;

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

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

}

.info-text strong{

display:block;

font-size:18px;

}

.info-text span{

opacity:.9;

}

@media(max-width:768px){

.cta-title{

font-size:38px;

}

.cta-buttons{

flex-direction:column;

align-items:center;

}

.btn-light-custom,
.btn-outline-custom{

width:100%;
max-width:320px;
text-align:center;

}

.cta-info{

gap:25px;

}

}


.mechanic-hero{

padding:120px 0 90px;
background:linear-gradient(135deg,#F8FAFC,#ECFDF5);
position:relative;
overflow:hidden;

}

.mechanic-hero::before{

content:'';
position:absolute;
width:650px;
height:650px;
background:#0B6E4F;
opacity:.05;
border-radius:50%;
right:-250px;
top:-250px;

}

.hero-label{

display:inline-block;
padding:10px 22px;
background:#fff;
color:#0B6E4F;
border-radius:40px;
font-weight:600;
box-shadow:0 12px 30px rgba(0,0,0,.08);
margin-bottom:20px;

}

.mechanic-hero h1{

font-size:58px;
font-weight:800;
color:#1F2937;
margin-bottom:20px;

}

.mechanic-hero h1 span{

color:#0B6E4F;

}

.mechanic-hero p{

font-size:18px;
line-height:1.9;
color:#6B7280;
margin-bottom:35px;

}

.search-card{

background:#fff;
padding:30px;
border-radius:25px;
box-shadow:0 25px 55px rgba(0,0,0,.08);

}

.search-card .form-control,
.search-card .form-select{

height:58px;
border-radius:12px;

}

.search-btn{

height:58px;
width:100%;
background:#0B6E4F;
border:none;
border-radius:12px;
font-weight:700;
color:#fff;

}

.search-btn:hover{

background:#08563d;

}

.hero-image img{

width:100%;
animation:floating 5s infinite ease-in-out;

}

.mechanics-section{

padding:100px 0;
background:#ffffff;

}

.mechanics-title{

text-align:center;
margin-bottom:60px;

}

.mechanics-title span{

display:inline-block;
padding:10px 22px;
background:#ECFDF5;
color:#0B6E4F;
border-radius:40px;
font-weight:600;
margin-bottom:20px;

}

.mechanics-title h2{

font-size:46px;
font-weight:800;
margin-bottom:15px;

}

.mechanics-title p{

max-width:750px;
margin:auto;
color:#6B7280;
line-height:1.9;

}

.mechanic-card{

background:#fff;
border-radius:22px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;
height:100%;

}

.mechanic-card:hover{

transform:translateY(-12px);
box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.mechanic-card img{

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

}

.mechanic-body{

padding:30px;

}

.badge-online{

background:#DCFCE7;
color:#15803D;
padding:8px 15px;
border-radius:40px;
font-size:13px;
font-weight:600;

}

.rating{

float:right;
color:#F59E0B;
font-weight:bold;

}

.mechanic-body h3{

font-size:26px;
font-weight:700;
margin:20px 0 8px;

}

.mechanic-city{

color:#6B7280;
margin-bottom:20px;

}

.info-row{

display:flex;
justify-content:space-between;
padding:12px 0;
border-bottom:1px solid #eee;
font-size:15px;

}

.info-row:last-child{

border:none;

}

.info-row strong{

color:#111827;

}

.brand-tags{

margin-top:20px;

}

.brand-tags span{

display:inline-block;
padding:8px 14px;
background:#F3F4F6;
border-radius:30px;
font-size:13px;
margin:5px;

}

.card-buttons{

display:flex;
gap:12px;
margin-top:25px;

}

.btn-call{

flex:1;
background:#F3F4F6;
padding:14px;
border-radius:12px;
text-align:center;
text-decoration:none;
font-weight:600;
color:#111827;

}

.btn-book{

flex:1;
background:#0B6E4F;
color:#fff;
padding:14px;
border-radius:12px;
text-align:center;
text-decoration:none;
font-weight:600;

}

.btn-book:hover{

background:#08563d;
color:#fff;

}

.profile-section{

padding:100px 0;
background:#F8FAFC;

}

.profile-card{

background:#fff;
border-radius:25px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.profile-header{

padding:40px;

}

.profile-photo{

width:170px;
height:170px;
border-radius:50%;
object-fit:cover;
border:8px solid #ECFDF5;

}

.verify-badge{

display:inline-block;
background:#DCFCE7;
color:#15803D;
padding:8px 18px;
border-radius:30px;
font-weight:600;
margin-top:15px;

}

.profile-name{

font-size:36px;
font-weight:800;
margin-top:20px;

}

.profile-role{

color:#6B7280;
margin-bottom:20px;

}

.rating{

font-size:20px;
font-weight:bold;
color:#F59E0B;

}

.profile-info{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:30px;

}

.info-box{

background:#F9FAFB;
padding:20px;
border-radius:15px;

}

.info-box h6{

margin-bottom:8px;
font-weight:700;

}

.info-box p{

margin:0;
color:#6B7280;

}

.profile-body{

padding:40px;
border-top:1px solid #eee;

}

.section-heading{

font-size:28px;
font-weight:700;
margin-bottom:25px;

}

.service-list{

display:flex;
flex-wrap:wrap;
gap:12px;

}

.service-list span{

background:#ECFDF5;
padding:10px 18px;
border-radius:40px;
font-weight:600;
color:#0B6E4F;

}

.brand-list{

display:flex;
flex-wrap:wrap;
gap:12px;

}

.brand-list span{

background:#F3F4F6;
padding:10px 18px;
border-radius:30px;

}

.gallery img{

border-radius:15px;
width:100%;
height:170px;
object-fit:cover;

}

.review{

padding:25px;
background:#fff;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
margin-bottom:20px;

}

.review h5{

margin-bottom:10px;

}

.review p{

margin:0;
color:#6B7280;

}

.booking-box{

background:#0B6E4F;
padding:35px;
border-radius:25px;
color:#fff;
text-align:center;

}

.booking-box h3{

font-weight:700;
margin-bottom:20px;

}

.booking-box .btn{

padding:15px 40px;
border-radius:50px;
font-weight:600;

}

.filter-section{

padding:70px 0;
background:#F8FAFC;

}

.filter-card{

background:#fff;
padding:35px;
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.filter-title{

font-size:34px;
font-weight:800;
margin-bottom:10px;
color:#1F2937;

}

.filter-subtitle{

color:#6B7280;
margin-bottom:35px;

}

.filter-card label{

font-weight:600;
margin-bottom:8px;
display:block;
color:#374151;

}

.filter-card .form-control,
.filter-card .form-select{

height:56px;
border-radius:12px;
border:1px solid #D1D5DB;

}

.filter-card .form-control:focus,
.filter-card .form-select:focus{

border-color:#0B6E4F;
box-shadow:0 0 0 .2rem rgba(11,110,79,.15);

}

.filter-btn{

height:56px;
background:#0B6E4F;
border:none;
border-radius:12px;
color:#fff;
font-weight:700;
width:100%;

}

.filter-btn:hover{

background:#08563D;

}

.reset-btn{

height:56px;
width:100%;
border-radius:12px;

}

.switch-box{

margin-top:18px;
padding:15px;
background:#F9FAFB;
border-radius:12px;

}

.nearby-section{

padding:100px 0;
background:#ffffff;

}

.section-badge{

display:inline-block;
padding:10px 22px;
background:#ECFDF5;
color:#0B6E4F;
border-radius:30px;
font-weight:600;
margin-bottom:20px;

}

.section-title{

font-size:46px;
font-weight:800;
margin-bottom:20px;

}

.section-title span{

color:#0B6E4F;

}

.section-desc{

color:#6B7280;
line-height:1.9;
margin-bottom:60px;

}

.map-box{

height:650px;
background:#F3F4F6;
border-radius:25px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.map-box iframe{

width:100%;
height:100%;
border:none;

}

.nearby-card{

background:#fff;
border-radius:18px;
padding:25px;
margin-bottom:20px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
transition:.35s;

}

.nearby-card:hover{

transform:translateY(-6px);

}

.mechanic-top{

display:flex;
align-items:center;
margin-bottom:18px;

}

.mechanic-top img{

width:70px;
height:70px;
border-radius:50%;
object-fit:cover;
margin-right:18px;

}

.mechanic-name{

font-size:22px;
font-weight:700;

}

.rating{

color:#F59E0B;
font-weight:bold;

}

.location{

color:#6B7280;
font-size:14px;

}

.distance{

display:inline-block;
background:#ECFDF5;
color:#0B6E4F;
padding:6px 12px;
border-radius:20px;
font-size:13px;
font-weight:600;
margin-top:10px;

}

.price{

font-size:28px;
font-weight:800;
color:#0B6E4F;
margin-top:20px;

}

.card-buttons{

display:flex;
gap:12px;
margin-top:20px;

}

.btn-direction{

flex:1;
background:#F3F4F6;
padding:12px;
text-align:center;
border-radius:10px;
text-decoration:none;
font-weight:600;
color:#111827;

}

.btn-book{

flex:1;
background:#0B6E4F;
color:#fff;
padding:12px;
text-align:center;
border-radius:10px;
text-decoration:none;
font-weight:600;

}

.btn-book:hover{

background:#08563d;
color:#fff;

}

.available{

display:inline-block;
background:#DCFCE7;
color:#15803D;
padding:6px 12px;
border-radius:20px;
font-size:13px;
font-weight:600;

}

.review-section{

padding:100px 0;
background:#F8FAFC;

}

.review-badge{

display:inline-block;
padding:10px 22px;
background:#ECFDF5;
color:#0B6E4F;
border-radius:30px;
font-weight:600;
margin-bottom:20px;

}

.review-title{

font-size:46px;
font-weight:800;
margin-bottom:15px;
color:#1F2937;

}

.review-title span{

color:#0B6E4F;

}

.review-desc{

max-width:760px;
margin:auto;
color:#6B7280;
line-height:1.9;
margin-bottom:60px;

}

.review-summary{

background:#fff;
padding:40px;
border-radius:25px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
margin-bottom:50px;

}

.rating-score{

font-size:70px;
font-weight:800;
color:#0B6E4F;
line-height:1;

}

.rating-stars{

font-size:28px;
color:#F59E0B;
margin:10px 0;

}

.rating-count{

color:#6B7280;

}

.progress{

height:10px;
margin-bottom:18px;
border-radius:20px;

}

.review-card{

background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
height:100%;
transition:.35s;

}

.review-card:hover{

transform:translateY(-8px);

}

.review-header{

display:flex;
align-items:center;
margin-bottom:20px;

}

.review-header img{

width:70px;
height:70px;
border-radius:50%;
object-fit:cover;
margin-right:18px;

}

.review-name{

font-size:20px;
font-weight:700;

}

.review-car{

color:#6B7280;
font-size:14px;

}

.verify{

display:inline-block;
padding:5px 12px;
background:#DCFCE7;
color:#15803D;
border-radius:20px;
font-size:12px;
font-weight:600;
margin-top:8px;

}

.review-stars{

color:#F59E0B;
font-size:18px;
margin-bottom:15px;

}

.review-text{

line-height:1.8;
color:#6B7280;

}

.mechanic-cta{

padding:110px 0;
background:linear-gradient(135deg,#0B6E4F,#11875D);
position:relative;
overflow:hidden;
color:#fff;

}

.mechanic-cta::before{

content:'';
position:absolute;
width:500px;
height:500px;
background:rgba(255,255,255,.05);
border-radius:50%;
top:-220px;
right:-150px;

}

.mechanic-cta::after{

content:'';
position:absolute;
width:350px;
height:350px;
background:rgba(255,255,255,.05);
border-radius:50%;
bottom:-150px;
left:-120px;

}

.cta-wrapper{

position:relative;
z-index:2;

}

.cta-tag{

display:inline-block;
padding:10px 22px;
background:rgba(255,255,255,.15);
border-radius:50px;
font-weight:600;
margin-bottom:25px;

}

.cta-heading{

font-size:56px;
font-weight:800;
line-height:1.2;
margin-bottom:25px;

}

.cta-text{

font-size:18px;
line-height:1.9;
opacity:.95;
max-width:820px;
margin:auto auto 45px;

}

.cta-buttons{

display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-bottom:60px;

}

.btn-book{

background:#fff;
color:#0B6E4F;
padding:16px 42px;
border-radius:50px;
font-weight:700;
text-decoration:none;
transition:.35s;

}

.btn-book:hover{

background:#F3F4F6;
color:#0B6E4F;
transform:translateY(-4px);

}

.btn-mechanic{

border:2px solid #fff;
color:#fff;
padding:16px 42px;
border-radius:50px;
font-weight:700;
text-decoration:none;
transition:.35s;

}

.btn-mechanic:hover{

background:#fff;
color:#0B6E4F;

}

.cta-features{

display:flex;
justify-content:center;
flex-wrap:wrap;
gap:25px;
margin-bottom:50px;

}

.feature{

background:rgba(255,255,255,.10);
padding:15px 22px;
border-radius:15px;
display:flex;
align-items:center;
gap:12px;

}

.feature i{

font-size:24px;

}

.contact-box{

display:flex;
justify-content:center;
flex-wrap:wrap;
gap:25px;

}

.contact-item{

background:rgba(255,255,255,.10);
padding:20px 28px;
border-radius:18px;
display:flex;
align-items:center;
gap:15px;

}

.contact-icon{

width:55px;
height:55px;
background:rgba(255,255,255,.15);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;

}

.contact-item strong{

display:block;
font-size:18px;

}

.contact-item span{

opacity:.9;

}

@media(max-width:768px){

.cta-heading{

font-size:38px;

}

.cta-buttons{

flex-direction:column;
align-items:center;

}

.btn-book,
.btn-mechanic{

width:100%;
max-width:320px;
text-align:center;

}

}

.contact-hero{

padding:120px 0;
background:linear-gradient(135deg,#ECFDF5,#F8FAFC);
position:relative;
overflow:hidden;

}

.contact-hero:before{

content:'';
position:absolute;
width:650px;
height:650px;
background:#0B6E4F;
opacity:.05;
border-radius:50%;
right:-250px;
top:-250px;

}

.contact-tag{

display:inline-block;
padding:10px 22px;
background:#fff;
border-radius:40px;
font-weight:600;
color:#0B6E4F;
margin-bottom:20px;
box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.contact-title{

font-size:58px;
font-weight:800;
line-height:1.2;
margin-bottom:20px;

}

.contact-title span{

color:#0B6E4F;

}

.contact-text{

font-size:18px;
line-height:1.9;
color:#6B7280;
margin-bottom:35px;

}

.contact-btn{

display:inline-block;
padding:16px 40px;
background:#0B6E4F;
color:#fff;
border-radius:50px;
text-decoration:none;
font-weight:700;

}

.contact-btn:hover{

background:#08563D;
color:#fff;

}

.contact-image img{

width:100%;

}

.hero-info{

display:flex;
gap:35px;
margin-top:45px;
flex-wrap:wrap;

}

.hero-info h3{

font-size:32px;
font-weight:800;
color:#0B6E4F;

}

.hero-info p{

margin:0;
color:#6B7280;

}


.contact-info{

padding:100px 0;
background:#ffffff;

}

.info-card{

background:#fff;
padding:40px 30px;
border-radius:20px;
text-align:center;
box-shadow:0 20px 45px rgba(0,0,0,.08);
transition:.35s;
height:100%;

}

.info-card:hover{

transform:translateY(-8px);

}

.info-icon{

width:90px;
height:90px;
margin:auto;
border-radius:50%;
background:#ECFDF5;
display:flex;
align-items:center;
justify-content:center;
font-size:38px;
margin-bottom:25px;

}

.info-card h4{

font-size:24px;
font-weight:700;
margin-bottom:15px;

}

.info-card p{

color:#6B7280;
line-height:1.8;
margin-bottom:20px;

}

.info-card a{

text-decoration:none;
font-weight:600;
color:#0B6E4F;

}

.office-box{

margin-top:80px;
padding:50px;
background:#F8FAFC;
border-radius:25px;

}

.office-box h2{

font-size:42px;
font-weight:800;
margin-bottom:20px;

}

.office-box span{

color:#0B6E4F;

}

.office-list{

list-style:none;
padding:0;
margin:0;

}

.office-list li{

padding:15px 0;
border-bottom:1px solid #e5e5e5;
font-size:18px;

}

.office-list li:last-child{

border:none;

}

.social-icons{

margin-top:30px;

}

.social-icons a{

display:inline-flex;
width:50px;
height:50px;
border-radius:50%;
background:#0B6E4F;
color:#fff;
align-items:center;
justify-content:center;
text-decoration:none;
margin-right:12px;
font-size:20px;

}


.contact-form-section{

padding:100px 0;
background:#F8FAFC;

}

.form-card{

background:#fff;
padding:45px;
border-radius:25px;
box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.form-title{

font-size:42px;
font-weight:800;
margin-bottom:15px;

}

.form-title span{

color:#0B6E4F;

}

.form-text{

color:#6B7280;
margin-bottom:35px;
line-height:1.8;

}

.form-card label{

font-weight:600;
margin-bottom:8px;
display:block;

}

.form-control,
.form-select{

height:58px;
border-radius:12px;
margin-bottom:20px;

}

textarea.form-control{

height:180px !important;
resize:none;

}

.send-btn{

width:100%;
height:60px;
background:#0B6E4F;
color:#fff;
border:none;
border-radius:12px;
font-size:18px;
font-weight:700;

}

.send-btn:hover{

background:#08563D;

}

.map-card{

background:#fff;
padding:20px;
border-radius:25px;
box-shadow:0 20px 45px rgba(0,0,0,.08);
height:100%;

}

.map-card iframe{

width:100%;
height:100%;
min-height:640px;
border:none;
border-radius:18px;

}


.contact-faq{

padding:100px 0;
background:#ffffff;

}

.faq-badge{

display:inline-block;
padding:10px 22px;
background:#ECFDF5;
color:#0B6E4F;
border-radius:40px;
font-weight:600;
margin-bottom:20px;

}

.contact-faq h2{

font-size:48px;
font-weight:800;
margin-bottom:20px;

}

.contact-faq h2 span{

color:#0B6E4F;

}

.contact-faq p{

max-width:760px;
margin:auto;
color:#6B7280;
line-height:1.9;
margin-bottom:60px;

}

.contact-faq .accordion-item{

border:none;
margin-bottom:18px;
border-radius:15px;
overflow:hidden;
box-shadow:0 15px 35px rgba(0,0,0,.06);

}

.contact-faq .accordion-button{

padding:22px;
font-size:18px;
font-weight:700;

}

.contact-faq .accordion-button:not(.collapsed){

background:#0B6E4F;
color:#fff;

}

.contact-faq .accordion-button:focus{

box-shadow:none;

}

.contact-faq .accordion-body{

padding:22px;
line-height:1.8;
color:#6B7280;

}


.contact-cta{

padding:100px 0;
background:linear-gradient(135deg,#0B6E4F,#128C7E);
position:relative;
overflow:hidden;

}

.contact-cta::before{

content:'';
position:absolute;
width:500px;
height:500px;
background:rgba(255,255,255,.06);
border-radius:50%;
top:-220px;
left:-180px;

}

.contact-cta::after{

content:'';
position:absolute;
width:420px;
height:420px;
background:rgba(255,255,255,.05);
border-radius:50%;
bottom:-180px;
right:-150px;

}

.cta-content{

position:relative;
z-index:2;
text-align:center;
color:#fff;

}

.cta-content h2{

font-size:56px;
font-weight:800;
margin-bottom:20px;

}

.cta-content p{

max-width:760px;
margin:auto;
font-size:19px;
line-height:1.9;
opacity:.95;
margin-bottom:50px;

}

.cta-buttons{

display:flex;
justify-content:center;
flex-wrap:wrap;
gap:20px;
margin-bottom:70px;

}

.cta-btn{

padding:18px 38px;
border-radius:50px;
font-weight:700;
text-decoration:none;
transition:.3s;

}

.cta-primary{

background:#fff;
color:#0B6E4F;

}

.cta-primary:hover{

background:#f3f3f3;
color:#0B6E4F;

}

.cta-outline{

border:2px solid #fff;
color:#fff;

}

.cta-outline:hover{

background:#fff;
color:#0B6E4F;

}

.counter-box{

background:rgba(255,255,255,.12);
backdrop-filter:blur(10px);
padding:30px;
border-radius:20px;
height:100%;

}

.counter-box h3{

font-size:42px;
font-weight:800;
margin-bottom:10px;

}

.counter-box p{

margin:0;
font-size:17px;
opacity:.95;

}

/*=========================================
Inspection Packages
=========================================*/

.inspection-packages{

padding:100px 0;
background:#ffffff;

}

.package-card{

background:#fff;
padding:45px 35px;
border-radius:24px;
box-shadow:0 20px 45px rgba(0,0,0,.08);
text-align:center;
position:relative;
height:100%;
transition:.35s;

}

.package-card:hover{

transform:translateY(-10px);

}

.featured{

border:3px solid #0B6E4F;

}

.popular-badge{

position:absolute;
top:-14px;
left:50%;
transform:translateX(-50%);
background:#0B6E4F;
color:#fff;
padding:8px 20px;
border-radius:30px;
font-size:14px;
font-weight:700;

}

.package-icon{

width:90px;
height:90px;
margin:auto;
margin-bottom:25px;
background:#ECFDF5;
color:#0B6E4F;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:38px;

}

.package-card h3{

font-size:30px;
font-weight:800;
margin-bottom:15px;

}

.package-card p{

color:#6B7280;
margin-bottom:25px;

}

.package-card ul{

padding:0;
margin:0 0 30px;
list-style:none;
text-align:left;

}

.package-card li{

padding:10px 0;

}

.package-card li i{

color:#0B6E4F;
margin-right:10px;

}

.package-price{

background:#ECFDF5;
padding:16px;
border-radius:12px;
font-weight:700;
color:#0B6E4F;
margin-bottom:25px;

}
.inspection-hero{

    padding:90px 0;
    background:linear-gradient(135deg,#f8fafc,#eef7f3);
    position:relative;
    overflow:hidden;

}

.inspection-hero:before{

    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:#0B6E4F;
    opacity:.05;
    border-radius:50%;
    right:-150px;
    top:-180px;

}

.inspection-hero:after{

    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:#F59E0B;
    opacity:.05;
    border-radius:50%;
    left:-120px;
    bottom:-120px;

}

.inspection-tag{

    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:#fff;
    color:#0B6E4F;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    margin-bottom:25px;

}

.inspection-title{

    font-size:58px;
    font-weight:800;
    line-height:1.15;
    color:#1F2937;

}

.inspection-title span{

    color:#0B6E4F;

}

.inspection-text{

    margin:25px 0;
    font-size:18px;
    line-height:1.9;
    color:#6b7280;

}

.inspection-btn{

    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
    margin-right:15px;

}

.btn-inspection{

    background:#0B6E4F;
    color:#fff;

}

.btn-inspection:hover{

    background:#08563d;
    color:#fff;

}

.btn-outline-inspection{

    border:2px solid #0B6E4F;
    color:#0B6E4F;
    background:#fff;

}

.btn-outline-inspection:hover{

    background:#0B6E4F;
    color:#fff;

}

.inspection-points{

    margin-top:35px;

}

.inspection-points div{

    margin-bottom:14px;
    font-weight:500;
    color:#374151;

}

.inspection-points i{

    color:#0B6E4F;
    margin-right:10px;

}

.inspection-image{

    position:relative;

}

.inspection-image img{

    width:100%;
    border-radius:25px;

}

.hero-box{

    position:absolute;
    background:#fff;
    border-radius:18px;
    padding:18px;
    box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.hero-box h4{

    margin:0;
    color:#0B6E4F;
    font-weight:700;

}

.hero-box p{

    margin:0;
    color:#777;
    font-size:14px;

}

.box-one{

    left:-35px;
    top:50px;

}

.box-two{

    right:-30px;
    bottom:45px;

}

@media(max-width:991px){

.inspection-title{

font-size:42px;

}

.inspection-image{

margin-top:50px;

}

.box-one{

left:10px;

}

.box-two{

right:10px;

}

}

.inspection-overview{

    padding:100px 0;
    background:#ffffff;

}

.section-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.section-title span{

    color:#0B6E4F;

}

.section-subtitle{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.overview-card{

    background:#fff;
    border-radius:24px;
    padding:35px;
    height:100%;
    transition:.35s;
    border:1px solid #eef2f7;
    box-shadow:0 12px 30px rgba(0,0,0,.05);

}

.overview-card:hover{

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

}

.overview-icon{

    width:80px;
    height:80px;
    border-radius:20px;
    background:#0B6E4F;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.overview-card h4{

    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
    color:#1F2937;

}

.overview-card p{

    color:#6b7280;
    line-height:1.8;
    margin-bottom:25px;

}

.overview-list{

    list-style:none;
    padding:0;
    margin:0;

}

.overview-list li{

    margin-bottom:12px;
    color:#374151;
    font-weight:500;

}

.overview-list i{

    color:#0B6E4F;
    margin-right:10px;

}

.stats-box{

    margin-top:70px;
    background:linear-gradient(135deg,#0B6E4F,#0D8F66);
    border-radius:30px;
    padding:50px;
    color:#fff;

}

.stat-item{

    text-align:center;

}

.stat-number{

    font-size:42px;
    font-weight:800;

}

.stat-title{

    margin-top:10px;
    opacity:.9;
    font-size:16px;

}

@media(max-width:991px){

.stats-box{

padding:40px 20px;

}

.stat-item{

margin-bottom:35px;

}

}


.inspect-section{

    padding:100px 0;
    background:#F8FAFC;

}

.inspect-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.inspect-title span{

    color:#0B6E4F;

}

.inspect-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.inspect-card{

    background:#fff;
    border-radius:22px;
    padding:35px 25px;
    height:100%;
    text-align:center;
    transition:.35s;
    border:1px solid #eef2f7;
    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.inspect-card:hover{

    transform:translateY(-10px);

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

}

.inspect-icon{

    width:85px;
    height:85px;
    border-radius:22px;
    background:#0B6E4F;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin:auto;
    margin-bottom:22px;

}

.inspect-card h4{

    font-size:22px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:15px;

}

.inspect-card p{

    color:#6b7280;
    line-height:1.8;
    margin:0;

}

@media(max-width:991px){

.inspect-card{

margin-bottom:30px;

}

}


.package-section{

    padding:100px 0;
    background:#ffffff;

}

.package-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.package-title span{

    color:#0B6E4F;

}

.package-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.package-card{

    background:#fff;
    border-radius:25px;
    overflow:hidden;
    border:1px solid #edf2f7;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.35s;
    position:relative;
    height:100%;

}

.package-card:hover{

    transform:translateY(-10px);

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

}

.package-header{

    padding:40px 35px;
    text-align:center;
    border-bottom:1px solid #eef2f7;

}

.package-name{

    font-size:28px;
    font-weight:700;
    margin-bottom:10px;

}

.package-price{

    font-size:52px;
    font-weight:800;
    color:#0B6E4F;

}

.package-price span{

    font-size:18px;
    color:#6b7280;

}

.package-desc{

    color:#6b7280;
    margin-top:12px;

}

.package-body{

    padding:35px;

}

.package-body ul{

    list-style:none;
    padding:0;
    margin:0;

}

.package-body li{

    margin-bottom:16px;
    color:#374151;

}

.package-body i{

    color:#0B6E4F;
    margin-right:10px;

}

.package-btn{

    display:block;
    width:100%;
    padding:15px;
    border-radius:50px;
    text-align:center;
    font-weight:600;
    text-decoration:none;
    margin-top:30px;
    transition:.3s;

}

.package-primary{

    background:#0B6E4F;
    color:#fff;

}

.package-primary:hover{

    background:#08563d;
    color:#fff;

}

.package-outline{

    border:2px solid #0B6E4F;
    color:#0B6E4F;

}

.package-outline:hover{

    background:#0B6E4F;
    color:#fff;

}

.package-ribbon{

    position:absolute;
    top:20px;
    right:-45px;
    width:180px;
    text-align:center;
    background:#F59E0B;
    color:#fff;
    font-weight:700;
    padding:8px 0;
    transform:rotate(45deg);

}

.package-popular{

    border:2px solid #0B6E4F;

}

@media(max-width:991px){

.package-card{

margin-bottom:30px;

}

}


.process-section{

    padding:100px 0;
    background:#F8FAFC;

}

.process-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.process-title span{

    color:#0B6E4F;

}

.process-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.timeline{

    position:relative;
    max-width:900px;
    margin:auto;

}

.timeline::before{

    content:'';
    position:absolute;
    left:50%;
    top:0;
    width:4px;
    height:100%;
    background:#0B6E4F;
    transform:translateX(-50%);
    opacity:.15;

}

.timeline-item{

    position:relative;
    width:50%;
    padding:20px 40px;
    margin-bottom:50px;

}

.timeline-item.left{

    left:0;
    text-align:right;

}

.timeline-item.right{

    left:50%;

}

.timeline-card{

    background:#fff;
    border-radius:22px;
    padding:30px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.35s;

}

.timeline-card:hover{

    transform:translateY(-8px);

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

}

.timeline-icon{

    width:70px;
    height:70px;
    background:#0B6E4F;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    position:absolute;
    top:30px;
    z-index:2;
    border:5px solid #F8FAFC;

}

.left .timeline-icon{

    right:-35px;

}

.right .timeline-icon{

    left:-35px;

}

.step-badge{

    display:inline-block;
    background:#F59E0B;
    color:#fff;
    padding:5px 14px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    margin-bottom:15px;

}

.timeline-card h4{

    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
    color:#1F2937;

}

.timeline-card p{

    color:#6b7280;
    line-height:1.8;
    margin:0;

}

@media(max-width:991px){

.timeline::before{

left:25px;

}

.timeline-item{

width:100%;

left:0!important;

padding-left:75px;

padding-right:15px;

text-align:left;

}

.timeline-icon{

left:-10px!important;

right:auto!important;

}

}


.why-section{

    padding:100px 0;
    background:#ffffff;

}

.why-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.why-title span{

    color:#0B6E4F;

}

.why-text{

    font-size:17px;
    line-height:1.9;
    color:#6b7280;
    margin:25px 0 40px;

}

.why-feature{

    display:flex;
    align-items:flex-start;
    margin-bottom:30px;

}

.why-icon{

    min-width:70px;
    width:70px;
    height:70px;
    border-radius:18px;
    background:#0B6E4F;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-right:20px;

}

.why-feature h5{

    font-weight:700;
    color:#1F2937;
    margin-bottom:10px;

}

.why-feature p{

    color:#6b7280;
    margin:0;
    line-height:1.8;

}

.why-card{

    background:#fff;
    border-radius:25px;
    padding:35px;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
    border:1px solid #edf2f7;

}

.trust-box{

    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:25px 0;
    border-bottom:1px solid #eef2f7;

}

.trust-box:last-child{

    border-bottom:none;

}

.trust-number{

    font-size:42px;
    font-weight:800;
    color:#0B6E4F;

}

.trust-title{

    font-size:18px;
    color:#374151;
    font-weight:600;

}

.badge-box{

    margin-top:35px;
    display:flex;
    flex-wrap:wrap;
    gap:15px;

}

.badge-item{

    background:#F8FAFC;
    border:1px solid #e5e7eb;
    padding:14px 22px;
    border-radius:50px;
    font-weight:600;
    color:#374151;

}

.badge-item i{

    color:#0B6E4F;
    margin-right:8px;

}

@media(max-width:991px){

.why-card{

margin-top:50px;

}

.trust-box{

flex-direction:column;
text-align:center;
gap:10px;

}

}


.cta-section{

    padding:100px 0;
    background:linear-gradient(135deg,#0B6E4F,#0D8F66);
    position:relative;
    overflow:hidden;

}

.cta-section::before{

    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:#ffffff;
    opacity:.05;
    border-radius:50%;
    top:-180px;
    left:-150px;

}

.cta-section::after{

    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:#F59E0B;
    opacity:.10;
    border-radius:50%;
    bottom:-170px;
    right:-120px;

}

.cta-content{

    position:relative;
    z-index:2;
    text-align:center;
    color:#fff;

}

.cta-badge{

    display:inline-block;
    padding:10px 24px;
    border-radius:50px;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.25);
    font-weight:600;
    margin-bottom:25px;

}

.cta-title{

    font-size:50px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;

}

.cta-title span{

    color:#FFD166;

}

.cta-text{

    max-width:760px;
    margin:auto;
    color:rgba(255,255,255,.92);
    font-size:18px;
    line-height:1.9;

}

.cta-buttons{

    margin-top:45px;

}

.cta-btn{

    padding:16px 38px;
    border-radius:50px;
    font-weight:600;
    font-size:17px;
    margin:8px;
    transition:.35s;

}

.btn-book{

    background:#fff;
    color:#0B6E4F;

}

.btn-book:hover{

    background:#F3F4F6;
    color:#0B6E4F;

}

.btn-mechanic{

    border:2px solid #fff;
    color:#fff;

}

.btn-mechanic:hover{

    background:#fff;
    color:#0B6E4F;

}

.cta-features{

    margin-top:55px;

}

.cta-item{

    color:#fff;
    font-weight:600;
    margin-bottom:20px;

}

.cta-item i{

    color:#FFD166;
    margin-right:10px;

}

@media(max-width:991px){

.cta-title{

font-size:38px;

}

}

.faq-hero{

    padding:100px 0;
    background:linear-gradient(135deg,#f8fafc,#eef7f3);
    position:relative;
    overflow:hidden;

}

.faq-hero::before{

    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:#0B6E4F;
    opacity:.05;
    border-radius:50%;
    top:-220px;
    right:-180px;

}

.faq-hero::after{

    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:#F59E0B;
    opacity:.08;
    border-radius:50%;
    bottom:-120px;
    left:-120px;

}

.faq-badge{

    display:inline-block;
    padding:10px 22px;
    background:#fff;
    border-radius:50px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    color:#0B6E4F;
    font-weight:600;
    margin-bottom:25px;

}

.faq-title{

    font-size:60px;
    font-weight:800;
    color:#1F2937;
    line-height:1.15;

}

.faq-title span{

    color:#0B6E4F;

}

.faq-text{

    margin:25px 0 40px;
    font-size:18px;
    color:#6b7280;
    line-height:1.8;

}

.search-box{

    background:#fff;
    border-radius:60px;
    padding:10px;
    display:flex;
    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.search-box input{

    flex:1;
    border:none;
    outline:none;
    padding:15px 20px;
    font-size:16px;

}

.search-box button{

    border:none;
    background:#0B6E4F;
    color:#fff;
    padding:14px 35px;
    border-radius:50px;
    font-weight:600;

}

.search-box button:hover{

    background:#08563d;

}

.faq-image img{

    width:100%;
    border-radius:25px;

}

@media(max-width:991px){

.faq-title{

font-size:42px;

}

.faq-image{

margin-top:50px;

}

.search-box{

display:block;

}

.search-box button{

width:100%;
margin-top:10px;

}

}


.faq-category-section{

    padding:90px 0;
    background:#ffffff;

}

.faq-category-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.faq-category-title span{

    color:#0B6E4F;

}

.faq-category-text{

    max-width:720px;
    margin:20px auto 70px;
    color:#6b7280;
    font-size:17px;
    line-height:1.8;

}

.category-card{

    background:#fff;
    border-radius:22px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    border:1px solid #edf2f7;
    transition:.35s;
    height:100%;
    cursor:pointer;

}

.category-card:hover{

    transform:translateY(-10px);

    border-color:#0B6E4F;

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

}

.category-icon{

    width:85px;
    height:85px;
    border-radius:50%;
    background:#0B6E4F;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:34px;
    margin-bottom:25px;

}

.category-card h4{

    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
    color:#1F2937;

}

.category-card p{

    color:#6b7280;
    line-height:1.8;
    margin-bottom:0;

}


.faq-main{

    padding:100px 0;
    background:#F8FAFC;

}

.faq-main-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.faq-main-title span{

    color:#0B6E4F;

}

.faq-main-text{

    max-width:720px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.custom-accordion .accordion-item{

    border:none;
    border-radius:18px;
    margin-bottom:20px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.06);

}

.custom-accordion .accordion-button{

    background:#fff;
    padding:22px 28px;
    font-size:18px;
    font-weight:700;
    color:#1F2937;
    box-shadow:none;

}

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

    background:#0B6E4F;
    color:#fff;

}

.custom-accordion .accordion-button:focus{

    box-shadow:none;

}

.custom-accordion .accordion-body{

    padding:28px;
    color:#6b7280;
    line-height:1.9;
    background:#fff;

}

.faq-tag{

    display:inline-block;
    background:#F59E0B;
    color:#fff;
    font-size:12px;
    padding:5px 12px;
    border-radius:30px;
    margin-bottom:15px;
    font-weight:600;

}


.faq-cta{

    padding:100px 0;
    background:linear-gradient(135deg,#0B6E4F,#087A58);
    position:relative;
    overflow:hidden;

}

.faq-cta::before{

    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:#fff;
    opacity:.05;
    border-radius:50%;
    top:-180px;
    left:-120px;

}

.faq-cta::after{

    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:#F59E0B;
    opacity:.08;
    border-radius:50%;
    bottom:-120px;
    right:-120px;

}

.faq-cta-content{

    position:relative;
    z-index:2;
    text-align:center;

}

.faq-cta-badge{

    display:inline-block;
    padding:10px 24px;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.20);
    border-radius:50px;
    color:#fff;
    font-weight:600;
    margin-bottom:25px;

}

.faq-cta-title{

    color:#fff;
    font-size:52px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;

}

.faq-cta-title span{

    color:#FFD166;

}

.faq-cta-text{

    max-width:760px;
    margin:auto;
    color:rgba(255,255,255,.90);
    line-height:1.9;
    font-size:18px;
    margin-bottom:45px;

}

.faq-btn{

    padding:16px 35px;
    border-radius:50px;
    font-weight:600;
    margin:8px;
    transition:.35s;

}

.btn-contact{

    background:#fff;
    color:#0B6E4F;

}

.btn-contact:hover{

    background:#f5f5f5;
    color:#0B6E4F;

}

.btn-book{

    background:#F59E0B;
    color:#fff;

}

.btn-book:hover{

    background:#d98c05;
    color:#fff;

}

.btn-whatsapp{

    border:2px solid #fff;
    color:#fff;

}

.btn-whatsapp:hover{

    background:#fff;
    color:#0B6E4F;

}

.support-box{

    margin-top:60px;

}

.support-card{

    background:rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:20px;
    padding:25px;
    color:#fff;
    height:100%;

}

.support-card i{

    font-size:38px;
    color:#FFD166;
    margin-bottom:18px;

}

.support-card h5{

    font-weight:700;
    margin-bottom:12px;

}

.support-card p{

    color:rgba(255,255,255,.85);
    margin-bottom:0;
    line-height:1.8;

}

@media(max-width:991px){

.faq-cta-title{

font-size:40px;

}

}


.privacy-hero{

    padding:100px 0;
    background:linear-gradient(135deg,#f8fafc,#eef7f3);
    position:relative;
    overflow:hidden;

}

.privacy-hero::before{

    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:#0B6E4F;
    opacity:.05;
    border-radius:50%;
    top:-220px;
    right:-180px;

}

.privacy-hero::after{

    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:#F59E0B;
    opacity:.08;
    border-radius:50%;
    bottom:-120px;
    left:-120px;

}

.privacy-badge{

    display:inline-block;
    padding:10px 22px;
    background:#fff;
    border-radius:50px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    color:#0B6E4F;
    font-weight:600;
    margin-bottom:25px;

}

.privacy-title{

    font-size:60px;
    font-weight:800;
    color:#1F2937;
    line-height:1.15;

}

.privacy-title span{

    color:#0B6E4F;

}

.privacy-text{

    margin:25px 0;
    font-size:18px;
    color:#6b7280;
    line-height:1.9;

}

.privacy-info{

    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:35px;

}

.info-box{

    background:#fff;
    border-radius:15px;
    padding:18px 25px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.info-box h6{

    margin:0;
    font-weight:700;
    color:#0B6E4F;

}

.info-box p{

    margin:5px 0 0;
    color:#6b7280;

}

.privacy-image img{

    width:100%;
    border-radius:25px;

}

@media(max-width:991px){

.privacy-title{

font-size:42px;

}

.privacy-image{

margin-top:50px;

}

}

.collect-section{

    padding:100px 0;
    background:#ffffff;

}

.collect-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.collect-title span{

    color:#0B6E4F;

}

.collect-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.collect-card{

    background:#fff;
    border-radius:22px;
    padding:35px 30px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    border:1px solid #edf2f7;
    transition:.35s;
    height:100%;

}

.collect-card:hover{

    transform:translateY(-8px);

    border-color:#0B6E4F;

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

}

.collect-icon{

    width:85px;
    height:85px;
    background:#0B6E4F;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.collect-card h4{

    font-size:24px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:15px;

}

.collect-card ul{

    padding-left:18px;
    margin-bottom:0;

}

.collect-card li{

    color:#6b7280;
    line-height:1.9;
    margin-bottom:8px;

}

.use-section{

    padding:100px 0;
    background:#F8FAFC;

}

.use-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.use-title span{

    color:#0B6E4F;

}

.use-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    font-size:17px;
    line-height:1.9;

}

.use-card{

    background:#fff;
    border-radius:22px;
    padding:35px 30px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.35s;
    height:100%;
    border:1px solid #eef2f7;

}

.use-card:hover{

    transform:translateY(-8px);

    border-color:#0B6E4F;

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

}

.use-icon{

    width:85px;
    height:85px;
    border-radius:50%;
    background:#0B6E4F;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.use-card h4{

    font-size:24px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:15px;

}

.use-card p{

    color:#6b7280;
    line-height:1.9;
    margin-bottom:0;

}

.security-section{

    padding:100px 0;
    background:#ffffff;

}

.security-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.security-title span{

    color:#0B6E4F;

}

.security-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.security-card{

    background:#fff;
    border-radius:22px;
    padding:35px 30px;
    border:1px solid #edf2f7;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.35s;
    height:100%;

}

.security-card:hover{

    transform:translateY(-8px);

    border-color:#0B6E4F;

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

}

.security-icon{

    width:85px;
    height:85px;
    background:#0B6E4F;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.security-card h4{

    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
    color:#1F2937;

}

.security-card p{

    color:#6b7280;
    line-height:1.9;
    margin-bottom:0;

}

.privacy-contact{

    padding:100px 0;
    background:linear-gradient(135deg,#0B6E4F,#087A58);
    position:relative;
    overflow:hidden;

}

.privacy-contact::before{

    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:#fff;
    opacity:.05;
    border-radius:50%;
    top:-200px;
    left:-150px;

}

.privacy-contact::after{

    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:#F59E0B;
    opacity:.08;
    border-radius:50%;
    bottom:-150px;
    right:-120px;

}

.privacy-contact-content{

    position:relative;
    z-index:2;
    text-align:center;

}

.privacy-contact-badge{

    display:inline-block;
    padding:10px 24px;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.20);
    border-radius:50px;
    color:#fff;
    font-weight:600;
    margin-bottom:25px;

}

.privacy-contact-title{

    font-size:52px;
    font-weight:800;
    color:#fff;
    margin-bottom:25px;

}

.privacy-contact-title span{

    color:#FFD166;

}

.privacy-contact-text{

    max-width:760px;
    margin:auto;
    color:rgba(255,255,255,.92);
    font-size:18px;
    line-height:1.9;
    margin-bottom:50px;

}

.contact-info-card{

    background:rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:20px;
    padding:30px;
    color:#fff;
    transition:.35s;
    height:100%;

}

.contact-info-card:hover{

    transform:translateY(-8px);

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

}

.contact-info-card i{

    font-size:40px;
    color:#FFD166;
    margin-bottom:20px;

}

.contact-info-card h4{

    font-size:24px;
    font-weight:700;
    margin-bottom:15px;

}

.contact-info-card p{

    margin-bottom:8px;
    color:rgba(255,255,255,.90);

}

.privacy-buttons{

    margin-top:50px;

}

.privacy-btn{

    padding:16px 35px;
    border-radius:50px;
    font-weight:600;
    margin:8px;
    transition:.35s;

}

.btn-contact{

    background:#fff;
    color:#0B6E4F;

}

.btn-contact:hover{

    background:#f3f3f3;
    color:#0B6E4F;

}

.btn-home{

    background:#F59E0B;
    color:#fff;

}

.btn-home:hover{

    background:#d98c05;
    color:#fff;

}

.policy-footer{

    margin-top:60px;
    color:rgba(255,255,255,.85);
    font-size:15px;

}

@media(max-width:991px){

.privacy-contact-title{

font-size:40px;

}

}

.terms-hero{

    padding:100px 0;
    background:linear-gradient(135deg,#f8fafc,#eef7f3);
    position:relative;
    overflow:hidden;

}

.terms-hero::before{

    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:#0B6E4F;
    opacity:.05;
    border-radius:50%;
    top:-220px;
    right:-180px;

}

.terms-hero::after{

    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:#F59E0B;
    opacity:.08;
    border-radius:50%;
    bottom:-120px;
    left:-120px;

}

.terms-badge{

    display:inline-block;
    padding:10px 22px;
    background:#fff;
    border-radius:50px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    color:#0B6E4F;
    font-weight:600;
    margin-bottom:25px;

}

.terms-title{

    font-size:60px;
    font-weight:800;
    color:#1F2937;
    line-height:1.15;

}

.terms-title span{

    color:#0B6E4F;

}

.terms-text{

    margin:25px 0;
    font-size:18px;
    color:#6b7280;
    line-height:1.9;

}

.terms-info{

    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:35px;

}

.terms-box{

    background:#fff;
    border-radius:15px;
    padding:18px 25px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.terms-box h6{

    margin:0;
    color:#0B6E4F;
    font-weight:700;

}

.terms-box p{

    margin:5px 0 0;
    color:#6b7280;

}

.terms-image img{

    width:100%;
    border-radius:25px;

}

@media(max-width:991px){

.terms-title{

font-size:42px;

}

.terms-image{

margin-top:50px;

}

}

.accept-section{

    padding:100px 0;
    background:#ffffff;

}

.accept-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.accept-title span{

    color:#0B6E4F;

}

.accept-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.accept-card{

    background:#fff;
    border-radius:22px;
    padding:35px 30px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    border:1px solid #edf2f7;
    transition:.35s;
    height:100%;

}

.accept-card:hover{

    transform:translateY(-8px);

    border-color:#0B6E4F;

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

}

.accept-icon{

    width:85px;
    height:85px;
    border-radius:50%;
    background:#0B6E4F;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.accept-card h4{

    font-size:24px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:18px;

}

.accept-card p{

    color:#6b7280;
    line-height:1.9;
    margin-bottom:0;

}

.payment-policy{

    padding:100px 0;
    background:#F8FAFC;

}

.payment-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.payment-title span{

    color:#0B6E4F;

}

.payment-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.policy-card{

    background:#fff;
    border-radius:22px;
    padding:35px 30px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    border:1px solid #edf2f7;
    transition:.35s;
    height:100%;

}

.policy-card:hover{

    transform:translateY(-8px);

    border-color:#0B6E4F;

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

}

.policy-icon{

    width:85px;
    height:85px;
    background:#0B6E4F;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.policy-card h4{

    font-size:24px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:18px;

}

.policy-card p{

    color:#6b7280;
    line-height:1.9;
    margin-bottom:0;

}

.disclaimer-section{

    padding:100px 0;
    background:#ffffff;

}

.disclaimer-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.disclaimer-title span{

    color:#0B6E4F;

}

.disclaimer-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.disclaimer-card{

    background:#fff;
    border-radius:22px;
    padding:35px 30px;
    border:1px solid #edf2f7;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.35s;
    height:100%;

}

.disclaimer-card:hover{

    transform:translateY(-8px);

    border-color:#0B6E4F;

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

}

.disclaimer-icon{

    width:85px;
    height:85px;
    border-radius:50%;
    background:#0B6E4F;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.disclaimer-card h4{

    font-size:24px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:18px;

}

.disclaimer-card p{

    color:#6b7280;
    line-height:1.9;
    margin-bottom:0;

}

.notice-box{

    margin-top:70px;
    background:#FFF8E8;
    border-left:6px solid #F59E0B;
    border-radius:18px;
    padding:35px;

}

.notice-box h4{

    color:#1F2937;
    font-weight:700;
    margin-bottom:20px;

}

.notice-box p{

    margin:0;
    color:#555;
    line-height:1.9;

}

.final-terms{

    padding:100px 0;
    background:#F8FAFC;

}

.final-title{

    font-size:42px;
    font-weight:800;
    color:#1F2937;

}

.final-title span{

    color:#0B6E4F;

}

.final-text{

    max-width:760px;
    margin:20px auto 70px;
    color:#6b7280;
    line-height:1.9;
    font-size:17px;

}

.final-card{

    background:#fff;
    border-radius:22px;
    padding:35px 30px;
    border:1px solid #edf2f7;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.35s;
    height:100%;

}

.final-card:hover{

    transform:translateY(-8px);

    border-color:#0B6E4F;

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

}

.final-icon{

    width:85px;
    height:85px;
    background:#0B6E4F;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.final-card h4{

    font-size:24px;
    font-weight:700;
    color:#1F2937;
    margin-bottom:18px;

}

.final-card p{

    color:#6b7280;
    line-height:1.9;
    margin-bottom:0;

}

.contact-box{

    margin-top:70px;
    background:#0B6E4F;
    color:#fff;
    border-radius:25px;
    padding:60px;
    text-align:center;

}

.contact-box h2{

    font-size:40px;
    font-weight:700;
    margin-bottom:20px;

}

.contact-box p{

    max-width:750px;
    margin:auto;
    color:#E5E7EB;
    line-height:1.9;
    margin-bottom:35px;

}

.contact-btn{

    display:inline-block;
    padding:16px 40px;
    border-radius:50px;
    background:#F59E0B;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.3s;

}

.contact-btn:hover{

    background:#d88900;
    color:#fff;

}

@media(max-width:991px){

.contact-box{

padding:40px 25px;

}

.contact-box h2{

font-size:32px;

}

}