/*=====================================
Google Font
======================================*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

:root{

    --primary:#e7b8a8;
    --secondary:#f4d6cc;
    --white:#ffffff;
    --black:#0d0d0d;
    --text:#d7d7d7;
    --border:rgba(255,255,255,.15);

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Poppins',sans-serif;
    background:#080808;
    color:#fff;
}

img{
    max-width:100%;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

/*-----------------header-----------------*/

/* .header-area{

    position:absolute;
    width:100%;
    left:0;
    top:0;
    z-index:999;
     padding:0px 0;

}

.navbar{

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

}

.logo img{

    width:100%;
    height:150px;

}

.nav-menu{

    display:flex;
    gap:40px;

}

.nav-menu li a{

    color:#fff;
    font-size:15px;
    transition:.4s;

}

.nav-menu li a:hover{

    color:var(--primary);

}

.book-btn{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 28px;

    background:#f7d8cf;

    color:#111;

    border-radius:40px;

    font-weight:600;

    transition:.4s;

}

.book-btn:hover{

    background:#fff;

} */




/*=========================================
HEADER
=========================================*/

.header-area{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    padding: 0;

    background: transparent;

    transition: all .4s ease;

}

/* Sticky Header */

.header-area.sticky{

    background: rgba(8,8,8,.96);

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

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

}

/* Navbar */

.navbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

/* Logo */

.logo img{

    width:auto;

    height:140px;

    transition:.4s;

}

/* Logo Size on Scroll */

.header-area.sticky .logo img{

    height:95px;

}

/* Menu */

.nav-menu{

    display:flex;

    align-items:center;

    gap:40px;

    margin:0;

    padding:0;

    list-style:none;

}

.nav-menu li a{

    color:#fff;

    font-size:15px;

    font-weight:500;

    text-decoration:none;

    transition:.3s;

    position:relative;

}

.nav-menu li a:hover,

.nav-menu li a.active{

    color:#E5B09B;

}

.nav-menu li a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:#E5B09B;

    transition:.3s;

}

.nav-menu li a:hover::after,

.nav-menu li a.active::after{

    width:100%;

}

/* Button */

.book-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 30px;

    border-radius:50px;

    background:#F5D5CB;

    color:#111;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.book-btn:hover{

    background:#fff;

    transform:translateY(-3px);

}
/*---------------hero section---------------*/

/* .hero-section{

    position:relative;

    min-height:100vh;

    overflow:hidden;

    display:flex;

    align-items:center;

    background:

    linear-gradient(to right,#090909 0%,#1a0f0c 60%,#120909 100%);
    

} */


.hero-section{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    background-image:
    linear-gradient(
    to right,
    rgba(8,8,8,.96) 0%,
    rgba(8,8,8,.82) 35%,
    rgba(8,8,8,.25) 70%,
    rgba(8,8,8,.05) 100%
    ),
    url("../assets/images/home/hero.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    padding-top: 166px;
    padding-bottom: 90px;
}

.hero-bg{

    position:absolute;

    right:-150px;

    top:50%;

    transform:translateY(-50%);

    width:700px;

    height:700px;

    border-radius:50%;

    background:

    radial-gradient(circle,
    rgba(233,170,150,.45),
    transparent 70%);

    filter:blur(80px);

}

/*---------------hero left content----------------*/

.hero-content{

    position:relative;

    z-index:10;

}

.hero-subtitle{

    color:var(--secondary);

    font-size:22px;

    display:block;

    margin-bottom:20px;

    font-family:'Cormorant Garamond',serif;

}

.hero-content h1{

    font-size:82px;

    line-height:1;

    color:#fff;

    font-family:'Cormorant Garamond',serif;

    margin-bottom:25px;

}

.hero-content h1 span{

    display:block;

    color:var(--primary);

    font-style:italic;

    font-size:95px;

}

.hero-content p{

    color:#cfcfcf;

    line-height:34px;

    max-width:580px;

    margin-bottom:40px;

}


.hero-buttons{

    display:flex;

    gap:20px;

    margin-bottom:60px;

}

.btn-primary{

    background:#f5d7cd;

    color:#111;

    padding:18px 35px;

    border-radius:50px;

    display:inline-flex;

    align-items:center;

    gap:10px;

    transition:.4s;

}

.btn-primary:hover{

    transform:translateY(-5px);

}

.btn-outline{

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

    color:#fff;

    padding:18px 35px;

    border-radius:50px;

    display:flex;

    gap:10px;

    transition:.4s;

}

.btn-outline:hover{

    background:#fff;

    color:#111;

}

/*------------------features-------------*/

.hero-features{

    display:grid;

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

    gap:30px;

}

.feature-item{

    display:flex;

    align-items:center;

    gap:15px;

}

.feature-item .icon{

    width:52px;

    height:52px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--primary);

    font-size:22px;

}

