@import url('css2.css');

/* Background Animation - Start */

.blob {
    position: fixed;
    top: 35%;
    left: 100%;
    transform: translate(-50%,-50%);
    background: rgba(135, 194, 50, 0.2);
    height: 100vh;
    width: 60vw;
    border-radius: 75% 25% 19% 81% / 55% 45% 55% 45% ;
    animation: blob 15s linear infinite;
    box-shadow: 0px 0px 50px 0px rgba(135, 194, 50, 0.25);
    z-index: -999;
}
.blob.morph {
    right: 100%;
    top: 90%;
    bottom: 0;
    left: 0;
}
@keyframes blob {
    0% {
        border-radius: 86% 14% 19% 81% / 20% 42% 58% 80%;
    }
    20% {
        border-radius: 31% 69% 79% 21% / 58% 58% 42% 42%;
    }
    40% {
        border-radius: 70% 30% 79% 21% / 72% 74% 26% 28%;
    }
    60% {
        border-radius: 70% 30% 34% 66% / 59% 74% 26% 41%;
    }
    80% {
        border-radius: 74% 26% 21% 79% / 35% 24% 76% 65%;
    }
    100% {
        border-radius: 72% 28% 13% 87% / 43% 72% 28% 57% ;
    }
}
body {
    /* cursor: none; */
    width: 100%;
    height: 100%;
}

/* .cursor {
    z-index: 9999;
    position: fixed;
    background: #2696E8;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    pointer-events: none;
    box-shadow: 0 0 20px #2696E8,
        0 0 60px #2696E8,
        0 0 100px #2696E8;
    animation: colors 5s infinite;
    transform: translate(-50%, -50%);
    display: none;
  }
  @keyframes colors {
    0% {
        filter: hue-rotate(0deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
  }

  .cursor:before {
    content: '';
    position: absolute;
    background: #2696E8;
    width: 38px;
    height: 38px;
    opacity: 0.2;
    transform: translate(-30%, -30%);
    border-radius: 50%;
    transition: transform 0.2 ease-in-out;
  }

  .cursor.hovered {
    width: 10px;
    height: 10px;
  }

  .cursor.hovered:before {
    content: '';
    position: absolute;
    background: #2696E8;
    width: 25px;
    height: 25px;
    opacity: 0.2;
    transform: translate(-30%, -30%);
    border-radius: 50%;
  } */

