:root {
  --white: #ffffff;
  --black: #000000;
  --red: #f53232;
}
/* ===========    video    ========== */
#video {
  padding-bottom: 0;
}
.modal-new,.modal-new{
  display: none;
}
.video-sec-box {
  position: relative;
}
.video-sec-box img {
  width: 100%;
}

.video-content-box img {
    width: 50px;
    position: absolute;
    top: 47%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.video-sec {
    position: relative;
}

/* The Modal (background) */
.modal-new {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999999;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 100px;
}
/* Modal Content */
.modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px 20px 40px;
  width: 60%;
  transition: 2s;
  border-radius: 10px;
}
/* The Close Button */
.close-one,.close {
  color: #fff;
  float: right;
  font-size: 25px;
  font-weight: bold;
  padding: 0px 10px;
  cursor: pointer;
  margin-bottom: 7px;
  background: var(--green);
  border: unset;
  height: 38px;
  width: 38px;
}
.close-one:hover , .close:hover{
  color: var(--white);
}
/*---------------*/
.modal-new,.modal-new{
  display: none;
}
.video-sec-box {
    position: relative;
}
.videos-rw {
    position: relative;
    top: -66px;
    padding-bottom: 90px;
}
.video-value {
    position: relative;
}
.video-value:before {
    content: '';
    border-top: 1px solid #ffffff96;
    display: block;
    position: absolute;
    left: -41px;
    right: 0;
    width: 31px;
    top: 20px;
}
/* slider */
#slider {
  padding: 0;
  position: relative;
}
#slider .carousel-control-prev,#slider .carousel-control-next {
  height: 5%;
  width: 5% ;
  opacity: 0.8;
}
#slider .carousel-control-prev {
  top: 76.5%;
}
#slider .carousel-control-next {
  top: 85%;
  left: 0 ;
}
#slider .carousel-control-prev i, #slider .carousel-control-next i{
  background-color: var(--white);
  padding: 15px 18px;
  border-radius: 100px;
  color: #121212;
}
#slider .carousel-control-prev:hover, #slider .carousel-control-next:hover {
  opacity: 1;
}
.slide-nav-bg-content {
  width: 5%;
  height: 100%;
  background-color: var(--green);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
p.slide-nav-para {
  color: #fff;
  font: normal normal 600 15px/29px var(--font-AlbertSans);
  transform: rotate(-90deg);
  margin-left: -300px;
  margin-right: -300px;
  margin-bottom: 0;
}
.slide-number {
  position: absolute;
  z-index: 1;
  bottom: 3%;
  left: 0.5%;
  color: var(--white);
  font: normal normal 600 18px/29px var(--font-AlbertSans);
}
#slider .carousel-caption {
  text-align: left;
  max-width: 410px;
  top: 29%;
}
#slider .sub-heading {
  text-align: left;
  font: normal normal 600 12px/14px var(--font-AlbertSans);
  color: var(--green);
  border-left: 2px solid;
  padding-left: 10px;
  margin-bottom: 12px;
}
#slider h1 {
  color: var(--text-color);
  font: normal normal bold 46px/58px var(--font-DMSans);
}
#slider p.content {
  font: normal normal 600 15px/22px var(--font-AlbertSans);
  color: var(--text-color);
}
a.slider-btn {
  font: normal normal bold 12px/40px var(--font-DMSans);
  background-color: var(--green);
  color: var(--white);
  padding: 12px 22px;
  border-radius: 2px;
}
#slider a.slider-video-btn i{
  color: var(--white);
  background-color: var(--green);
  padding: 15px 16.5px;
  border-radius: 100px;
  margin: 0 18px 0 32px;
  font-size: 11px;
}
span.slider-video-btn-text {
  font: normal normal bold 12px/40px var(--font-DMSans);
  color: var(--text-color);
}

