/* Bootstrap */
@import url('bootstrap.min.css');

/* Animation */
@import url('animate.css');

/* Carousal */
@import url('owl.carousel.css');

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --base-color: #F9CD13;
    --secondary-color:#FCEC03;
    --dark-color: #2E2805;
    --white-color: #ffffff;
}

*, body {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    color: var(--dark-color);
}


.bg-light {background-color: #F8F5F0 !important;}

a {text-decoration: none; color: var(--base-color); font-weight: 500;}
a:hover {color: var(--dark-color);}

.btn-primary {background-color: var(--base-color); border-color: var(--base-color); border-radius:40px; color: var(--dark-color); display: flex; align-items: center;}
.btn-primary:hover {background-color: var(--dark-color); border-color: var(--dark-color); color: var(--white-color);}
.btn-primary:hover span {color: var(--white-color);}
.section-padd-top {padding-top: 70px;}
.section-padd-bottom {padding-bottom: 70px;}
.section-padd {padding-top: 70px; padding-bottom: 70px;}

h1 {font-size: 54px; font-weight: 700;}
h2 {font-size: 38px; font-weight: 600;}
h3 {font-size: 28px; font-weight: 400;}
h4 {font-size: 20px; font-weight: 500;}

.her-divider-wrap {
    position: absolute;
    top: auto;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3;
    transform: translateZ(0);
    display: none;
}
.her-divider-wrap svg {fill: var(--white-color);}
header .navbar-expand-lg .navbar-nav .nav-link {font-weight: 500; color: var(--dark-color); text-transform: uppercase;padding-left: 12px;padding-right: 12px;}
header {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navbar-brand img {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 56px;
}

header {background-color: var(--base-color); margin: 0; border-radius: 0px;}
.banner-txt {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 690px;
    display: flex;
    height: 80%;
    align-items: center;
    left: 30px;
}
.banner-txt h1 {color: #fff;}
.banner-txt a {
  /* display: flex; */
  /* align-items: center; */
  max-width: 300px;
  justify-content: center;
  height: 50px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 30px;
}
.banner-txt a.btn-primary:hover {background-color: #fff; color: var(--base-color);}
.banner-txt a.btn-primary:hover span {color: var(--base-color);}

.lightHeader {background-color: var(--base-color); border-radius: 200px;margin: 10px 30px;position: fixed;
  left: 0;
  right: 0;
  z-index: 9999; top: 0;}
.lightHeader .navbar-brand img {width: 60px;}
.lightHeader .navbar-expand-lg {padding: 0px;}
.lightHeader .btn-primary, .color-expand .btn-primary, header .btn-primary {background-color: var(--dark-color); color: var(--white-color); border-color: var(--dark-color);}
.lightHeader .btn-primary:hover, .color-expand .btn-primary:hover, header .btn-primary:hover {background-color: transparent; color: var(--dark-color);}
header.lightHeader .navbar-expand-lg .navbar-nav .nav-link {color: var(--dark-color);}
.self-p {
    font-size: 24px;
    font-weight: 400;
    margin-top: 20px;
}
.hero-afterbox {padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 10%); background-color: var(--white-color); height: 100%;}
.hero-afterbox p {font-size: 14px;}
.hero-afterbox span.material-symbols-outlined {color: #D5D5D5;font-size: 30px;}
.quality-section {position: relative; z-index: 9;}
/* .hero-after-section {
    margin-top: -270px;
} */
.hero-afterbox.mt-space {margin-top: 40px !important;}
.hero-afterbox.mt-nspace {margin-top: -20px !important;}

section.our-stacks {
  position: relative;
  margin-top: -100px;
  z-index: 99;
}

.stack-box {box-shadow: 0 0 30px rgba(0, 0, 0, 8%); border-radius: 20px; background-color: var(--white-color);}
#counter {width: 100%;margin: 0 auto;display: flex;justify-content: space-between;padding: 0px 20px;}
#counter li {text-align: center;display: flex;align-items: center;width: 160px;height: 160px;border-radius: 50%;box-shadow: 0 0 30px rgba(0, 0, 0, 16%);justify-content: center; padding: 10px;}
#counter li.session-box {background-color: #524D33;}
#counter li.results-box {background-color: #0aa352;}
#counter li.trans-box {background-color: #FCEC03;}
#counter li.news-box {background-color: #000;}
#counter li.coaches-box {background-color: #800000;}
#counter span.percent:after {content: "+";display: inline-block;}
#counter span {font-size: 4vh; line-height: 4vh; color: var(--dark-color); font-weight: 600;}
#counter li:nth-child(2) span.percent:after {content: "%";display: inline-block;}
#counter li p {color: var(--dark-color); margin-bottom: 0px;font-size: 13px;}
#counter li.session-box span, #counter li.session-box p,  #counter li.coaches-box p, #counter li.coaches-box span {color: #fff;}

#counter li.news-box span, #counter li.news-box p, #counter li.results-box span,#counter li.results-box p {color: #fff;}

.bg-back {background: url(../front_images/bg.svg) no-repeat top left; background-size: cover;}
.bg-back-2 {background: url(../front_images/bg-3.svg) no-repeat top left; background-size:cover;}
.event-head h2 {font-weight: 500; margin-bottom: 15px;font-size: 34px;}
.event-head h2 span {display: block; color: var(--base-color); text-transform: uppercase; font-weight: 600; font-size: 18px;}
.events-price {align-items: center;}
.events-price h6 {margin-bottom: 0px;}
.owl-dots button {margin: 0 2.5px;}
.owl-dots button span {display: block; width: 30px; height: 8px; border-radius: 10px; background-color: #E1DCDC;}
.owl-dots button.active span {background-color: var(--base-color);}
.event-slider .owl-dots {
    position: absolute;
    bottom: 0;
    left: 42.666667%;
}
.price-event {color: var(--base-color); font-weight: 600;display: flex;align-items: center;font-weight: 700;}
.price-event span {font-size: 14px; color: var(--base-color);}
.heading-style h2 span {display: block; color: var(--base-color); text-transform: uppercase; font-weight: 600; font-size: 18px;}
.services-slider .owl-stage {padding-left: 0px !important;}
.btn-link.btn-link-st { text-decoration: none; color: var(--dark-color); position: relative; overflow: hidden;height: 32px; padding:0 10px 0 15px;}
.btn-link.btn-link-st span {display: flex; align-items: center; position: relative; z-index: 1;line-height: 30px;font-size: 14px; font-weight: 400;}
.btn-link.btn-link-st::before {position: absolute; width: 30px; height: 30px; left: 0px; top: 0; background-color: #FFF4C4; border-radius: 30px; content: "";-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.btn-link.btn-link-st:hover::before {width: 100%;}
.services-slider .card {border: 0px; box-shadow: 0 3px 16px rgba(0, 0, 0, 8%); margin-bottom: 20px;}
.services-slider .card h5 {overflow: hidden;}
.services-slider .card p {overflow: hidden;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
    font-size: 14px;
    min-height: 240px;
  }
.coach-img img {width: 100%; border-radius: 0 20px 20px 0;}
.ab-coach-box {background-color:#F8F5F0; border-radius: 20px;}
.ab-coach-box h2 {margin-bottom: 10px;}
/* .ab-coach-box h2 span {color: #d64b00;} */
.about-coach-text {padding: 30px 40px;}
.about-coach-text h5 {margin:5px 0 20px 0;}
.cources-con .card {border: 0px; box-shadow: 0 3px 16px rgba(0, 0, 0, 8%);}
.cources-con .card p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.bg-back-3 {background: url(../front_images/bg-2.png) no-repeat; background-size:cover;}
ul.coach-qulty {
  /* list-style: none; */
  padding: 0 0 0 20px;
  display: flex;
  flex-wrap: wrap;
}
ul.coach-qulty li {
  padding-right: 32px;
  font-weight: 600;
}
.ceoimg {
    height: 340px;
    border: 0px solid #fff;
    width: 340px;
    background: #EFEEE2;
    padding-left: 50px;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 20px;
  }
  
  .quote__msg {
    position: relative;
  }
  
  .ceo-social {
    display: flex;
    margin: 20px 0;
  }
  
  .ceo-social a {
    margin-right: 10px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 26px;
  }
  
  .ceo-social a.facebook {
    background-color: #3F55AB;
  }
  
  .ceo-social a.linkedin {
    background-color: #0678B6;
  }
  
  .ceo-social a.twitter {
    background-color: #5FB7FE;
  }
  
  .quotebox {
    display: flex;
    align-items: center;
    height: 100%;
  }
  
  .quote__msg h3 {
    color: var(--dark-color);
    margin-bottom: 0px;
    font-weight: 600;
  }
  
  .quote__msg h3 span {
    color:var(--base-color);
    font-size: 28px;
    font-weight: 600;
  }
  
  .quotebox p {
    font-style: normal;
    color: #000;
    margin-bottom: 7px;
    margin-top: 5px;
  }
.ceoimg img {
    width: 286px;
    height: 286px;
    border-radius: 50%;
  }
  
  .quotebox h4,
  .quotebox h5,
  .quotebox p {
    color: var(--dark-color);
  }
  
  .quotebox h4 {
    font-weight: 500;
  }
  .rightquote.ceoimg {
    padding-right: 50px;
    padding-left: 0;
  }

  .tabs-container .nav-pills .nav-link {
    margin: 0 25px;
    min-width: 170px;
    font-weight: 500;
    color: var(--dark-color);
}

  .tabs-container ul.nav {
    justify-content: center;
  }
  .tabs-container .nav-pills .nav-link {
    background: #fff;
    border-radius: 6px;
    text-align: center;
    padding: 20px 10px;
    box-shadow: 0 0px 20px rgb(0 0 0 / 7%);
  }
  
  .tabs-container .nav-pills .nav-link.active2,  .tabs-container .nav-pills .nav-link.active {
    border-bottom: 0px;
    box-shadow: 0 0 30px rgb(255 104 42 / 18%);
    position: relative;
    color: var(--base-color);
  }

  .tabs-container .card {height: 100%;}

  .card {border: 0px; box-shadow: 0 3px 16px rgba(0, 0, 0, 8%);}
  
  .tabs-container .nav-pills .nav-link.active:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--base-color);
    border-radius: 50%;
    position: absolute;
    right: -3px;
    bottom: -3px;
  }
  
  .tab-img {
    margin-bottom: 10px;
  }
  
  .tab-img img {
    height: 30px;
  }
  
  .tabs-container .tab-content {
    margin-top: 50px;
  }
  
  .tabs-container .tab-content>.active {
    display: block;
  }
  .media-print {cursor: pointer; overflow: hidden;}
.print-name {position: absolute; left: 0; right: 0px; background-color: rgb(0 0 0 / 89%); color: #fff; text-align: center; font-weight: 500; padding: 15px; bottom: -100%; text-transform: uppercase; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.media-print:hover .print-name {display: block; bottom: 0;}

.reviews-text-box {position: relative;min-height: 100px;margin-bottom: 40px;padding: 20px 20px 20px 80px;background:#f9f9f9 url(../front_images/quote-left.svg) no-repeat left top;background-position: 14px 14px; border-radius: 14px;}
.reviews-text-box:after {top: 100%;left: 50%; border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(249, 249, 249, 0);border-top-color: #f9f9f9;border-width: 30px;margin-left: -30px;}
.review-user {width: 90px; height: 90px; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.review-user img {width: 90px; height: 90px; border-radius: 50%;}
.reviews-box .username {font-size: 14px; font-style: italic;}
.reviews-slider .owl-item.active .reviews-box {opacity: 0.3;}
.reviews-slider .owl-item.active.center .reviews-box {opacity:1;}
.reviews-slider .owl-item.active.center .reviews-box .reviews-text-box {background-color: var(--base-color);}
.reviews-slider .owl-item.active.center .reviews-box .reviews-text-box p {color: var(--dark-color);}
.reviews-slider .owl-dots {
  text-align: center;
  margin-top: 40px;
}

.reviews-slider .owl-item.active.center .reviews-box .reviews-text-box:after  {border-top-color: var(--base-color);}

.colla-img {text-align: center;}
.colla-img img {max-width: 100%;}

/* Footer */
.footer-section {background-color: var(--dark-color);}
footer h4 {color: var(--white-color); font-size: 22px;}
.footerlinks li a {display: block; color: #fff; text-decoration: none; padding: 6px 0;}
.footerlinks li a:hover {color:var(--secondary-color);}
.socialfooter {margin-top: 15px;}
.socialfooter a {width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--white-color); color: #fff; text-align: center; text-decoration: none; line-height: 43px; margin-right: 10px; font-size: 20px; background-color:transparent;}
.socialfooter a:hover {background-color:var(--base-color); border-color: var(--base-color); color: var(--secondary-color);}
.footer-bottom {color: #fff; border-top:1px solid #5F514B; padding-top: 20px; margin-top: 20px; padding-bottom: 20px; font-size: 14px; background: transparent; text-align: left;}
.footer-bottom a {color: #fff; text-decoration: none; display: inline-block; margin-left: 10px;}
.footer-bottom p {margin-bottom: 0px; font-size: 14px; color: var(--white-color);}
.footer-bottom a:hover {color: var(--secondary-color);}
.footerCon a {color: #fff; text-decoration: none;}
.footerCon a:hover {color: var(--secondary-color);}
.socialfooter a svg {width: 18px;}

.quality-section .hero-after-section .col {width: 20%;}

.aligner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.photogallery .item a {display: block; border: 1px solid #666; border-radius: 10px; overflow: hidden;}
.colla-img {
  text-align: center;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 6px rgb(0 0 0 / 15%);
}
.photogallery .owl-dots, .video-slider .owl-dots {text-align: center; margin-top: 10px;}
.texttestimonila-slider .card {margin: 10px;}
.texttestimonila-slider .card-body p {min-height: 90px;}
.texttestimonila-slider .owl-dots {text-align: center;}

.video-slider .item-video iframe {
  border: 0;
  max-height: 300px;
  overflow: hidden;
  width: 100%;
}

.inner-banner-section .banner-txt {    margin: 0 auto;
  left: 0;
  right: 0;
  justify-content: center;
  height: 100%;}

  .howework-box {display: flex;}
  .howework-box .how-steps {margin-right: 30px;}
  .howework-box .how-steps span {display: block; width: 70px; height: 70px; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 10%); line-height: 70px; text-align: center; font-size: 28px; font-weight: 700; color: var(--base-color);}
  .howework-box h3 {font-size: 24px; font-weight: 600;}
  .form-group {margin-bottom: 20px;}

  .contact-form, .contact-text {padding: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 10%); background-color: #fff; height: 100%;}
  .contact-form .form-control {min-height: 44px; border-radius: 4px;}
  .closed-events {
    font-size: 18px;
    font-weight: 600;
    color: #ff0000;
}

.offerdate2 {
  font-size: 12px;
  color: #f26330;
}

.our-team .row:nth-child(3) .col-lg-4 {order: 6 !important;}
.our-team .row:nth-child(3) .ceoimg {padding-left: 0px; padding-right: 50px;}

.whatsappchat {
  position: fixed;
  right: 15px;
  bottom: 20px;
  z-index: 999;
  background: rgb(113,234,155);
  background: linear-gradient(180deg, rgba(113,234,155,1) 0%, rgba(7,114,41,1) 100%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.whatsappchat a {
  background-color: #fff;
  width: 45px;
  height: 45px;
  display: block;
  border-radius: 50%;
  margin: 7px auto;
  text-align: center;
  line-height: 45px;
  color: #24d266;
  font-size: 30px;
}
.whatsappchat a:hover {
  text-decoration: none;
}

.courses-container .courses-con:nth-child(2), .courses-container .courses-con:nth-child(4) {background-color: #F8F5F0 !important;}

.lefboxb {
  background-color: #fff;
  box-shadow:0 0 10px rgb(0 0 0 / 14%);
  padding: 20px;
  position: relative;
  width: 400px;
}

.roghtboxb {
  background-color: #fff;
  box-shadow:0 0 10px rgb(0 0 0 / 14%);
  padding: 20px;
  position: relative;
  width: 400px;
  color: #fff;
  left: 450px;
  margin-top: 40px;
}

.middleb {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5px;
  background-color: #170135;
  height: 100%;
}

.howwe-con {
  position: relative;
  max-width: 850px;
  width: 100%;
  margin: 90px auto 0 auto;
}

.lefboxb p, .roghtboxb p {
  font-size: 14px;
}



.lefboxb::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ff4a00;
  position: absolute;
  right: -37px;
  top: -5px;
  z-index: 9;
}

.roghtboxb::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ff4a00;
  position: absolute;
  left: -33px;
  top: -5px;
  z-index: 9;
}

span.stepsc {
  position: absolute;
  top: -84px;
  font-size: 94px;
  font-weight: 800;
  color: rgb(255 74 0 / 15%);
  z-index: -1;
  left: 0;

}

.inner-banner-section .mobile-banner {display: none;}

@media (min-width:1024px) {
  .courses-con:nth-child(2) .row .col-md-3, .courses-con:nth-child(4) .row .col-md-3 {order: 6;}
}

@media (min-width:1200px) {
  #counter span {
    font-size: 4.5vh;
    line-height: 4.5vh;}

  .our-history {margin-top: -100px; padding-top: 170px;}
}

@media (max-width:1400px) {
  h2 {font-size: 34px;}
  .heading-style h2 span {font-size: 16px;}
  h5.card-title {font-size: 18px;}
  .hero-afterbox h4 {font-size: 18px;}
  .footer-bottom p {font-size: 12px;}
  .services-slider .card p {min-height: 275px;}
}

@media (max-width:1023px) {
  .howework-box .how-steps span {width: 50px; height: 50px; line-height: 50px; font-size: 24px;}
  .howework-box .how-steps {margin-right: 15px;}
  .hero-after-section {margin-top: 0px;}
  .hero-afterbox.mt-space, .hero-afterbox.mt-nspace {margin-top: 0px !important;}
  .hero-afterbox {height: 100%;}
  #counter span {font-size: 3vh; line-height: 3vh;}
  #counter li {width: 150px;height: 150px; padding: 20px;}
  #counter {padding: 0px;}
  .event-slider .owl-dots {position: static; text-align: center;}
  .bg-back {background-size: cover;}
  .coach-img img {border-radius: 20px 20px 0 0;}
  .about-coach-text {
    padding: 40px 40px;
}
.tabs-container .nav-pills .nav-link {
  margin: 0 10px;
    min-width: 150px;
}
.section-padd {
  padding-top: 50px;
  padding-bottom: 50px;
}
.section-padd-bottom {padding-bottom: 50px;}
.section-padd-top {padding-top: 50px;}
header .container-fluid {justify-content: flex-start;}
.navbar-toggler {margin-left: auto;}

nav.navbar.navbar-expand-lg.navbar-dark.color-expand {
  background-color: var(--base-color);
  border-radius: 20px 20px 0 0;
}

.navbar-collapse {
  position: absolute;
    background: rgb(249, 205, 19);
    left: 0px;
    width: 100%;
    top: 100%;
    border-radius: 0 0 20px 20px;
    z-index: 999;
}
button.navbar-toggler {
  border-color: var(--dark-color);
  background: var(--dark-color);
  width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0;
}
header .navbar-expand-lg .navbar-nav .nav-link {color: var(--dark-color);padding: 10px 20px;font-size: 20px;}
section.our-stacks {margin-top: 40px;}
.banner-txt {width: auto; left: 0; height: 100%;}
.banner-txt h1 {font-size: 24px;}
.banner-txt a {
  max-width: 270px;
  height: 40px;
  margin-top: 20px;
  font-size: 14px;
}

.courses-con .col-md-3 img {width: 100%;}
.our-team .row:nth-child(3) .col-lg-4 {order: inherit !important;}
.hero-after-section .row .col {width: 50%;flex: 1 0 50%;}
}

.hero-section h1 a {font-size: 54px; color: #fff; text-decoration: none;}
.hero-section h1 a:hover {color: var(--base-color);}

@media (max-width:1200px) and (min-width:768px) {
  .ceoimg img {
    width: 206px;
    height: 206px;
    border-radius: 50%;
}
.ceoimg {width: 240px; height: 240px;padding-left: 30px;}
}


@media (max-width:767px) {
  .hero-section h1 a {font-size: 24px;}
  .inner-banner-section .mobile-banner {display: block;}
  .inner-banner-section .desktop-banner {display: none;}
  .hero-after-section .row .col {width: 100%;flex: 1 0 100%;}
  .navbar-brand img {width: 50px;}
  h2 {font-size: 26px;}
  h4 {font-size: 18px;}
  h3 {font-size: 20px;}
  #counter {flex-wrap: wrap;}
  #counter li {margin-bottom: 40px;}
  .lightHeader {margin: 10px 10px;}
  #counter li {width: 135px;height: 135px;}
  .ceo-social {justify-content: center;}
  .quotebox {text-align: center;}
  .quote__msg h3 span {font-size: 22px;}
  .quote__msg {margin-top: 20px;}
  .tabs-container .nav-pills .nav-link {margin-bottom: 20px;min-width:130px;}
  .tabs-container .tab-content {margin-top: 10px;}
  .colla-img {margin-bottom: 15px;}
  .footerlinks {margin-bottom: 0px;}
  .footerCon {margin-top: 20px;}
  .about-coach-text {padding: 20px 20px;}
  .section-padd.quality-section {padding-top: 20px;}
  .hero-section .owl-carousel .owl-item img {min-height: 240px;}
  .h5, h5 {font-size: 16px;}
  .event-head h2 {font-size: 26px;}
  .lightHeader .navbar-brand img {width: 46px;}
  header nav {padding-top: 0px !important; padding-bottom: 0px !important;}
  .howework-box h3 {font-size: 20px;}
        .coaches-box {
                position: relative;
                top: -260px;
                left: 75px;
                right: 0px;
                bottom: 0px;
        }
}