.feature-item h6{

    color:#fff;

    line-height:25px;

}

.hero-image{

    position:relative;

    text-align:right;

}

.hero-image img{

    width:95%;

    position:relative;

    z-index:5;

}

.circle-glow{

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    border:4px solid rgba(241,177,158,.8);

    right:50px;

    top:60px;

    box-shadow:

    0 0 40px rgba(240,175,150,.4),

    0 0 80px rgba(240,175,150,.3);

}

.floating-card{

    position:absolute;

    bottom:90px;

    left:50px;

    background:#1a1a1a;

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

    padding:15px 25px;

    border-radius:40px;

    color:#fff;

    display:flex;

    gap:10px;

    align-items:center;

    z-index:10;

}

.floating-card i{

    color:#f0b09d;

}


@media(max-width:991px){

.hero-section{

padding:180px 0 100px;

text-align:center;

}

.hero-content h1{

font-size:60px;

}

.hero-content h1 span{

font-size:70px;

}

.hero-image{

margin-top:60px;

text-align:center;

}

.hero-features{

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

}

.nav-menu{

display:none;

}

}

@media(max-width:767px){

.hero-content h1{

font-size:42px;

}

.hero-content h1 span{

font-size:50px;

}

.hero-buttons{

flex-direction:column;

}

.hero-features{

grid-template-columns:1fr;

}

.circle-glow{

width:300px;

height:300px;

right:30px;

}

}


/*------------------services section styles-------------*/

/*==================================
Services Section
==================================*/

.services-section{

    padding:60px 0;

    background:#fffaf8;

    position:relative;

}

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title span{

    color:#c89274;

    font-size:18px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:2px;

}

.section-title h2{

    font-size:50px;

    font-family:'Cormorant Garamond',serif;

    margin:20px 0;

    color:#222;

    line-height:1.2;

}

.section-title strong{

    color:#d79d82;

    font-weight:700;

}

.section-title p{

    width:650px;

    margin:auto;

    color:#666;

    line-height:30px;

}

.services-grid{

    display:grid;

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

    gap:30px;

}

.service-card{

    background:#fff;

    border-radius:25px;

    padding:45px 30px;

    text-align:center;

    transition:.4s;

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

    position:relative;

    overflow:hidden;

}

.service-card::before{

    content:"";

    position:absolute;

    width:100%;

    height:5px;

    left:0;

    top:0;

    background:#d79d82;

    transform:scaleX(0);

    transition:.4s;

}

.service-card:hover::before{

    transform:scaleX(1);

}

.service-card:hover{

    transform:translateY(-15px);

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

}

.service-icon{

    width:85px;

    height:85px;

    margin:auto;

    border-radius:50%;

    background:#f8ebe6;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:25px;

    transition:.4s;

}

.service-icon i{

    font-size:34px;

    color:#d79d82;

}

.service-card:hover .service-icon{

    background:#d79d82;

}

.service-card:hover .service-icon i{

    color:#fff;

}

.service-card h3{

    font-size:26px;

    margin-bottom:15px;

    color:#222;

    font-family:'Cormorant Garamond',serif;

}

.service-card p{

    color:#666;

    line-height:28px;

    font-size:15px;

}


@media(max-width:1200px){

.services-grid{

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

}

}

@media(max-width:991px){

.services-grid{

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

}

.section-title h2{

font-size:42px;

}

.section-title p{

width:100%;

}

}

