@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
a{text-decoration: none;}
html {
    scroll-behavior: smooth;
}
body{ font-family: "Figtree", sans-serif;}

/* HEADER */
header{
    border: 1px solid #eee;
    box-shadow: 0px 15px 10px -15px #9999992b;
    position: relative;
}
header .logobox{
    padding: 0;
    padding-top: 0;
}
header .logobox img{width: 100%;}
header .menubox{
    padding-top: 0;
    padding-bottom: 0;
    text-align: CENTER;
}
header .menubox > ul{
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}
header .menubox > ul >li{
    display: inline-block;
    position: relative;
}
header .menubox > ul > li > a{
    display: block;
    padding: 40px 7px;
    color: #000;
    font-weight: 500;
}
header .menubox > ul > li > ul{
    background-color: #fff;
    box-shadow: 0 1px 40px 0 rgba(0, 0, 0, .1);
    display: block;
    left: 0;
    list-style: none;
    margin-top: 20px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    transition: all .8s;
    visibility: hidden;
    width: 250px;
    z-index: 10;
    }
header .menubox > ul > li > ul > li{    position: relative;}
header .menubox > ul > li > ul > li > a{
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 17px;
    position: relative;
    text-transform: capitalize;
    transition: all .15s
linear;
    -webkit-transition: all .15s
linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    text-align: left;
    text-transform: uppercase;
    }
header .menubox > ul > li:hover > ul{    margin-top: 0;
    opacity: 1;
    transition: all .5s;
    visibility: visible;}

header .menubox > ul > li > ul > li:hover >a{
    background: #eeeeee;
}


header .logbox{
    text-align: right;
    padding: 0;
    padding-top: 35px;
}
header .logbox a{
    display: inline-block;
    color: #000;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 5px 15px;
    font-weight: 600;
}
header .logbox a span{display: block;}
header .logbox a span svg{
    width: 18px;
}
 


.hero-section{
    position:relative;
 
  
}

 

.hero-content{
    position:relative;
    z-index:2;
    color:#fff;
    max-width:620px;
}

.hero-content h1{
    font-size:64px;
    line-height:1;
    font-weight:800;
    margin-bottom:15px;
}

.hero-content h1 span{
    color:#ff8c00;
    font-size: 44px;
}

.hero-content p{
    font-size:19px;
    line-height:1.8;
    color:#e8e8e8;
    margin-bottom:35px;
}

.hero-btn{
    padding:15px 35px;
    border-radius:10px;
    font-weight:700;
    transition:.3s;
    text-decoration:none;
}

.btn-orange{
    background:#ff8800;
    color:#fff;
}

.btn-orange:hover{
    background:#e67300;
    color:#fff;
}

.btn-dark-outline{
    border:2px solid rgba(255,255,255,.4);
    color:#fff;
    background:rgba(255,255,255,.08);
}

.btn-dark-outline:hover{
    background:#fff;
    color:#000;
}

.review-box{
    display:flex;
    align-items:center;
    margin-top:35px;
}

.review-images{
    display:flex;
}

.review-images img{
    width:52px;
    height:52px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #fff;
    margin-left:-12px;
}

.review-images img:first-child{
    margin-left:0;
}

.review-text{
    margin-left:18px;
}

.review-text i{
    color:#ffc107;
}

.review-text span{
    color:#ddd;
    margin-left:8px;
}

@media(max-width:991px){

.hero-section{
    min-height:600px;
    text-align:center;
}

.hero-content{
    margin:auto;
}

.review-box{
    justify-content:center;
}

.hero-content h1{
    font-size:46px;
}

}

@media(max-width:576px){

.hero-content h1{
    font-size:36px;
}

.hero-content p{
    font-size:16px;
}

.hero-btn{
    width:100%;
    margin-bottom:15px;
}

}
.feature-strip{
    margin-top:-70px;
    position:relative;
    z-index:20;
}

.feature-box{
    background:#fff;
    border-radius:20px;
    box-shadow:0 8px 30px rgba(0,0,0,.15);
    overflow:hidden;
    border:1px solid #ececec;
}

.feature-item{
    text-align:center;
    padding:28px 20px;
    border-right:1px solid #ececec;
    transition:.35s;
    height:100%;
}

.feature-item:hover{
    background:#fafafa;
    transform:translateY(-4px);
}

.icon{
    font-size:34px;
    margin-bottom:15px;
}

.icon.globe{
    color:#1f80ff;
}

.icon.teacher{
    color:#39a66b;
}

.icon.cap{
    color:#153d7a;
}

.icon.tour{
    color:#0c8d83;
}

.icon.culture{
    color:#c62828;
}

.icon.heart{
    color:#b77a33;
}

.feature-item h6{
    font-size:17px;
    font-weight: bold;
    margin-bottom:4px;
    color:#333;
}

.feature-item span{
    display:block;
    font-size:16px;
    color:#555;
}

@media(max-width:991px){

.feature-strip{
    margin-top:40px;
}

.feature-item{
    border-right:none;
    border-bottom:1px solid #eee;
}

}

@media(max-width:576px){

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

.icon{
    font-size:28px;
}

.feature-item h6,
.feature-item span{
    font-size:14px;
}

}

.learn-section{
    background:#fff;
}

.section-title h2{
    font-size:48px;
    font-weight:800;
    color:#111;
    margin-bottom:8px;
    font-family:Georgia, serif;
}

.section-title span{
    /* width:70px; */
    /* height:4px; */
    /* background:#ff8c00; */
    display:inline-block;
    border-radius:50px;
}

.learn-card{
    background:#fff;
    border:1px solid #f1e8df;
    border-radius:18px;
    padding:35px 22px;
    text-align:center;
    height:100%;
    transition:.35s;
    box-shadow:0 4px 12px rgba(0,0,0,.04);
}

.learn-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
    border-color:#ff8c00;
}

.learn-icon{
    font-size:52px;
    margin-bottom:20px;
    transition:.3s;
}

.learn-card:hover .learn-icon{
    transform:scale(1.15) rotate(-8deg);
}

.learn-card h4{
    font-size: 18px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
    line-height:1.3;
}

.learn-card p{
    color:#666;
    line-height:1.8;
    min-height:80px;
    margin-bottom: 0px;
}

.learn-card a{
    color:#ff8c00;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.learn-card a:hover{
    letter-spacing:.5px;
}

.learn-card a i{
    transition:.3s;
}

.learn-card:hover a i{
    transform:translateX(5px);
}

@media(max-width:991px){

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

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

}

@media(max-width:576px){

.section-title h2{
    font-size:30px;
}

.learn-card{
    padding:30px 18px;
}

.learn-icon{
    font-size:42px;
}

.learn-card h4{
    font-size:20px;
}

.learn-card p{
    min-height:auto;
}

}

.learning-journey{
    background:#fff;
}

.section-heading h2{
    font-size:44px;
    font-weight:700;
    font-family:Georgia, serif;
    margin-bottom:10px;
}

.section-heading span{
    width:70px;
    height:4px;
    background:#ff8c00;
    display:inline-block;
    border-radius:50px;
}

.course-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:16px;
    overflow:hidden;
    transition:.35s;
    height:100%;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

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

.course-image{
    overflow:hidden;
}

.course-image img{
    width:100%;
    height:170px;
    object-fit:cover;
    transition:.5s;
}

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

.course-body{
    padding:18px;
}

.course-body h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:2px;
}

.course-body small{
    color:#777;
    display:block;
    margin-bottom:15px;
}

.course-info{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    font-size:13px;
    color:#666;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    padding:12px 0;
    margin-bottom:15px;
}

.course-info div{
    margin-bottom:8px;
}

.course-info i{
    color:#ff8c00;
    margin-right:4px;
}

.price small{
    color:#999;
}

.price h5{
    font-weight:700;
    margin-bottom:18px;
}

.enroll-btn{
    width:100%;
    background:#ff8c00;
    color:#fff;
    font-weight:600;
    border-radius:8px;
    padding:10px;
}

.enroll-btn:hover{
    background:#e67700;
    color:#fff;
}

@media(max-width:991px){

.section-heading h2{
    font-size:36px;
}

}

@media(max-width:576px){

.section-heading h2{
    font-size:28px;
}

.course-image img{
    height:220px;
}

}
.india-trips{
    background:#fff;
}

.trip-wrapper{
    border:1px solid #f1e6dc;
    border-radius:20px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.section-title h2{
    font-size:42px;
    font-weight:700;
    font-family:Georgia, serif;
    margin-bottom:5px;
    color:#222;
}

.section-title p{
    color:#666;
    font-size:17px;
}

.trip-card{
    position:relative;
    border-radius:14px;
    overflow:hidden;
    height:270px;
    cursor:pointer;
    transition:.4s;
}

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

.trip-card:hover img{
    transform:scale(1.12);
}

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
            rgba(0,0,0,.85),
            rgba(0,0,0,.15));
}

.trip-icon{
    position:absolute;
    left:50%;
    bottom: 100px;
    transform:translateX(-50%);
    width:80px;
    height:80px;
    background:none;
    border-radius:0%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#ff7a00;
    border:none;
    transition:.3s;
}

.trip-card:hover .trip-icon{
    transform:translateX(-50%) rotate(360deg);
}
.trip-icon img{border-radius:50px;}
.trip-content{
    position:absolute;
    bottom:18px;
    width:100%;
    text-align:center;
    color:#fff;
    padding:0 10px;
}

.trip-content h5{
    font-size:20px;
    font-weight:700;
    margin-bottom:4px;
}

.trip-content p{
    font-size:14px;
    margin:0;
    color:#ececec;
}

.trip-btn{
    border:2px solid #ff7a00;
    color:#ff7a00;
    background:#fff;
    font-weight:700;
    padding:12px 35px;
    border-radius:10px;
    transition:.3s;
}

.trip-btn:hover{
    background:#ff7a00;
    color:#fff;
}

@media(max-width:991px){

.section-title h2{
    font-size:34px;
}

.trip-card{
    height:240px;
}

}

@media(max-width:576px){

.trip-wrapper{
    padding:20px;
}

.section-title h2{
    font-size:28px;
}

.trip-card{
    height:220px;
}

.trip-content h5{
    font-size:16px;
}

.trip-content p{
    font-size:13px;
}

.trip-icon{
    width:48px;
    height:48px;
    font-size:20px;
    bottom:60px;
}

.trip-btn{
    width:100%;
}

}

.stats-section{
    background:#ffffff;
}

.stats-wrapper{
    background:linear-gradient(90deg,#08182f,#0d2243);
    border-radius:16px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 35px rgba(0,0,0,.12);
}

.stat-box{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    padding:28px 25px;
    border-right:1px solid rgba(255,255,255,.12);
    transition:.35s;
}

.stat-box:hover{
    background:rgba(255,255,255,.05);
}

.stat-icon{
    width:68px;
    height:68px;
    border-radius:50%;
    background:#efe3b4;
    color:#0b203d;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    flex-shrink:0;
}

.stat-icon.turquoise{
    background:#6ee7f2;
}

.stat-icon.yellow{
    background:#ffe28a;
}

.stat-icon.orange{
    background:#ffd37b;
}

.stat-content h2{
    margin:0;
    color:#fff;
    font-size:38px;
    font-weight:700;
    line-height:1;
}

.stat-content p{
    margin-top:8px;
    margin-bottom:0;
    color:#d8dce6;
    font-size:15px;
}

.rating-star{
    color:#ffc107;
    font-size:22px;
}

@media(max-width:991px){

.stat-box{
    justify-content:flex-start;
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.1);
}

}

@media(max-width:576px){

.stat-box{
    padding:20px;
}

.stat-icon{
    width:56px;
    height:56px;
    font-size:24px;
}

.stat-content h2{
    font-size:28px;
}

.stat-content p{
    font-size:14px;
}

}


.teacher-section{
    background:#fff;
}
.teacher-section .feature-item{flex-direction: inherit;gap: 14px;}
.teacher-section .feature-item span{margin-top: 0;text-align: left;}
.teacher-section .feature-item i{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff7f0;
    font-size: 20px;
}
.teacher-wrapper{
    border:1px solid #eee;
    border-radius:20px;
    padding:30px;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
}

.teacher-image{
    position:relative;
    overflow:hidden;
    border-radius:16px;
}

.teacher-image img{
    width:100%;
    height:460px;
    object-fit:cover;
    transition:.5s;
}

.teacher-image:hover img{
    transform:scale(1.05);
}

