/*==============================
Mega Categories
==============================*/

.mega-sidebar{

background:#fff;

border-radius:20px;

padding:25px;

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

height:100%;

}

.mega-sidebar-header{

margin-bottom:25px;

}

.mega-sidebar-header h4{

font-size:22px;

font-weight:700;

margin-bottom:8px;

}

.mega-sidebar-header p{

font-size:14px;

color:#777;

}

.mega-category-list{

padding:0;

margin:0;

list-style:none;

}

.mega-category-item{

margin-bottom:10px;

}

.mega-category-item a{

display:flex;

align-items:center;

padding:14px;

border-radius:16px;

transition:.3s;

text-decoration:none;

}

.mega-category-item:hover a{

background:#fff4f7;

}

.mega-category-image{

width:58px;

height:58px;

margin-right:15px;

}

.mega-category-image img{

width:100%;

height:100%;

border-radius:12px;

object-fit:cover;

}

.mega-category-info{

flex:1;

}

.mega-category-info h6{

font-size:16px;

font-weight:600;

margin-bottom:5px;

color:#222;

}

.mega-category-info span{

display:block;

font-size:13px;

color:#777;

margin-bottom:4px;

}

.mega-category-info small{

color:#ff4f81;

font-weight:600;

}

.mega-arrow{

font-size:14px;

color:#bbb;

transition:.3s;

}

.mega-category-item:hover .mega-arrow{

color:#ff4f81;

transform:translateX(4px);

}

.mega-service-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.mega-service-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.mega-service-image img{
    width:100%;
    height:180px;
    object-fit:cover;
}

.mega-service-content{
    padding:18px;
}

.mega-service-content h5{
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
}

.mega-rating,
.mega-duration{
    font-size:14px;
    color:#666;
    margin-bottom:6px;
}

.sale-price{
    color:#ff4f81;
    font-size:22px;
    font-weight:700;
    margin-right:8px;
}

.mega-price del{
    color:#999;
}


/*====================================
Mega Offer Banner
====================================*/

.mega-offer-card{

position:relative;

border-radius:24px;

overflow:hidden;

height:100%;

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

}

.offer-image img{

width:100%;

height:100%;

object-fit:cover;

min-height:520px;

}

.offer-overlay{

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

padding:35px;

background:linear-gradient(
180deg,
rgba(0,0,0,.15),
rgba(0,0,0,.75)
);

display:flex;

flex-direction:column;

justify-content:flex-end;

color:#fff;

}

.offer-badge{

display:inline-block;

background:#ff4f81;

padding:8px 18px;

border-radius:30px;

font-size:13px;

font-weight:600;

margin-bottom:20px;

width:max-content;

}

.offer-overlay h3{

font-size:40px;

font-weight:700;

margin-bottom:10px;

color:#fff;

}

.offer-overlay h5{

font-size:20px;

margin-bottom:15px;

color:#fff;

}

.offer-overlay p{

font-size:15px;

line-height:28px;

margin-bottom:20px;

}

.offer-features{

margin-bottom:25px;

}

.offer-features li{

margin-bottom:10px;

font-size:15px;

}

.offer-features i{

color:#4ade80;

margin-right:8px;

}

.offer-overlay .btn{

border-radius:50px;

padding:15px;

font-weight:600;

transition:.3s;

}

.offer-overlay .btn:hover{

transform:translateY(-3px);

}

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

.mega-footer{

margin-top:35px;

padding-top:30px;

border-top:1px solid #eeeeee;

}

.mega-guarantee{

display:flex;

flex-wrap:wrap;

gap:20px;

}

.mega-guarantee span{

display:flex;

align-items:center;

font-size:14px;

font-weight:500;

color:#555;

}

.mega-guarantee i{

color:#22c55e;

margin-right:8px;

font-size:16px;

}

.mega-footer .btn{

padding:12px 24px;

border-radius:40px;

font-weight:600;

}

@media(max-width:991px){

.mega-footer{

text-align:center;

}

.mega-guarantee{

justify-content:center;

margin-bottom:20px;

}

}

@media(max-width:576px){

.mega-guarantee{

flex-direction:column;

gap:10px;

align-items:center;

}

.mega-footer .btn{

width:100%;

margin-bottom:12px;

}

}