/* =================================
AmarSeba Style V3
Floating Search + Statistics
================================= */


/* Hero Image Fix */

.hero-section img{

max-height:450px;
object-fit:contain;

}



/* Floating Search Section */

.floating-search-section{

margin-top:-60px;
position:relative;
z-index:10;

}



.search-box{

background:#ffffff;
border-radius:25px;
padding:35px;

}



/* Search Title */

.search-box h3{

color:#198754;
font-size:28px;

}



/* Form Control */

.search-box .form-select{

height:55px;
border-radius:12px;
border:1px solid #ddd;

}



.search-box .form-select:focus{

border-color:#198754;
box-shadow:0 0 0 .25rem rgba(25,135,84,.25);

}



/* Search Button */

.search-box button{

height:55px;
border-radius:12px;
font-size:18px;

}



/* Statistics */

.statistics-section{

background:#f8f9fa;

}



.statistics-section h2{

color:#198754;
font-size:40px;

}



.statistics-section p{

font-size:18px;
color:#555;

}



/* Mobile Responsive */

@media(max-width:768px){


.hero-section{

padding:40px 0;

}


.hero-section h1{

font-size:35px;

}


.floating-search-section{

margin-top:-30px;

}


.search-box{

padding:20px;
border-radius:18px;

}


.search-box h3{

font-size:22px;

}


.statistics-section h2{

font-size:32px;

}


}
/* =========================
Service Cards
========================= */


.popular-services{

background:#ffffff;

}



.popular-services h2{

color:#198754;

}



.service-card{

background:#fff;
padding:25px 15px;
border-radius:20px;
height:100%;
transition:.3s;

}



.service-card i{

font-size:45px;
color:#198754;
margin-bottom:15px;

}



.service-card h5{

font-weight:700;

}



.service-card p{

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

}



.service-card:hover{

transform:translateY(-8px);

}



@media(max-width:576px){

.service-card{

padding:20px 10px;

}


.service-card i{

font-size:35px;

}


.service-card h5{

font-size:16px;

}

}
/* =========================
Why Section
========================= */


.why-card{

padding:30px;
border-radius:20px;
background:white;
height:100%;

}



.why-card i{

font-size:45px;
color:#198754;
margin-bottom:20px;

}



.why-card h4{

font-weight:700;

}



/* =========================
How Works
========================= */


.step-box{

background:white;
padding:30px;
border-radius:20px;

}



.step-number{

width:60px;
height:60px;
line-height:60px;
margin:auto;
margin-bottom:20px;

background:#198754;
color:white;

border-radius:50%;

font-size:25px;
font-weight:bold;

}



/* =========================
CTA
========================= */


.cta-section{

background:#198754;
color:white;

}



.cta-section p{

font-size:18px;
margin:20px auto;

max-width:700px;

}



.cta-section .btn{

border-radius:30px;
padding:12px 35px;

}
/* =========================
Contact
========================= */


.contact-section{

background:#f8f9fa;

}



.contact-item{

display:flex;
align-items:center;
gap:15px;
margin:15px 0;

font-size:17px;

}



.contact-item i{

color:#198754;
font-size:22px;

}



.contact-box{

background:white;
padding:35px;
border-radius:20px;

}





/* =========================
Footer
========================= */


.main-footer{

background:#111;
color:white;
padding:40px 0;

}



.footer-link{

color:#ddd;
text-decoration:none;
margin-left:15px;

}



.footer-link:hover{

color:#ffc107;

}



@media(max-width:768px){

.footer-link{

display:inline-block;
margin:8px;

}

}
/* Desktop Navbar Menu Box Style */

@media (min-width: 992px){

.navbar-nav .nav-link{

    background:#ffffff;
    color:#198754 !important;

    margin-left:8px;

    padding:8px 14px !important;

    border-radius:8px;

    font-weight:600;

    border:1px solid #198754;

    transition:.3s;

}


.navbar-nav .nav-link:hover{

    background:#198754;

    color:white !important;

}


/* Brand */

.navbar-brand{

    font-weight:800;

    font-size:24px;

}


/* NEW badge */

.navbar-nav .nav-link{

    white-space:nowrap;

}

}