.award-box{
    position:absolute;
    left:20px;
    bottom:20px;
    background:#071d3d;
    color:#fff;
    border-radius:14px;
    padding:15px;
    display:flex;
    align-items:center;
    gap:15px;
    width:320px;
}

.award-icon{
    width:55px;
    height:55px;
    border-radius:12px;
    background:#0d6efd;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.award-box h6{
    margin:0;
    font-size:16px;
    font-weight:700;
}

.award-box small{
    color:#cfd7e6;
}

.sub-heading{
    color:#ff7a00;
    letter-spacing:2px;
    font-size:14px;
    font-weight:700;
}

.teacher-wrapper h2{
    font-family:Georgia,serif;
    font-size:48px;
    font-weight:700;
    margin:10px 0 20px;
    line-height:1.15;
}

.teacher-wrapper p{
    color:#555;
    line-height:1.8;
    margin-bottom:18px;
}

.story-btn{
    border:2px solid #333;
    padding:12px 28px;
    border-radius:10px;
    font-weight:600;
    background:#fff;
}

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

.feature-box{
    border:1px solid #eee;
    border-radius:16px;
    padding:25px;
    background:#fff;
}

.feature-item{
    display:flex;
    gap: 0;
    padding:12px 0;
    border-bottom:1px solid #f2f2f2;
    flex-direction: column;
    align-items: center;
}

.feature-item:last-child{
    border-bottom:none;
}

.feature-item i{
    width: 100px;
    height: 100px;
    border-radius:50%;
    background: #fff7f0;
    color:#ff7a00;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 44px;
}

.feature-item span{
    font-size:15px;
    font-weight:500;
    color:#333;
}

@media(max-width:991px){

.teacher-wrapper{
    padding:20px;
}

.teacher-wrapper h2{
    font-size:36px;
}

.teacher-image img{
    height:350px;
}

.award-box{
    width:280px;
}

}

@media(max-width:576px){

.teacher-wrapper h2{
    font-size:30px;
}

.teacher-image img{
    height:300px;
}

.award-box{
    width:calc(100% - 20px);
    left:10px;
    right:10px;
    bottom:10px;
    padding:12px;
}

.award-box h6{
    font-size:14px;
}

.award-box small{
    font-size:12px;
}

.feature-item span{
    font-size:14px;
}

.story-btn{
    width:100%;
}

}

.teaching-method{
    background:#fff;
}

.section-title h2{
    font-size:42px;
    font-family:Georgia,serif;
    font-weight:700;
    margin-bottom:10px;
}

.title-line{
    width:70px;
    height:4px;
    background:#ff7a00;
    margin:auto;
    border-radius:30px;
}

.method-card{
    position:relative;
    text-align:center;
    transition:.35s;
}

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

.step-number{
    position:absolute;
    top:0;
    left:12px;
    width:28px;
    height:28px;
    border-radius:50%;
    color:#fff;
    font-size:13px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
}

.bg-orange{
    background:#ff7a00;
}

.bg-green{
    background:#4caf50;
}

.bg-purple{
    background:#7e57c2;
}

.bg-blue{
    background:#2196f3;
}

.method-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    margin:0 auto 18px;
    transition:.35s;
}

.method-card:hover .method-icon{
    transform:rotate(10deg) scale(1.1);
}

.orange{
    background:#fff3e8;
    color:#ff7a00;
}

.green{
    background:#edf8ee;
    color:#43a047;
}

.purple{
    background:#f3edfb;
    color:#7e57c2;
}

.blue{
    background:#edf5ff;
    color:#2196f3;
}

.method-card h5{
    font-weight:700;
    margin-bottom:8px;
}

.method-card p{
    font-size:14px;
    color:#666;
    line-height:1.6;
}

.arrow{
    position:absolute;
    top:42px;
    right:-18px;
    color:#b8b8b8;
    font-size:24px;
}

.col-lg-2:last-child .arrow{
    display:none;
}

@media(max-width:991px){

.arrow{
    display:none;
}

.section-title h2{
    font-size:34px;
}

.method-card{
    margin-bottom:25px;
}

}

@media(max-width:576px){

.section-title h2{
    font-size:28px;
}

.method-icon{
    width:75px;
    height:75px;
    font-size:34px;
}

.method-card h5{
    font-size:18px;
}

.method-card p{
    font-size:13px;
}

.step-number{
    left:25%;
}

}
.resources-section{
    background:#fff;
}

.resource-wrapper{
    border:1px solid #f0e6db;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
}

.resource-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:28px;
    height:100%;
    border-right:1px solid #f2f2f2;
    transition:.35s;
}

.resource-card:hover{
    background:#fffaf5;
}

.resource-content{
    flex:1;
}

.resource-icon{
    width:46px;
    height:46px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:15px;
}

.orange{
    background:#fff3e8;
    color:#d17a18;
}

.youtube{
    background:#ffe9e9;
    color:#ff0000;
}

.brown{
    background:#fff5e7;
    color:#8d5b24;
}

.resource-content h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:12px;
}

.resource-content p{
    color:#666;
    line-height:1.7;
    margin-bottom:20px;
}

.resource-content a{
    color:#222;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.resource-content a:hover{
    color:#ff7a00;
}

.resource-content a i{
    transition:.3s;
}

.resource-content a:hover i{
    transform:translateX(5px);
}

.resource-image{
    width: 100px;
    position:relative;
    flex-shrink:0;
}

.resource-image img{
    width:100%;
    border-radius:12px;
    transition:.4s;
}

.resource-card:hover img{
    transform:scale(1.05);
}

.play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:55px;
    height:55px;
    background:#ff0000;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    box-shadow:0 5px 20px rgba(0,0,0,.3);
}

.play-btn:hover{
    background:#d90000;
}

@media(max-width:991px){

.resource-card{
    border-right:none;
    border-bottom:1px solid #eee;
}

.resource-card:last-child{
    border-bottom:none;
}

}

@media(max-width:576px){

.resource-card{
    flex-direction:column;
    text-align:center;
    padding:25px 20px;
}

.resource-image{
    width:180px;
}

.resource-content h4{
    font-size:22px;
}

.resource-content p{
    font-size:15px;
}

}

.testimonial-section{
    padding:70px 0;
}

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

.section-title h2{
    font-size:42px;
    font-weight:700;
    font-family:Georgia, serif;
}

.line{
    width:70px;
    height:4px;
    background:#ff7a00;
    margin:10px auto 0;
    border-radius:20px;
}

.swiper{
    padding-bottom: 0;
}

.swiper-slide{
    height:auto;
}

.testimonial-card{

    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    padding:25px;
    text-align:center;
    height:100%;
    transition:.4s;
    box-shadow:0 5px 18px rgba(0,0,0,.06);

}

.testimonial-card:hover{

    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.testimonial-card img{

    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin:auto;
    display:block;
    margin-bottom:15px;
    border:4px solid #fff;
    box-shadow:0 5px 15px rgba(0,0,0,.15);

}

.testimonial-card p{

    color:#555;
    font-size:15px;
    line-height:1.7;
    min-height:90px;

}

.testimonial-card h6{

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

}

.stars{

    color:#ff9800;
    letter-spacing:2px;

}

.swiper-pagination-bullet{

    width:12px;
    height:12px;
    opacity:1;
    background:#ccc;

}

.swiper-pagination-bullet-active{

    width:28px;
    border-radius:20px;
    background:#ff7a00;

}

@media(max-width:768px){

.section-title h2{
    font-size:30px;
}

}.cta-section{
    padding:70px 0;
    background:#fff;
}

.cta-box{

    position:relative;
    overflow:hidden;
    border-radius:20px;

    background:url('images/cta-bg.jpg') center center/cover no-repeat;

    min-height:260px;

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

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

}

.overlay{

position:absolute;

inset:0;

background: linear-gradient(rgb(8 25 52 / 14%), rgba(8, 25, 52, .78));
}

.cta-content{

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

}

.cta-content h2{

    font-size:56px;
    font-family:Georgia,serif;
    font-weight:700;
    margin-bottom:15px;

}

.cta-content p{

    font-size:22px;
    color:#f1f1f1;
    margin-bottom:35px;

}

.cta-buttons{

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

}

.cta-buttons .btn{

    padding:16px 32px;
    font-size:17px;
    font-weight:600;
    border-radius:12px;
    transition:.35s;

}

.cta-buttons i{

    margin-right:10px;

}

.btn-trial{

    background:#ff7a00;
    color:#fff;

}

.btn-trial:hover{

    background:#e76d00;
    color:#fff;
    transform:translateY(-4px);

}

.btn-whatsapp{

    background:transparent;
    color:#fff;
    border:2px solid rgba(255,255,255,.35);

}

.btn-whatsapp:hover{

    background:#25D366;
    border-color:#25D366;
    color:#fff;
    transform:translateY(-4px);

}

.btn-call{

    background:transparent;
    color:#fff;
    border:2px solid rgba(255,255,255,.35);

}

.btn-call:hover{

    background:#ffffff;
    color:#111;
    transform:translateY(-4px);

}

@media(max-width:991px){

.cta-box{

    min-height:auto;
    padding:60px 30px;

}

.cta-content h2{

    font-size:42px;

}

.cta-content p{

    font-size:18px;

}

}

@media(max-width:576px){

.cta-content h2{

    font-size:30px;

}

.cta-content p{

    font-size:16px;

}

.cta-buttons{

    flex-direction:column;

}

.cta-buttons .btn{

    width:100%;

}

}

/* widget-grid-box */

.widget-grid-box{
    padding: 40px 0;
    background: #f9f9f9;
}
.widget-grid-box .innerbox{
    text-align: left;
}
.widget-grid-box .innerbox h3{
    margin: 0;
    font-weight: 800;
    font-size: 38px;
    color: #9f9f9f;
}
.widget-grid-box .innerbox span{
    display: block;
    color: #a1a1a1;
}

 

/* Widget Faq */
.widget-faq{
    background: #313140;
    padding: 7% 0;
}
.widget-faq .head{
    text-align: center;
}
.widget-faq .head h3{
    text-align: center;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 22px;
    color: #ffffff;
}
.widget-faq .tabfaq{padding: 0 20%;}
.widget-faq .tabfaq ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


.widget-faq .tabfaq li {
  padding: 30px;
  background: #fff;
  margin-bottom: 9px;
  border-radius: 8px;
}


.widget-faq .tabfaq h3 {
  margin: 0;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #515164;
  font-weight: 600;
}

/* Hide answers initially */

.widget-faq .tabfaq p {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  margin: 0;
  font-size: 16px;
  /* margin-top: 15px; */
}

/* Show answer when active */

.widget-faq .tabfaq li.active p {
  max-height: 300px; /* large enough for content */
  opacity: 1;
  margin-top: 15px;
}

/* Optional caret icon */

.widget-faq .tabfaq h3::after {
  content: "+";
  font-weight: bold;
  transition: transform 0.3s ease;
}


.widget-faq .tabfaq li.active h3::after {
  content: "–";
}
  
 
/* Popup */
 /* Popup Background */
    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      background: rgba(0,0,0,0.6);
      display: flex;
      align-items: center;
      justify-content: center;
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s ease;
    }

    .popup-overlay.active {
      visibility: visible;
      opacity: 1;
    }

    /* Popup Box */
    .popup-box {
      background: #fff;
      padding: 3%;
      border-radius: 10px;
      width: 575px;
      max-width: 90%;
      transform: scale(0.8);
      transition: transform 0.3s ease;
    }

    .popup-overlay.active .popup-box {
      transform: scale(1);
    }
.popup-box h2{
    font-size: 20px;
    font-weight: 700;
}
.popup-box p{
    font-size: 15px;
}
.popup-box ul{
    padding: 0;
    list-style: none;
}
.popup-box ul li{
    /* height: 40px; */
    padding: 13px 0;

    position: relative;
    margin-bottom: 7px;
    border: 1px solid #eee;
    padding-left: 34px;
    text-align: center;
    color: #000000;
    border-radius: 5px;
}
.popup-box ul li svg{
    width: 45px !important;
    position: absolute !important;
    /* height: 43px; */
    left: 8px;
}
.popup-box ul li:nth-child(2) svg{
    width: 30px !important;
    margin-left: 6px;
}
.popup-box ul li:nth-child(3) svg{
    width: 30px !important;
    margin-left: 6px;
}
.popup-box ul li a{
    color: #3a3a3a;
}
    /* Close Button */
    .close-btn {
      background: #ff5a5a;
      color: #fff;
      border: none;
      padding: 8px 12px;
      border-radius: 5px;
      cursor: pointer;
      float: right;
    }