/* Background Animation - End */
h2 {
    font-family: "Afacad", sans-serif;
    font-size: 80px;
    color: #1E1F24;
}
p {
    font-family: "Afacad", sans-serif;
    font-size: 15px;
    color: #1E1F24;
    line-height: 1.3;
    margin-bottom: 0px;
}
.mobile-menu {
    display: none;
}
.menu-toggle-btn {
    display: none;
}
section {
    margin: 0px auto;
    padding: 30px 0;
}
.col-md-25 {
    width: 20%;
}
.section-title-wrapper {
    margin-bottom: 15px;
}
.section-title {
    font-size: 36px !important;
    line-height: 1;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.secondary-btn-wrapper {
    display: block;
    text-decoration: none;
}
.secondary-btn-wrapper .secondary-btn {
    font-size: 25px;
    font-weight: 500;
    color: #FFEA00;
    background: #1E1F24;
    padding: 10px 30px;
    border-radius: 5px;
    text-align: center;
}
.secondary-btn-wrapper .secondary-btn:hover {
    background: #ffffff;
    color: #1E1F24;
}
header {
    margin: 0px auto 0px;
}
.header-wrapper {
    align-items: center;
    justify-content: space-between;
}
.header-wrapper .header-logo-wrapper {
    display: block;
    overflow: hidden;
    width: 70%;
}
.header-wrapper .header-logo-wrapper .header-logo {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.header-wrapper .header-menu-wrapper {

}
.header-wrapper .header-menu-wrapper .menu-list-wrapper {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 0px;
}
.menu-list-wrapper .menu-option-wrapper {

}
.menu-list-wrapper .menu-option-wrapper .menu-option {
    display: block;
    font-family: "Afacad", sans-serif;
    text-decoration: none;
    font-size: 20px;
    color: #1E1F24;
}
.menu-list-wrapper .menu-option-wrapper .menu-option:hover {
    color: #87C232;
}
.menu-list-wrapper .menu-option-wrapper .menu-option.active {
    color: #87C232;
}
.link-btn-wrapper {

}
.link-btn {
    display: block;
    font-family: "Afacad", sans-serif;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    background: #87C232;
    text-align: center;
    padding: 15px 45px;
    border-radius: 10px;
    line-height: 1;
    text-align: center;
}
.link-btn:hover {
    background: #FFEA00;
    color: #1E1F24;
}
.hero-main-wrapper {
    background: #87C232;
    position: relative;
    height: auto;
    width: 100%;
    padding: 75px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    box-shadow: 0px 0px 15px 0px rgba(155, 155, 155, 0.6);
}
.hero-main-wrapper .hero-content-wrapper {
    width: 60%;
    padding-right: 50px;
}
.hero-title {
    color: #ffffff;
    line-height: 80px;
    font-size: 80px;
    font-weight: 800;
}
.hero-text {
    font-size: 30px;
    line-height: 1;
    color: #ffffff
}
.hero-main-wrapper .hero-banner-img-wrapper {
    position: absolute;
    height: 460px;
    width: fit-content;
    overflow: hidden;
    top: 20px;
    left: 75%;
}
.hero-main-wrapper .hero-banner-img-wrapper .hero-banner-img {
    height: 100%;
    width: auto;
    object-fit: contain;
}
.highlights-list-wrapper {

}
.highlights-content-wrapper {
    background: #EEF3E7;
    padding: 25px;
    border-radius: 15px;
    transition: transform 0.3s ease-in-out;
}
.highlights-content-wrapper:hover {
    transform: scale(1.05);
}
.highlights-content-wrapper .hgl-title-wrapper {
    display: flex;
    align-items: center;
    width: fit-content;
}
.highlights-content-wrapper .hgl-title-wrapper .hgl-icon-wrapper {
    width: fit-content;
    height:auto;
    overflow: hidden;
    margin-right: 10px;
}
.highlights-content-wrapper .hgl-title-wrapper .hgl-icon-wrapper .hgl-icon {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.highlights-content-wrapper .hgl-title-wrapper .hgl-title {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 0px;
}
.highlights-content-wrapper .hgl-text {
    line-height: 1.3;
    margin-bottom: 0px;
}
.program-card-wrapper {
    display: block;
    background: #ffffff;
    text-decoration: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.2);
    transition: all 0.8s ease-in-out;
    margin: 12px 0px;
}
.program-card-wrapper:hover {
    background: #EEF3E7;
    box-shadow: 0px 0px 15px 0px rgba(130, 130, 130, 0.4);
}
.program-card-wrapper .program-img-wrapper {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 20px;
}
.program-card-wrapper .program-img-wrapper .program-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.8s ease-in-out;
}
.program-card-wrapper:hover .program-img-wrapper .program-img {
    transform: scale(1.2);
}
.program-content {
    padding: 0px 20px 20px;
}
.program-card-wrapper .program-name {
    font-size: 25px;
    line-height: 1;
    height: 50px;
}
.program-card-wrapper .program-subtitle {
    color: #828282;
    line-height: 1;
    font-size: 13px;
}
.program-card-wrapper .text-link {
    color: #87C232;
    text-decoration: underline;
    margin-top: 10px;
    margin-bottom: 10px;
}
.program-card-wrapper .text-link:hover {
    color: #1E1F24;
}
.btn-wrapper {
    width: 25%;
    margin: 45px auto 0px;
}
.why-choose-content-wrapper {
    padding-right: 80px;
}
.why-choose-us-card-wrapper {

}
.wcu-card-main-wrapper {
    background: #87C232;
    border-radius: 15px;
    padding: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0px;
    box-shadow: 0px 0px 10px 0px rgba(135, 194, 50, 0.5);
    transition: transform 0.3s ease-in-out;
}
.wcu-card-main-wrapper:hover {
    transform: scale(1.03);
    /* cursor: pointer; */
}
.wcu-card-main-wrapper .wcu-img-wrapper {
    height: 100%;
    width: 30%;
    overflow: hidden;
    margin-right: 20px;
}
.wcu-card-main-wrapper .wcu-img-wrapper .wcu-img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.wcu-card-main-wrapper .wcu-content {
    width: 70%;
}
.wcu-card-main-wrapper .wcu-content .wcu-title {
    font-size: 25px;
    line-height: 1;
    color: #ffffff;
}
.wcu-card-main-wrapper .wcu-content .wcu-text {
    color: #ffffff;
}
.testimonials-main-wrapper {

}
.testimonial-card-wrapper {
    width: 32%;
    padding: 30px;
    height: auto;
    border-radius: 15px;
    background: #F2F6ED;
    margin: 10px;
    transition: all 1s ease-in-out;
}
.slick-track {
    height: fit-content;
    margin: 50px 0px;
}
.testimonial-card-wrapper.slick-current.slick-active {
    transform: scale(1.2);
    background: #87C232;
    border-radius: 15px;
    box-shadow: 0px 0px 15px 0px rgba(135, 194, 50, 0.75);
}
.testimonial-card-wrapper.slick-current.slick-active .testimonial-text, .testimonial-card-wrapper.slick-current.slick-active .member-name {
    color: #ffffff;
}
.testimonial-card-wrapper.slick-current.slick-active .testimonial-text {
    -webkit-line-clamp: none;
}
.testimonial-card-wrapper .testimonial-text {
    color: #828282;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-top: 0px;
}
.testimonial-card-wrapper .member-name {
    color: #828282;
    font-size: 18px;
    font-weight: 600;
    float: right;
    margin-top: 0px;
}
.slick-dots {
    display: flex;
    align-items: center;
    margin: 30px auto 0px;
    width: fit-content;
    padding-left: 0px;
    list-style: none;
}
.slider-dots-wrapper button {
    background: #dddddd;
    border: 0px;
    font-size: 0px;
    height: 12px;
    width: 12px;
    margin: 5px;
    border-radius: 50%;
}
.slider-dots-wrapper li.slick-active button {
    background: #87C232;
    width: 15px;
    height: 15px;
}
.pre-footer-main-wrapper {
    padding: 30px;
    background: #1E1F24;
    border-radius: 20px;
}
.pre-footer-content {
    padding-right: 75px;
}
.pre-footer-content .pre-footer-text {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 60px;
    color: #ffffff;
}
.pre-footer-content .link-btn {
    width: 40%;
    box-shadow: 0px 0px 10px 0px rgba(135, 194, 50, 0.5);
}
.pre-footer-img-wrapper {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 15px;
}
.pre-footer-img-wrapper .pre-footer-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
footer {
    background: #1E1F24;
}
.footer-content-wrapper {
    padding: 75px 0px 50px;
}
.footer-logo-wrapper {
    width: 100%;
    overflow: hidden;
    height: fit-content;
    padding-right: 50px;
}
.footer-logo-wrapper .footer-logo {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.footer-links-wrapper {
    width: fit-content;
    margin: 0px auto;
}
.footer-link-list {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}
.footer-link {
    margin-bottom: 20px;
}
.footer-link a {
    text-decoration: none;
    color: #ffffff;
    font-family: "Afacad", sans-serif;
}
.newsletter-main-wrapper {

}
.newsletter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newsletter-title {
    font-size: 35px;
    color: #ffffff;
    margin-top: 0px;
    line-height: 0.98;
    margin-bottom: 15px;
}
.newsletter-wrapper .email {
    background: transparent;
    border: 1px solid #828282;
    color: #ffffff;
    border-radius: 5px;
    padding: 7px 0px 7px 10px;
    margin-right: 15px;
    outline: none;
}
.newsletter-wrapper .email::placeholder {
    font-family: "Afacad", sans-serif;
    font-size: 15px;
}
.newsletter-wrapper .link-btn {
    border: 0px;
    padding: 10px 29px;
    border-radius: 8px;
}
.social-media-icons-wrapper {
    margin-top: 25px;
}
.social-media-icons-wrapper .social-media-icon {
    height: 25px;
    width: 25px;
    object-fit: contain;
    margin-right: 15px;
}


/* About Us Page - Start */

.banner-main-wrapper {
    align-items: center;
    width: 100%;
    margin: 0px auto;
}
.banner-main-wrapper .col-md-5, .banner-main-wrapper .col-md-7 {
    padding: 0px;
}
.banner-content-wrapper {
    margin-left: 135px;
    padding-right: 175px;
}
.banner-content-wrapper .hero-title {
    color: #87C232;
}
.banner-content-wrapper .hero-text {
    color: #1E1F24;
}
.banner-main-wrapper .hero-img-wrapper {
    height: 100%;
    border-radius: 20px 0px 0px 20px;
    overflow: hidden;
}
.banner-main-wrapper .hero-img-wrapper .hero-banner-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left;
}
.full-width-img-wrapper {
    height: 350px;
    overflow: hidden;
    width: 100%;
    margin: 0px auto;
}
.full-width-img-wrapper .full-width-img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    padding: 0px;
}
.about-us-content {
    margin-top: 65px;
    margin-bottom: 65px;
}
.about-us-content .section-title {
    color: #87C232;
}
.content-left {
    width: 80%;
    margin-left: 0px;
}
.our-vision-content {
    width: 80%;
    margin-right: 0;
    margin-left: auto;
}
.who-we-are-img-wrapper {
    width: 75%;
    height: 325px;
    margin-right: 0px;
    margin-left: auto;
    border-radius: 20px 0px 0px 20px;
    overflow: hidden;
}
.who-we-are-img-wrapper .who-we-are-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.our-vision-img-wrapper {
    width: 75%;
    height: 325px;
    margin-right: auto;
    margin-left: 0px;
    border-radius: 0px 20px 20px 0px;
    overflow: hidden;
}
.our-vision-img-wrapper .our-vision-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