/* contact us now */
#contact-us-now {
  padding: 0;
  position: relative;
}
.contact-us-now-bg {
  position: absolute;
  max-width: 50%;
  background-size: 100%;
  padding: 2.8%;
  border-radius: 8px;
  left: 0 !important;
  right: 0;
  margin: -7.5% auto 0 auto !important;
}
h3.cun-heading {
  font: normal 600 27px/45px var(--font-DMSans);
  color: var(--white);
}
p.cun-content {
  font: normal normal 600 14px/19px var(--font-AlbertSans);
  color: var(--white);
}
.contact-us-now-icon a, .contact-us-now-icon a:hover{
  color: var(--text-color);
}
.contact-us-now-bg i{
  background-color: var(--white);
  font-size: 32px;
  padding: 24px;
  border-radius: 100px;
}
p.cun-title {
  font: normal normal 600 12px/19px var(--font-AlbertSans);
  color: var(--white);
  margin-bottom: 0;
  margin-top: 1rem;
}
h3.cun-number{
  color: var(--white);
  font: normal normal bold 26px/45px var(--font-DMSans);
}

/* about us */
.about-us-sec {
  padding-top: 200px;
  padding-bottom: 100px;
}
.about-us-bg {
  position: relative;
  background-color: #F3F6EA;
  padding: 5%;
  border-radius: 10px;
}
.about-us-left-img img{
  position: absolute;
  max-width: 38%;
  top: -12%;
  left: 6%;
}
.about-us-bg .section-main-heading {
  padding-right: 9rem;
  padding-top: 0;
}
p.au-content{
  font: normal normal 500 13px/22px var(--font-AlbertSans);
  color: var(--text-color);
  padding-right: 4.5rem;
}

/* get in touch */
.get-in-touch-sec {
  background-size: cover;
  /* background-attachment: fixed; */
}
.get-in-touch-sec .section-main-heading, .get-in-touch-sec p, .get-in-touch-sec h4, .get-in-touch-sec{
  color: var(--white);
  text-align: center;
}
.get-in-touch-sec .section-sub-heading{
  margin: auto;
  width: fit-content;
}
.get-in-touch-box {
  background: rgb(255 255 255 / 15%);
  padding: 30px 25px 22px 25px;
}
.get-in-touch-sec i{
  font-size: 16px;
  color: var(--green);
  background-color: var(--white);
  padding: 20px 20px;
  border-radius: 100px;
  margin-bottom: 2px;
}
.get-in-touch-sec h4{
  font: normal normal 600 22px/29px var(--font-AlbertSans);
  padding-top: 10px;
}
.get-in-touch-sec .section-main-heading {
  padding-bottom: 20px;
}
.get-in-touch-sec .get-in-touch-box p {
  font: normal normal 500 12px/20px var(--font-AlbertSans);
}

/* our team */
.our-team-sec .section-sub-heading{
  margin: auto;
  width: fit-content;
}
.our-team-sec .section-main-heading {
  text-align: center;
}
.team-box {
  position: relative;
}
.our-team-sec .owl-stage{
  padding-top: 12%;
  padding-bottom: 2%;
}
.owl-carousel .owl-item img.team-img {
  margin-top: -50%;
  width: auto;
}
.card-body.team-content {
  padding-top: 0;
  padding-bottom: 40px;
}
.team-box.card {
  background-color: #F3F6EA;
  border: 0;
  border-radius: 8px;
}
.team-social-icons {
  position: absolute;
  bottom: -8%;
}
.team-social-icons i {
  color: var(--white);
  background-color: var(--black);
  padding: 12px;
  border-radius: 100px;
  margin: 0 8px;
}
.team-social-icons i.fa-brands.fa-facebook-f {
  padding: 12px 15px;
}
.team-content-box h5.title {
  font: normal normal 500 16px/19px var(--font-AlbertSans);
  margin-bottom: 0;
}
.team-content-box span {
  font: normal normal 500 12px/14px var(--font-AlbertSans);
  color: var(--text-color);
}

/* testimonial */
.testimonial-sec {
  background-size: cover;
  background-attachment: fixed;
}
.testimonial-sec h5, .testimonial-sec p, .testimonial-sec h3{
  color: var(--white);
  text-align: center;
}
.testimonial-sec .section-sub-heading{
  margin: auto;
  width: fit-content;
}
.testi-content p{
  padding: 3% 15%;
  font: normal normal 500 13px/25px var(--font-AlbertSans);
  margin-bottom: 0;
}
.testimonial-sec .section-main-heading{
  margin-bottom: 28px;
}
.testi-design {
  font: normal normal 500 12px/14px var(--font-AlbertSans);
}
.testimonial-sec .owl-nav {
  position: absolute;
  top: 45%;
  display: flex;
  width: 100%;
}
.testimonial-sec .owl-nav button.owl-next {
  right: 0;
  position: absolute;
}
.testimonial-sec .owl-carousel .owl-nav button.owl-prev i,
.testimonial-sec .owl-carousel .owl-nav button.owl-next i{
  color: var(--text-color);
  background-color: var(--white);
  padding: 12px 16px;
  border-radius: 100px;
}