@media(max-width:767px){

.services-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:34px;

}

.services-section{

padding:30px 0;

}

.service-card{

padding:35px 25px;

}

}


/*------------------classes section styles---------------*/

/*==========================
Classes Section
===========================*/

.classes-section{

    background:#faefea;

    padding:60px 0;

}

.classes-section .section-title{

    text-align:center;

    margin-bottom:60px;

}

.classes-section .section-title span{

    color:#c58e73;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:15px;

}

.classes-section .section-title h2{

    font-size:52px;

    font-family:'Cormorant Garamond',serif;

    color:#222;

    margin-top:15px;

}

.class-card{

    border-radius:20px;

    overflow:hidden;

    background:#111;

    transition:.4s;

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

}

.class-card:hover{

    transform:translateY(-10px);

}

.class-image{

    overflow:hidden;

}

.class-image img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.5s;

}

.class-card:hover img{

    transform:scale(1.08);

}

.class-content{

    background:#111;

    color:#fff;

    padding:70px 30px 35px;

    position:relative;

    text-align:center;

}

.class-icon{

    width:85px;

    height:85px;

    border-radius:50%;

    background:#1d1d1d;

    border:2px solid #d7a28a;

    position:absolute;

    left:50%;

    top:-42px;

    transform:translateX(-50%);

    display:flex;

    justify-content:center;

    align-items:center;

}

.class-icon i{

    color:#d7a28a;

    font-size:30px;

}

.class-content h3{

    font-size:30px;

    font-family:'Cormorant Garamond',serif;

    margin-bottom:15px;

}

.class-content p{

    color:#bfbfbf;

    line-height:28px;

    font-size:15px;

}

.class-btn{

    text-align:center;

    margin-top:60px;

}

.theme-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 42px;

    border-radius:50px;

    background:#fff;

    color:#111;

    font-weight:600;

    transition:.4s;

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

}

.theme-btn:hover{

    background:#d7a28a;

    color:#fff;

}


@media(max-width:991px){

.class-card{

margin-bottom:30px;

}

.classes-section{

padding:90px 0;

}

}

@media(max-width:767px){

.class-image img{

height:260px;

}

.classes-section .section-title h2{

font-size:38px;

}

.class-content{

padding:65px 20px 25px;

}

.class-content h3{

font-size:25px;

}

}


/*============================
About
=============================*/

.about-section{

    padding:60px 0;

    background:#111;

    overflow:hidden;

}

.about-images{

    /* position:relative; */

    width:100%;

    /* max-width:520px; */

}

.about-main{

    width:100%;

    border-radius:18px;

    display:block;

}

.about-small{

    position:absolute;

    width:180px;

    border-radius:12px;

    border:4px solid #dba48a;

    transition:.4s;

}

.about-small:hover{

    transform:scale(1.05);

}

.about-small.one{

    right:-30px;

    top:25px;

}

.about-small.two{

    right:-30px;

    bottom:25px;

}

.flower-shape{

    position:absolute;

    left:-80px;

    bottom:0;

    opacity:.12;

}

.flower-shape img{

    width:200px;

}

.about-content span{

    color:#dba48a;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:15px;

}

.about-content h2{

    font-size:55px;

    color:#fff;

    margin:20px 0;

    line-height:1.1;

    font-family:'Cormorant Garamond',serif;

}

.about-content h2 strong{

    color:#dba48a;

}

.about-content p{

    color:#c9c9c9;

    line-height:30px;

    margin-bottom:45px;

}

.about-counter{

    display:grid;

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

    gap:25px;

    margin-bottom:40px;

}

.counter-box{

    text-align:center;

}

.counter-box i{

    color:#dba48a;

    font-size:28px;

    margin-bottom:15px;

}

.counter-box h3{

    color:#fff;

    font-size:36px;

    margin-bottom:8px;

}

.counter-box p{

    color:#aaa;

    margin:0;

    font-size:15px;

}

.about-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#f3d4c8;

    color:#111;

    padding:18px 35px;

    border-radius:50px;

    font-weight:600;

    transition:.4s;

}

