html,
body{
    overflow-x:hidden;
    width:100%;
}

:root{
--primary:#8d0012;
--dark:#111827;
--light:#f6f6f6;
--white:#ffffff;
--text:#2f2f2f;
--gold:#D4AF37;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
max-width:100%;
}

html{
scroll-behavior:smooth;
}

body{
font-family:'Plus Jakarta Sans',sans-serif;
background:#f6f6f6;
color:var(--text);
overflow-x:hidden;
}

h1,h2,h3,h4,h5{
font-family:'Cormorant Garamond',serif;
font-weight:700;
}

.section{
padding:110px 0;
}

/* ===================
NAVBAR
=================== */

.luxury-nav{
position:fixed;
top:0;
left:0;
width:100%;
z-index:9999;

background:rgba(255,255,255,.75);
backdrop-filter:blur(20px);

box-shadow:0 5px 25px rgba(0,0,0,.05);
}

.navbar-brand{
font-size:28px;
font-weight:700;
color:var(--primary)!important;
}

.nav-link{
font-size:15px;
font-weight:600;
color:#222!important;
margin-left:15px;
text-transform: uppercase;
}

.navbar .nav-link.active,
.navbar .nav-link.active:hover {
    color: var(--primary) !important;
    font-weight: 600;
}

.dropdown-menu {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
}

.dropdown-item {
    padding: 10px 20px;
}

.dropdown-item:hover,
.dropdown-item.active {
    background: transparent !important;
    color: var(--primary) !important;
}

.nav-link.dropdown-toggle.active {
    color: var(--primary) !important;
}

.btn-order{
background:var(--primary);
color:#fff;
padding:12px 26px;
text-decoration:none;
font-size:13px;
font-weight:600;
}

.btn-order:hover{
background:#6e000e;
color:#fff;
}

/* Premium Dropdown */