/* About Us Page - End */

/* Programs Page - Start */

.page-banner-wrapper {
    background: #87C232;
    border-radius: 20px;
    height: 450px;
    width: 100%;
    margin: 0px auto;
    box-shadow: 0px 0px 15px 0px rgba(135, 194, 50, 0.75);
    overflow: hidden;
}
.page-banner {
    width: 75%;
    margin: auto;
}
.page-banner-wrapper .page-banner-title{
    font-size: 80px;
    line-height: 80px;
    text-align: center;
    color: #ffffff;
}
.page-banner-wrapper .page-banner-text {
    font-size: 30px;
    line-height: 1;
    text-align: center;
    color: #ffffff;
}
.banner-full-img-wrapper {
    height: 450px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.4);
}
.banner-full-img-wrapper .page-banner-full-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    padding: 0px;
}
.intro-main-wrapper {

}
.intro-content {
    padding-right: 75px;
}
.intro-content .intro-title {
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 15px;
}
.intro-content .intro-text {
    font-size: 20px;
    color: #828282;
}
.intro-img-wrapper {
    position: relative;
}
.intro-img-wrapper .intro-img {
    height: 400px;
    width: 400px;
    border-radius: 15px;
    object-fit: cover;
    float: right;
    box-shadow: 0px 0px 10px 0px rgba(98, 98, 98, 0.6);
}
.intro-img-wrapper .intro-small-img {
    position: absolute;
    height: 150px;
    width: 150px;
    object-fit: cover;
    border-radius: 15px;
    top: 130px;
    left: 48px;
    box-shadow: 0px 0px 10px 0px rgba(98, 98, 98, 0.6);
}
.pricing-content-wrapper {
    background: #87C232;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(135, 194, 50, 0.6);
}
.pricing-content-wrapper .col-md-4 {
    padding: 0px;
}
.pricing-details-wrapper {
    padding: 50px;
}
.pricing-details-wrapper .pricing-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.pricing-details-wrapper .pricing-wrapper .pricing-plan-wrapper {

}
.pricing-details-wrapper .pricing-wrapper .pricing-plan-wrapper .pricing {
    font-size: 45px;
    color: #ffffff;
}
.pricing-details-wrapper .pricing-wrapper .pricing-plan-wrapper .pricing.hgl-pricing {
    color: #1E1F24;
    display: flex;
    align-items: center;
}
.pricing-details-wrapper .pricing-wrapper .pricing-plan-wrapper .pricing.hgl-pricing span {
    font-size: 15px;
    color: #FFEA00;
    background: #1E1F24;
    padding: 5px 20px;
    border-radius: 5px;
    text-align: center;
    margin-left: 10px;
}
.pricing-details-wrapper .pricing-wrapper .timings-wrapper {

}
.timings-wrapper .timing-title {
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 10px;
}
.timings-wrapper .timing {
    font-size: 20px;
    color: #ffffff;
    margin: 5px 0px;
}
.secondary-btn-wrapper {
    display: block;
    text-decoration: none;
}
.secondary-btn-wrapper .secondary-btn {
    font-size: 25px;
    font-weight: 500;
    color: #FFEA00;
    background: #1E1F24;
    padding: 10px 30px;
    border-radius: 5px;
    text-align: center;
}
.pricing-details-wrapper .secondary-btn-wrapper {
    margin-top: 60px;
    width: 300px;
}
.pricing-img-wrapper {
    width: 100%;
    height: 400px;
}
.pricing-img-wrapper .pricing-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Programs Page - End */