.about-btn:hover{

    background:#dba48a;

    color:#fff;

}

@media(max-width:991px){

.about-images{

margin:auto;

margin-bottom:70px;

}

.about-small{

width:140px;

}

.about-counter{

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

}

.about-content{

text-align:center;

}

}

@media(max-width:767px){

.about-content h2{

font-size:38px;

}

.about-counter{

grid-template-columns:1fr 1fr;

gap:20px;

}

.about-small{

width:100px;

right:-10px;

}

.about-section{

padding:30px 0;

}

}


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

.why-section{

    padding:60px 0;

    background:#111;

}

.why-section .section-title{

    margin-bottom:70px;

}

.why-section .section-title span{

    color:#d8a48d;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:15px;

}

.why-section .section-title h2{

    color:#fff;

    font-size:52px;

    margin-top:15px;

    font-family:'Cormorant Garamond',serif;

}

.why-grid{

    display:grid;

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

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

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

}

.why-box{

    padding:40px 20px;

    text-align:center;

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

    transition:.4s;

    position:relative;

}

.why-box:last-child{

    border-right:none;

}

.why-box:hover{

    background:#191919;

}

.why-box::before{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:3px;

    background:#d8a48d;

    transform:scaleX(0);

    transition:.4s;

}

.why-box:hover::before{

    transform:scaleX(1);

}

.why-icon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:#1d1d1d;

    border:1px solid rgba(216,164,141,.35);

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:25px;

    transition:.4s;

}

.why-box:hover .why-icon{

    background:#d8a48d;

}

.why-icon i{

    font-size:30px;

    color:#d8a48d;

}

.why-box:hover .why-icon i{

    color:#fff;

}

.why-box h4{

    color:#fff;

    font-size:22px;

    margin-bottom:15px;

    font-family:'Cormorant Garamond',serif;

}

.why-box p{

    color:#bbb;

    line-height:28px;

    font-size:15px;

}


@media(max-width:1200px){

.why-grid{

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

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

.why-box{

border-right:none;

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

}

.why-box:last-child{

border-bottom:none;

}

.why-section{

padding:80px 0;

}

.why-section .section-title h2{

font-size:38px;

}

}

/*==================================
Vision Mission
==================================*/

.vision-mission-section{

    background:#111;

    padding:10px 0 0px;

}

.vm-card{

    background:#161616;

    border:1px solid rgba(219,164,138,.30);

    border-radius:20px;

    padding:50px 40px;

    text-align:center;

    position:relative;

    overflow:hidden;

    transition:.4s;

    height:100%;

}

.vm-card:hover{

    transform:translateY(-10px);

    border-color:#dba48a;

    box-shadow:0 25px 60px rgba(219,164,138,.18);

}

.vm-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#dba48a;

    transform:scaleX(0);

    transition:.4s;

}

.vm-card:hover::before{

    transform:scaleX(1);

}

.vm-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    margin:auto;

    margin-bottom:30px;

    display:flex;

    justify-content:center;

    align-items:center;

    border:2px solid rgba(219,164,138,.35);

    background:#1f1f1f;

    transition:.4s;

}

.vm-card:hover .vm-icon{

    background:#dba48a;

}

.vm-icon i{

    font-size:36px;

    color:#dba48a;

    transition:.4s;

}

.vm-card:hover .vm-icon i{

    color:#fff;

}

.vm-card h3{

    color:#fff;

    font-size:34px;

    margin-bottom:20px;

    font-family:'Cormorant Garamond',serif;

}

.vm-card p{

    color:#bdbdbd;

    line-height:30px;

    font-size:16px;

}


@media(max-width:991px){

    .vision-mission-section{

        padding:70px 0;

    }

    .vm-card{

        margin-bottom:30px;

    }

}

@media(max-width:767px){

    .vm-card{

        padding:35px 25px;

    }

    .vm-card h3{

        font-size:28px;

    }

    .vm-icon{

        width:75px;

        height:75px;

    }

    .vm-icon i{

        font-size:28px;

    }

}


/*====================================
Gallery Section
=====================================*/