.custom-dropdown{
    border:none;
    border-radius:0;
    min-width:240px;
    padding:10px 0;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.custom-dropdown .dropdown-item{
    padding:12px 20px;
    font-size:14px;
    transition:.3s;
}

.custom-dropdown .dropdown-item:hover{
    background:#f8f8f8;
    color:var(--primary);
    padding-left:28px;
}

/* Hover Open */

@media(min-width:992px){

    .navbar .dropdown:hover .dropdown-menu{
        display:block;
        margin-top:0;
    }

    .navbar .dropdown-menu{
        display:none;
    }

}

/* ===================
LANG SWITCHER
=================== */

.lang-switch{
display:flex;
border:1px solid #ddd;
overflow:hidden;
}

.lang-switch button{
border:none;
background:#fff;
padding:8px 12px;
font-size:12px;
}

.lang-switch .active{
background:var(--primary);
color:#fff;
}

/* ===================
HERO
=================== */

.hero{
height:100vh;
position:relative;
}

.heroSwiper,
.heroSwiper .swiper-slide{
height:100vh;
}

.slide{
position:relative;
background-size:cover;
background-position:center;
}

.slide::before{
content:'';
position:absolute;
inset:0;
background:rgba(255,255,255,.50);
}

/*.slide1{
background-image:url('images/banner.jpg');
}

.slide2{
background-image:url('images/banner1.png');
}

.slide3{
background-image:url('images/banner2.png');
}*/

.hero-content{
position:absolute;
top:50%;
left:20%;
transform:translateY(-50%);
z-index:2;
max-width:650px;
}

.inner .hero-content{
position:absolute;
top:50%;
left:0%;
transform:translateY(-50%);
z-index:2;
max-width:650px;
}

.hero-subtitle{
font-size:12px;
letter-spacing:2px;
font-weight:600;
color:var(--primary);
text-transform:uppercase;
margin-bottom:15px;
}

.hero-title{
font-size:70px;
line-height:1.1;
margin-bottom:25px;
}

.hero-text{
font-size:16px;
line-height:1.9;
margin-bottom:30px;
color:#444;
}

.btn-main{
background:var(--primary);
color:#fff;
padding:14px 30px;
text-decoration:none;
font-weight:600;
display:inline-block;
}

.btn-main:hover{
background:#6f0010;
color:#fff;
}

.btn-outline-custom{
border:1px solid #111;
padding:14px 30px;
text-decoration:none;
color:#111;
margin-left:10px;
}

.btn-outline-custom:hover{
background:#111;
color:#fff;
}

.swiper-pagination-bullet{
width:14px;
height:14px;
}

.swiper-pagination-bullet-active{
background:var(--primary);
}

/* ===================
SVG WAVE
=================== */

.wave{
position:absolute;
bottom:0;
left:0;
width:100%;
z-index:5;
}

.wave svg{
display:block;
width:100%;
height:140px;
}

@media(max-width:991px){

.hero-title{
font-size:42px;
}

.hero-content{
left:25px;
right:25px;
max-width:100%;
}

.inner .hero-content{
left:25px;
right:25px;
max-width:100%;
}

.mega-menu{
width:100%;
}

}


.section-subtitle{
font-size:13px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:var(--primary);
margin-bottom:15px;
}

.section-title-lg{
font-size:50px;
line-height:1.1;
margin-bottom:25px;
}

.section-text{
font-size:16px;
line-height:1.9;
color:#555;
margin-bottom:20px;
}

.image-stack{
position:relative;
}

.img-main{
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.floating-card{
position:absolute;
bottom:-20px;
right:-20px;
background:#fff;
padding:25px;
box-shadow:0 20px 40px rgba(0,0,0,.08);
border-left:5px solid var(--primary);
}

.objective-card{
background:#fff;
padding:35px;
height:100%;
box-shadow:0 10px 40px rgba(0,0,0,.05);
transition:.4s;
}

.objective-card:hover{
transform:translateY(-10px);
}

.objective-icon{
width:70px;
height:70px;
background:var(--primary);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
margin-bottom:20px;
}

.counter-section{
padding:100px 0;
background:#111827;
color:#fff;
}

.counter-box{
text-align:center;
}

.counter{
font-size:72px;
font-weight:700;
color:var(--gold);
}

.counter-box h5{
font-size:18px;
}

@media(max-width:991px){

.section-title-lg{
font-size:40px;
}

.floating-card{
position:relative;
bottom:auto;
right:auto;
margin-top:20px;
}

}



.product-main-image{
border-radius:20px;
box-shadow:0 25px 60px rgba(0,0,0,.08);
}

.product-image-wrapper{
position:relative;
}

.product-badge{
position:absolute;
bottom:20px;
left:20px;
background:var(--primary);
color:#fff;
padding:15px 25px;
font-weight:600;
}

.sizes span{
display:inline-block;
padding:12px 20px;
border: 1px solid #efefef;
background:#fff;
box-shadow:0 5px 20px rgba(0,0,0,.06);
margin-right:10px;
margin-top:10px;
}

.target-card{
position:relative;
overflow:hidden;
height:320px;
}

.target-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.5s;
}

.target-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
display:flex;
align-items:flex-end;
padding:30px;
color:#fff;
}

.target-overlay h4{
font-size:32px;
}

.target-card:hover img{
transform:scale(1.08);
}

.partner-section{
    padding:90px 0;
    background:#fff;
}

.logoSwiper{
    padding:15px 5px;
}

.logoSwiper .swiper-slide{
    height:auto;
}

.logo-item{
    height:130px;
    background:#fff;
    border:1px solid #f0f0f0;
    border-radius:15px;

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

    padding:20px;
    margin:5px;

    transition:all .3s ease;
}

.logo-item:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.logo-item img{
    max-width:100%;
    max-height:70px;

    width:auto;
    height:auto;

    object-fit:contain;

    filter:grayscale(100%);
    opacity:.75;

    transition:all .3s ease;
}

.logo-item:hover img{
    filter:grayscale(0);
    opacity:1;
    transform:scale(1.05);
}