/* Articles Page - Start */

.articles-main-wrapper {

}
.articles-content-wrapper {
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: 20px;
    overflow: hidden;
    margin: 13px 0px;
    box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.4);
    /* cursor: pointer; */
    transition: all 0.5s ease-in-out;
}
.articles-content-wrapper:hover {
    background: #F2F6ED;
}
.articles-content-wrapper .articles-content {

}
.articles-content-wrapper .articles-content .article-img-wrapper {
    height: 200px;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}
.articles-content-wrapper .articles-content .article-img-wrapper .article-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 1s ease-in-out;
}
.articles-content-wrapper:hover .articles-content .article-img-wrapper .article-img {
    transform: scale(1.2);
}
.articles-content-wrapper .articles-content .article-title {
    font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    padding: 0px 15px;
    margin-bottom: 20px;
}
.articles-content-wrapper .floating-arrow-wrapper {
    position: absolute;
    height: 50px;
    width: 50px;
    overflow: hidden;
    padding: 11px 15px 15px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    top: 20px;
    right: 20px;
    z-index: 999;
}
.articles-content-wrapper .floating-arrow-wrapper .floating-arrow {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.articles-hero-banner {
    height: 400px;
}
.articles-hero-banner .article-hero-img-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.6);
}
.articles-hero-banner .article-hero-img-wrapper .article-hero-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.articles-hero-banner .articles-info-wrapper {
    height: 100%;
    padding: 50px;
    display: flex;
    align-items: center;
    background: #1E1F24;
    border-radius: 15px;
    box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.6);
}
.articles-hero-banner .articles-info-wrapper .hero-title {
    margin-bottom: 0px;
    font-weight: 600;
}
.article-details-wrapper .article-text {
    color: #626262;
    font-size: 20px;
}
.article-details-wrapper .article-heading {
    color: #1E1F24;
    font-size: 50px;
    margin: 45px 0px 30px;
}
.article-details-wrapper .article-points-wrapper {
    padding-left: 50px;
    margin-top: 15px;
}
.article-details-wrapper .article-points-wrapper .article-point {
    font-family: "Afacad", sans-serif;
    color: #626262;
    font-size: 20px;
}
.trainers-main-wrapper {
    width: 80%;
    margin: 0px auto;
}
.trainer-wrapper {
    position: relative;
    margin: 50px 0px;
    padding: 0px;
}
.trainer-wrapper .trainer-img-wrapper {
    position: absolute;
    bottom: 45px;
    height: 300px;
    width: 300px;
    border-radius: 15px;
    box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.6);
    overflow: hidden;
    z-index: 999;
}
.trainer-wrapper .trainer-img-wrapper .trainer-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.trainer-wrapper .trainer-info-wrapper {
    background: #f5f5f5;
    width: 96%;
    border-radius: 20px;
    height: 300px;
    padding: 40px 50px;
}
.trainer-wrapper .trainer-info-wrapper .trainer-name {
    font-size: 45px;
    color: #87C232;
    margin-bottom: 0px;
    line-height: 1;
}
.trainer-wrapper .trainer-info-wrapper .trainer-info {
    font-size: 30px;
    color: #626262;
    margin-top: 5px;
    margin-bottom: 10px;
}
.trainer-wrapper .trainer-info-wrapper .trainer-bio {
    font-size: 18px;
    color: #626262;
}
.trainer-wrapper.img-first .trainer-info-wrapper {
    padding-left: 300px;
    margin-right: 0px;
    margin-left: auto;
}
.trainer-wrapper.text-first .trainer-img-wrapper {
    right: 0px;
}
.trainer-wrapper.text-first .trainer-info-wrapper {
    padding-right: 300px;
    margin-right: auto;
    margin-left: 0px;
}

