@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
body{font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5, h6{ font-family: "Playfair Display", serif;}
.eapps-instagram-feed-title{display: none !important;}
.site-footer{background-color: #012E29; padding-top:100px; }
.form-section{padding: 0px 0 80px 0;}
.cta-section{ background-color: #ffd5b8; padding: 60px 0;}
.cta-section a{ color:#e57303; }
.offer-sec{padding: 100px 0; }
.team-wrap{padding: 100px 0;}
.testimonial-sec{padding: 100px 0;}
.faq-section{padding: 100px 0;}
.why-choose-us{padding: 100px 0;}
.why-choose-us i{color: #e8811c; font-size: 27px; border: 1px solid #e8811c26; height: 70px; width: 70px; text-align: center; padding: 20px 0px; border-radius: 60px; margin-bottom: 20px; }
.insta-section{padding: 100px 0 0 0;}

.container{max-width: 1220px;width: 100%;}
.bg-yellow-50 { background-color: #fffbf7; }
.bg-yellow-100 { background-color: #ffead5; }
.bg-yellow-200 { background-color: #fde68a; }
.bg-yellow-400 { background-color: #fbbf24; }
.bg-yellow-500 { background-color: #f59e0b; }
.bg-yellow-600 { background-color: #E57303; }
.text-yellow-600 { color: #d97706; }
.text-yellow-800 { color: #92400e; }
h2{font-size: 44px;}
.top-logo img{width: 150px;}
.custom-nav{border-bottom: 1px solid #dddddd3b;padding: 30px 0px;}
.header-wrapper{background: url(../images/hero-main-img2.svg);background-repeat: no-repeat;background-size: cover;}
.offer-sec{background-color: #ffd5b8;}
.hero-wrapper{padding: 80px 0px;}
.custom-nav .navbar-nav .nav-item a{font-size: 15px;text-transform: uppercase;}
.hero-wrapper .btn-outline-warning, .hero-wrapper .btn-warning{font-size: 18px;}
.hero-wrapper h4, .hero-wrapper p {color: #fff;}
.header-wrapper .cta-header{padding: 12px 30px;}
.dropdown-submenu .dropdown-toggle::after{border: 0;}
.header-wrapper .dropdown-menu,
.header-wrapper .dropdown-submenu > .submenu {display: block;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;pointer-events: none;}
.header-wrapper .navbar-nav .dropdown:hover > .dropdown-menu,
.header-wrapper .dropdown-submenu:hover > .submenu {opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}
.header-wrapper .dropdown-menu {top: 30px;}
.header-wrapper .dropdown-submenu {position: relative;}
.header-wrapper .dropdown-submenu > .submenu {position: absolute;top: 30px;left: 50%;margin-top: 0;min-width: 200px;z-index: 1000;}
.header-wrapper .dropdown-submenu .dropdown-item {position: relative;}
.header-wrapper .submenu li a::after{content: "" !important;}
.header-wrapper .dropdown-submenu .dropdown-item::after {content: "›";position: absolute;top: 50%;right: 10px;transform: translateY(-50%);font-size: 14px;}
.btn-warning, .text-bg-warning{background-color: #E57303 !important;color: #fff !important;}
.btn-warning{border-color: #E57303;}
.btn-warning:hover, .header-wrapper .cta-header:hover{background-color: transparent !important;border-color: #E57303 !important;color: #E57303 !important;}
.btn-outline-warning:hover{background-color:#E57303;border-color: #E57303;color: #fff;}
.btn-outline-warning{border-color: #E57303;color: #E57303;}
.text-warning{color: #E57303 !important;}
.choose-wrap .card, .testimonial-sec .card{border-color: #e3e3e3;}
.course-wrap .course-box h5{font-size: 22px;}
.course-box{border-color: #e3e3e3;}
.course-wrap .course-box .course-price{font-size: 28px;}
.fact-wrap h2{font-size: 52px;font-weight: 800;}
.team-box{border-radius: 7px;height: 350px;}
.team-box h4{font-size: 18px;font-weight: bold;}
.team-content{background: linear-gradient(0deg, #000, transparent);position: absolute;right: 0;left: 0;bottom: 0;border-radius: 0 0 7px 7px;}
.cta-form-box input, .cta-form-box textarea{    border: 0;border-radius: 0;font-size: 16px;padding: 25px 0 15px 0px;border-bottom: 1px solid #d7d7d7}
.cta-form-box input:focus, .cta-form-box textarea:focus{box-shadow: none;border-color: #ffc107;}
.cta-form-box textarea{position: relative;}
.cta-form-box textarea::placeholder{position: absolute;bottom: 15px;}
.faq-wrap .accordion-item{background-color: transparent;}
.faq-wrap .accordion-item .accordion-button{background-color: transparent !important;box-shadow: none !important;font-size: 18px;}
.faq-wrap .accordion-item .accordion-button:focus{border-color: transparent;box-shadow: none !important;}
.faq-wrap .accordion-item button:focus:not(:focus-visible) {outline: 0 !important;border: 0 !important;box-shadow: none !important;}
.swiper-button-next,.swiper-button-prev {
background-color: rgba(229, 115, 3, 0.9);color: #fff;                             padding: 15px;border-radius: 50%;transition: all 0.3s ease;top: 45%;width: 45px !important;height: 45px !important;font-size: 18px;}
.swiper-button-next:hover,.swiper-button-prev:hover {background-color: #E57303;transform: scale(1.1);}
.swiper-button-next {right: -10px;}
.swiper-button-prev {left: -10px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after {font-size: 17px !important;color: #fff;font-weight: 700;}
.cta-section-lotus{ background-image: url(../images/lotus-bg.png); padding: 80px 0; background-position: top center; }
/*-- Program css Start here --*/
.pro-banner{ background-image: url("../images/pro-banner-22.png"); padding: 100px 0;}
.pro-banner-2{background-image: url("../images/for-women-bg.png"); background-position: 40px;}
.pro-banner-3{background-image: url("../images/for-women-mm.png"); background-position: 40px;}
.header-program{ background:#ba4e03; }
.pro-details{padding: 100px 0;}
.tabs-box{}
.tabs-box ul{width: 100%; column-gap: 20px; flex-direction: row; flex-flow: row;}
.tabs-box ul li{width: 33%; text-align: center;	}
.tabs-box ul li a{border: 1px solid #ffd5b8; padding: 20px; font-weight: bold; color: #212529;display: flex; align-items: center; justify-content: center;}
.tabs-box ul li a.active{ background-color:#ffac77 !important; color:#212529 !important; }
.tabs-box ul li a span.c-name{font-size: 18px; display: block; min-height: 40px;}
.tabs-box ul li a span.c-price{font-size: 25px; display: block;}
.tabs-box ul li a:hover{color: #212529 !important; background-color:#ffd5b8; }
.btn-enroll:hover{ border-color:#fff !important; color:#fff !important; }
.form-label {margin-bottom: .1rem;}
.offer-wrap a{text-decoration: none;}
.offer-wrap a:hover h3{ color:#E57303; }
.custom-menu .dropdown-menu{min-width: 215px;}
.custom-menu .dropdown-menu .dropdown-item{white-space: normal;line-height: 1.4;}
/*whtsapp icon*/
.whatsapp-icon {position: fixed;bottom: 40px;right: 40px;z-index: 3;background: #29a71a;width: 60px;height: 60px;border-radius: 50%;text-align: center;display: flex;align-items: center;justify-content: center;animation: pulse 2s infinite;}
@keyframes pulse { 0% { transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}
.whatsapp-icon a i {font-size: 40px;color: #fff;}
  #courseDiv{ height: 770px; }


@media only screen and (max-width: 1200px) {
    #courseDiv{ height:100% !important; }
    .container{max-width:960px; }
}
@media only screen and (max-width: 991px) {
    .container{max-width:720px; }
}

@media screen and (max-width: 767px){
    #expandBtn{display: none;}
    .container{max-width:540px; }
 h2 {font-size: 32px;}
.custom-nav .navbar-nav .nav-item a{color: #000 !important;}
.brand-logo{position: static !important;transform: translate(0%, 0%) !important;}
.custom-menu{position: absolute;left: -46px;top: 51px;background-color: white;color: black;border-radius: 7px;padding: 20px;}
.custom-menu .dropdown-menu {min-width: 139px;position: absolute;left: -134px;}
.header-wrapper .dropdown-submenu > .submenu {position: absolute;top: 30px;left: 10%;margin-top: 0;min-width: 200px;z-index: 1000;}
.navbar-toggler-icon {filter: invert(1);}
.navbar-toggler {border-color: rgba(255, 255, 255, 0.6);}
.navbar-toggler:focus {box-shadow: none;}
.hero-wrapper {padding: 0 0 15px 0px;}
.offer-sec, .team-wrap, .testimonial-sec, .why-choose-us, .insta-section, .site-footer, .pro-details{padding: 40px 0;}
.cta-section-lotus {padding: 50px 0;}
.form-section {padding: 0px 0 60px 0;}
.pro-banner {padding: 40px 0 50px 0px;}
.tabs-box ul {flex-flow: column;row-gap: 10px;}
.tabs-box ul li {width: 100%;}}

@media screen and (max-width: 540px){
container{max-width:100%; }
}