.gallery-section{

    padding:60px 0;

    background:#111;

}

.gallery-section .section-title{

    margin-bottom:60px;

}

.gallery-section .section-title span{

    color:#dba48a;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:15px;

}

.gallery-section .section-title h2{

    color:#fff;

    font-size:52px;

    margin-top:15px;

    font-family:'Cormorant Garamond',serif;

}

.gallery-grid{

    display:grid;

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

    gap:20px;

}

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:15px;

    cursor:pointer;

    border:2px solid transparent;

    transition:.4s;

}

.gallery-item img{

    width:100%;

    height:220px;

    object-fit:cover;

    display:block;

    transition:.6s;

}

.gallery-item:hover{

    border-color:#dba48a;

}

.gallery-item:hover img{

    transform:scale(1.12);

}

.gallery-overlay{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.55);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    transition:.4s;

}

.gallery-overlay i{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#dba48a;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

}

.gallery-item:hover .gallery-overlay{

    opacity:1;

}

.gallery-btn{

    text-align:center;

    margin-top:60px;

}

.gallery-btn .theme-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 40px;

    background:#1c1c1c;

    color:#fff;

    border:1px solid #dba48a;

    border-radius:50px;

    transition:.4s;

}

.gallery-btn .theme-btn:hover{

    background:#dba48a;

}

@media(max-width:1200px){

.gallery-grid{

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

}

}

@media(max-width:768px){

.gallery-grid{

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

}

.gallery-item img{

height:180px;

}

.gallery-section{

padding:80px 0;

}

.gallery-section .section-title h2{

font-size:38px;

}

}

@media(max-width:576px){

.gallery-grid{

grid-template-columns:1fr;

}

.gallery-item img{

height:260px;

}

}


/*=====================================
Contact Section
======================================*/

.contact-section{

    padding:60px 0;

    background:#f8e8e2;

}

.contact-left span{

    color:#c98d73;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:15px;

}

.contact-left h2{

    font-size:48px;

    margin:15px 0;

    color:#222;

    font-family:'Cormorant Garamond',serif;

}

.contact-left p{

    color:#666;

    line-height:30px;

    margin-bottom:40px;

}

.info-box{

    display:flex;

    align-items:flex-start;

    gap:20px;

    margin-bottom:28px;

}

.info-box .icon{

    width:55px;

    height:55px;

    background:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#d79d82;

    font-size:20px;

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

}

.info-box h5{

    font-size:18px;

    color:#222;

    margin-bottom:5px;

}

.info-box p{

    margin:0;

    color:#666;

    line-height:26px;

}

.contact-image{

    border-radius:20px;

    overflow:hidden;

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

}

.contact-image img{

    width:100%;

    display:block;

    transition:.5s;

}

.contact-image:hover img{

    transform:scale(1.08);

}

.contact-form{

    background:#fff;

    border-radius:20px;

    padding:35px;

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

}

.contact-form input,

.contact-form select,

.contact-form textarea{

    width:100%;

    border:1px solid #ddd;

    border-radius:10px;

    padding:15px 18px;

    margin-bottom:20px;

    outline:none;

    transition:.3s;

}

.contact-form textarea{

    height:170px;

    resize:none;

}

.contact-form input:focus,

.contact-form select:focus,

.contact-form textarea:focus{

    border-color:#d79d82;

}

.contact-form button{

    width:100%;

    border:none;

    background:#111;

    color:#fff;

    padding:16px;

    border-radius:50px;

    font-size:16px;

    transition:.4s;

}

.contact-form button:hover{

    background:#d79d82;

}

.contact-form button i{

    margin-left:8px;

}


@media(max-width:991px){

.contact-section{

padding:80px 0;

}

.contact-image{

margin:30px 0;

}

}

@media(max-width:767px){

.contact-left h2{

font-size:36px;

}

.contact-form{

padding:25px;

}

.contact-form .col-6{

width:100%;

}

}


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

.footer-section{

    background:#0d0d0d;

    padding:90px 0 25px;

}

.footer-logo{

    width:180px;

    margin-bottom:25px;

}