/* Articles Page - End */

/* Contact us page -start */

.contact-us-main-wrapper {
    width: 100%;
    padding: 50px;
    background: #87C232;
    box-shadow: 0px 0px 10px 0px rgba(135, 194, 50, 0.6);
    border-radius: 20px;
}
.contact-us-main-wrapper .contact-us-content-wrapper {
    padding-right: 70px;
}
.contact-us-main-wrapper .contact-us-content-wrapper .hero-title {
    margin-bottom: 0px;
    line-height: 1;
}
.contact-us-main-wrapper .contact-us-content-wrapper .subtitle {
    font-size: 43px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 20px;
}
.contact-us-main-wrapper .contact-us-content-wrapper .hero-text {

}
.contact-details-wrapper {
    margin-top: 150px;
}
.contact-details-wrapper .contact-details {
    display: flex;
    align-items: center;
    margin: 15px 0px;
}
.contact-details-wrapper .contact-details .contact-icon {
    height: 35px;
    width: 35px;
    margin-right: 15px;
}
.contact-details-wrapper .contact-details .section-text {
    font-size: 25px;
    color: #ffffff;
}
.contact-us-main-wrapper .main-form-wrapper {

}
.contact-us-main-wrapper .main-form-wrapper .form-wrapper {

}
.contact-us-main-wrapper .main-form-wrapper .form-wrapper input[type="text"], .contact-us-main-wrapper .main-form-wrapper .form-wrapper input[type="email"] {
    width: 100%;
    margin: 5px 0px 15px;
    background: transparent;
    outline: none;
    border: 0px;
    border-bottom: 1px solid #EEF3E7;
    font-family: "Afacad", sans-serif;
    font-size: 17px;
    color: #EEF3E7;
}
.contact-us-main-wrapper .main-form-wrapper .form-wrapper input::placeholder {
    font-family: "Afacad", sans-serif;
    font-size: 17px;
    color: #EEF3E7;
}
.contact-us-main-wrapper .main-form-wrapper .form-wrapper textarea::placeholder {
    font-family: "Afacad", sans-serif;
    font-size: 17px;
    color: #EEF3E7;
}
.contact-us-main-wrapper .main-form-wrapper .form-wrapper textarea {
    width: 100%;
    color: #ffffff;
    margin: 5px 0px 15px;
    background: transparent;
    outline: none;
    border: 0px;
    border-bottom: 1px solid #ffffff;
}
.contact-us-main-wrapper .main-form-wrapper .form-wrapper .form-btn-wrapper {
    text-align: right;
}
.contact-us-main-wrapper .main-form-wrapper .form-wrapper .form-btn-wrapper input[type="button"] {
    font-family: "Afacad", sans-serif;
    outline: none;
    border: none;
    font-size: 25px;
    font-weight: 400;
    color: #FFEA00;
    background: #1E1F24;
    padding: 8px;
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    width: 40%;
}
.contact-us-main-wrapper .main-form-wrapper .form-wrapper input[type="button"]:hover {
    background:#FFffff;
    color: #1E1F24;
}
.form-msg {
    display: none;
    padding: 15px 20px;
    background: #d3fadd;
    border-radius: 15px;
    margin-top: 30px;
    border: 1px solid #178b00;
}
.form-msg p {
    color: #178b00;
}

