@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap');
 
body {
    font-family: 'Mulish', sans-serif !important;
    font-size: 16px !important;
    color: #000000 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-width: auto !important;
}
html,
body { min-width: 100% !important;}
*{margin:0px; padding:0px;}

a, a:hover, a:focus, button:focus, button{ outline:0; text-decoration:none !important; transition:.3s;}
.form-control:focus{ box-shadow:none; }
.form-control { height: 40px; border:1px solid #B4BEC8; font-size: 14px; padding: 5px 5px;}
.form-control:focus-visible { text-shadow: none;}
.form-group { margin-bottom: 20px; position: relative;}
 
 /* Header */
.container{ max-width:1170px;}
.custom-navbar {padding: 8px 0px;}
.custom-navbar .navbar-brand {width: 104px; padding: 0px; margin: 0px; transition:.3s;}
.custom-navbar .navbar-collapse {justify-content: flex-end;}
.custom-navbar .nav-link {font-size: 18px; color: #000;padding: 0px !important; font-weight: 700;transition:.5s;}
.custom-navbar .nav-link:hover{ color:#00838D;}
.custom-navbar .nav-link.active{ color:#00838D;}
.custom-navbar .nav-item { margin-left: 35px;}
.custom-navbar .navbar-collapse .navbar-nav { display: flex; align-items: center;}
.custom-navbar .navbar-nav li:last-child, .custom-navbar .navbar-nav li:nth-last-of-type(2) { margin-left: 15px;}
.custom-navbar .nav-link.btn-nav { background: #00838D; border:1px solid #00838D; cursor:pointer; transition:.5s; color: #fff;  width: 110px; font-weight: 800; font-size: 16px; justify-content: center; align-items: center; display: flex; height: 34px;  border-radius: 6px;}
.custom-navbar .nav-link.btn-nav:hover{ color:#ffffff; box-shadow: 5px 5px 15px #66666652;}
.close-div { display: none;}
.sticky { position: fixed !important; top: 0; width: 100%; background: #ffffff; z-index: 999;box-shadow: 0px 0px 10px #66666629; padding: 10px 0px !important;}
.custom-navbar.sticky  .navbar-brand {width: 70px;}
.nav-item.cartIcon { position: relative; cursor: pointer;width: 28px;}
.nav-item.cartIcon sup { background: #00838D; width: 18px; height: 18px;  display: flex; border-radius: 50%; color: #fff; font-size: 11px; justify-content: center; align-items: center;  font-weight: 700;top: -8px; position: absolute; right: 0px;}

 /* Homepage */
.banner-wrapper { background: #08CDC8; position: relative; min-height: 610px;}
.banner-wrapper .carousel { margin-top: 86px;}
.content-info h2 { font-size: 28px; color: #000;font-weight: 800; margin-bottom: 10px;}
.content-info p { font-size: 16px; color: #000C; font-weight: 600; line-height: 24px; margin-bottom: 35px;}
.content-info .btn-home{ display: inline-flex; border: 1px solid #000; transition:.5s; background: #000; width: 125px; height: 35px; border-radius: 6px;  justify-content: center;align-items: center;color: #fff;font-size: 15px;font-weight: 600;}
.content-info .btn-home span {display: inline-flex;margin-left: 5px; transition:.3s;margin-top: 1px;}
.content-info .btn-home:hover{ cursor: pointer; color: #fff;}
.programming-details {display: flex;justify-content: flex-start; margin-bottom: 10px;}
.programming-details > div + div {margin-left: 31px;}
.programming-1 { background: #fff; display: inline-flex; border-radius: 10px; width: 200px;flex-wrap: wrap; justify-content: flex-start; padding: 10px; box-shadow: 0px 0px 10px #66666638; margin: 25px 0px;}
.programming-1 h3 { font-size: 21px;color: #000;line-height: 26px; margin: 0px; height: 178px; display: flex; justify-content: center;align-items: center; font-weight: 700;}
.programming-1 a { display: inline-block; color: #00838D; font-size: 17.5px; font-weight: 700; letter-spacing: .5px;}
.programming-1 a span {display: inline-flex; margin-left: 5px; transition:.3s;}
.programming-1 a:hover span, .content-info .btn-home:hover span, .btn-cart:hover span { transform: translateX(5px);}
.programming-1 a:hover{color: #00838D;}
.carousel-wrap { min-height: 250px;  padding-right: 40px;}
.banner-wrapper .carousel-indicators { bottom:0px;  margin:0px; justify-content:flex-start;}
.banner-wrapper .carousel-control-prev {left: -50px;}
.banner-wrapper .carousel-control-next { right: 0px;}
.banner-wrapper .carousel-control-prev-icon { background-image: url("../images/contour.png");}
.banner-wrapper .carousel-control-next-icon { background-image: url("../images/contour-1.png");}
.banner-wrapper .carousel-control-next-icon, .banner-wrapper .carousel-control-prev-icon { display: inline-block; width: 15px; height: 28px;}
.banner-wrapper .carousel-control-next, .banner-wrapper .carousel-control-prev {align-items: flex-start; margin-top: 60px;width: 4%;}
.banner-wrapper .carousel-indicators li { width: 10px; height: 10px;border-radius: 50%; background-color: #00000091;margin-left: 0px;margin-right: 10px;}
.banner-wrapper .carousel-indicators .active {opacity: 1; width: 16px; height: 16px; margin-top: -3px;}
.video-wrapper { position: relative; height:445px; margin-top:115px;}
.video-box { position: relative; display: flex; justify-content: flex-end;align-items: center; border-radius: 4px;}
.cloudImage {position: absolute;top: 40px;right: calc(50% - 730px);width: 560px;}
.qcodeLogo { position: absolute; bottom: -3px; right: calc(50% - 300px); height: 195px;width: 280px;}
.our-approach-wrapper { position: relative; padding-bottom:80px !important;}
.our-approach-wrapper::before {content: '';background: url('../images/arrow.png') no-repeat top right; width: 626px; height: 507px;  position: absolute;top: -55px; right: 0px;  background-size: 100%; z-index: 99;}
.sub-heading { font-size: 28px; color: #000; margin-bottom:50px; font-weight: 900;}
.approach-steps { position: relative; margin-top: 10px;margin-bottom: 45px;}
.approach-steps::before {content: ''; border: 1px dashed #2EC5CE; width: 100%; position: absolute;left: 0px;  top: 40px; opacity: 0.4;}
.approach-steps span { display: inline-block; margin-bottom: 0px;position: relative;font-size: 60px;font-weight: 700; color: #00838D; line-height: 75px; background: #fff; z-index: 99;width: 36px;}
.approach-steps.no-line::before {display: none;}
.approach-steps p { font-size: 18px; color: #000C; line-height: 24px;margin: 0px;font-weight: 700;}
.qcode-difference-wrapper { background: #08CDC8; position: relative; overflow: hidden;}
.qcode-difference-wrapper .sub-heading { margin-bottom: 40px;}
.qcode-difference-wrapper > .container{position: relative;}
.qcode-difference-wrapper::before { content: ''; background: url('../images/clouds-01.png') no-repeat top right; background-size: auto;width: 265px;height: 412px;position: absolute;top: 137px; left: 0px;background-size: 100%;}
.qcode-item-1 {display: flex; flex-direction: column; justify-content: center; background: #fff; padding: 15px 25px; margin: 21px 0px;position: relative; z-index: 99; height:163px;border: 4px solid #00838D;box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);border-radius: 10px; width: 90%;}
.qcode-item-1 h3 { font-size: 19px;color: rgba(0, 0, 0, 1);margin-bottom: 8px;font-weight: 800;}
.qcode-item-1 ul { margin: 0px; padding: 0px;}
.qcode-item-1 ul li { display: flex; color: #000C; font-size: 16px; position: relative; padding-left:16px; font-weight: 600; line-height:24px;}
.qcode-item-1 ul li::before {  content: ''; background: #08CDC8; width: 7px;  height: 7px; position: absolute; left: 0px; top: 10px; border-radius: 50%;}
.instructors-1 { text-align: center; margin: 20px 0px; background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; display: flex;flex-direction: column; height: 380px; align-items: center; justify-content: flex-start; transition:.3s; overflow:hidden; position:relative;}
.instructors-image {border-radius: 50%;margin: 0px auto 25px; transition: .5s; width:157px; height:157px;}
.instructors-image > img {border-radius: 50%;}
.instructors-1 h3 {font-size: 23px; font-weight:800; color: #000;  margin-bottom: 5px;}
.instructors-1 .instructors-bottom p {font-size: 16px;line-height: 24px;color: #000C; font-weight: 600; margin: 0px;}
.instructors-top { transform: translateY(80px);transition: all .5s linear;}
.instructors-bottom { transform: translateY(130px);transition: all .5s linear;padding: 25px; opacity: 0;}
.instructors-1::before {content: '';background: #08CDC8; position: absolute;top: -53px;width: 430px; height: 213px;border-radius: 50%;transform: translateY(-170px);transition: all .5s linear;}
.instructors-1:hover::before {transform: translateY(0px);transition: all .5s linear;}
.instructors-1:hover .instructors-top {display: flex;flex-direction: column;width: 100%; height: 160px; justify-content: center;align-items: center; transform: translateY(15px);}
.instructors-1:hover .instructors-image { width: 75px; height: 75px;transition: .8s; margin: 0px auto 5px;}
.instructors-1:hover .instructors-bottom { transform: translateY(0px);opacity: 1;}
.pb-5{ padding-bottom: 55px !important;}
.pt-5 {padding-top: 55px !important;}
.qcode-image-2 { position: absolute; bottom: 0px; width: 1247px; right: calc(50% - 680px); height: 795px;}
.frame-item-1 { position: absolute; right: 523px; top:240px; z-index: 99; width: 200px; height: 200px;}
.frame-bg-1 {position: absolute; z-index: -1;}
.frame-item-1 h3 {font-size: 18px; font-weight: 800;position: absolute; top: 42px; left: 28px; line-height: 22px; margin-bottom:0px;}
.frame-icon-1 { position: absolute; left: 28px; bottom: 20px;}
.frame-item-2 { position: absolute; right: 325px; top: 35px; z-index: 99; width: 200px; height: 200px;}
.frame-bg-2 {position: absolute; z-index: -1;}
.frame-item-2 h3 {font-size: 18px; font-weight: 800;position: absolute; top: 40px; left: 35px; line-height: 22px; margin-bottom:0px;}
.frame-icon-2 { position: absolute; left: 48px; bottom: 20px;}
.frame-item-3 {position: absolute; right: 30px; top:120px; z-index: 99; width: 200px; height: 200px;}
.frame-bg-3 {position: absolute; z-index: -1;}
.frame-item-3 h3 {font-size: 18px; font-weight: 800;position: absolute; top: 25px; left: 26px; line-height: 22px; margin-bottom:0px;}
.frame-icon-3 { position: absolute; left: 50px; bottom: 20px;}
.frame-item-1 {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-25px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-25px); }
}
.frame-item-2 {
    -webkit-animation: mover2 2s infinite  alternate;
    animation: mover2 2s infinite  alternate;
}
@-webkit-keyframes mover2 {
    from { transform: rotate(0); }
    to { transform: rotate(-5deg); }
}
@keyframes mover2 {
   from { transform: rotate(0); }
    to { transform: rotate(-5deg); }
}

.frame-item-3 {
    -webkit-animation: mover3 2s infinite  alternate;
    animation: mover3 2s infinite  alternate;
}
@-webkit-keyframes mover3 {
    0% { transform: translateY(0); }
    100% { transform: translateY(25px); }
}
@keyframes mover3 {
    0% { transform: translateY(0); }
    100% { transform: translateY(25px); }
}

/* Footer */
footer {background: #20ACAA;padding: 20px 0px;}
.copyright p { font-size: 13px;color: #fff;font-weight: 700; margin: 0px;}
.footer-links ul {  margin: 0px; padding: 0px; display: flex; justify-content: flex-end;}
.footer-links ul li{ display:inline-block; margin-left:25px; list-style:none;}
.footer-links ul li a {display:block; font-size: 13px; color: #fff;font-weight: 700;}

/* About Us*/
.inner-heading{ position: relative;}
.inner-heading h2 {color:#000000;font-size: 28px; font-weight: 800; margin-bottom: 25px;}
.aboutus-wrapper { overflow: hidden;position: relative; padding: 50px 0px;}
.about-image {position: absolute; left: calc(50% - 675px);width: 580px;top: 50px;}
.about-content { margin-top: 30px; padding-left: 30px;}
.about-content p {font-size: 16px;color: #000C;margin-bottom: 25px; line-height: 24px;}
.contactus-wrapper { background: #FFFFFF;box-shadow: 2px 10px 28px rgba(75, 0, 129, 0.12); border-radius: 10px; padding: 60px; margin-bottom: 50px;}
.contactus-wrapper h2 { font-size: 28px; text-align: center;font-weight: 800; margin-bottom: 35px;}
.contact-form h3 { font-size: 22px; color: #000; margin-bottom: 15px; font-weight: 600;}
.custom-form .form-group { margin-bottom: 24px; position: relative; z-index: 99; background: #fff;}
.custom-form label { font-size: 15px; color: #878787; margin: 0px; transform: translateY(12px);transition: .2s ease-out; position: absolute; left: 10px; background: #fff;padding: 0px 5px; line-height:20px; top:0px;z-index: 9;}
.custom-form .form-control { border: 1px solid #B4BEC8; font-size: 15px; height: 50px;border-radius: 4px; box-shadow: none;background: transparent; position: relative; z-index: 99;}
.custom-form .form-control:focus{ outline:none; box-shadow: none; }
.custom-form .height150{height: 150px;}
.custom-form .form-control:focus ~ label, .custom-form .form-control:valid ~ label{transform: translateY(-10px);z-index: 999;color: #0F001A;}
.form-button { background: #00838D; border: 1px solid #00838D; color: #fff; transition: .3s; font-size: 18px; font-weight: 800; height: 50px; border-radius: 4px; text-transform: uppercase; padding: 10px 20px;}
.form-button:hover{color: #ffffff;box-shadow: 5px 5px 15px #66666652;}
.full-width{width:100%;}
.contact-form { margin-top: 20px;}
.addrerss-wrap { margin-top: 20px; padding-left: 30px;}
.addrerss-wrap ul, .social-wrap ul { margin-bottom: 30px;}
.addrerss-wrap ul li { display: flex; list-style: none;color: #000C;font-size: 16px;line-height: 22px;}
.addrerss-wrap ul li span { margin-right: 10px; width: 25px;}
.addrerss-wrap ul li + li {  margin-top: 25px;}
.social-wrap{ padding-left: 30px;}
.social-wrap ul li { display: inline-flex; list-style: none;}
.social-wrap ul li a { color: #00838D; font-size: 22px;}
.social-wrap ul li + li {margin-left: 20px;}

/* Course Listing*/
.course-item { margin-bottom: 30px;}
.course-content { background: rgb(248, 253, 248); padding: 20px; position: relative;}
.course-image { border-radius: 20px 20px 0px 0px; overflow: hidden;height: 230px;}
.course-image > img {object-fit: cover;width: 100%; height: 100%;} 
.course-image img { transition: 1s;}
.course-content h3 { font-size: 18px;color: #000; margin-bottom: 10px;font-weight: 800;}
.course-content ul { margin-bottom: 15px;min-height: 45px;}
.course-content ul li { display: flex;list-style: none; color: #000C; font-weight: 600; font-size: 12px; margin: 0px 0px; justify-content: space-between;}
.course-content ul li + li { margin-top: 10px;}
.course-content ul li span { display: inline-flex; width: 46%;}
.btn-learnmore { background: #00838D;display: inline-flex; color: #fff; font-size: 16px;  font-weight: 800; padding: 10px 10px;  position: absolute; right: 0px; align-items: center; bottom: 0px; border-radius: 15px 0px 0px 0px;}
.btn-learnmore:hover{ color:#ffffff;}
.btn-commimgsoon{ background: #000;cursor: default; pointer-events: none;}
.course-item:hover .course-image img { transform: scale(1.2);}

/* Course Details */
.program-image { overflow: hidden;border-radius: 20px;}
.program-description h3, .more-contents h3, .course-session-wrapper h3 {font-size: 25px;color: #000; font-weight: 800; margin-bottom: 15px;}
.program-description p {font-size: 16px;color:#000C;line-height: 24px; margin-bottom: 40px;font-weight: 600;}
.program-description p ~ p{ display:none;}
.program-description a, .program-description a:hover {display: inline-flex; cursor: pointer; color: #00838D !important; font-size: 15px; font-weight: 600; box-shadow: none !important;}
.program-description a i {display: inline-flex;font-size: 12px; line-height: 24px; margin-left: 5px;}
.program-image .img-fluid { height: 325px;}
.ourcourses-wrapper  {overflow: hidden;}
.more-contents ul { margin: 0px; padding: 0px;}
.more-contents ul li { display: inline-flex; font-weight: 600; color: #000C; font-size: 16px;margin: 12px 0px;position: relative;padding-left: 30px;width: 50%;}
.more-contents ul li::before {content: ''; background: url('../images/tick.png') no-repeat top left; background-size: 100%; width: 18px; height: 14px; position: absolute; left: 0px; top: 5px;}
.btn-talktous { background: #00838D; border: 1px solid #00838D; font-size: 16px; color: #fff;  transition:.5s;  min-width: 150px; padding:5px 20px;  display: flex; justify-content: center; align-items: center; height: 70px; border-radius: 7px; text-transform: uppercase; font-weight: 700;box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1);margin: 0px auto;}
.btn-talktous > span { margin-left: 5px;transition: .3s;display: inline-flex;}
.btn-talktous:hover, .program-info a:hover{ color:#ffffff; box-shadow: 5px 5px 15px #66666652;}
.btn-talktous:hover > span{transform: translateX(5px);}
.benefits-wrapper {padding: 48px 0px; overflow:hidden;}
.benefits-image > img {position: relative; z-index: 99;height: 380px;}
.benefits-image {position: relative;padding-top: 245px;text-align: right;}
.benefits-image::before {content: '';background: url('../images/cloud-2.png') no-repeat top right;height: 560px;width: 883px;position: absolute; right: -320px;top: 140px;background-size: 100%;}
.benefits-list { margin-bottom: 50px;position: relative;}
.benefits-list h2 {font-size: 28px;color: #000; font-weight: 800; margin-bottom: 15px;}
.benefits-list h4 {color: #00838D;font-size: 24px;font-weight: 800;margin-bottom: 10px;}
.benefits-list p {font-size: 16px;color: #000C;line-height: 24px; margin-bottom: 0px;font-weight: 600;}
.benefits-list ul {margin: 0px; padding: 0px 0px;margin: 65px 0px;}
.benefits-list ul li {display: block; list-style: none; position: relative; padding-left: 55px; margin: 40px 0px;}
.benefits-list ul li span { display: inline-flex; width: 40px; height: 40px; background: #21ADAB; border-radius: 50%;  justify-content: center; align-items: center;position: absolute; left: 0px; top: 0px; padding:12px;}
.benefits-list ul li span img{max-width:100%;}
.benefits-list ul li h3 { font-size: 22px; margin-bottom: 5px; font-weight: 700; color: #333333;}
.btn-custom { background: #21ADAB; display: inline-flex; transition:.5s; color: #fff; font-size: 18px;font-weight: 700; height: 38px;min-width: 150px; justify-content: center; align-items: center; border-radius: 6px;}
.btn-custom:hover{ color:#ffffff; background:#14A09E; box-shadow: 5px 5px 15px #66666652;}
.program-features { box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1);margin: 30px 0px;  min-height: 146px; padding: 20px 25px;display: flex; justify-content: space-between;border-radius: 7px;flex-wrap: wrap;}
.program-features ul {margin: 0px;padding: 0px;display: flex; flex-wrap: wrap; width: 100%;}
.program-features ul li { display: flex; width: 100%;line-height: 24px;font-size: 16px; font-weight: 600; color: #000C; margin: 10px 0px; position: relative; padding-left: 20px;}
.program-features ul li::before {content: ''; background: #00838D; width: 9px;height: 9px; border-radius: 50%; position: absolute;  left: 0px; top: 9px;}
.program-features ul li .fea-icons {position: absolute; left: 0px; width: 20px; top: 0px;}
.price-box {box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1); margin-top: 30px; margin-bottom: 61px; padding: 15px; display: flex;justify-content: space-around; flex-direction: row; border-radius: 7px;align-items: center; min-height: 153px;}
.price-box h2 {font-size: 28px; color: #000C; line-height: 35spx; text-align: left;  font-weight: 700; margin-bottom: 0px;}
.price-box p {font-size: 17px;color: #000C; line-height: 30px; text-align: left;  font-weight: 600;margin-bottom: 0px;}
.priceWrap { display: flex; flex-direction: column; align-items: flex-start; padding-right: 18px;}
.price-box h2 del { font-size: 24px;}
.offerWrap { width: 100px; height: 100px; background: #00838D; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px;color: #fff;font-weight: 900; text-transform: uppercase; line-height: 18px; padding: 0px 10px;text-align: center;}
.sub-card .card-body {position: relative;}
.sub-card .card-body .offerWrap { position: absolute; top: 10px;right: 15px;}
.session-item-01 .sub-card .card-body p del { font-size: 20px;}
.btm-fullWidth{ background: #00838D; border:1px solid #00838D;  height: 60px; display: inline-flex;justify-content: center; align-items: center; color: #fff; font-size: 18px; font-weight: 800; padding: 10px 15px; min-width:240px; border-radius: 8px; transition:.3s;}
.btm-fullWidth:hover, .session-timing a:hover, .program-description a:hover, .btn-cart:hover, .coupon-box .btn.btn-apply:hover{color: #ffffff;box-shadow: 5px 5px 15px #66666652;}
.benefits-form { margin-top: 30px;}
.success-massege { position: absolute; bottom: 0px;background: #fff;z-index: 99;left: 0px; width: 100%;height: 80px;justify-content: center;  align-items: center; flex-direction: column;}
.success-massege h3 { font-size: 22px;color: #333; font-weight: 700;display: flex; justify-content: flex-start;align-items: flex-end; margin-bottom: 10px;}
.success-massege h3 span { margin-right: 8px;}
.request-dialog {max-width: 730px;}
.request-dialog .modal-content {border-radius: 20px;}
.modal-body.request-modal {padding: 35px;}
.request-modal .content-wrap {text-align: center !important; display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px !important; padding: 0px !important;}
.request-modal .content-wrap h2 {font-size: 28px !important;font-weight: 800 !important; text-transform: uppercase !important; margin: 0px !important;;}
.request-modal h3 {font-size: 16px; margin-bottom: 20px;color: #000C; line-height: 20px;}
.timing-zone ul.time-ul {margin: 0px;padding: 0px;display: flex; border: 2px solid #00838D;  border-radius: 5px;justify-content: center;}
.timing-zone ul.time-ul > li {display: inline-flex; position:relative;list-style: none; font-size: 16px;color: #333;text-transform: uppercase;padding: 2px 10px; width: 25%;justify-content: center;align-items: center;margin: 12px 0px;}
.timing-zone ul.time-ul > li span {  margin-right: 10px; display: inline-flex;}
.timing-zone ul.time-ul > li > div { display: flex; justify-content: center; align-items: center;}
.timing-zone ul.time-ul > li + li { border-left: 1px solid #00838D;}
.time-wrap { position: absolute; background: #f2f2f2;width: 100%; top: 55px; left: 0px;padding: 15px 10px; display: none; border-radius: 4px; z-index:9999;    border: 1px solid #c4c4c4;}
.time-wrap::before {content: ''; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f2f2f2; position: absolute;top: -10px;left: 10px;}
.time-wrap::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 10px solid #c4c4c4;
    position: absolute;
    top: -11px;
    left: 9px;
    z-index: -1;}
.time-wrap > ul { margin: 0px; height: 170px;}
.time-wrap > ul > li { display: inline-flex;margin-right: 10px;list-style: none;font-size: 17px; color: #333;cursor: pointer;padding: 0px 5px;}
.time-wrap > ul > li + li { margin-top: 12px;}
.time-wrap > ul > li:hover { background: #00838D; color: #fff;  border-radius: 5px;}
.request-modal p {font-size: 15px; color: #000; margin-bottom: 20px;}
.form-wrap .form-group, .enquiry-modal .form-group{ margin-bottom:25px;}
.invite-friend-wrapper h4 {font-size: 16px;color: #000;font-weight:800;margin-bottom: 15px; display: flex;justify-content: flex-start;align-items: center;}
.invite-friend-wrapper h4 span { color: #00838D; font-size: 11px; display: inline-flex; justify-content: center;align-items: center; margin-left: 15px; cursor: pointer; border-radius: 20px;border: 1px solid #00838D;height: 23px;padding: 5px 8px; transition:.3s;}
.invite-friend-wrapper h4 span:hover{ background:#00838D; color:#ffffff;}
.invite-friend-wrapper h4 span i { margin-right: 4px;font-size: 9px;}
.invite-item-01 { position: relative;}
.invite-item-01 + .invite-item-01 { border-top: 1px solid #cccccc5e; padding-top: 20px; margin-top: 5px;}
#content > .invite-item-01 {border-top: 1px solid #cccccc5e; padding-top: 20px; margin-top: 5px;}
.invite-item-01 .closeBox {position: absolute;color: #f00;top: 20px; right: 20px; cursor: pointer;font-size: 30px;height: 50px;display: flex;justify-content: center;align-items: center;}
.drawer-overlape { height: 100vh;width: 100vw; position: fixed;z-index: 999; top: 0;left: 0;background-color: #000;opacity: .5;overflow:hidden;}
.drawer-box {background: #ffffff;right: 0px;position: fixed; top: 0px;height: 100%; overflow:hidden;width:0; z-index: 9999;transition: 0.5s; box-shadow:-.5rem 0 1rem rgba(0,0,0,.5); }
.closeButton { position: absolute; right: 25px; top: 27px;}
.closeButton span {display: inline-flex; font-size: 22px; cursor:pointer; color:#fff;}
.heading-sec {padding: 25px 25px; background: #00838D;}
.heading-sec h2 {font-size: 25px;font-weight: 700;margin-bottom: 0px;color: #fff;}
.heading-sec p {font-size: 16px; font-weight: 600;margin-bottom: 10px;color:#666;}
.heading-sec p span { margin-right: 5px;}
.session-wrapper { padding: 25px 25px; border-top: 1px solid #00838D14; height: calc(100vh - 80px); overflow-y: scroll; margin-bottom: 108px;}
.session-item-01 h2 { font-size: 24px;font-weight: 800; color: #000; margin-bottom: 0px;}
.session-course-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.select-box.blue-box .form-control, .select-box.blue-box .form-control:focus {
    border: 1px solid #00838D;
    color: #000;
    font-weight: 600;
    height: 45px;
    font-size: 15px;
    border-radius: 7px;
    padding: 10px 40px 10px 8px;
    width: 170px;
}
.select-box.blue-box .select-arrow { height: 30px; width: 20px; text-align: right; line-height: 25px;}
.session-item-01 .card { padding: 0px; border: 1px solid #35D7DC; box-shadow: 0px 0px 10px 0 #cccccc47;}
.session-item-01 .card + .card { margin-top: 20px;}
.session-item-01 .card-header { padding: 12px 15px; margin-bottom: 0; background-color: #fff;border-bottom: none;overflow: hidden; border-radius: 4px !important;}
.session-item-01 .card-header .card-link { font-size: 18px; color: #000; font-weight: 600;line-height: 30px; display: flex; justify-content: space-between;align-items: center;}
.session-item-01 .card-header .card-link .card-text img { margin-right: 15px;}
.session-item-01 .card-header .card-link .status {cursor: pointer;background: #666;display: inline-flex; min-width: 126px;height: 30px; justify-content: center; align-items: center;border-radius: 25px;color: #fff; font-size: 14px; text-transform: uppercase;}
.session-item-01 .card-header .card-link .card-text { display: inline-flex; justify-content: flex-start;align-items: center;}
.session-item-01 .sub-card{border: 1px solid #35D7DC;background: #D7FDFF;box-shadow: 0px 1px 3px rgba(63, 61, 60, 0.15), 0px 0px 0px rgba(63, 61, 60, 0.05);}
.session-item-01 .sub-card .card-header { padding: 8px 15px;background: #D7FDFF;}
.session-item-01 .sub-card .card-header .card-link {cursor: pointer; font-size: 16px;color: #000;display: flex;justify-content: space-between; align-items: center;}
.status-open {background: #05CE86 !important;}
.status-left {background: #EF8D1A !important;}
.session-item-01 .sub-card .card-body p { font-size: 24px;color: #000;font-weight: 600; margin: 0px;}
.session-item-01 .card-body .btm-fullWidth { min-width: 185px; height: 50px; background: #00838D; border: 1px solid #00838D; font-size: 15px; font-weight: 700; border-radius: 8px;}
.session-item-01 .sub-card .card-body p small { font-size: 15px;margin-left: 2px;}
.custom-button-box { display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.button-2 { background: #FFFFFF; border: 2px solid #00838D; height: 52px;border-radius: 8px;padding: 10px 10px;font-size: 13px;font-weight: 800; min-width: 190px; transition:.3s;color: #000; display: inline-flex; justify-content: center; align-items: center;}
.button-2:hover, .button-2:focus{ background:#00838D; color:#fff; box-shadow: 5px 5px 15px #66666652; outline:0;}
.scrollBarList { overflow-y: auto; scrollbar-color: #0000005e #00000024; scrollbar-width: thin;}
.scrollBarList::-webkit-scrollbar { width: 6px;}
.scrollBarList::-webkit-scrollbar-track { background: #00000024;}
.scrollBarList::-webkit-scrollbar-thumb { background: #0000005e;}
.scrollBarList::-webkit-scrollbar-thumb:hover { background: #0000005e;}
.modal-backdrop{z-index: 9999 !important;}
.form-wrap textarea.form-control { height: 100px !important;font-size: 14px;}
.proceed-button-box {display: inline-flex;flex-direction: column;}
.proceed-button-box span.cancel-link {display: inline-flex;justify-content: center;font-size: 16px;color: #000;font-weight: 800;margin-top: 15px;}
.card-body .btn-group {display: flex;justify-content: center;align-items: center; flex-direction: column;}
.text-cancel, .text-cancel:focus { display: inline-flex;font-size: 16px;color: #000; font-weight: 800; margin-top: 20px;background: transparent;border: transparent; outline: 0;}

/* Login/Sign */
.modal { padding: 0px !important; z-index: 99999 !important;}
.modal-dialog .modal-content { border: none;border-radius: 25px;overflow: hidden; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.modal-dialog.modal-loginModal .modal-content {border-radius: 25px !important; overflow: hidden;}
.modal-body.login-modal {
    padding: 0px !important;
}
.modal-top { background:#00838D; text-align: center; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);height: 173px;}
.modal-top img { height: 100px;margin-top: 15px;}
.modal-top ul { margin: 0px;padding: 0px;display: flex;justify-content: flex-start;}
.modal-top ul li { display: inline-flex; width: 50%;list-style: none;}
.modal-top ul li a {display: flex; font-size: 22px; font-weight: 700; color: #ffffff !important; justify-content: center; width: 100%; padding: 12px 15px;  border-bottom: 3px solid transparent;}
.modal-top ul li a.active {border-color: #1D2226;}
.modal-top ul li a:hover{ cursor: pointer;}
.modal-bottom { padding: 40px 70px;min-height: 350px;}
.custom-radio-box {display: flex; justify-content: center; align-items: center;}
.custom-radio-box > .custom-radio +  .custom-radio{ margin-left: 40px; }
.custom-radio-box .custom-radio .custom-control-label { font-size: 18px;color: #000;font-weight: 600; line-height: 23px;cursor: pointer;}
.custom-radio-box .custom-control-label::before { top: 2px; left: -26px;width: 20px; height: 20px;background-color: #fff; border: #00838D solid 2px;}
.custom-radio-box .custom-control-input:checked ~ .custom-control-label::before {color: #fff; border-color: #00838D; background-color: #ffffff;}
.custom-radio-box .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background: #00838D !important;}
.custom-radio-box  .custom-control-label::after {top: 7px;left: -21px; width: 10px; height: 10px;border-radius: 50%;}
.custom-radio-box .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none;}
.modal-bottom .form-group {margin-bottom: 30px !important; position: relative;}
.modal-bottom .form-control, .modal-bottom .form-control:focus { border-radius: 0px; font-weight: 600; padding: 6px 0px; color: rgba(0, 0, 0, 0.6); font-size: 15px;box-shadow:none; outline: 0 !important;  height: 46px; border:none;border-bottom: 2px solid #EBEBEB;}	
.modal-bottom .form-control::placeholder{color: rgba(0, 0, 0, 0.6);}
.modal-bottom .btn-login { background: #00838D; transition:.3s; text-transform:uppercase; height: 55px;display: flex; justify-content: center; align-items: center; font-size: 22px;font-weight:700; color: #fff; border: none;width: 100%; border-radius: 10px;}
.modal-bottom .btn-login:hover, .modal-bottom .btn-login:focus {color: #ffffff; box-shadow: 5px 5px 15px #66666652;outline: 0;}
.forgot-link { font-size: 15px; color: #00838D !important; cursor: pointer; display: inline-block; font-weight: 600;transition:.3s; }
.forgot-link:hover{color:#00838D}
.other-login p { font-size: 12px; color: #000; letter-spacing: .5px; margin-bottom:0px;}
.other-login p a{ display:inline-block; text-decoration:underline;color: #00838D;;}
.other-login ul li { display: inline-flex; list-style: none; margin: 0px 10px;}
.other-login ul li a { height:81px; width: 81px; display: flex; border: 1px solid #E6E6E6; border-radius: 50%; justify-content: center; align-items: center; padding:13px; transition:1s;}
.other-login ul li a:hover { box-shadow: 0px 0px 15px #6666664f;transform: rotate(360deg);}
.modal-bottom > div {position: relative;}
.error1 {position: absolute; bottom: -19px;left: 0px;font-size: 12px;}
.error2 {position: absolute; top: -32px;  text-align: center; width: 100%;line-height: 15px;font-size: 12px;}
.error3 {position: absolute; bottom: 6px;text-align: revert; width: 100%;padding-left: 150px;font-size: 12px;}
.font14{font-size: 12px;}
.other-login ul {margin-top: 25px; display: flex; justify-content: center;align-items: center; margin-bottom: 0px;}
.other-login{ position: relative;}
.other-login::before { content: ''; background: rgba(196, 196, 196, 0.5); height: 1px; width: 100%; position: absolute; left: 0px;top: 11px;}
.other-login > span {font-size: 15px; color: rgba(0, 0, 0, 0.6); background: #fff; z-index: 99; position: relative;  padding: 0px 15px; font-weight: 600;}
.forgotPassword-wrapper h2 { font-size: 22px; color: #282C40; font-weight: 800;  margin-bottom: 10px;}
.forgotPassword-wrapper p {font-size: 14px; color: rgba(0, 0, 0, 0.6); line-height: 20px; margin-bottom: 0px;}
.forgot-form { margin-top: 30px;}
.member-box {display: flex; justify-content: space-between; margin-top: 20px; align-items: center;}
.member-box span {color: #00838D;font-weight: 600;cursor: pointer;}
.member-box p > span{ margin-left: 5px;}
.forgot-success { display: flex; flex-direction: column;justify-content: center; align-items: center;  height: 250px; margin-bottom: 30px;}
.forgot-success span { display: inline-flex; margin-bottom: 15px;}
.forgot-success p { text-align: center; font-weight: 600; font-size: 14px;}

/* Cart/Checkout */
.cart-wrapper .inner-heading h2 { margin-bottom: 15px;}
.cart-item-1 { border-top: 1px solid #F0F0F5;display: flex; justify-content: space-between;  align-items: flex-start; padding: 28px 0px; position:relative;}
.cart-program-details {display: flex; justify-content: flex-start; align-items: flex-start;}
.cart-program-details .cart-content h3 {font-size: 22px; font-weight: 700;color: #000; margin-bottom:20px;}
.cart-program-details .cart-content ul{ margin:0px; padding:0px;}
.cart-program-details .cart-content ul li{ display:flex; list-style:none;}
.cart-program-details .cart-content ul li {display: flex;list-style: none;font-size: 16px;color: #000C; font-weight: 600;}
.cart-program-details .cart-content ul li span {display: inline-flex;justify-content: center;align-items: center; margin-right: 8px;}
.cart-program-details .cart-content ul li + li{ margin-top:6px;}
.cart-price h3 { font-size: 20px;color: #000; font-weight: 600;margin-bottom: 0px;}
.cart-price { display: flex; justify-content: center; align-items: center;flex: initial !important;}
.item-close { color: #B4B1B1; font-size: 20px;margin-left: 50px;cursor: pointer; transition:.3s;}
.item-close:hover{ color:#f00;}
.cart-details { box-shadow: -5px 10px 52px rgba(90, 92, 102, 0.06); padding: 25px;}
.cart-details h2 {font-size: 22px; color: #000; font-weight: 600; border-bottom: 1px solid #F0F0F5; padding-bottom: 15px; margin-bottom: 0px;}
.coupon-box { padding: 22px 0px; position: relative;}
.coupon-box .form-control, .coupon-box .form-control:hover, .coupon-box .form-control:focus {border: 1px solid #E6E6EB; background: #F9F9FB; color: rgba(0, 0, 0, 0.5); font-size: 15px; border-radius: 4px !important;margin-right: 8px; height: 36px; outline:0; box-shadow:none;}
.coupon-box .btn.btn-apply, .coupon-box .btn.btn-apply:focus { background: #00838D; border: 1px solid #00838D; font-size: 16px; color: #fff; height: 36px; border-radius: 4px !important; padding: 5px 30px;font-weight: 700;outline:0; box-shadow:none;}
.cart-table tr td {font-size: 14px;color: rgba(0, 0, 0, 0.78); padding: 10px 0px; border-top: 1px solid #F0F0F5; font-weight:500 ;}
.totalPrice td {font-weight: 800 !important; font-size: 16px !important;}
.cart-table { margin-bottom: 0px;}
.btn-cart { background: #00838D; border: 1px solid #00838D; display: inline-flex;color: #fff; font-size: 16px; padding: 5px 20px; min-width: 200px; font-weight: 700;  border-radius: 8px; height: 40px; justify-content: center; align-items: center;} 
.btn-cart span { margin-left: 10px; width: 22px; transition:.3s;}
.checkout-box { border-top: 1px solid #F0F0F5; padding: 25px 0px; position: relative;}
.checkout-box p { font-size: 14px;color: #000;font-weight: 500; margin-bottom: 20px;}
.checkout-box p span{ display:inline-block; margin-left:5px; color:#00838D; cursor:pointer;}
.checkout-box label { font-size: 14px; color: #000C;font-weight: 500;margin-bottom: 5px;}
.checkout-box .form-control {
    border: 1px solid #ADAABF !important;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgb(50 43 95 / 8%) !important;
    border-radius: 4px;
    height: 40px !important;
    font-size: 16px;
    color: #322B5F;
}
.checkout-box .custom-control-label {color: rgba(50, 43, 95, 0.8); font-size: 14px; line-height: 26px; margin-bottom: 0px; cursor:pointer;}
.select-box { position: relative; background: #fff !important; z-index: 99;}
.select-box .form-control {position: relative;  z-index: 99; background: transparent; -webkit-appearance: none; padding-right: 30px; cursor:pointer;height: 40px;}
.select-box .select-arrow { position: absolute; right: 0px; top: 0px; height: 40px; width: 30px;text-align: center; line-height: 40px;}
tbody > tr:nth-child(2n+1) {background-color: #fff !important;}
.custom-control { padding-left: 25px;}
.custom-control-label::before, .custom-control-label::after {left: -25px;width: 18px; height: 18px;top: 4px;}
.cart-table tr td > small {font-size: 12px; color: rgba(0, 0, 0, 0.78); font-weight: 500; margin-left: 3px;}
.checkout-button-box {position: relative; padding-top:90px;}
.infoIcon { position: absolute;background: rgba(179, 179, 179, 0.8); width: 30px; height: 30px; display: inline-flex; border-radius: 50%;justify-content: center; align-items: center; color: #fff; font-size: 15px;bottom: 5px;margin-left: 5px;cursor:pointer;}
.infoIcon:hover ~ .infoDetails{ opacity:1; }
.infoDetails { background: #e5e5e6; box-shadow: -5px 10px 52px rgba(90, 92, 102, 0.1);border-radius: 5px; position: absolute; bottom: 50px; padding: 8px 15px; opacity:0; transition:.3s;}
.infoDetails p {font-size: 13px; margin: 0px; line-height: 20px;color: rgba(0, 0, 0, 0.6); font-weight: 600; text-align: left;}
.infoDetails::before { content: ''; width: 0; height: 0; border-left: 10px solid transparent;  border-right: 10px solid transparent; border-top: 10px solid #e5e5e6; bottom: -10px; right: 16px;  position: absolute;}

 /* Success Payments */
.success-box h2 { font-size: 32px;font-weight: 800; line-height: 48px; margin-top: 25px;  margin-bottom: 5px;}
.success-box p {font-size: 16px; color: #000; line-height: 24px; margin-bottom: 30px;font-weight: 600;}
.success-box .btn-cart { background: #00838D;}

 /* Enquiry Form */
.enquiry-dialog .modal-content { border-radius: 20px;}
.modal-body.enquiry-modal { padding: 35px 50px;}
.enquiry-modal h2 {font-size: 28px;font-weight: 800;margin-bottom: 30px;color: #000;text-align: center; position:relative;}
.enquiry-modal h2::after { content: ''; background: #08CDC8; height: 3px; width: 70px; border-radius: 20px; display: block; margin: 10px auto;}
.modal-body.enquiry-modal .btm-fullWidth {width: 100%;}

 /* Career, CMS & Faq */
.cms-page h2 { font-size: 28px; font-weight: 800; margin-bottom: 10px;color: #000C;}
.cms-page h3 { font-size: 22px; font-weight: 700; margin-bottom: 10px; margin-top: 25px;color: #000C;}
.cms-page h4 { font-size: 18px; font-weight: 700; margin-bottom: 2px;color: #000C;}
.cms-page p { color: #000C; font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.cms-page ul, .cms-page ol {padding-left: 35px;}
.cms-page ul li, .cms-page ol li{color: #000C; font-size: 16px;line-height: 24px; margin: 0px;}
.cms-page ul li + li, .cms-page ol li + li {margin-top: 10px;}
.cms-page a, .cms-page a:hover{color:#00838D;}
.cms-page ul li button, .mailto {color: #00838D; border: none; background: transparent;}
.card.career-wrapper { background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);border: none;border-radius: 10px; border-left: 9px solid #00838D; padding: 35px 30px; transition:.3s;}
.career-wrapper:hover { background: #00838D08;}
.career-wrapper + .career-wrapper { margin-top: 25px;}
.career-wrapper .card-header { border: none; background: transparent; padding: 0px;}
.subject-heading h3 { font-size: 21px;color: #000C; font-weight: 700; margin-bottom: 5px;}
.career-wrapper p, .full-description ul li {font-size: 16px; color: #000C; margin: 0px;line-height: 24px; font-weight: 600;}
.career-wrapper p a{ color: #00838D;}
.short-description { display: flex;justify-content: space-between;align-items: center;}
.job-info ul { margin: 0px; padding: 0px;}
.job-info ul li {display: inline-flex; list-style: none; font-size: 18px; color: #333; font-weight: 600; justify-content: flex-start; align-items: center;}
.job-info ul li span { margin-right: 5px; display: inline-block; width:15px;}
.job-info ul li:first-child span { width: 11px;}
.job-info ul li + li { margin-left: 25px;}
.full-description { margin-top: 50px; padding:0px !important;}
.full-description h4 { font-size: 20px; color: #000C; font-weight: 700;margin-bottom: 10px; margin-top: 25px;}
.full-description ul { padding: 0px; margin: 0px;}
.full-description ul li{ padding-left: 20px; position: relative; display: block;}
.full-description ul li::before { content: ''; background: #00838D;width: 9px; height: 9px;position: absolute;left: 0px; border-radius: 50%; top: 9px;}
.faq-heading { background: #8EE8E6;padding: 42px 0px;}
.faq-heading h2 { font-size: 28px;color: #000;font-weight: 800; text-align: center; margin: 0px;line-height: 52px;}
.faq-card { border: 1px solid #D7D7D7; box-shadow: 0px 1px 3px rgba(63, 61, 60, 0.15), 0px 0px 0px rgba(63, 61, 60, 0.05); border-radius: 6px;}
.faq-card .card-header { border: none;}
.faq-card .card-header a { font-size: 20px;color: #000C;font-weight: 700;line-height: 22px;display: flex; padding: 20px 15px;}
.faq-card .card-header { border: none; padding: 0px; background: transparent;}
.faq-card .card-body { padding-top: 0px;}
.faq-card .card-body p{ font-size: 16px;color: #666; font-weight: 600; line-height: 22px; margin-bottom:15px;}
.faq-card .card-body ul{ margin: 0px; padding-left: 15px;}
.faq-card .card-body ul li{ font-size: 16px;color: #666; font-weight: 600; line-height: 22px; margin-bottom:2px;}
.faq-card + .faq-card { margin-top: 18px;}
.faq-card .card-header a::after { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; right: 15px; font-size: 15px;}
.faq-card .card-header a[aria-expanded="true"]:after { content: "\f077"; font-family: "Font Awesome 5 Pro"; font-weight:900;}

.bottom-modal > .success-massege + .form-wrap { display: none !important;}
.bottom-modal { position: relative;min-height: 250px;}
.bottom-modal .success-massege { min-height: 100%; text-align: center;padding-top: 60px;}
.bottom-modal .success-massege h3 { justify-content: center; margin-bottom: 20px;}
.height200 {height: 90px; overflow-x: hidden; overflow-y: auto; margin-bottom: 20px; padding-top: 10px;}
.contact-form .success-massege { position: absolute; margin-top: 0px; text-align: left; min-height: 170px; top: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0px 25px;}
.contact-form  .success-massege h3 {justify-content: center; align-items: center;margin-bottom: 15px;}
.success-massege p {font-size: 16px; color: #000C;line-height: 24px;margin-bottom: 0spx;}
.custom-form .mr10 { border: none; background: transparent;color: #f00;font-size: 25px;}
.box-area { display: flex; flex-direction: column; align-items: center; margin: 70px 0px; text-align: center;}
.box-area h2 {font-size: 28px; font-weight: 800;color: #333; margin-top: 25px; margin-bottom: 15px;}
.box-area p { font-weight: 600; font-size: 16px; color: #000C; margin-bottom: 40px;}
.box-area .btm-fullWidth { height: 45px; min-width: 150px; font-size: 16px;}
body main > .content{height: 100vh;display: flex;flex-direction: column;}
.fullSection {flex: 1 0 auto;}
footer{flex-shrink: 0;}
.member-box > a, .member-box > p > a {color: #00838D !important;cursor: pointer;font-weight: 600;}
.member-box > p > a{ margin-left: 5px;}
.select-box { border: none !important;}

/* Calendra CSS */
.react-datepicker {position: absolute !important;left: 0px;top: 20px;}
.react-datepicker__triangle { display: none !important;}
.react-datepicker::after, .react-datepicker::before {content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f2f2f2; position: absolute;top: -9px; left: 20px;}
.react-datepicker::before {border-bottom: 10px solid #00838D; top: -10px;}
.react-datepicker__month-container { float: inherit;}
.react-datepicker-wrapper {display: inline-flex; width: 70%;}
.react-datepicker-wrapper input { padding: 0px; border: none; border-radius: 0px; width: 100%;font-size: 17px; color: #333;}
.react-datepicker-wrapper input:focus{ outline: 0 !important; box-shadow: none !important; }
.react-datepicker-ignore-onclickoutside:focus-visible { border: none !important; box-shadow: none !important; outline: 0 !important;}
.react-datepicker { font-family: 'arial' !important; border: 1px solid #00838D  !important; z-index: 9999  !important; background: #f2f2f2  !important;}
.react-datepicker-popper[data-placement^="bottom"] {width: 250px !important; z-index: 9999  !important;}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-bottom-color: #f2f2f2  !important;}
.react-datepicker__header { width: 100% !important; padding-top: 12px !important; background: #f2f2f2 !important; border-bottom: none !important;}
.react-datepicker__month { margin: 0px !important; padding: 0px 15px;margin-bottom: 15px !important;}
.react-datepicker__navigation {top: 15px;}
.react-datepicker__day-names { margin-top: 15px;}
.react-datepicker__navigation { top: 15px !important;}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { width: 28px !important; line-height: 25px !important; font-size: 12px !important; color: #333 !important; font-family: 'Mulish', sans-serif !important; font-weight: 600 !important; cursor: pointer !important;}
.react-datepicker__day-name {font-weight: 700 !important; font-size: 13px !important;}
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { font-size: 14px !important; color: #333 !important; font-weight: 700 !important; font-family: 'Mulish', sans-serif !important;}
.react-datepicker__navigation--next {border-left-color: #666 !important;}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { background-color: #00838D  !important;color: #fff !important;}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { padding: 5px 5px !important; font-size: 12px !important; display: flex; justify-content: flex-start; align-items: center;}
.react-datepicker__day--outside-month { color: #CECECE !important;}
.react-datepicker__day--outside-month {cursor: default !important;}
.open-calender .fc-direction-ltr .fc-daygrid-event.fc-event-end, .open-calender .fc-direction-rtl .fc-daygrid-event.fc-event-start { position: absolute !important; width: 48px; bottom: -5px;}
.fc-day-other .fc-daygrid-day-events {
    display: none;
}

/* End Calendra CSS */

/* Slider CSS */
.carouselSlider {margin-top: 86px;}
.carouselSlider .carousel.carousel-slider { overflow: visible;}
.carouselSlider .carousel-status { display: none;}
.carouselSlider .carousel .slide {text-align: left;}
.carouselSlider .content-info {min-height: 250px; padding-right: 40px;}
.carouselSlider .carousel .control-dots { display: flex; justify-content: flex-start; align-items: center;height: 16px; margin: 0px !important;}
.carouselSlider .carousel .control-dots .dot { width: 10px; height: 10px;border-radius: 50%; background-color: #00000091;margin-left: 0px; margin-right: 10px;  opacity: .5; box-shadow: none;}
.carouselSlider .carousel .control-dots .dot.selected {opacity: 1;width: 16px;height: 16px; margin-top: 0px;}
.carouselSlider .carousel .control-arrow::before, .carouselSlider .carousel.carousel-slider .control-arrow::before { display: none;}
.carouselSlider .carousel.carousel-slider .control-arrow { display: inline-block; width: 15px; height: 28px;margin-top: 60px;}
.carouselSlider .carousel.carousel-slider .control-arrow:hover { background: transparent;}
.carouselSlider .carousel .control-prev.control-arrow { left: -50px;background-image: url("../images/contour.png") !important;}
.carouselSlider .carousel .control-next.control-arrow {right: 0;background-image: url("../images/contour-1.png") !important;}
/* End Slider CSS */

.cart-item-lists { min-height: 325px;}
.strength-text{font-size: 13px;font-weight: 700;color:#333;letter-spacing: .3px;position: absolute; bottom: -22px;left: 0px;background: #fff;z-index: 999;width: 100%;left: 0px;}
.coupon-error { font-size: 13px;position: absolute; top: 0px;padding: 0px 20%; display: block; text-align: center;line-height: 18px;}
.ourcourses-wrapper {min-height: 610px;}

.loader-wrapper { background: #ffffffe6; display: flex; justify-content: center; align-items: center; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999;}
.loader-wrapper .spinner-border {width: 4rem; height: 4rem;border: .25em solid #00838D;border-right-color: transparent;}
.carouselSlider .carousel .control-dots .dot {animation: none;}

.timing-zone ul.time-ul > li > .time-label {
    position: absolute;
    top: -23px;
    left: 15px;
    font-size: 13px;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
    background: #ffffff;
    padding: 0px 5px;
    z-index: 9999;
    display: inline-flex;
    margin-right: 0px;
}
.profile-link > .nav-link > img {
    height: 28px;
    margin-right: 6px;
}
.profile-link > .nav-link > span {
    font-size: 12px;
}
.coupon-box > .coupon-error {
    padding: 0px;
}
.request-error {
    position: absolute;
    top: -45px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.timing-zone ul.time-ul > li h3 {
    font-size: 17px;
    margin: 0px;
    color: #333;
    font-weight: 400;
}
.invite-friend-wrapper span.error2 {text-align: left; top: 24px;}
.content-wrap span.error1 {text-align: right;width: 100%;bottom: -20px;}
.profile-link {
    border-left: 1px solid #cccccc59;
    border-right: 1px solid #cccccc59;
    padding: 0px 10px;
    min-height: 32px;
}
.logout-button {
    color: #00838D;
    border: none;
    background: transparent;
    font-size: 18px;
}


.react-datepicker__day--weekend{
    cursor: not-allowed !important;
    pointer-events: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.react-datepicker__day--weekend { color: #CECECE  !important;}
.react-datepicker__navigation--previous, .react-datepicker__navigation--previous:hover {border-right-color: #666 !important;}
.modal-open {
    padding-right: 0px !important;
}

#zmmtg-root {
 
    display: none;
    z-index: 9999 !important;

}
footer#wc-footer {
    padding: 0px !important;
}
#wc-footer > div, #wc-footer span {
    display: inline-block;
    color: rgba(255, 255, 255, 0.5) !important;
}