.coverage-section{
    background:#f8f8f8;
}

.coverageSwiper{
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.coverage-map{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
}

.coverage-pagination{
    bottom:15px !important;
}

.coverage-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    opacity:1;
}

.coverage-list{
    list-style:none;
    padding:0;
    margin-top:30px;
}

.coverage-list li{
    padding:15px 0;
    font-size:18px;
}

.coverage-list i{
    color:var(--primary);
    margin-right:10px;
}

@media(max-width:991px){

    .coverage-map{
        height:350px;
    }

}

.premium-cta{
padding:120px 0;
background:linear-gradient(135deg,#8d0012,#49000b);
color:#fff;
}

.premium-cta h2{
font-size:72px;
line-height:1.1;
margin-bottom:20px;
}

.premium-cta p{
font-size:20px;
opacity:.9;
}

.btn-light-custom{
background:#fff;
color:#111;
padding:15px 35px;
text-decoration:none;
font-weight:600;
margin-right:10px;
}

.btn-outline-light-custom{
border:1px solid #fff;
color:#fff;
padding:15px 35px;
text-decoration:none;
}

@media(max-width:991px){

.premium-cta h2{
font-size:42px;
}

.target-card{
height:260px;
}

}



.strengths-section{
background:#fff;
}

.strength-card{
background:#fff;
padding:40px 30px;
text-align:center;
height:100%;
box-shadow:0 15px 40px rgba(0,0,0,.06);
transition:.4s;
}

.strength-card:hover{
transform:translateY(-10px);
}

.strength-card i{
font-size:45px;
color:var(--primary);
margin-bottom:20px;
}

.contact-section{
background:#f7f7f7;
}

.contact-form-box{
background:#fff;
padding:40px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.form-control{
padding:14px;
margin-bottom:20px;
border-radius:0;
}

.contact-info p{
margin-bottom:15px;
font-size:16px;
}

.contact-info i{
color:var(--primary);
margin-right:10px;
}

.footer{
background:#e0e3e2;
color:#000000;
padding:80px 0 30px;
}

.footer h5{
margin-bottom:20px;
}

.footer a{
display:inline-block;
color:#000000;
text-decoration:none;
margin-bottom:10px;
}

.footer a:hover{
color:#aa2421;
}

.footer-bottom{
text-align:center;
color:#000000;
}

.footer-social{
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:20px;
}

.footer-social a{
    width:42px;
    height:42px;
    border:1px solid rgba(0,0,0,.2);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#8d0012;
    font-size:18px;
    text-decoration:none;
    transition:all .3s ease;
}

.footer-social a:hover{
    background:#8d0012; /* Your primary colour */
    border-color:#8d0012;
    color:#fff;
    transform:translateY(-3px);
}

.whatsapp-btn{
position:fixed;
bottom:30px;
right:30px;
width:50px;
height:50px;
background:#25D366;
color:#fff;
font-size:32px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
z-index:9999;
text-decoration:none;
box-shadow:0 10px 25px rgba(0,0,0,.2);
}


/* ===========================================
ABOUT HERO
=========================================== */

.about-hero{
    position:relative;
    height:550px;
    background:url("images/about-banner.jpg") center center/cover no-repeat;
    display:flex;
    align-items:center;
    margin-top:88px;
}

.about-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}

.about-hero .container{
    position:relative;
    z-index:2;
}

.about-title{
    font-size:68px;
    color:#fff;
    line-height:1.1;
    margin:20px 0;
}

.about-text{
    font-size:18px;
    color:#f2f2f2;
    max-width:760px;
    margin:0 auto 30px;
    line-height:1.8;
}

.breadcrumb-box{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    color:#fff;
}

.breadcrumb-box a{
    color:#fff;
    text-decoration:none;
}

.breadcrumb-box a:hover{
    color:var(--gold);
}


/* ===========================================
COMMON
=========================================== */

.title-divider{
    width:80px;
    height:4px;
    background:var(--primary);
    margin:25px 0;
}


/* ===========================================
STATISTICS
=========================================== */

.stat-box{
    background:#fff;
    padding:30px;
    text-align:center;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.stat-box:hover{
    transform:translateY(-8px);
}

.stat-box h3{
    color:var(--primary);
    font-size:42px;
    margin-bottom:10px;
}

.stat-box p{
    margin:0;
    font-weight:600;
}


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

.strategic-image{
    position:relative;
}

.strategic-image img{
    border-radius:25px;
}

.experience-card{
    position:absolute;
    right:-25px;
    bottom:35px;
    width:170px;
    height:170px;
    background:var(--primary);
    color:#fff;
    border-radius:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    box-shadow:0 25px 45px rgba(0,0,0,.18);
}

.experience-card h2{
    font-size:48px;
    margin-bottom:8px;
}

.experience-card span{
    font-size:15px;
    text-align:center;
}


/* ===========================================
EXCLUSIVE SECTION
=========================================== */

.exclusive-section{
    background:linear-gradient(135deg,#8d0012,#56000b);
    color:#fff;
    padding:110px 0;
}

.partner-circle{
    width:260px;
    height:260px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    box-shadow:0 20px 50px rgba(0,0,0,.2);
}

.partner-circle img{
    max-width:65%;
}

.exclusive-tag{
    display:inline-block;
    padding:8px 18px;
    background:rgba(255,255,255,.15);
    border-radius:50px;
    font-size:13px;
    letter-spacing:2px;
    margin-bottom:20px;
}

.exclusive-section h2{
    font-size:40px;
    margin-bottom:25px;
}

.exclusive-section p{
    font-size:17px;
    line-height:1.9;
    opacity:.95;
}


/* ===========================================
VALUE CARDS
=========================================== */

.value-card{
    background:#fff;
    border-radius:18px;
    padding:40px 35px;
    height:100%;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.value-card:hover{
    transform:translateY(-10px);
}

.value-icon{
    width:75px;
    height:75px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:25px;
}

.objective-list{
    margin:0;
    padding-left:20px;
}

.objective-list li{
    margin-bottom:15px;
}


/* ===========================================
FEATURES
=========================================== */

.feature-item{
    display:flex;
    gap:20px;
    margin-top:28px;
}

.feature-icon{
    width:55px;
    height:55px;
    background:var(--primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    flex-shrink:0;
}

.feature-item h5{
    margin-bottom:8px;
}


/* ===========================================
FUTURE
=========================================== */

.future-section{
    background:#f8f8f8;
}

.future-card{
    background:#fff;
    border-radius:18px;
    text-align:center;
    padding:45px 25px;
    transition:.35s;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}

.future-card:hover{
    transform:translateY(-8px);
}

.future-card i{
    font-size:48px;
    color:var(--primary);
    margin-bottom:25px;
}

.future-card h5{
    margin:0;
}


/* ===========================================
CONTACT
=========================================== */

.about-contact-section{
    background:#111827;
    color:#fff;
    padding:110px 0;
}

.contact-title{
    font-size:56px;
    margin:20px 0;
}

.contact-text{
    line-height:1.9;
    color:#d8d8d8;
}

.contact-list{
    margin-top:40px;
}

.contact-item{
    display:flex;
    gap:20px;
    margin-bottom:25px;
}

.contact-item i{
    width:55px;
    height:55px;
    border-radius:50%;
    background:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
}

.about-contact-form{
    background:#fff;
    padding:45px;
    border-radius:20px;
    color:#222;
    box-shadow:0 20px 60px rgba(0,0,0,.2);
}

.about-contact-form .form-control{
    border-radius:10px;
    padding:15px;
    margin-bottom:20px;
}

.about-contact-form textarea{
    resize:none;
}


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

@media(max-width:991px){

.about-hero{
    height:420px;
}

.about-title{
    font-size:42px;
}

.about-text{
    font-size:16px;
}

.section-title-lg{
    font-size:38px;
}

.exclusive-section h2{
    font-size:38px;
}

.contact-title{
    font-size:38px;
}

.partner-circle{
    width:200px;
    height:200px;
    margin-bottom:40px;
}

.experience-card{
    position:relative;
    right:auto;
    bottom:auto;
    margin:20px auto 0;
}

.about-contact-form{
    margin-top:40px;
}

}

@media(max-width:576px){

.about-title{
    font-size:34px;
}

.section{
    padding:70px 0;
}

.stat-box{
    padding:20px;
}

.value-card{
    padding:30px;
}

.future-card{
    padding:30px 20px;
}

.about-contact-form{
    padding:30px;
}

}


/* ==========================================
CONTACT HERO
========================================== */

.contact-hero{

    position:relative;

    height:550px;

    margin-top:90px;

    overflow:hidden;

    display:flex;

    align-items:center;

}

.hero-bg{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    /*object-fit:cover;*/

}

/* Left curved panel */

.hero-left-panel{

    position:absolute;

    left:0;

    top:0;

    width:50%;

    height:100%;

    background:linear-gradient(
        135deg,
        rgba(141, 0, 18,.60),
        rgba(141, 0, 18,1)
    );

    clip-path:ellipse(90% 120% at 0% -20%);

    z-index:2;

}

/* Red border like the design */

.hero-left-panel::after{

    content:"";

    position:absolute;

    inset:0;

    border-right:8px solid rgba(170,30,35,.6);

    clip-path:ellipse(88% 120% at 0% 50%);

}

.container{

    position:relative;

    z-index:10;

}

.hero-content{

    color:#fff;

    max-width:430px;

}

.inner .hero-content{

    color:#fff;

    max-width:430px;

}

.hero-subtitle{

    color:#d4af37;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.hero-subtitle::after{

    content:"";

    display:block;

    width:45px;

    height:3px;

    margin-top:12px;

    background:#d4af37;

}

.hero-content h1{

    font-size:60px;

    margin:10px 0;

    color:#fff;

}

.inner .hero-content h1{

    font-size:50px;

    margin:10px 0;

    color:#fff;

}

.hero-content p{

    line-height:1.9;

    color:#eee;

}

.hero-content nav{

    margin-top:40px;

}

.hero-content nav a{

    color:#fff;

    text-decoration:none;

}

.hero-content nav span{

    color:#d4af37;

}

/* ==========================================
CONTACT CARDS
========================================== */

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

.contact-info-card:hover{
    transform:translateY(-10px);
}

.contact-icon{
    width:80px;
    height:80px;
    margin:auto;
    background:var(--primary);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:25px;
}

.contact-info-card h4{
    margin-bottom:15px;
}

.contact-info-card p{
    line-height:1.9;
    color:#666;
}

.line{
    width:60px;
    height:3px;
    background:var(--primary);
    margin:18px auto 25px;
}

/* ==========================================
FORM
========================================== */

.contact-form-wrapper{
    background:#fff;
    border-radius:25px;
    padding:45px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.contact-form-wrapper .form-control,
.contact-form-wrapper .form-select{
    padding:15px;
    border-radius:10px;
    border:1px solid #ddd;
}

.contact-form-wrapper textarea{
    resize:none;
}

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

.company-image-box{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    height:100%;
    min-height:700px;
}

.company-image-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.company-image-box:hover img{
    transform:scale(1.08);
}

.company-overlay{
    position:absolute;
    left:30px;
    right:30px;
    bottom:30px;
    background:rgba(141,0,18,.95);
    color:#fff;
    padding:30px;
    border-radius:18px;
}

.company-overlay h4{
    margin-bottom:12px;
}

.company-overlay p{
    margin:0;
    line-height:1.8;
}

.award-icon{
    width:70px;
    height:70px;
    background:#fff;
    color:var(--primary);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

/* ==========================================
MAP
========================================== */

.map-section iframe{
    display:block;
    width:100%;
    filter:grayscale(10%);
}

/* ==========================================
FAQ
========================================== */

.accordion-item{
    border:none;
    border-radius:12px !important;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.accordion-button{
    padding:22px;
    font-weight:600;
}

.accordion-button:not(.collapsed){
    background:var(--primary);
    color:#fff;
}

.accordion-button:focus{
    box-shadow:none;
}

.accordion-body{
    padding:25px;
    line-height:1.9;
}

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

@media(max-width:991px){

.contact-hero{
    height:420px;
}

.contact-hero-title{
    font-size:44px;
}

.contact-hero-text{
    font-size:16px;
}

.company-image-box{
    min-height:450px;
    margin-top:40px;
}

.contact-form-wrapper{
    padding:30px;
}

.company-overlay{
    left:20px;
    right:20px;
    bottom:20px;
}

}

@media(max-width:576px){

.contact-hero-title{
    font-size:34px;
}

.contact-info-card{
    padding:30px 20px;
}

.contact-form-wrapper{
    padding:25px;
}

.contact-icon{
    width:65px;
    height:65px;
    font-size:24px;
}

.company-overlay{
    padding:20px;
}

}



/*=============================
BE WATER
=============================*/

.be-water-section{

    background:#fff;

}

.be-water-image{

    border-radius:20px;

    overflow:hidden;

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

}

.be-water-image img{

    width:100%;

    transition:.5s;

}

.be-water-image:hover img{

    transform:scale(1.05);

}

.section-title{

    font-size:44px;

    font-family:'Cormorant Garamond',serif;

    font-weight:700;

}

/*=============================
PERFECT FOR
=============================*/

.perfect-card{

    background:#fff;

    padding:35px 20px;

    text-align:center;

    border-radius:16px;

    height:100%;

    transition:.35s;

    border:1px solid #ececec;

    box-shadow:0 8px 30px rgba(0,0,0,.05);

}

.perfect-card:hover{

    transform:translateY(-8px);

    border-color:var(--primary);

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

}

.perfect-card i{

    font-size:38px;

    color:var(--primary);

    margin-bottom:22px;

}

.perfect-card h6{

    margin:0;

    font-weight:700;

    line-height:1.6;

}

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

@media(max-width:991px){

    .section-title{

        font-size:36px;

    }

}

@media(max-width:576px){

    .section-title{

        font-size:30px;

    }

    .perfect-card{

        padding:25px 15px;

    }

    .perfect-card i{

        font-size:30px;

    }

}

/*=================================
AVAILABLE SIZES
=================================*/

.sizes-section{

    background:#fff;

}

.size-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    height:100%;

    transition:.4s;

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

    border:1px solid #eee;

}

.size-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.size-image{

    /*background:#f8f8f8;*/

    padding:20px;

    text-align:center;

}

.size-image img{

    height:380px;

    object-fit:contain;

    transition:.5s;

}

.size-card:hover img{

    transform:scale(1.08);

}

.size-content{

    padding:35px;

}

.size-content h3{

    font-size:34px;

    margin-bottom:20px;

}

.size-content p{

    color:#666;

    line-height:1.8;

}

.size-content ul{

    margin-top:20px;

    padding-left:20px;

}

.size-content li{

    margin-bottom:10px;

}

/*=================================
FEATURES
=================================*/

.feature-card{

    background:#fff;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    height:100%;

    transition:.35s;

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

}

.feature-card:hover{

    transform:translateY(-10px);

}

.feature-icon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;

}

.feature-card h4{

    margin-bottom:20px;

}

.feature-card p{

    line-height:1.8;

    color:#666;

}

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

@media(max-width:991px){

    .size-image img{

        height:220px;

    }

}

@media(max-width:576px){

    .size-content{

        padding:25px;

    }

    .size-content h3{

        font-size:28px;

    }

    .feature-card{

        padding:30px 20px;

    }

}