/* Contact us page - end */

/* Faqs page - start */

.faqs-wrapper {
    /* box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.2);
    border-radius: 15px;
    overflow: hidden; */
}
.faqs-content-wrapper {
    padding: 40px;
    background: #ffffff;
    border-radius: 15px;
    margin: 0px 0px 30px;
    border: 1px solid rgba(130, 130, 130, 0.6);
}
.accordion-item:first-of-type, .accordion-item:last-of-type  {
    border-radius: 15px !important;
}
.accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(130, 130, 130, 0.6) !important;
}
.accordion-button:not(.collapsed) {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px !important;
}
.faqs-wrapper .faqs-que-wrapper{

}
.faqs-wrapper .faqs-que-wrapper .faqs-que {
    font-size: 45px;
    color: #1E1F24;
    padding: 0px;
}
.faqs-wrapper .faqs-ans-wrapper {

}
.faqs-wrapper .faqs-ans-wrapper .faqs-ans {
    font-family: "Afacad", sans-serif;
    font-size: 20px;
    padding-left: 0px;
    color: #626262;
    padding-top: 30px;
}
.accordion-button:not(.collapsed)::after, .accordion-button::after {
    filter: brightness(0.2) invert(0.5);
}
.faq-query-wrapper {
    padding: 45px;
    border-radius: 15px;
    background: #87C232;
    box-shadow: 0px 0px 10px 0px rgba(135, 194, 50, 0.6);
}
.faq-query-wrapper .faq-query-title {
    font-size: 45px;
    line-height: 1.2;
    margin-bottom: 45px;
    color: #ffffff;
}
.faq-query-wrapper .secondary-btn-wrapper {
    width: 300px;
    margin-right: 0px;
    margin-left: auto;
}