.footer-widget p{

    color:#bdbdbd;

    line-height:30px;

    margin-bottom:30px;

}

.footer-widget h4{

    color:#fff;

    margin-bottom:30px;

    font-size:24px;

    font-family:'Cormorant Garamond',serif;

}

.footer-widget ul{

    padding:0;

    margin:0;

    list-style:none;

}

.footer-widget ul li{

    margin-bottom:15px;

    color:#cfcfcf;

}

.footer-widget ul li a{

    color:#cfcfcf;

    transition:.4s;

}

.footer-widget ul li a:hover{

    color:#d79d82;

    padding-left:8px;

}

.footer-contact li{

    display:flex;

    gap:15px;

    align-items:flex-start;

}

.footer-contact i{

    color:#d79d82;

    margin-top:5px;

}

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:45px;

    height:45px;

    border-radius:50%;

    background:#1c1c1c;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    transition:.4s;

}

.footer-social a:hover{

    background:#d79d82;

    transform:translateY(-5px);

}

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    margin-top:60px;

    padding-top:25px;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

}

.footer-bottom p{

    color:#aaa;

    margin:0;

}

.footer-bottom i{

    color:#d79d82;

}


@media(max-width:991px){

.footer-widget{

margin-bottom:40px;

}

.footer-bottom{

text-align:center;

justify-content:center;

gap:15px;

}

}

@media(max-width:767px){

.footer-section{

padding:70px 0 20px;

}

.footer-logo{

width:150px;

}

.footer-widget h4{

font-size:22px;

}

.footer-social{

justify-content:center;

}

.footer-bottom{

flex-direction:column;

}

}



/* .mobile-toggle{
    display:none;
} */


@media(max-width:600px){
   .mobile-toggle{
    display:block;
}

.book-btn {
    display: none; 
}

.about-images {
    margin: auto;
    margin-bottom: 0px;
}

.section-title {
    text-align: center;
    margin-bottom: 30px;
}

.classes-section {
    padding: 30px 0;
}

.classes-section .section-title {
    text-align: center;
    margin-bottom: 30px;
}

.class-card {
    margin-bottom: 10px;
}

.why-section {
    padding: 30px 0;
}

.why-section .section-title {
    margin-bottom: 30px;
}

.vision-mission-section {
    padding: 20px 0;
}

.gallery-section {
    padding: 30px 0;
}

.contact-section {
    padding: 30px 0;
}

.info-box .icon {
    width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d79d82;
    font-size: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    padding: 20px;
}
}


/* Hide gallery images after 10 */

.gallery-item.hide-gallery{
    display:none;
}



/* ==========================
   Mobile Sidebar Menu
========================== */

.mobile-toggle{
    display:none;
    width:35px;
    cursor:pointer;
    z-index:10001;
}

.mobile-toggle span{
    display:block;
    width:100%;
    height:3px;
    background:#fff;
    margin:7px 0;
    transition:.4s;
    border-radius:20px;
}

.mobile-toggle.active span:nth-child(1){
    transform:rotate(45deg) translate(7px,7px);
}

.mobile-toggle.active span:nth-child(2){
    opacity:0;
}

.mobile-toggle.active span:nth-child(3){
    transform:rotate(-45deg) translate(7px,-7px);
}

@media(max-width:991px){

.mobile-toggle{
    display:block;
}

.book-btn{
    display:none;
}

.nav-menu{

    position:fixed;

    top:0;

    left:-300px;

    width:280px;

    height:100vh;

    background:#000;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    padding:120px 30px;

    gap:10px;

    transition:.4s;

    z-index:9999;

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

}

.nav-menu.active{

    left:0;

}

.nav-menu li{

    width:100%;

}

.nav-menu li a{

    display:block;

    width:100%;

    padding:15px 0;

    color:#fff;

    font-size:18px;

    border-bottom:1px solid rgba(255,255,255,.08);

}

}




.menu-overlay{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.6);

    visibility:hidden;

    opacity:0;

    transition:.4s;

    z-index:9998;

}

.menu-overlay.active{

    visibility:visible;

    opacity:1;

}