/* recent blogs sec */
.recent-blogs-sec {
  padding-bottom: 100px;
}
.recent-blogs-sec .card{
  border: 0;
}
.recent-blogs-sec .owl-stage {
  padding-top: 4%;
}
.our-blogs-content-box {
  background-color: var(--white);
  margin-top: -55px;
  padding: 15px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}
span.our-blogs-cat {
  font: normal normal 500 12px/14px var(--font-AlbertSans);
  color: #858585;
}
.our-blogs-content-box h5.title {
  font: normal normal 600 19px/26px var(--font-AlbertSans);
}
.our-blogs-content-box h5.title:hover {
  color: var(--green);
}
.our-blogs-content-box span.blog-admin a, .our-blogs-content-box .blog-date{
  font: normal normal 500 14px/19px var(--font-AlbertSans);
  color: var(--text-color);
}

/* healthy recipes sec */
.healthy-recipes-sec .hr-sec-head {
  padding-bottom: 3rem;
}
.healthy-recipes-content-box {
  background-color: var(--white);
  margin-top: -95px;
  padding: 15px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}
span.healthy-recipes-cat {
  font: normal normal 500 12px/14px var(--font-AlbertSans);
  color:#858585;
}
.healthy-recipes-sec h5.title {
  font: normal normal 600 19px/25px var(--font-AlbertSans);
}
.healthy-recipes-box.card {
  border: 0;
}
.hrc-readmore a{
  font: normal normal 600 14px/25px var(--font-DMSans);
  color: var(--green);
}

/* program offers */
.program-offers-sec {
  padding-bottom: 10px;
}
span.program-offers-cat {
  font: normal normal 500 12px/14px var(--font-AlbertSans);
  color:#858585;
}
.program-offers-sec h5.title {
  font: normal normal 600 19px/26px var(--font-AlbertSans);
}
.program-offers-sec .owl-stage {
  padding-top: 4%;
}
.program-offers-content-box {
  background-color: var(--white);
  margin-top: -55px;
  padding: 15px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}
.program-offers-box.card {
  border: 0;
}
.program-offers-price {
  font: normal normal 600 13px/30px var(--font-DMSans);
}
.program-offers-price span.woocommerce-Price-currencySymbol {
  padding-right: 4px;
}
.program-offers-lec {
  font: normal normal 600 12px/14px var(--font-AlbertSans);
  color: #858585 ;
}
span.program-offers-admin a{
  font: normal normal 500 14px/19px var(--font-AlbertSans);
  color: var(--text-color);
 }
 .program-offers-date {
   color: #858585 ;
   font: normal normal 500 14px/19px var(--font-AlbertSans);
 }




 /* fitness nutrition */