/* Faqs page - end */

/* Register Page - Start */

.register-main-wrapper {
    width: 60%;
    margin: 0px auto;
}
.register-form-wrapper {

}
.register-form-wrapper input {
    width: 100%;
    margin: 15px 0px;
    background: transparent;
    outline: none;
    border: 1px solid #828282;
    border-radius: 5px;
    padding: 10px 15px;
}
.register-form-wrapper input::placeholder {
    font-family: 'Afacad', sans-serif;
    color: #828282;
    font-size: 17px;
}
.register-form-wrapper label {
    font-family: 'Afacad', sans-serif;
    font-size: 20px;
    color: #1E1F24;
}
.register-form-wrapper .dob {
    font-family: 'Afacad', sans-serif;
    color: #828282;
    font-size: 17px;
    width: 49%;
}
.register-form-wrapper .dob input {
    width: 68%;
    margin: 10px 0px 10px 4px;
    color: #626262;
}
.register-form-wrapper select {
    width: 100%;
    margin: 5px 0px 15px;
    background: transparent;
    outline: none;
    border: 1px solid #828282;
    border-radius: 5px;
    padding: 10px 15px;
    color: #626262;
}
.date-gender-wrapper {
    display: flex;
}
.register-form-wrapper select option {

}
.register-form-wrapper .gender-drop-down {
    width: 49%;
    margin-left: 2%;
}
.register-form-wrapper .gender-drop-down select {
    width: 80%;
    margin: 10px 0px 10px 5px;
}
.register-form-wrapper .yoga-type-wrapper {

}
.register-form-wrapper .preferred-day {

}
.register-form-wrapper .schedule-wrapper {

}
.register-form-wrapper button {
    font-family: "Afacad", sans-serif;
    outline: none;
    border: none;
    font-size: 25px;
    font-weight: 400;
    color: #FFEA00;
    background: #1E1F24;
    padding: 8px;
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    width: 100%;
}
.register-form-wrapper button:hover {
    background: #FFEA00;
    color: #1E1F24;
}

/* Register Page - End */