.popup-box .logbtn{
    text-align: CENTER;
    color: #9c9cac;
    padding-top: 20px;
}
.popup-box .logbtn a{
    display: inline-block;
    font-weight: 600;
    color: #3a3a3a;
}


     .whatsappicon{
          width: 50px;
          height: 50px;
          display: inline-block;
          position: fixed;
          bottom: 50px;
          right: 20px;
          z-index: 9;
      }
      .whatsappicon img{
          width: 100%;
      }

/* ONE ON ONE */
.widget-lesson{padding: 5% 0;background: #f7f7f7;}
.widget-lesson .head{
    padding-bottom: 3%;
}
.widget-lesson .head h3{
    font-size: 42px;
    font-weight: 700;
}
.widget-lesson .head h3 span{
    color: #F44336;
}
.widget-lesson .head p{
    font-size: 18px;
}

.widget-lesson .headbox{
    position: relative;
}
.widget-lesson .headbox h3{
    font-weight: 700;
}
.widget-lesson .headbox button{
    position: absolute;
    right: 15px;
    top: 0;
    border: 1px solid #000;
    padding: 5px 22px;
    border-radius: 28px;
    background: #fff;
}

.widget-lesson .headbox p{
    font-size: 18px;
    margin-top: 0;
    display: block;
}


.widget-lesson .teachergrid .innerbox{
    padding: 0;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0px 15px 10px -15px #99999933;
    border: 1px solid #eee;
    padding-bottom: 20px;
}

.widget-lesson .teachergrid .innerbox a figure{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    height: 235px;
    align-items: center;
}
.widget-lesson .teachergrid .innerbox a figure img{
    width: 100%;
    height: 100%;
}
.widget-lesson .teachergrid .innerbox a figure span.discounttag{
    position: absolute;
    right: 15px;
    top: 10px;
    border: 1px solid #4CAF50;
    padding: 5px 15px;
    background: #fff;
    font-weight: 700;
    border-radius: 20px;
    color: #4CAF50;
}
.widget-lesson .teachergrid .innerbox a figure span.playicon{
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 40px;
    height: 40px;
    background: #0000005e;
    text-align: CENTER;
    padding-top: 9px;
    border-radius: 50%;
    color: #fff;
}
.widget-lesson .teachergrid .innerbox a .boxdet{
    display: flex;
    flex-direction: row;
    gap: 14px;
    padding: 0 25px;
}
.widget-lesson .teachergrid .innerbox a .boxdet .icon{
    width: 60px;
}
.widget-lesson .teachergrid .innerbox a .boxdet .icon img{
    width: 100%;
    border-radius: 50%;
}

.widget-lesson .teachergrid .innerbox a .boxdet .textbox h3{
    margin: 0;
    font-size: 20px;
    color: #000;
}
.widget-lesson .teachergrid .innerbox a .boxdet .textbox .totallesson{
    display: inline-block;
    color: #000;
}
.widget-lesson .teachergrid .innerbox a .boxdet .textbox .avgrate{
    display: inline-block;
    color: #000;
}
.widget-lesson .teachergrid .innerbox a  .boxdettwo{
    padding: 0 25px;
}
.widget-lesson .teachergrid .innerbox a  .boxdettwo p{
    color: #515164;
    font-size: 15px;
    margin-top: 10px;
}
.widget-lesson .teachergrid .innerbox a  .boxdetthree{
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
}
.widget-lesson .teachergrid .innerbox a .boxdetthree .pricehour{
    font-size: 21px;
    font-weight: 700;
    color: #676767;
}
.widget-lesson .teachergrid .innerbox a  .boxdetthree .pricehour span{
    font-size: 14px;
    font-weight: 400;
}
.widget-lesson .teachergrid .innerbox a  .boxdetthree button{
    border: 1px solid #707070;
    padding: 5px 15px;
    background: #fff;
    font-weight: 700;
    border-radius: 20px;
    color: #707070;
}

/* widget-aboutus */
.widget-aboutus{
    padding: 5% 0;
    padding-bottom: 2%;
}
.widget-aboutus .head{
    padding-bottom: 19px;
}
.widget-aboutus .head h3{
    font-weight: 700;
}
.widget-aboutus .head p{
    font-size: 18px;
}

.widget-aboutus .grid-about .innerbox figure{
    margin-bottom: 30px;
}
.widget-aboutus .grid-about .innerbox figure img{
    width: 100%;
}
.widget-aboutus .grid-about .innerbox h3{position: relative;font-size: 17px;padding-bottom: 10px;text-transform: uppercase;color: #707070;}
.widget-aboutus .grid-about .innerbox h3:before{content: "";position: absolute;width: 40px;height: 3px;background: #F44336;bottom: 0;}
.widget-aboutus .grid-about .innerbox p{
    font-size: 18px;
    color: #707070;
}

.widget-corevalue{
    padding: 5% 0;
    background: #bcbcbc17;
}

.widget-corevalue .head h3{
    text-align: CENTER;
    font-size: 34px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 2%;
}

.widget-corevalue .gridbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    justify-content: space-between;
}
.widget-corevalue .gridbox ul li{
    padding: 3%;
    background: #ffffff;
    text-align: left;
    border: 1px solid #eee;
    width: 33.33%;
}
.widget-corevalue .gridbox ul li h4{
    color: #000000;
    font-size: 22px;
    font-weight: 700;
}
.widget-corevalue .gridbox ul li p{
    color: #707070;
    margin: 0;
}

/* widget-searchbox */
.widget-searchbox{
    background: #efefef;
    padding: 3% 0;
}
.widget-searchbox .searchbox{
    padding: 0 20%;
}

.widget-searchbox .searchbox form label{
    width: 100%;
    display: block;
    padding: 15px 25px;
    border: 1px solid #ffffff;
    background: #fff;
    border-radius: 32px;
    position: relative;
    box-shadow: 0px 15px 10px -15px #d6d6d6;
}
.widget-searchbox .searchbox form label input{
    width: 100%;
    border: none;
    outline: none;
}
.widget-searchbox .searchbox form label button{
    position: absolute;
    right: 13px;
    top: 12px;
    background: #fff;
    border: none;
}

/* widget-teacher-profile-view */
.widget-teacher-profile-view{
    padding: 2% 0;
    background: #eee;
    padding-top: 0;
}

.widget-teacher-profile-view .leftbox .innerbox{
    background: #fff;
    padding: 5%;
    border-radius: 20px;
    margin-bottom: 25px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile{
    display: flex;
    gap: 20px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profileicon{
    width: 100px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profileicon figure{
    margin: 0;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profileicon figure img{
    width: 100%;
    border-radius: 50%;
    margin-bottom: 8px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profileicon figure span{
    display: block;
    text-align: CENTER;
    font-size: 15px;
    color: #b9b9b9;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet h3{
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet span.tagprofile{
    display: inline-block;
    padding: 5px 10px 5px 5px;
    background: #00b3bd29;
    border-radius: 8px;
    color: #00b3bd;
    margin-bottom: 10px;
}

.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    margin-bottom: 7px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet ul li{
    color: #b6b6b6;
    font-size: 15px;
    width: 70px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet ul li:nth-child(2){
    color: #000;
    width: auto;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet p{
    margin: 0;
}


.widget-teacher-profile-view .leftbox .innerbox .profiletabbox{
    padding-top: 25px;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 14px;
    justify-content: flex-start;
}

.widget-teacher-profile-view .leftbox .innerbox .profiletabbox ul li a{
    font-weight: 400;
    color: #8a8a8a;
    font-size: 16px;
    display: block;
    padding: 10px 10px;
    position: relative;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabbox ul li.active a{
    color: #000;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabbox ul li.active a:before{content: "";position: absolute;width: 35px;height: 4px;background: #F44336;bottom: 2px;margin: 0 auto;left: 0;right: 0;border-radius: 10px;}



.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent {
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent.activetab {
    display: block;
    opacity: 1;
}

.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .citytag{
    display: block;
    font-size: 14px;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .headtab{
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .headtab .joindate{
    font-size: 13px;
    color: #6f6f6f;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .headtab h3{
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .interestbox{
    display: flex;
    width: 100%;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .interestbox li{
    width: 100%;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .interestbox li .headbx{
    font-size: 15px;
    color: #898989;
    width: 85px;
    display: inline-block;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .interestbox li .gridspan{
    background: #f7f7f7;
    display: inline-block;
    padding: 2px 14px;
    border-radius: 6px;
    border: 1px solid #eee;
    font-size: 14px;
    color: #000;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .profileinnerhead{
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent p{
    margin: 0;
}

.widget-teacher-profile-view .leftbox .ratingbox{
    background: #fff;
    padding: 3%;
    border-radius: 20px;
    display: block;
}
.widget-teacher-profile-view .leftbox .ratingbox ul{
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;

}
.widget-teacher-profile-view .leftbox .ratingbox ul li:nth-child(1){
    color: #e5bd37;
    padding-top: 15px;
}
.widget-teacher-profile-view .leftbox .ratingbox ul li{
    width: 20%;
    text-align: center;
}
.widget-teacher-profile-view .leftbox .ratingbox ul li i{
    color: #000;
    font-size: 24px;
    color: #e5bd37;
}
.widget-teacher-profile-view .leftbox .ratingbox ul li span.ratenum{
    font-size: 30px;
    font-weight: 800;
}
.widget-teacher-profile-view .leftbox .ratingbox ul li span.ratehead{
    display: block;
    font-size: 15px;
}

.widget-teacher-profile-view .rightbox .innerbox{
    background: #fff;
}
.widget-teacher-profile-view .rightbox .innerbox figure{
    position: relative;
    margin: 0;
}
.widget-teacher-profile-view .rightbox .innerbox figure img{
    width: 100%;
}
.widget-teacher-profile-view .rightbox .innerbox figure span{
    position: absolute;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 40px;
    height: 40px;
    background: #0000005e;
    text-align: CENTER;
    padding-top: 9px;
    border-radius: 50%;
    color: #fff;
}
.widget-teacher-profile-view .rightbox .innerbox .boxtag{
    padding: 5px 20px;
    display: flex;
    padding-top: 15px;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
}
.widget-teacher-profile-view .rightbox .innerbox .boxtag h3{
    font-size: 18px;
}
.widget-teacher-profile-view .rightbox .innerbox .boxtag span{
    position: absolute;
    right: 20px;
    font-weight: 800;
    color: #fd4439;
}
.widget-teacher-profile-view .rightbox .innerbox .buttonbox{
    padding: 0 20px;
    margin-bottom: 15px;
}
.widget-teacher-profile-view .rightbox .innerbox .buttonbox button{
    margin-bottom: 15px;
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    width: 100%;
}



/* popup lesson details */

/* Overlay */
.lesson-popup-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* Popup Box */
.lesson-popup-box {
    display: none;
    position: fixed;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background: #fff;
    border-radius: 10px;
    width: 700px;
    max-width: 90%;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    z-index: 1000;
    opacity: 0;
    transition: all 0.4s ease;
}

/* Inner Content */
.lesson-popup-content {
    padding: 25px;
    text-align: center;
}

/* Close Button */
.lesson-close-popup {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
    color: #555;
}
.lesson-close-popup:hover {
    color: #000;
}

/* Active State (shown popup) */
.lesson-popup-overlay.active {
    display: block;
    opacity: 1;
}
.lesson-popup-box.active {
    display: block;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.teachdividehead{
    padding: 15px 0;
    margin-top: 20px;
}
.teachdividehead h3{
    margin: 0;
    font-weight: 600;
}
/* lessonbox */
.lessonbox{
    padding: 3%;
    background: #fff;
    border-radius: 15px;
}
.lessonbox ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
.lessonbox ul li{
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid #eee;
    position: relative;
}
.lessonbox ul li h3{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
}
.lessonbox ul li .subhead{
    font-style: italic;
    color: #949494;
}
.lessonbox ul li .pricetag{
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    padding: 5px 20px;
    border: none;
    color: #ff4438;
    background: #ff44380f;
    border-radius: 15px;
    font-weight: 700;
}

/* widget-onlinecourse */
.widget-onlinecourse{
    padding: 3% 0px;
    background: #fff;
}
.widget-onlinecourse .head{
    padding-bottom: 2%;
}
.widget-onlinecourse .head h3{
    font-weight: 700;
    font-size: 30px;
    color: #000;
}
.widget-onlinecourse .head p{
    font-size: 18px;
}


.widget-onlinecourse .gridcourse .innerbox{
    padding: 2%;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 25px;
    border: 1px solid #eee;
    text-align: center;
    /* border-radius: 14px; */
    box-shadow: 0px 15px 10px -15px #d1d1d1;
    margin-bottom: 20px;
}
.widget-onlinecourse .gridcourse .innerbox a{
    display: flex;
    gap: 20px;
}
.widget-onlinecourse .gridcourse .innerbox a figure{
    width: 33%;
    margin: 0;
}
.widget-onlinecourse .gridcourse .innerbox a figure img{
    border-radius: 15px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox{
    text-align: left;
    width: 77%;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .timebox{
    color: #6a6a6a;
    padding: 7px 0;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .timebox span{
    display: inline-block;
    padding: 4px 10px;
    background: #eee;
    border-radius: 20px;
    margin-left: 8px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .headbox h3{
    font-size: 22px;
    color: #F44336;
    padding: 10px 0;
    margin: 0;
    font-weight: 700;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .headbox p{
    color: #000;
    font-size: 17px;
    margin: 0;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox ul li{
    display: inline-block;
    color: #000;
    padding: 2px 10px;
    background: #f9f9f9;
    border: 1px solid #cacaca;
    border-radius: 6px;
}


.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox{
    display: flex;
    gap: 10px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox .icon{
    width: 50px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox .icon img{
    width: 100%;
    border-radius: 50%;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox .textbox{
    padding-top: 14px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox .textbox h3{
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}
/* widget-course-view */
.widget-course-view{
    background: #eee;
}

.widget-course-view .leftbox .innerbox{
    background: #fff;
    padding: 4%;
    border-radius: 15px;
    margin-bottom: 35px;
}
.widget-course-view .leftbox .innerbox .headbox{position: relative;}
.widget-course-view .leftbox .innerbox .headbox h3{font-weight: 600;}
.widget-course-view .leftbox .innerbox .headbox a{
    position: absolute;
    right: 0;
    top: 0;
}
.widget-course-view .leftbox .innerbox .featuredimage{
    margin-bottom: 25px;
    /* display: none; */
}
.widget-course-view .leftbox .innerbox .featuredimage img{
    width: 100%;
    border-radius: 15px;
    margin-top: 10px;
}

.widget-course-view .leftbox .innerbox .includebox ul{
    padding: 0;
    list-style: none;
}
.widget-course-view .leftbox .innerbox .includebox ul li{
    display: inline-block;
    background: #f5f6f9;
    padding: 8px 10px;
    border-radius: 5px;
    font-weight: 300;
    font-size: 15px;
    box-shadow: 0px 15px 10px -15px #0a0a0a47;
}

.widget-course-view .leftbox .innerbox .topiccategory{
    padding-bottom: 20px;
}
.widget-course-view .leftbox .innerbox .topiccategory h3{
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #515164;
}
.widget-course-view .leftbox .innerbox .topiccategory p{
    margin: 0;
    color: #707070;
    font-size: 17px;
}
.widget-course-view .rightbox{
    padding: 0;
}
.widget-course-view .rightbox .innerbox{
    padding: 8%;
    background: #fff;
    border-radius: 15px;
}
.widget-course-view .rightbox .innerbox .head{
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    color: #b9b9b9;
    margin-bottom: 15px;
}
.widget-course-view .rightbox .innerbox ul{
    padding: 0;
    list-style: none;
}
.widget-course-view .rightbox .innerbox ul li{
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
    margin-bottom: 15px;
}
.widget-course-view .rightbox .innerbox ul li h3{
    font-size: 16px;
    margin: 0;
    font-weight: 100;
}
.widget-course-view .rightbox .innerbox ul li .notifytext{
    color: #009688;
}
.widget-course-view .rightbox .innerbox ul li .pricebox{
    display: flex;
    justify-content: space-between;
}
.widget-course-view .rightbox .innerbox ul li .pricebox span{
    font-weight: 800;
    font-size: 20px;
    color: #F44336;
}
.widget-course-view .rightbox .innerbox ul li .pricebox button{
    background: #fd4439;
    padding: 10px 30px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}

.widget-course-view .rightbox .innerbox   .viewallbtn{display: block;
    text-align: center;
    color: #707070;
    text-transform: uppercase;
    font-weight: 700;}

.widget-course-view .leftbox .teacherbox{
    background: #fff;
    padding: 4%;
    border-radius: 15px;
    margin-bottom: 35px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
.widget-course-view .leftbox .teacherbox h3{
    font-size: 19px;
    margin-bottom: 17px;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile{
    display: flex;
    gap: 20px;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .iconbox{
    width: 20%;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .iconbox img{
    width: 100%;
    border-radius: 50%;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .namebox h3{
    margin: 0;
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 18px;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .namebox{
    width: 40%;
    padding-top: 4%;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .namebox .tagprofile{
    display: inline-block;
    padding: 5px 10px 5px 5px;
    background: #00b3bd29;
    border-radius: 8px;
    color: #00b3bd;
    margin-bottom: 10px;
}

.widget-course-view .leftbox .teacherbox .teachshorprofile .videobox{
    width: 40%;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .videobox figure{
    position: relative;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .videobox figure img{
    width: 100%;
    border-radius: 10px;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .videobox figure span{
    position: absolute;
    top: 33%;
    left: 40%;
    width: 80px;
    height: 80px;
    background: #0000005e;
    text-align: CENTER;
    padding-top: 18px;
    border-radius: 50%;
    color: #fff;
    font-size: 31px;
    padding-left: 7px;
}
.widget-course-view .leftbox .teacherbox .teacherdescription p{
    font-size: 18px;
    color: #707070;
}

 
.widget-course-view .leftbox .teacherbox .teacherreview h3{
    display: flex;
    justify-content: space-between;
    padding: 5px;
    font-size: 18px;
    border: 1px solid #eee;
    font-weight: 700;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 15px 10px -15px #9999995c;
}
 
.widget-course-view .leftbox .teacherbox .teacherreview h3 span i{
    color: #e7bf36;
}

.widget-course-view .leftbox .notebox{
    background: #fff;
    padding: 4%;
    border-radius: 15px;
    margin-bottom: 35px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
.widget-course-view .leftbox .notebox h3{
    font-size: 14;
    font-size: 14px;
    color: #c1c1c1;
}
.widget-course-view .leftbox .notebox ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
 


/* widget-blogs */
.widget-blogs{
    background: #ffffff;
    padding: 5% 0;
}
 
.widget-blogs .head h3{
    margin: 0;
    font-size: 2em;
    font-weight: 700;
    color: #000;
}
 
.widget-blogs .bloggrid .innerbox{
    padding: 3%;
    background: #fff;
    /* border: 1px solid #eee; */
    border-radius: 20px;
}
.widget-blogs .bloggrid .innerbox .bloginner{
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.widget-blogs .bloggrid .innerbox .bloginner .daterecord{
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
    color: #a7a7a7;
}
.widget-blogs .bloggrid .innerbox .bloginner a{
    display: flex;
    gap: 20px;
}
.widget-blogs .bloggrid .innerbox .bloginner a figure{
    margin: 0;
}
.widget-blogs .bloggrid .innerbox .bloginner a figure img{
    width: 100%;
    border-radius: 14px;
}
 
.widget-blogs .bloggrid .innerbox .bloginner a .blogdet h3{
    color: #9c9cac;
    font-weight: 700;
}
.widget-blogs .bloggrid .innerbox .bloginner a .blogdet ul{
    padding: 0;
    list-style: none;
}
.widget-blogs .bloggrid .innerbox .bloginner a .blogdet ul li{
    display: inline-block;
    padding: 3px 10px;
    background: #F44336;
    border-radius: 4px;
    color: #fff;
}
.widget-blogs .bloggrid .innerbox .bloginner a .blogdet p{
    color: #707070;
}

 
.widget-blogs .blogdetail .innerbox > figure > img{
    width: 100%;
    border-radius: 2px;
}
 

 /* widget-cultural */
 .widget-cultural{
    background: #feddbc;
    padding: 5% 0;
}
 
 .widget-cultural .leftbox .innerbox{
    padding-top: 10%;
}
 .widget-cultural .leftbox .innerbox h3{
    font-size: 50px;
    font-weight: 700;
    color: #000;
}
 .widget-cultural .leftbox .innerbox p{
    font-size: 18px;
}
 
 .widget-cultural .rightbox img{width: 100%;}

 /* widgetslide */
 .widgetslide{padding: 50px 0;}
 .widgetslide .innerslide img{width: 100%;}

 .widgetslide .head{
    text-align: CENTER;
    padding-bottom: 2%;
}
 .widgetslide .head h3{
    font-weight: 700;
    margin: 0;
}
 
 .widgetslide .culturalgrid{
    padding-bottom: 2%;
}
 .widgetslide .culturalgrid ul{
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 25px;
}
 .widgetslide .culturalgrid ul li{
    width: 25%;
}
 
 .widgetslide .culturalgrid ul li a figure{
    margin: 0;
}
 .widgetslide .culturalgrid ul li a figure img{
    width: 100%;
    border-radius: 17px;
}
 .widgetslide .culturalgrid ul li a span{
    text-align: center;
    display: block;
    font-size: 20px;
    color: #000;
    margin-top: 7px;
    font-weight: 600;
}

/* widget-teacher-login */
.widget-teacher-login{
    background: url("../image/teacherbanner.jpg") no-repeat;
    background-size: cover;
    padding: 5% 0;
    }
 
.widget-teacher-login .innerbox h3{
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
}
.widget-teacher-login .innerbox p{
    font-size: 25px;
    margin: 0;
    color: #000;
}

/* widget-teacher-two */
.widget-teacher-two{
    padding: 5% 0px;
    text-align: center;
    background: #fff0ef;
}
.widget-teacher-two .innerbox{
    padding: 0 21%;
}
.widget-teacher-two .innerbox h3{
    font-weight: 800;
    font-size: 40px;
    /* padding: 0 20%; */
    color: #000;
}
.widget-teacher-two .innerbox p{
    font-size: 18px;
    color: #7c7c7c;
}
.widget-teacher-two .innerbox button{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}
/* formaccount */

 
.formaccount .formlabel{
    width: 100%;
}
.formaccount .formlabel input[type='email'],.formaccount .formlabel input[type='password'],.formaccount .formlabel input[type='text']{
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    outline: none;
    border: 2px solid #eee;
    margin-bottom: 10px;
}
.formaccount .formlabel select{
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #eee;
    margin-bottom: 10px;
    outline: none;
}
.formaccount   button{
display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}
.formaccount .forgetpass{
    padding-bottom: 10px;
    text-align: RIGHT;
}
.formaccount .forgetpass a{
    color: #2b2b2b;
}


/* widget-student-dashbaord */
.widget-student-dashbaord{
    padding: 5% 0;
    background: #f9f9f9;
}
 
.widget-student-dashbaord .innerbox .head h3{
    font-weight: 700;
    font-size: 26px;
}
.widget-student-dashbaord .firstbox{
    padding: 15px;
    /* border: 1px solid #eee; */
}
.widget-student-dashbaord  .firstbox .innerbox{
    padding: 20px;
    border: 2px solid #eee;
    border-radius: 15px;
    /* width: 700px; */
    box-shadow: 0px 15px 10px -15px #9999992b;
    background: #fff;
}
.widget-student-dashbaord  .firstbox .innerbox h3{
    font-size: 16px;
}
.widget-student-dashbaord  .firstbox .innerbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.widget-student-dashbaord   .firstbox .innerbox ul li{
    padding: 19px;
}
.widget-student-dashbaord   .firstbox .innerbox ul li svg{
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
}
.widget-student-dashbaord   .firstbox .innerbox ul li span{
    display: block;
    font-size: 16px;
}
 
.widget-student-dashbaord .studentlinks ul{
    display: flex;
    gap: 20px;
    list-style: none;
    justify-content: space-between;
    padding: 0;
}
.widget-student-dashbaord .studentlinks ul li{
    width: 25%;
}
.widget-student-dashbaord .studentlinks ul li a{
    display: block;
    width: 100%;
    text-align: center;
    border: 2px solid #eee;
    font-size: 18px;
    padding: 15px;
    border-radius: 8px;
    color: #000;
    box-shadow: 0px 15px 10px -15px #9999992b;
    background: #fff;
}


.widget-student-dashbaord .sidepanelbox{
    margin-top: 15px;
}
.widget-student-dashbaord .sidepanelbox ul{
    padding: 20px;
    list-style: none;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 0px 15px 10px -15px #9999992b;
    background: #fff;
}
 
.widget-student-dashbaord .sidepanelbox ul li a{
    display: block;
    color: #000;
    padding: 16px;
    border-bottom: 1px solid #eee;
}
.widget-student-dashbaord .sidepanelbox ul li a svg{
    margin-right: 10px;
    width: 24px;
    height: 24px;
    stroke: #8c8c8c;
    stroke-width: 2;
    fill: none;
    }
    .widget-student-dashbaord .sidepanelbox ul li:last-child a{border: none;}

.widget-student-dashbaord .formbox{
    padding-top: 15px;
}
.widget-student-dashbaord .formbox .innerbox{
    padding: 15px;
    background: #fff;
    padding: 5%;
    list-style: none;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
 
.widget-student-dashbaord .formbox .innerbox .innerhead h3{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
 
.widget-student-dashbaord .formbox .innerbox form .innerlabel label{
    display: block;
    font-weight: 600;
}
.widget-student-dashbaord .formbox .innerbox form .innerlabel input[type='text'], .widget-student-dashbaord .formbox .innerbox form .innerlabel input[type='date'], .widget-student-dashbaord .formbox .innerbox form .innerlabel input[type='password'], .widget-student-dashbaord .formbox .innerbox form .innerlabel input[type='email']{
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 8px;
    margin-bottom: 14px;
    outline: none;
}
.widget-student-dashbaord .formbox .innerbox form .innerlabel textarea{
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 8px;
    margin-bottom: 14px;
    outline: none;
}
.widget-student-dashbaord .formbox .innerbox form .innerlabel select{
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 8px;
    margin-bottom: 14px;
    outline: none;
}
.widget-student-dashbaord .formbox .innerbox form .innerlabel button{
    display: inline-block;
    background: #000000;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    margin-top: 15px;
}


.widget-student-dashbaord  .tabledata{
    background: #fff;
    padding: 5%;
    list-style: none;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 0px 15px 10px -15px #9999992b;
    margin-top: 15px;
}
.widget-student-dashbaord  .tabledata .innerhead{
    display: flex;
    justify-content: space-between;
}
.widget-student-dashbaord  .tabledata .innerhead a{
    display: inline-block;
    padding: 5px 20px;
    background: #2196F3;
    margin-bottom: 8px;
    border-radius: 4px;
    color: #fff;
}
.widget-student-dashbaord  .tabledata .innerhead h3{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
 
.widget-student-dashbaord  .tabledata .formbox form .innerlabel button{
    display: inline-block;
    background: #000000;
    padding: 10px 30px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    margin-bottom: 15px;
}
.widget-student-dashbaord  .tabledata .formbox form .innerlabel label{
    display: block;
    display: block;
    font-weight: 600;
}
.widget-student-dashbaord  .tabledata .formbox form .innerlabel input{
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 8px;
    margin-bottom: 14px;
    outline: none;
}

 
.grid-testimonial .innerbox{
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 15px 10px -15px #7471712b;
}
.grid-testimonial .innerbox .ratings{
    margin-bottom: 8px;
}
 
.grid-testimonial .innerbox h3{
    font-size: 18px;
    color: #000;
    font-weight: 700;
}
.grid-testimonial .innerbox p{
    margin: 0;
}
.grid-testimonial .innerbox span{
    display: block;
    font-style: italic;
    color: #bbbaba;
}

/* widget-packages */

.widget-packages{ background: url("../image/cover.avif") no-repeat;
    background-size: cover;
    padding: 5% 0; position: relative;}
 .widget-packages::before   {    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    background: linear-gradient(270.47deg, rgba(0, 0, 0, 0) 3.65%, #000000 95.61%);
    opacity: .8;
    transition:
ease all .2s;}

.widget-packages .head{
    position: relative;
    z-index: 9;
}
.widget-packages .head h3{
    color: #fff;
}
.widget-packages .head p{
    color: #fff;
}


.widget-packagegrid{
    padding: 5% 0;
    background: #f9f9f9;
}
 
.widget-packagegrid .gridbx .innerbox{
    padding: 5%;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
 
.widget-packagegrid .gridbx .innerbox a figure{
    position: RELATIVE;
}
.widget-packagegrid .gridbx .innerbox a figure span{
    position: absolute;
    background: #00000087;
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 3px 20px;
    top: 10px;
    left: 10px;
    color: #fff;
}
.widget-packagegrid .gridbx .innerbox a figure img{
    width: 100%;
    border-radius: 10px;
}
.widget-packagegrid .gridbx .innerbox a .packagehead{
    display: flex;
    justify-content: space-between;
}
.widget-packagegrid .gridbx .innerbox a .packagehead h3{
    font-size: 20px;
    color: #000;
    font-weight: 800;
}
.widget-packagegrid .gridbx .innerbox a .packagehead h3 span{
    display: block;
    font-size: 14px;
    font-weight: 200;
}
.widget-packagegrid .gridbx .innerbox a .packagehead .daynight{
    display: block;
    border: 1px solid #eee;
    height: 27px;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 6px;
    color: #000;
}
.widget-packagegrid .gridbx .innerbox a .packagefacilites{
    border-top: 1px solid #eee;
    padding-top: 14px;
}
.widget-packagegrid .gridbx .innerbox a .packagefacilites ul{
    /* list-style: dots; */
    /* display: flex; */
    flex-direction: column;
    /* align-content: flex-end; */
    /* flex-wrap: wrap; */
    padding: 0;
    margin: 0;
}
.widget-packagegrid .gridbx .innerbox a .packagefacilites ul li{
    display: inline-block;
    color: #6f6f6f;
    padding: 5px 10px;
    border: 1px solid #eee;
    margin-bottom: 7px;
    border-radius: 18px;
    font-size: 14px;
    background: #f7f7f7;
}
.widget-packagegrid .gridbx .innerbox a .packagefacilites .featuredhead{
    display: block;
    color: #4CAF50;
}

.widget-packagegrid .gridbx .innerbox a .pricebox{
    border: 1px solid #eee;
    padding: 15px;
    margin-top: 10px;
    border-radius: 10px;
    background: #f9f9f9;
    text-align: center;
}
.widget-packagegrid .gridbx .innerbox a .pricebox .priceactive{
    font-size: 26px;
    font-weight: 800;
    color: #000;
}
.widget-packagegrid .gridbx .innerbox a .pricebox .pricemrp{
    text-decoration: line-through;
    color: #7f7f7f;
    font-size: 17px;
}

/* widget-packageview */
.widget-packageview{padding: 30px 0;background: #f1f1f1;}
.widget-packageview .head{
    padding-bottom: 15px;
}
 
.widget-packageview .head .daynight{
    border: 1px solid #eee;
    height: 27px;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 6px;
    color: #000;
    display: inline-block;
    background: #fff;
}
.widget-packageview .head .night{
    margin-left: 11px;
}

 
.widget-packageview .gridgallery ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}
.widget-packageview .gridgallery ul li{
    width: 25%;
}
.widget-packageview .gridgallery ul li img{
    width: 100%;
    border-radius: 15px;
}

 
.iternarybox .innerbox{
    padding: 0 28px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 40px;
    box-shadow: 0px 15px 10px -15px #5c5b5b2b;
    margin-bottom: 21px;
}
.iternarybox .innerbox ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.iternarybox .innerbox ul li{
    display: inline;
}
.iternarybox .innerbox ul li a{
    display: inline-block;
    padding: 15px 18px;
    color: #666363;
    font-size: 17px;
}
.iternarybox .innerbox ul li.active a{
    font-weight: 700;
    color: #3F51B5;
    border-bottom: 2px solid #3F51B5;
}
.iternarybox .iternarycontent{
    padding: 33px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px 15px 10px -15px #5c5b5b2b;
    margin-bottom: 21px;
}
.iternarybox .iternarycontent .head{
    padding: 0;
}
.iternarybox .iternarycontent .head h3{
    display: inline-block;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 8px;
    background: #3F51B5;
    color: #fff;
}
.iternarybox .iternarycontent .head p{margin: 0;}
.packagedetails{padding: 33px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px 15px 10px -15px #5c5b5b2b;
    margin-bottom: 21px;}
.packagedetails h3{
    display: inline-block;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 8px;
    background: #d1d1d1;
    color: #3b3b3b;
    }
 
.widget-packageview .pricebox{
    display: flex;
    justify-content: space-between;
    padding: 15px;
}
 
.widget-packageview .pricebox .leftbox .priceactive{
    font-size: 40px;
    font-weight: 700;
    color: #000;
}
.widget-packageview .pricebox .leftbox .pricemrp{
    text-decoration: line-through;
    color: #7f7f7f;
    font-size: 17px;
}
.widget-packageview .pricebox .leftbox .subhead{
    margin-left: 8px;
    display: block;
}
 
.widget-packageview .pricebox .rightbox button{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}


.widget-forgetpassword{padding: 3% 0; background: #eee;}
 
.widget-forgetpassword .head h3{
    font-weight: 600;
    margin-bottom: 15px;
}
.widget-forgetpassword .formbox{
    /* padding: 15px; */
    border: 1px solid #eee;
}
.widget-forgetpassword .formbox form{
    padding: 5%;
    background: #fff;
    /* display: flex; */
    border-radius: 10px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
.widget-forgetpassword .formbox form label{
    width: 100%;
}
.widget-forgetpassword .formbox form label span{
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
}
.widget-forgetpassword .formbox form label input{
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    outline: none;
    border: 2px solid #eee;
}

.widget-forgetpassword .formbox form button{
    display: inline-block;
    background: #232323;
    padding: 10px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}

/* widget-program */
.widget-program{padding: 3% 0; background: #eee;}

.widget-booklesson{padding: 3% 0; background: #eee;}
.widget-enroll{padding: 3% 0; background: #eee;}
 

/* RATE BOX */
.ratingbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ratenum {
    font-weight: 600;
    font-size: 14px;
}

.ratestar {
    position: relative;
    width: 70px;
    height: 18px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23ddd' d='M287.9 17.8L354 150.2 499.2 171.5c26.2 3.8 36.7 36.1 17.7 54.6L416 347.4 438.6 492.6c4.5 26.1-23 46-46.4 33.7L288 439.6 183.8 526.3c-23.4 12.3-50.9-7.6-46.4-33.7L160 347.4 59.1 226.1c-19-18.5-8.5-50.8 17.7-54.6L222 150.2 287.9 17.8z'/></svg>") repeat-x;
    background-size: 14px 14px;
}

.ratestar .filled {
    height: 100%;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23f5a623' d='M287.9 17.8L354 150.2 499.2 171.5c26.2 3.8 36.7 36.1 17.7 54.6L416 347.4 438.6 492.6c4.5 26.1-23 46-46.4 33.7L288 439.6 183.8 526.3c-23.4 12.3-50.9-7.6-46.4-33.7L160 347.4 59.1 226.1c-19-18.5-8.5-50.8 17.7-54.6L222 150.2 287.9 17.8z'/></svg>") repeat-x;
    background-size: 14px 14px;
}


/* widget-breadcrumb */
.widget-breadcrumb{
    padding: 1% 0;
    background: #f7f7f7;
}
 
.widget-breadcrumb .head h3{
    font-size: 18px;
    font-weight: 600;
    color: #0c3e57;
    margin: 0;
}
.widget-breadcrumb .head ul{padding: 0;list-style: none;margin: 0;display: flex;gap: 20px;}
.widget-breadcrumb .head ul li{
    color: #8a8a8a;
    font-size: 13px;
}
.widget-breadcrumb .head ul li a{position: relative;display: flex;color: #0c3e57;}
.widget-breadcrumb .head ul li a:before{content:"/";position: absolute;right: -13px;color: #eee;}
.widget-category{ padding: 3% 0;
   }
 
.widget-category .subhead p{
    color: #959595;
    font-weight: 100;
}
 
.widget-category .trendingcourses .headtitle{
    font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    color: #000;
}
.widget-category .trendingcourses .headtitle::before{content: "";position: absolute;width: 150px;height: 2px;background: #000;bottom: -1px;}
.widget-category .trendingcourses ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.widget-category .trendingcourses ul li{
    width: 25%;
}
 
.widget-category .trendingcourses ul li a figure img{width: 100%;}
.widget-category .trendingcourses ul li a h3{
    font-size: 18px;
    color: #000;
    margin: 0;
}
.widget-category .trendingcourses ul li a .addedby{
    color: #b7b7b7;
    font-weight: 200;
    font-size: 14px;
}
.widget-category .trendingcourses ul li a .ratingbox{
    display: flex;
    gap: 10px;
}
.widget-category .trendingcourses ul li a .ratingbox .ratenum{
    font-size: 20px;
    color: #f5a623;
}
 
.widget-category .trendingcourses ul li a .ratingbox .countrating{
    color: #a4a4a4;
    font-weight: 100;
    font-size: 13px;
}


 
.widget-category .categorybox h3{ font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    color: #000;}
.widget-category .categorybox h3:before{content: "";position: absolute;width: 150px;height: 2px;background: #000;bottom: -1px;}
.widget-category .categorybox .category-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    list-style: none;
    padding: 0;
}

.widget-category .categorybox .category-grid li a {
    display: block;
    text-align: CENTER;
    border: 1px solid #000;
    color: #000;
    padding: 15px;
}


 
.popular-teachers h3{font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    color: #000;}
.popular-teachers h3:before{content: "";position: absolute;width: 150px;height: 2px;background: #000;bottom: -1px;}


 
.widget-category .courselist .headtitle{
    font-size: 24px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    color: #000;
}
.widget-category .courselist .headtitle::before{content: "";position: absolute;width: 150px;height: 2px;background: #000;bottom: -1px;}
.widget-category .courselist ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.widget-category .courselist ul li{
    width: 33.33%;
}
 
.widget-category .courselist ul li a figure img{width: 100%;}
.widget-category .courselist ul li a h3{
    font-size: 18px;
    color: #000;
    margin: 0;
}
.widget-category .courselist ul li a .addedby{
    color: #b7b7b7;
    font-weight: 200;
    font-size: 14px;
}
.widget-category .courselist ul li a .ratingbox{
    display: flex;
    gap: 10px;
}
.widget-category .courselist ul li a .ratingbox .ratenum{
    font-size: 20px;
    color: #f5a623;
}
 
.widget-category .courselist ul li a .ratingbox .countrating{
    color: #a4a4a4;
    font-weight: 100;
    font-size: 13px;
}
.widget-category .courselist ul li a .pricebox{
    font-weight: 400;
    color: #000000;
}
.widget-category .courselist ul li a .pricebox span{
    font-size: 21px;
}

/* widget-course-view */

.widget-course-view{padding: 5% 0;background: #70ad4e;}

.widget-course-view .leftbox .breadcrumbbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}

.widget-course-view .leftbox .breadcrumbbox ul li a{
    color: #bcff97;
    position: relative;
}
.widget-course-view .leftbox .breadcrumbbox ul li a:before{content:"/";position: absolute;right: -12px;}
.widget-course-view .leftbox .breadcrumbbox ul li:last-child a:before{content:"";}
 
.widget-course-view .leftbox .headbox h1{
    font-size: 44px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}
.widget-course-view .leftbox .headbox p{
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}
.widget-course-view .leftbox .headbox .addedby{
    display: block;
    color: #bcff97;
}
.widget-course-view .leftbox .headbox .lastupdate{
    display: block;
    color: #bcff97;
}


 
.widget-course-view .rightboxpanel .innerbox figure{position: relative;}
.widget-course-view .rightboxpanel .innerbox figure img{width: 100%;}
.widget-course-view .rightboxpanel .innerbox figure span{width: 100%;position: absolute;right: 0;bottom: -20px;left: 0;width: 190px;background: #000;color: #fff;margin: 0 auto;padding: 9px 16px;text-align: CENTER;border-radius: 6px;}
.widget-course-view .rightboxpanel .innerbox figure button{
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border: none;
    border-radius: 51px;
}
.widget-course-view .rightboxpanel .innerbox figure button i{width: 100%;}

/* VIDEO POPUP */

.videopopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.videopopup .popup-content {
    position: relative;
    width: 80%;
    max-width: 800px;
    animation: popupFade 0.3s ease-in-out;
    margin: 0 auto;
    top: 10%;
    background: #fff;
    padding: 2%;
}

@keyframes popupFade {
    from { transform: scale(0.8); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

#youtubeFrame {
    width: 100%;
    height: 450px;
    border-radius: 5px;
}

.close-popup {
    position: absolute;
    top: -13px;
    right: 5px;
    color: #000000;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
}

.widget-what-you-learn{
    padding: 3% 0;
}
 
.widget-what-you-learn .leftbox .innerbox{
    padding: 4%;
    border: 1px solid #000;
    margin-bottom: 10px;
}
.widget-what-you-learn .leftbox .innerbox h3{
    font-size: 24px;
    font-weight: 700;
}
.widget-what-you-learn .leftbox .innerbox ul{
    padding-left: 20px;
    display: flex;
    gap: 40px;
    margin: 0;
}
.widget-what-you-learn .leftbox .innerbox ul li{
    width: 50%;
}
.widget-what-you-learn .leftbox .includebox{
    padding: 25px;
    background: #0f3b57;
    display: block;
}
.widget-what-you-learn .leftbox .includebox h3{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    }
.widget-what-you-learn .leftbox .includebox ul{
    padding-left: 19px;
    display: flex;
    gap: 40px;
    margin: 0;
    /* flex-direction: column; */
    /* flex-wrap: nowrap; */
    }
.widget-what-you-learn .leftbox .includebox ul li{
    width: 50%;
    color: #fff;
}

.widget-what-you-learn .leftbox .coursesectionlist{
    padding-top: 20px;
}
.widget-what-you-learn .leftbox .coursesectionlist h3{
    font-size: 28px;
    font-weight: 500;
    color: #000;
}
.widget-what-you-learn .leftbox .coursesectionlist .overalldet{
    display: block;
    padding-bottom: 10px;
    font-weight: 100;
}
.widget-what-you-learn .leftbox .coursesectionlist ul{
    padding: 0;
    list-style: none;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li{
    border: 1px solid #cecece;
    background: #eee;
    margin-bottom: 10px;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li .headh3{
    display: flex;
    padding: 15px;
    justify-content: space-between;
    position: relative;
    padding-left: 50px;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li .headh3 i{
    position: absolute;
    left: 15px;
    top: 19px;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li .headh3 .headtitle{
    font-weight: 700;
    color: #000;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li .headh3 .totallect{
    font-weight: 100;
}
 
.widget-what-you-learn .rightbox .innerbox{
    border-block-end: 1px solid oklch(86.72% 0.0192 282.72deg);
    box-sizing: border-box;
    box-shadow: 0 2px 4px
 color-mix(in oklch, oklch(27.54% 0.1638 265.98deg) 8%, transparent), 0 4px 12px
 color-mix(in oklch, oklch(27.54% 0.1638 265.98deg) 8%, transparent);
    background-color: oklch(100% 0 0deg);
    padding: 8%;
}
.widget-what-you-learn .rightbox .innerbox p{
    text-align: CENTER;
    font-weight: 200;
}
 
.widget-what-you-learn .rightbox .innerbox .pricebox span{
    font-size: 32px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    font-weight: 800;
}
.widget-what-you-learn .rightbox .innerbox button{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    width: 100%;
}
.widget-what-you-learn .coursecontent{
    padding-top: 15px;
    border-top: 1px solid #eee;
}
.widget-what-you-learn .coursecontent h3{
    font-size: 24px;
    font-weight: 500;
    color: #000;
}
.widget-what-you-learn .coursecontent ul{
    padding: 0;
    padding-left: 18px;
}
.widget-what-you-learn .coursecontent ul li{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}
.widget-what-you-learn .coursecontent p{ font-size: 16px;
    font-weight: 400;}
 
.widget-what-you-learn .coursecontent ol li{ font-size: 16px;
    font-weight: 400;}
 

.widget-what-you-learn .rightbox .releatedcourses{
    padding-top: 20px;
}
.widget-what-you-learn .rightbox .releatedcourses .relhead{    font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    color: #000;}
.widget-what-you-learn .rightbox .releatedcourses .relhead::before{content: "";
    position: absolute;
    width: 150px;
    height: 2px;
    background: #000;
    bottom: -1px;
}
.widget-what-you-learn .rightbox .releatedcourses ul{
    padding: 0;
    list-style: none;
}
 
.widget-what-you-learn .rightbox .releatedcourses ul li a{
    gap: 10px;
    display: flex;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a figure{
    width: 35%;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a figure img{
    width: 100%;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a .contentbox{
    width: 75%;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a .contentbox .rel-title{
    display: block;
    color: #000;
    font-size: 16px;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a .contentbox .relauth{
    display: block;
    color: #bcbcbc;
    font-size: 14px;
}
 


footer{
    background: #093047;
    padding-top: 5%;
}
 
footer .leftbox h3{
    font-weight: 600;
    color: #fff;
}
footer .leftbox p{
    color: #fff;
}
 
footer .linkbox h3{
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
footer .linkbox ul{
    padding: 0;
    list-style: none;
}
 
footer .linkbox ul li a{
    color: #ffffff;
    display: block;
    padding: 3px 0;
}
footer .copyright{
    padding: 2% 0;
    border-top: 1px solid #9f9f9f;
}
footer .copyright p{color: #fff;margin: 0;text-align: CENTER;font-weight: 400;}
footer .copyright p a{color:#fff;}


.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    z-index: 999;
    text-decoration: none;
}

.whatsapp-float img {
    width: 28px;
}

/* Tooltip */
.whatsapp-float .tooltip {
    position: absolute;
    right: 65px;
    background: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease;
}

/* Tooltip arrow */
.whatsapp-float .tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}

/* Hover effect */
.whatsapp-float:hover .tooltip {
    opacity: 0;
    visibility: hidden;
}

.widget-aboutus .leftbox{
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
}
.widget-aboutus .leftbox h3{
    font-weight: 800;
    color: #000000;
}
.widget-aboutus .leftbox h4{
    font-size: 17px;
    font-weight: 400;
    color: #424242;
}
.widget-aboutus .firstbx{
    display: flex;
    padding-bottom: 30px;
}
.widget-aboutus .firstbx .imgbox{
    width: 40%;
}
.widget-aboutus .firstbx .imgbox img{width: 100%;}
.widget-aboutus .firstbx .contentbox{
    width: 60%;
    padding: 3%;
    padding-right: 15px;
}
.widget-aboutus .firstbx .contentbox p{
    font-size: 18px;
    text-align: justify;
}

.widget-what-weoffer{
    background: #0b4058;
    padding: 5% 0;
}
 
.widget-what-weoffer .innerbox h3{
    font-weight: 700;
    color: #fff;
}
.widget-what-weoffer .innerbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}
.widget-what-weoffer .innerbox ul li{
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
}
.widget-what-weoffer .innerbox ul li span{
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}
.widget-what-weoffer .innerbox ul li p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.widget-immersion{
    padding: 5% 0;
}
 
.widget-immersion .head h3{
    font-weight: 700;
}
.widget-immersion p{
    font-size: 18px;
}
 
.widget-immersion ul li{
    font-size: 18px;
}

.widget-immersion h4{
    text-align: CENTER;
    padding: 15px 0;
    font-weight: 700;
}
.widget-immersion .listbx{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 25px;
}
.widget-immersion .listbx li{
    padding: 3px 0;
    width: 25%;
}
.widget-immersion .listbx li b{
    display: block;
}
 
.widget-immersion .joinbox h3{
    font-weight: 700;
    font-size: 24px;
}
 
.widget-immersion .joinbox a{
    display: inline-block;
    background: #4CAF50;
    padding: 10px 25px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
}

 
.relatedblogs h3{
    padding: 10px;
    border: 1px solid #ececec;
    font-size: 18px;
    border-radius: 4px;
    background: #fff;
    font-weight: 700;
}
.relatedblogs ul{
    padding: 0;
    list-style: none;
}
.relatedblogs ul li{
    background: #fff;
    padding: 5px;
    border: 1px solid #eee;
}
.relatedblogs ul li a{
    display: flex;
    gap: 10px;
}
.relatedblogs ul li a figure{
    width: 30%;
}
.relatedblogs ul li a figure img{
    width: 100%;
}
.relatedblogs ul li a h3{
    border: none;
    width: 70%;
    background: none;
    font-weight: normal;
    color: #000;
    margin: 0;
}


.ratingbox {
    position: relative;
    display: inline-block;
    width: 120px; /* adjust */
}

.ratingbox svg {
    width: 100%;
    display: block;
}

.stars-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


.review-slider{
    display:flex;
    gap:15px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding:0;
    margin:0;
    list-style:none;
    scrollbar-width:none;
}
.review-slider::-webkit-scrollbar{
    display:none;
}
.review-slider li{
    min-width:300px;
    flex:0 0 auto;
}
.slider-btns{
    margin-top:15px;
    text-align:center;
}
.slider-btns button{
    padding:8px 18px;
    border:none;
    background:#000;
    color:#fff;
    cursor:pointer;
    margin:0 5px;
}

.viewbtnreview{text-align: center;}
.viewbtnreview a{

    display: inline-block;
    background: #FF9800;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

/*** */

.widget-book-box{
    padding: 60px 0;
}
 
.widget-book-box .calendrabox h3{
    margin-top: 14px;
    font-size: 16px;
    background: #2c3e50;
    padding: 10px;
    border-radius: 2px;
    color: #fff;
}
 
.widget-book-box .slotbox .slot-btn{
    border: 2px solid #000;
    background: none;
    color: #000;
    padding: 10px;
    border-radius: 5px;
}
.widget-book-box .slotbox .slot-btn:disabled{
    background: #eee;
    border-color: #eee;
    color: #787878;
}

.disabled-date{
    background: #f7f7f7;
}
.disabled-date a{color: #bcbcbc !important;font-weight: 400 !important;}
.fc .fc-daygrid-day.selected-date{
    background: #2c3e50;
}
.fc .fc-daygrid-day.selected-date a{color: #fff !important;}
.fc-event .fc-event-main{display: none;}
.fc-theme-standard td, .fc-theme-standard th{border: 1px solid #eee;}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{display: none;}
.fc-daygrid-day a{
    color: #2c3e50;
    font-weight: 600;
}

.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 2px 4px;
    color: #000;
    font-weight: 400;
}
.fc-toolbar-chunk{width: 100%;}

#slot-container{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

#slot-container button{
    width:calc(50% - 6px);
    border-radius:10px;
    padding:12px;
    font-weight:600;
}
 
#slot-container button.active{
    background:#000;
    color:#fff;
}

#slot-container button:disabled{
    opacity:0.5;
    cursor:not-allowed;
}



.coursebox{
    padding-top: 15px;
}
.coursebox .innerbox{
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
}
.coursebox .innerbox .summarytag{
    background: #eee;
    padding: 7px 15px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: inline-block;
}
.coursebox .innerbox h4{
    font-size: 20px;
}
.coursebox .innerbox .pricetag{
    display: block;
    font-size: 32px;
    margin-bottom: 15px;
}
.coursebox .innerbox p{
    margin: 0;
}
.coursebox .innerbox button{
    display: inline-block;
    background: #1db957;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    width: 100%;
}

.paymentbox{text-align: center;}
.paymentbox img{width: 150px;}
 
.paymentbox table{text-align: left;}
.widget-pay{padding: 5% 0;}

/* */

.india-tour-hero{
    position:relative;
    overflow:hidden;
    min-height:100vh;
    display:flex;
    align-items:center;
    background:
        linear-gradient(rgba(5,20,40,.75),rgba(5,20,40,.85)),
        url('https://images.unsplash.com/photo-1524492412937-b28074a5d7da?auto=format&fit=crop&w=1600&q=80') center center;
    background-size:cover;
    color:#fff;
    padding: 10%;
}

/* Overlay */
.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,#001b44bb,#6b0f1aaa,#ff6b0033);
}

/* Floating Shapes */
.shape{
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    animation:float 8s ease-in-out infinite;
}

.shape1{
    width:220px;
    height:220px;
    left:-80px;
    top:120px;
}

.shape2{
    width:120px;
    height:120px;
    right:8%;
    top:120px;
    animation-delay:2s;
}

.shape3{
    width:180px;
    height:180px;
    right:20%;
    bottom:40px;
    animation-delay:4s;
}

@keyframes float{
    0%,100%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-30px);
    }
}

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

.hero-tag{
    display:inline-block;
    padding:10px 18px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.2);
    border-radius:50px;
    font-size:15px;
    letter-spacing:.5px;
    animation:fadeDown 1s;
}

.hero-title{
    font-size:58px;
    font-weight:800;
    line-height:1.15;
    animation:fadeLeft 1s;
}

.hero-title span{
    display:block;
    color:#ffcc33;
}

.hero-text{
    font-size:24px;
    color:#fff;
    font-weight:500;
    animation:fadeLeft 1.2s;
}

.hero-description{
    color:#e4e4e4;
    line-height:1.9;
    font-size:17px;
    margin-top:20px;
    animation:fadeLeft 1.4s;
}

.hero-highlight{
    margin-top:35px;
    font-weight:700;
    animation:fadeLeft 1.6s;
}

.hero-highlight span{
    color:#ffcc33;
}

.hero-buttons .btn{
    padding:14px 34px;
    border-radius:50px;
    font-weight:600;
    transition:.4s;
}

.btn-plan{
    background:#ff7b00;
    color:#fff;
}

.btn-plan:hover{
    background:#ff9900;
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 15px 30px rgba(255,123,0,.4);
}

.btn-outline-light:hover{
    transform:translateY(-4px);
}

.hero-image{
    animation:floatImage 5s ease-in-out infinite;
}

.hero-image img{
    border-radius:25px;
    box-shadow:0 25px 60px rgba(0,0,0,.45);
}

@keyframes floatImage{
    0%,100%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-18px);
    }
}

@keyframes fadeLeft{
    from{
        opacity:0;
        transform:translateX(-60px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes fadeDown{
    from{
        opacity:0;
        transform:translateY(-40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Responsive */

@media(max-width:991px){

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

.hero-text{
    font-size:20px;
}

.hero-description{
    font-size:16px;
}

.hero-buttons .btn{
    display:block;
    width:100%;
    margin-bottom:15px;
}

.hero-buttons .ms-3{
    margin-left:0!important;
}

.hero-image{
    margin-top:50px;
}

}

@media(max-width:576px){

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

.hero-text{
    font-size:18px;
}

.hero-description{
    font-size:15px;
}

}


.why-hindi-era{
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

.why-hindi-era::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#ff993320;
    border-radius:50%;
    top:-120px;
    left:-120px;
    animation:floatCircle 8s infinite ease-in-out;
}

.why-hindi-era::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:#13880815;
    border-radius:50%;
    right:-100px;
    bottom:-100px;
    animation:floatCircle 10s infinite ease-in-out;
}

@keyframes floatCircle{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-25px);
    }
}

.section-tag{
    display:inline-block;
    background:#ff7b00;
    color:#fff;
    padding:8px 20px;
    border-radius:50px;
    font-size:14px;
    letter-spacing:1px;
    font-weight:600;
}

.section-title{
    /* font-size:46px; */
    /* font-weight:800; */
    /* color:#16213e; */
}
 

.title-line{
    width:90px;
    height:5px;
    background:#ff7b00;
    margin:20px auto;
    border-radius:10px;
}

.section-subtitle{
    font-size:22px;
    color:#444;
}

.lead-text{
    max-width:850px;
    margin:auto;
    color:#666;
    line-height:1.8;
    font-size:17px;
}

.feature-card{
    background:#fff;
    padding:35px;
    border-radius:18px;
    text-align:center;
    height:100%;
    transition:.35s;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    position:relative;
}

.feature-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 50px rgba(0,0,0,.12);
}

.feature-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#ff9933,#ffffff,#138808);
    transform:scaleX(0);
    transition:.4s;
}

.feature-card:hover::before{
    transform:scaleX(1);
}

.feature-icon{
    width:80px;
    height:80px;
    margin:auto;
    border-radius:50%;
    background:#fff4ea;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:20px;
    transition:.3s;
}

.feature-card:hover .feature-icon{
    transform:rotate(10deg) scale(1.1);
}

.feature-card h4{
    font-weight:700;
    color:#16213e;
    margin-bottom:15px;
}

.feature-card p{
    color:#666;
    line-height:1.8;
    margin:0;
}

.journey-box{
    margin-top:70px;
    background:linear-gradient(135deg,#ff7b00,#ff9933);
    color:#fff;
    padding:55px;
    border-radius:20px;
    box-shadow:0 20px 60px rgba(255,123,0,.35);
}

.journey-box h3{
    font-weight:300;
    margin-bottom:15px;
}

.journey-box h4{
    font-weight:400;
    margin-bottom:15px;
}

.journey-box h2{
    font-size:42px;
    font-weight:800;
}

@media(max-width:768px){

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

.section-subtitle{
    font-size:19px;
}

.journey-box{
    padding:35px 20px;
}

.journey-box h2{
    font-size:30px;
}

}


.trust-section{
    background:#fff;
    position:relative;
    overflow:hidden;
}

.trust-section::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(255,153,51,.08);
    left:-120px;
    top:-100px;
}

.trust-section::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(19,136,8,.08);
    right:-100px;
    bottom:-100px;
}

.trust-badge{
    display:inline-block;
    background:#ff7b00;
    color:#fff;
    padding:8px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.trust-title{
    font-size:48px;
    font-weight:800;
    color:#1b2d4f;
}

.trust-title span{
    color:#ff7b00;
}

.heading-divider{
    width:90px;
    height:5px;
    background:#ff7b00;
    margin:20px auto;
    border-radius:5px;
}

.trust-desc{
    color:#666;
    font-size:18px;
    line-height:1.8;
    max-width:760px;
    margin:auto;
}

/* Left */

.worry-box{
    background:#fff5f5;
    border-left:6px solid #dc3545;
    padding:35px;
    border-radius:15px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    height:100%;
}

.worry-box h3{
    color:#dc3545;
    font-weight:700;
    margin-bottom:25px;
}

.worry-list{
    list-style:none;
    padding:0;
    margin:0;
}

.worry-list li{
    padding:12px 0;
    font-size:17px;
    color:#444;
    border-bottom:1px solid #eee;
}

/* Right */

.commitment-box{
    background:#ffffff;
    border-radius:18px;
    padding:40px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.commitment-box h3{
    color:#198754;
    font-weight:700;
    margin-bottom:30px;
}

.commit-item{
    background:#f8fafc;
    border-radius:12px;
    padding:15px 18px;
    margin-bottom:18px;
    font-size:16px;
    font-weight:500;
    transition:.35s;
    border:1px solid #eef2f6;
}

.commit-item span{
    color:#198754;
    font-weight:bold;
    margin-right:8px;
}

.commit-item:hover{
    background:#198754;
    color:#fff;
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(25,135,84,.25);
}

.commit-item:hover span{
    color:#fff;
}

/* Mobile */

@media(max-width:991px){

.trust-title{
    font-size:36px;
}

.commitment-box{
    margin-top:30px;
}

}

@media(max-width:576px){

.trust-title{
    font-size:30px;
}

.trust-desc{
    font-size:16px;
}

.worry-box,
.commitment-box{
    padding:25px;
}

.commit-item{
    font-size:15px;
}

}


.difference-section{
    background:linear-gradient(135deg,#f8fbff,#ffffff);
    position:relative;
    overflow:hidden;
}

.section-label{
    display:inline-block;
    background:#ff7a00;
    color:#fff;
    padding:8px 22px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.section-title{
    /* font-size:46px; */
    /* font-weight:800; */
    /* color:#172b4d; */
}



.section-description{
    max-width:800px;
    margin:20px auto 0;
    color:#666;
    font-size:18px;
    line-height:1.8;
}

.tour-box{
    background:#fff;
    border-radius:18px;
    padding:35px;
    height:100%;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;
}

.tour-box:hover{
    transform:translateY(-10px);
}

.ordinary{
    border-top:5px solid #dc3545;
}

.experience{
    border-top:5px solid #198754;
}

.box-icon{
    width:75px;
    height:75px;
    margin:auto;
    background:#f5f5f5;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:20px;
}

.tour-box h3{
    text-align:center;
    font-weight:700;
    margin-bottom:25px;
}

.tour-step{
    background:#fff5f5;
    border-left:4px solid #dc3545;
    padding:16px;
    margin-bottom:15px;
    border-radius:8px;
    font-size:17px;
}

.experience-list{
    list-style:none;
    padding:0;
    margin:0;
}

.experience-list li{
    background:#f7fff9;
    border-left:4px solid #198754;
    padding:14px 18px;
    margin-bottom:12px;
    border-radius:8px;
    transition:.3s;
}

.experience-list li:hover{
    background:#198754;
    color:#fff;
    transform:translateX(8px);
}

.vs-circle{
    width:110px;
    height:110px;
    background:linear-gradient(135deg,#ff7a00,#ffb347);
    color:#fff;
    font-size:34px;
    font-weight:800;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    box-shadow:0 20px 45px rgba(255,122,0,.35);
    animation:pulse 2s infinite;
}

@keyframes pulse{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.08);
    }

    100%{
        transform:scale(1);
    }

}

.experience-footer{
    margin-top:70px;
    background:linear-gradient(135deg,#ff7a00,#ff9933);
    color:#fff;
    text-align:center;
    padding:55px 30px;
    border-radius:20px;
    box-shadow:0 20px 60px rgba(255,122,0,.30);
}

.experience-footer h3{
    font-size:38px;
    font-weight:800;
    margin-bottom:15px;
}

.experience-footer p{
    font-size:20px;
    opacity:.95;
    margin:0;
}

@media(max-width:991px){

.vs-circle{
    margin:30px auto;
}

.section-title{
    font-size:36px;
}

}

@media(max-width:576px){

.section-title{
    font-size:30px;
}

.experience-footer h3{
    font-size:28px;
}

.experience-footer p{
    font-size:17px;
}

}


.signature-journeys{
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

.signature-journeys::before{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(255,153,51,.08);
    border-radius:50%;
    top:-140px;
    left:-120px;
}

.signature-journeys::after{
    content:'';
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(19,136,8,.08);
    border-radius:50%;
    right:-120px;
    bottom:-120px;
}

.journey-badge{
    display:inline-block;
    background:#ff7a00;
    color:#fff;
    padding:8px 24px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.journey-title{
    font-size:46px;
    font-weight:800;
    color:#16324f;
}

.journey-title span{
    display:block;
    color:#ff7a00;
}

.journey-desc{
    max-width:820px;
    margin:auto;
    font-size:18px;
    line-height:1.8;
    color:#666;
}

.journey-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    height:100%;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
    border-top:5px solid #ff7a00;
    position:relative;
    overflow:hidden;
}

.journey-card::before{
    content:'';
    position:absolute;
    width:120px;
    height:120px;
    background:rgba(255,122,0,.06);
    border-radius:50%;
    right:-40px;
    top:-40px;
}

.journey-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

.journey-icon{
    width:80px;
    height:80px;
    background:#fff4e8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    margin-bottom:20px;
    transition:.4s;
}

.journey-card:hover .journey-icon{
    transform:rotate(10deg) scale(1.1);
}

.journey-card h3{
    font-size:26px;
    font-weight:700;
    color:#16324f;
    margin-bottom:20px;
}

.journey-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.journey-card ul li{
    padding:11px 0;
    border-bottom:1px dashed #ddd;
    color:#555;
    font-size:16px;
    transition:.3s;
}

.journey-card ul li:last-child{
    border:none;
}

.journey-card ul li::before{
    content:"📍";
    margin-right:10px;
}

.journey-card:hover ul li{
    padding-left:8px;
    color:#ff7a00;
}

@media(max-width:991px){

.journey-title{
    font-size:36px;
}

}

@media(max-width:576px){

.journey-title{
    font-size:30px;
}

.journey-desc{
    font-size:16px;
}

}


.included-section{
    background:#f8fbff;
}

.included-badge{
    display:inline-block;
    background:#ff7a00;
    color:#fff;
    padding:8px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.included-title{
    font-size:46px;
    font-weight:800;
    color:#17324d;
}

.included-title span{
    display:block;
    color:#ff7a00;
}

.included-desc{
    max-width:760px;
    margin:auto;
    color:#666;
    line-height:1.8;
    font-size:18px;
}

.include-card{
    background:#fff;
    border-radius:18px;
    padding:35px 20px;
    text-align:center;
    height:100%;
    transition:.35s;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border:1px solid #edf1f5;
}

.include-card:hover{
    transform:translateY(-10px);
    border-color:#ff7a00;
    box-shadow:0 20px 50px rgba(255,122,0,.20);
}

.include-card .icon{
    width:75px;
    height:75px;
    margin:auto auto 20px;
    border-radius:50%;
    background:#fff4e8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    transition:.35s;
}

.include-card:hover .icon{
    transform:rotate(10deg) scale(1.1);
    background:#ff7a00;
}

.include-card h5{
    margin:0;
    font-weight:700;
    color:#17324d;
    font-size:18px;
    line-height:1.5;
}

.support-box{
    background:linear-gradient(135deg,#ff7a00,#ff9d2f);
    color:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(255,122,0,.30);
}

.support-box h3{
    font-weight:700;
    margin-bottom:15px;
}

.support-box p{
    margin:0;
    opacity:.95;
    line-height:1.8;
}

.btn-support{
    background:#fff;
    color:#ff7a00;
    font-weight:700;
    border-radius:50px;
    padding:14px 32px;
    transition:.3s;
}

.btn-support:hover{
    transform:translateY(-4px);
    color:#ff7a00;
    box-shadow:0 15px 35px rgba(255,255,255,.30);
}

@media(max-width:991px){

.included-title{
    font-size:36px;
}

}

@media(max-width:576px){

.included-title{
    font-size:30px;
}

.included-desc{
    font-size:16px;
}

.support-box{
    padding:30px 20px;
}

}

.learn-hindi-section{
    background:linear-gradient(135deg,#fffdf8,#f7fbff);
    position:relative;
    overflow:hidden;
}

.learn-hindi-section::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,153,51,.08);
    border-radius:50%;
    left:-120px;
    top:-120px;
}

.learn-hindi-section::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(19,136,8,.08);
    border-radius:50%;
    right:-100px;
    bottom:-100px;
}

.usp-badge{
    display:inline-block;
    background:#ff7a00;
    color:#fff;
    padding:8px 22px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.usp-title{
    font-size:48px;
    font-weight:800;
    color:#16324f;
}

.usp-title span{
    display:block;
    color:#ff7a00;
}

.usp-intro{
    margin-top:25px;
    font-size:20px;
    color:#444;
    line-height:1.8;
}

.usp-description{
    margin-top:20px;
    color:#666;
    font-size:17px;
    line-height:1.9;
}

.usp-highlight{
    margin-top:35px;
    padding:25px;
    background:#fff;
    border-left:5px solid #ff7a00;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.usp-highlight h4{
    color:#ff7a00;
    font-weight:700;
    margin-bottom:15px;
}

.usp-highlight p{
    margin:0;
    font-size:18px;
    color:#16324f;
}

.skills-card{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}

.skills-card h3{
    text-align:center;
    font-weight:700;
    margin-bottom:30px;
    color:#16324f;
}

.skill-item{
    background:#f8fafc;
    border:1px solid #edf2f6;
    border-left:4px solid #198754;
    border-radius:10px;
    padding:16px 18px;
    margin-bottom:16px;
    transition:.35s;
    font-weight:500;
    color:#444;
}

.skill-item:hover{
    background:#198754;
    color:#fff;
    transform:translateX(8px);
    box-shadow:0 12px 25px rgba(25,135,84,.25);
}

@media(max-width:991px){

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

.skills-card{
    margin-top:40px;
}

}

@media(max-width:576px){

.usp-title{
    font-size:30px;
}

.usp-intro{
    font-size:18px;
}

.usp-description{
    font-size:16px;
}

.skills-card{
    padding:25px;
}

}

.real-india{
    background:#f8fbfd;
    position:relative;
    overflow:hidden;
}

.real-india:before{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:#ff99331a;
    border-radius:50%;
    top:-120px;
    left:-120px;
}

.real-india:after{
    content:'';
    position:absolute;
    width:260px;
    height:260px;
    background:#13880815;
    border-radius:50%;
    bottom:-120px;
    right:-100px;
}

.section-badge{
    background:#ff7a00;
    color:#fff;
    display:inline-block;
    padding:8px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.section-title{
    /* font-size:48px; */
    /* font-weight:800; */
    /* color:#16324d; */
}

.section-title span{
    display:block;
    color:#ff7a00;
}

.section-text{
    max-width:850px;
    margin:20px auto 0;
    color:#666;
    font-size:18px;
    line-height:1.9;
}

.story-box{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

.story-box h3{
    color:#16324d;
    font-weight:700;
    margin-bottom:20px;
}

.story-box p{
    color:#666;
    line-height:1.9;
}

.experience-list{
    margin-top:30px;
}

.experience-list div{
    background:#f8fafc;
    margin-bottom:12px;
    padding:14px 18px;
    border-left:4px solid #198754;
    border-radius:8px;
    transition:.35s;
}

.experience-list div:hover{
    background:#198754;
    color:#fff;
    transform:translateX(8px);
}

.experience-list span{
    margin-right:10px;
}

.destination-card{
    background:#fff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border-top:5px solid #ff7a00;
    transition:.35s;
    height:100%;
}

.destination-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.destination-card h4{
    color:#16324d;
    margin-bottom:20px;
    font-weight:700;
}

.destination-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.destination-card li{
    padding:9px 0;
    border-bottom:1px dashed #ddd;
    transition:.3s;
}

.destination-card li:last-child{
    border:none;
}

.destination-card li:before{
    content:"📍";
    margin-right:8px;
}

.destination-card li:hover{
    color:#ff7a00;
    padding-left:8px;
}

@media(max-width:991px){

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

.story-box{
    margin-bottom:20px;
}

}

@media(max-width:576px){

.section-title{
    font-size:30px;
}

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

.story-box,
.destination-card{
    padding:25px;
}

}


.journey-final{
    background:#f8fbfd;
}

.section-badge{
    background:#ff7a00;
    color:#fff;
    padding:8px 20px;
    border-radius:30px;
    display:inline-block;
    font-size:14px;
    font-weight:600;
}

.section-title{
    font-size:48px;
    font-weight:800;
    color:#17324d;
}

.section-title span{
    color:#ff7a00;
}

.section-desc{
    max-width:850px;
    margin:auto;
    color:#666;
    line-height:1.9;
}

.traveler-card{

    background:#fff;
    text-align:center;
    padding:20px;
    border-radius:15px;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;

}

.traveler-card:hover{

    background:#ff7a00;
    color:#fff;
    transform:translateY(-8px);

}

.promise-box{

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

}

.promise-box h2{

    font-weight:700;
    color:#17324d;

}

.promise-item{

    background:#f7fafc;
    padding:15px;
    margin-bottom:15px;
    border-left:4px solid #198754;
    border-radius:8px;
    transition:.3s;

}

.promise-item:hover{

    background:#198754;
    color:#fff;
    transform:translateX(8px);

}

.cta-section{margin-top: 0;padding:70px 40px;border-radius: 0;background:linear-gradient(135deg,#ff7a00,#ff9d2f);color:#fff;}

.cta-section h2{

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

}

.cta-section p{

    max-width:900px;
    margin:25px auto;
    line-height:1.9;

}

.highlight-text{

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

}

.btn-plan{

    background:#fff;
    color:#ff7a00;
    padding:15px 40px;
    border-radius:50px;
    font-weight:700;
    transition:.3s;

}

.btn-plan:hover{

    transform:translateY(-5px);
    color:#ff7a00;
    box-shadow:0 15px 35px rgba(255,255,255,.35);

}

@media(max-width:768px){

.section-title{

    font-size:34px;

}

.promise-box{

    padding:30px;

}

.cta-section{

    padding:40px 20px;

}

.cta-section h2{

    font-size:32px;

}

}


.heroSlider{
    width:100%;
    position: relative;
    z-index: 1;
}

.heroSlider img{
    width:100%;
    display:block;
    object-fit:cover;
}
.heroSlider .innerslide{
    position: absolute;
    top: 0;
    left: 0%;
    padding: 5% 10%;
    z-index: 1;
   background: linear-gradient(
        to right,
        rgba(4, 26, 37, 0.85) 0%,
        rgba(4, 26, 37, 0.75) 30%,
        rgba(4, 26, 37, 0.45) 60%,
        rgba(4, 26, 37, 0) 100%
    );
    bottom:0;
    right:0;
}
.swiper-button-next,
.swiper-button-prev{
    width:50px;
    height:50px;
    background:#fff;
    border-radius:50%;
    color:#000;
    box-shadow:0 5px 20px rgba(0,0,0,.2);
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:18px;
    font-weight:bold;
}

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

.swiper-pagination-bullet-active{
    background:#ff5722;
}


.video-popup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;

    opacity:0;
    visibility:hidden;
    transition:.35s ease;
}

.video-popup.show{
    opacity:1;
    visibility:visible;
}

.video-box{
    width:min(900px,90%);
    background:#000;
    border-radius:12px;
    overflow:hidden;
    position:relative;
    transform:scale(.9);
    transition:.35s ease;
    box-shadow:0 20px 60px rgba(0,0,0,.4);
}

.video-popup.show .video-box{
    transform:scale(1);
}

.video-box video{
    width:100%;
    display:block;
}

.close-video{
    position:absolute;
    top:12px;
    right:12px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#fff;
    font-size:22px;
    cursor:pointer;
    z-index:2;
}

body.popup-open{
    overflow:hidden;
}