.fitness-nutrition-sec {
  padding-bottom: 10px;
}
.fitness-nutrition-sec .section-sub-heading {
  margin: auto;
  width: fit-content;
}
.fitness-nutrition-sec .section-main-heading {
  margin: auto;
  max-width: 400px;
  text-align: center;
  padding-bottom: 25px;
}
.fitness-nutrition-sec .fit-nut-box {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.fit-nut-box h5 {
  color: var(--white);
  margin-bottom: 0;
  font-family: var(--font-AlbertSans);
}
.fit-nut-box i {
  color: var(--green);
  background-color: var(--white);
  padding: 14px 16px;
  border-radius: 100px;
}
.fitness-nutrition-box p.fit-nut-cat {
  font: normal normal 500 12px/14px var(--font-AlbertSans);
  color: #858585;
  margin-bottom: 3px;
}
.fitness-nutrition-box h6.title {
  color: var(--text-color);
  font: normal normal 600 16px/25px var(--font-AlbertSans);
}



/* pricing plans */
.pricing-plans-sec .sec-head {
  padding-bottom: 3rem;
}
.pricing-plans-box {
  background: rgb(0 0 0 / 55%);
  backdrop-filter: blur(20px);
  position: absolute;
  bottom: 0;
  width: 82%;
  left: 9%;
  border-radius: 13px 13px 0px 0px;
  padding: 40px 30px 15px 30px;
}
.pricing-plans-box p,.pricing-plans-box h2,.pricing-plans-box span,.pricing-plans-box h5,.pricing-plans-box a,.pricing-plans-box li{
  color: var(--white);
}
.pricing-plans-box p {
  font: normal normal 600 12px/14px var(--font-AlbertSans);
  margin-bottom: 0;
}
.pricing-plans-box h2 {
  font: normal normal 500 40px/60px var(--font-DMSans);
  margin-bottom: -8px;
}
.pricing-plans-box span {
  font: normal normal 500 12px/14px var(--font-AlbertSans);
}
.pricing-plans-box h5 {
  font: normal normal 700 24px/75px var(--font-AlbertSans);
  margin-bottom: 0;
}
.pricing-plans-box li {
  font: normal normal 500 16px/28px var(--font-AlbertSans);
}
.pricing-plans-box a{
  font: normal normal 700 12px/40px var(--font-DMSans);
  background: rgb(255 255 255 / 50%);
  color: var(--white);
  border-radius: 2px;
  display: flex;
  justify-content: center;
  margin: 10% 25% 2% 25%;
  text-align: center;
  backdrop-filter: blur(4px);
  box-shadow: 0px 3px 6px #00000029;
}
.recommend-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--green);
  padding: 7px 15px;
}
.recommend-bg p{
  color: var(--white);
  font: normal normal 600 12px/14px var(--font-AlbertSans);
}

/* newsletter sec box */
.newsletter-sec {
  padding: 0;
  position: relative;
}
.newsletter-sec-box {
  background-color: var(--green);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding: 30px 70px !important;
  position: absolute;
  bottom: -95px;
  left: 0 !important;
  right: 0;
  margin: 0 auto;
}
.newsletter-left i{
  color: var(--white);
  font-size: 55px;
}
.newsletter-left h5{
  color: var(--white);
  font: normal normal 600 22px/29px var(--font-AlbertSans);
}
.newsletter-left p{
  color: var(--white);
  font: normal normal   600 14px/19px var(--font-AlbertSans);
}
.newsletter-sec input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  border: 1px solid #bcbcbc;
  width: 88%;
  font-size: 16px;
  padding: 10px;
  margin: 32px 0 0px 60px;
  height: auto;
  border-radius: 8px;
}
.newsletter-sec input.wpcf7-form-control.has-spinner.wpcf7-submit {
  position: absolute;
  right: 21px;
  top: 38px;
  background-color: white;
  border: 0;
  padding: 7px 22px;
  color: var(--green);
  font: normal normal bold 14px/26px var(--font-DMSans);
}
.newsletter-form p{
  margin: 0;
}
.contact-text{position: relative;}
.contact-text a {margin-left: 15px;}
.contact-text a::before{
    content: '';
    background-color: var(--white);
    height: 4px;
    width: 4px;
    border-radius: 100px;
    position: absolute;
    left: 25px;
    top: 16px;
}







/*
.team-content-box {
  position:
  top: 0;
} */





.watch-more {
    display: inline-block;
    color: #424B5A;
    font-size: 14px;
    text-decoration: none;
    margin-top: 15px;

    &:hover,
    &:focus,
    &:active {
        color: #626e84;
    }
}
/* The Modal (background) */
.fitness-nutrition-sec .modal {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.fitness-nutrition-sec .video-popup {
    display: none;
    z-index: 100;
    position: absolute;
    top: -500%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #ccc;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 4px;

    &.visible {
        display: block;
    }

    .fitness-nutrition-sec .close {
        position: absolute;
        right: 8px;
        top: -3px;
        font-weight: 900;
        font-size: 28px;
        color: black;
        padding: 5px 10px;
        border-bottom: none;
        cursor: pointer;
    }
}

.fitness-nutrition-sec .video-wrapper {
    width: 550px;
    margin: 30px auto;

    @media only screen and (max-width: 560px) {
      width: 250px;
    }

    .fitness-nutrition-sec .video-container {
        position: relative;
        padding-bottom: 55.25%;
        height: 0;
        overflow: hidden;

        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    }
}