@charset "UTF-8";
/** * Author: Mahesh * Date: Nov 7, 2023 * Purpose: Insiders * Notes: To calculate "REM", I used a PX to REM calculator located here https://nekocalc.com/ using a 16px base. * Validation: This has been successfully validated using http://jigsaw.w3.org/css-validator/#validate_by_uri * * [ Table of Contents ] * * 01. Defaults * 02. Helper Classes & Overrides * 03. Navbar * 04. Hero * 05. Program Details * 06. Perk Progress * 07. Frequently Asked Questions * 08. Disclaimer * 09. Footer * 10. Media Queries * */
/******************************** * 01. Defaults ********************************/
 html {
     scroll-behavior: smooth;
}
 body {
     margin: 0px;
     padding: 0px;
     position: relative;
}
 header {
     position: fixed;
     width: 100%;
     height: 88px;
     top: 0px;
     z-index: 99;
}
/******************************** * 02. Helper Classes & Overrides ********************************/
 .bold {
     font-weight: 500;
     font-family: 'MrGeorgeHeavy';
     padding: 0 0 1rem 0;
}
 .join-btn-wrapper {
     margin-left: auto;
}
 .primary-btn {
     font-family: MrGeorgeHeavy !important;
    background-color: #BBD600;
    border: 2px solid #BBD600;
     border-radius: 4px;
     padding: 0 24px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-decoration: none;
     color: #004A2E;
     width: 100%;
     height: 40px;
     font-size: 14px;
     box-sizing: border-box;
}
/*
 .primary-btn:hover {
     background: #004a2e;
}
 .primary-btn:focus {
     background: #458500;
     border: 2px solid #004a2e;
     box-sizing: border-box;
     border-radius: 4px;
}
*/
 .active-green-900-btn {
     background-color: transparent;
     border: 1px solid #ffffff;
     box-sizing: border-box;
     border-radius: 4px;
     font-size: 14px;
     line-height: 24px;
     padding: 10px 16px;
     display: inline;
}
 .active-green-900-btn:hover {
     background-color: #f1f3f2;
     color: #004a2e;
}
 .active-green-900-btn:focus {
     background-color: transparent;
     border: 2px solid #004a2e;
     box-sizing: border-box;
     border-radius: 4px;
     color: #f9fafa;
}
 .d-none {
     display: none;
}
 .scrollPoint {
     margin-top: -131px;
     position: absolute;
}
 #input-name {
     display: none;
}
 .progress-circle .container.chart {
     fill-opacity: 0;
}
 #perksProgress {
     position: absolute;
     top: -88px;
     left: -40px;
}
 .tipTotal-container {
     position: relative;
     width: 100%;
     height: 100%;
}
/******************************** * 03. Navbar ********************************/
 header .logo-main-container {
     background-color: #ffff;
     width: 100%;
     padding: 11px 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     box-shadow: 0px 4px 5px rgba(95, 114, 109, 0.14), 0px 1px 10px rgba(95, 114, 109, 0.12), 0px 2px 4px rgba(95, 114, 109, 0.2);
}
 header .logo-main-container .wrapper {
     margin: 0 auto;
     width: 100%;
     max-width: 1280px;
     display: flex;
     align-items: center;
}
 header .logo-main-container .wrapper .logo img {
     width: 91px;
     height: 44px;
     display: block;
}
/******************************** * 04. Hero ********************************/
 .landing-one-hero {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-top: 66px;
}
 .landing-one-hero.page-landing-2 .wrapper .hero-container .hero-video {
     margin-top: 59.44px;
}
 .landing-one-hero.page-landing-4 .wrapper .hero-container .hero-video {
     margin-top: 129.44px;
}
 .landing-one-hero.page-landing-5 .wrapper .hero-container .hero-video {
     margin-top: 88.44px;
}
 .landing-one-hero.page-landing-6 .wrapper .hero-container .hero-video {
     margin-top: 85.44px;
}
 .landing-one-hero.page-landing-7 .wrapper .hero-container .hero-video {
     margin-top: 94.44px;
}
 .landing-one-hero.page-landing-10 .wrapper .hero-container .hero-heading .not-a-member {
     margin-top: 8px;
}
 .landing-one-hero.page-landing-10 .wrapper .hero-container .hero-video {
     margin-top: 67.44px;
}
 .hero-video img{
     height: 650px;
     width: 100%;
     object-fit: contain;
}
 .landing-one-hero .wrapper {
     margin: 0 auto;
     width: 100%;
     max-width: 1280px;
    background-color: #004A2E;
}
 .landing-one-hero .wrapper .hero-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-direction: column;
}
 .landing-one-hero .wrapper .hero-container .hero-heading {
     margin-top: 3px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     order: 2;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .title {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     font-family: MrGeorgeHeavy !important;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .title .top-text {
     color: #ffff;
     font-size: 76px;
     line-height: 76px;
     letter-spacing: -2.5px;
}
.landing-one-hero .wrapper .hero-container .hero-heading .bottom-text {
    font-family: MrGeorgeRegular !important;
    color: #ffff;
    font-size: 12px;
    font-weight: 400; 
    text-align: left;
    letter-spacing: 0.2px;
    vertical-align: top;
    display: inline-block;
    transform: translate(0%, -60%);
}
 .bottom-text {
     font-family: MrGeorgeHeavy !important;
     color: #458500;
     font-size: 76px;
     line-height: 46px;
     letter-spacing: -3.5px;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .sub-desc {
     margin-bottom: 24px;
     font-family: MrGeorgeHeavy !important;
     font-size: 24px;
     text-align: left;
     letter-spacing: -0.75px;
     color: #004a2e;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .desc {
     color: #ffff;
     font-family: MrGeorgeRegular !important;
     font-size: 18px;
     line-height: 26px;
     width: 547px;
    /* transform: translate(0%, -145%); */
}
 .landing-one-hero .wrapper .hero-container .hero-heading .desc .link {
     color: #458500;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .btn-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     flex-direction: column;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .btn-wrapper .text-link {
     font-family: MrGeorgeHeavy !important;
     color: #458500;
     font-size: 14px;
     letter-spacing: 0.003em;
     text-decoration: none;
     padding-bottom: 2px;
     height: 24px;
     margin: 8px 0;
     border: 1px solid transparent;
     border-bottom: solid 1px #458500;
     box-sizing: border-box;
     background: transparent;
     padding: 0;
}
.page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Make the container at least as tall as the viewport */
    }
 .landing-one-hero .wrapper .hero-container .hero-heading .btn-wrapper .text-link:hover {
     border: 1px solid transparent;
     border-bottom: solid 1px #004a2e;
     color: #004a2e;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .input-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     flex-direction: column;
padding-right: 24px;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .input-wrapper .input-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     width: 100%;
     margin-bottom: 8px;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .input-wrapper .input-container label {
     margin-bottom: 6px;
     font-family: MrGeorgeHeavy !important;
     font-size: 14px;
     text-align: left;
     letter-spacing: 0.3%;
     color: #ffff;
}
 .landing-one-hero .wrapper .hero-container .hero-heading .input-wrapper .input-container input {
      width: 95%; 
     height: 56px;
     border: 1px solid #4a5955;
     border-radius: 4px;
     padding: 0 10px;
     outline: none;
     box-sizing: border-box;
}
 .bottom-text {
     font-family: MrGeorgeRegular !important;
     color: #ffff;
     font-size: 14px;
     text-align: left;
     letter-spacing: 0.2px;
     vertical-align: top;
     display: inline-block;
     transform: translate(0%, -60%);
}
 .link-green {
     color: #458500 !important;
}
 .landing-one-hero .wrapper .hero-container .hero-video {
     width: 100%;
     height: 100%;
     order: 1;
}
 .landing-one-hero .wrapper .hero-container .hero-video video {
     width: 100%;
     height: 100%;
}
 .landing-one-hero .wrapper .hero-container .not-a-member {
     font-family: MrGeorgeRegular !important;
     color: #4a5954;
     font-size: 14px;
     text-align: left;
     vertical-align: top;
     letter-spacing: 0.2px;
}
 .landing-one-hero .wrapper .hero-container .not-a-member a {
     color: #4a5954;
}
/******************************** * 05. Program Details ********************************/
 .program-details-main-container {
     /* margin-top: 10px; */
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .program-details-main-container .wrapper {
     margin: 0 auto;
     width: 100%;
     max-width: 1280px;
     height: 547px;
     padding: 0px 24px;
}
 .program-details-main-container .confirmWrapper {
     height: unset !important;
     padding-top: 144px !important;
}
 .program-details-main-container .wrapper .program-details-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-direction: column;
}
 .program-details-main-container .wrapper .program-details-container .left {
}
 .program-details-main-container .wrapper .program-details-container .left img {
     height: 547px;
     width: 547px;
    padding-left: 72px;
}
 .program-details-main-container .wrapper .program-details-container .right {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     width: 100%;
}
 .program-details-main-container .wrapper .program-details-container .right .title {
     color: #004A2E;
     font-family: MrGeorgeHeavy !important;
     font-size: 56px;
     line-height: 56px;
     text-align: left;
     letter-spacing: -0.75px;
     vertical-align: top;
}
 .program-details-main-container .wrapper .program-details-container .right .desc {
     color: #004a2e;
     font-family: MrGeorgeRegular !important;
     font-weight: 400;
     text-align: left;
     font-size: 18px;
     line-height: 26px;
    /* width: 547px; */
}
 .program-details-main-container .wrapper .program-details-container .right .desc .link {
     color: #004a2e;
}
/******************************** * 05.1. Program Details Questions ********************************/
 .program-details-ques-main-container {
     /* margin-top: 10px; */
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .program-details-ques-main-container .wrapper {
     margin: 0 auto;
     width: 100%;
     max-width: 1280px;
     height: 547px; /*1280px;*/
     padding: 0px 24px;
}
 .program-details-ques-main-container .wrapper .program-details-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-direction: column;
}
 .program-details-ques-main-container .wrapper .program-details-container .left {
}
 .program-details-ques-main-container .wrapper .program-details-container .left img {
     height: 547px;
     width: 547px;
    padding-left: 72px;
}
 .program-details-ques-main-container .wrapper .program-details-container .right {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     width: 100%;
}
 .program-details-ques-main-container .wrapper .program-details-container .right .title {
     color: #004A2E;
     font-family: MrGeorgeHeavy !important;
     font-size: 56px;
     line-height: 56px;
     text-align: left;
     letter-spacing: -0.75px;
     vertical-align: top;
}
 .program-details-ques-main-container .wrapper .program-details-container .right .desc {
     color: #004a2e;
     font-family: MrGeorgeRegular !important;
     text-align: left;
     font-size: 18px;
     line-height: 26px;
    width: 547px;
}
 .program-details-ques-main-container .wrapper .program-details-container .right .desc .link {
     color: #004a2e;
}

/******************************** * 06. Perk Progress ********************************/
 .perks-info-main-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .perks-info-main-container .wrapper {
     margin: 0 auto;
     width: 100%;
     max-width: 1280px;
     padding: 0px 24px;
}
 .perks-info-main-container .wrapper .perks-info-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-shadow: 0px 2px 2px rgba(95, 114, 109, 0.14), 0px 3px 1px rgba(95, 114, 109, 0.12), 0px 1px 5px rgba(95, 114, 109, 0.2);
     box-shadow: 0px 2px 2px rgba(95, 114, 109, 0.14), 0px 3px 1px rgba(95, 114, 109, 0.12), 0px 1px 5px rgba(95, 114, 109, 0.2);
     border-radius: 4px;
     position: relative;
     flex-direction: column;
     align-items: center;
}
 .perks-info-main-container .wrapper .perks-info-container .paragraph {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     margin: 0 24px;
}
 .perks-info-main-container .wrapper .perks-info-container .paragraph .title {
     font-family: MrGeorgeHeavy !important;
     font-size: 32px;
     line-height: 32px;
     letter-spacing: -0.75px;
     letter-spacing: -0.75px;
     margin: 32px 0 24px;
     color: #458500;
}
 .perks-info-main-container .wrapper .perks-info-container .paragraph .body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
}
 .perks-info-main-container .wrapper .perks-info-container .paragraph .body .desc {
     font-family: MrGeorgeRegular !important;
     font-size: 18px;
     line-height: 28px;
     color: #004a2e;
     margin-bottom: 24px;
}
 .perks-info-main-container .wrapper .perks-info-container .paragraph .body .desc sup {
     margin-left: 0px;
}
 sup {
     line-height: 0;
}
 .perks-info-main-container .wrapper .perks-info-container .paragraph .body .bottom-info {
     font-size: 11px;
     line-height: 16px;
     letter-spacing: 0.2px;
     color: #004a2e;
     width: 299.5px;
}
 .perks-info-main-container .wrapper .perks-info-container .mobile-divider {
     height: 1px;
     width: 80%;
     margin-top: 16px;
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(194, 202, 200, 0)), color-stop(52.6%, #c2cac8), to(rgba(194, 202, 200, 0)));
     background: linear-gradient(90deg, rgba(194, 202, 200, 0) 0%, #c2cac8 52.6%, rgba(194, 202, 200, 0) 100%);
}
 .perks-info-main-container .wrapper .perks-info-container .divider {
     display: none;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle {
     margin-top: 40px;
     width: 456px;
     height: 416px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     margin-bottom: 40px;
     -webkit-transform: scale(0.7);
     transform: scale(0.7);
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .progress-tip {
     height: 228px;
     width: 228px;
     position: absolute;
     border-radius: 100%;
     top: 83px;
     left: 111px;
     z-index: 3;
     display: flex;
     align-items: end;
     z-index: 100;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .progress-tip .tipTotal {
     height: 20px;
     width: 20px;
     bottom: -12.5px;
     left: -12.5px;
    /* margin-top: 288px;
     margin-left: 72px;
     */
     border-radius: 50%;
     background-color: #ffffff;
     border: #458500 solid 5px;
     position: absolute;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     bottom: -12.5px;
     left: -12.5px;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .progress-tip .tipTotal.active {
    /* margin-top: 300px;
     margin-left: 77px;
     */
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .progress-tip .tipTotal .toolTip {
     position: absolute;
     margin-top: -97px;
     margin-left: -82px;
     width: 188px;
     height: 74px;
     background-color: #4a5955;
     border-radius: 10px;
     display: none;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .progress-tip .tipTotal .toolTip.active {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .progress-tip .tipTotal .toolTip .dollar-text {
     font-family: MrGeorgeHeavy !important;
     color: #ffffff;
     font-size: 16px;
     letter-spacing: 0.3%;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .progress-tip .tipTotal .toolTip .text {
     font-family: MrGeorgeRegular !important;
     font-size: 12px;
     color: #ffffff;
     letter-spacing: 0.3%;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .progress-tip .tipTotal .toolTip .arrow {
     width: 20px;
     height: 20px;
     background-color: #4a5955;
     position: absolute;
     margin-top: 71px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .container {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .container svg {
     -webkit-transform: rotate(30deg);
     transform: rotate(30deg);
     z-index: 2;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .trail {
     width: 300px;
     height: 300px;
     border: solid 16px #c2cac8;
     position: absolute;
     border-radius: 100%;
     top: 29px;
     left: 58px;
}
/*.perks-info-main-container .wrapper .perks-info-container .progress-circle .trail {
     width: 300px;
     height: 300px;
     border: solid 17px #c2cac8;
     position: absolute;
     border-radius: 100%;
     opacity: 50%;
     top: 30px;
}
*/
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .trail2 {
     width: 300px;
     height: 300px;
     border: solid 17px #c2cac8;
     position: absolute;
     border-radius: 100%;
     top: 30px;
     z-index: 10;
     opacity: 0;
     background: none;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .cover {
     z-index: 2;
     height: 120px;
     width: 224px;
     position: absolute;
     background-color: #fff;
     top: 280px;
     left: 50%;
     transform: translateX(-50%);
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .cover:before {
     content: ' ';
     width: 20px;
     height: 20px;
     background: #fff;
     display: inline-block;
     position: absolute;
     top: 30px;
     left: -10px;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .cover:after {
     content: ' ';
     width: 20px;
     height: 20px;
     background: #fff;
     display: inline-block;
     position: absolute;
     top: 30px;
     right: -10px;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .cover .tip {
     height: 13px;
     width: 18px;
     border-top: solid #fff 17px;
     border-left: solid #fff 17px;
     border-right: solid #fff 17px;
     border-top-right-radius: 50px;
     border-top-left-radius: 50px;
     position: absolute;
     -webkit-transform: rotate(145deg);
     transform: rotate(145deg);
     left: -31px;
     top: 12px;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .cover .tip2 {
     height: 13px;
     width: 18px;
     border-top: solid #fff 17px;
     border-left: solid #fff 17px;
     border-right: solid #fff 17px;
     border-top-right-radius: 50px;
     border-top-left-radius: 50px;
     position: absolute;
     -webkit-transform: rotate(213deg);
     transform: rotate(213deg);
     right: -30px;
     top: 6px;
}
/* .perks-info-main-container .wrapper .perks-info-container .progress-circle .cover .tip2 {
     height: 13px;
     width: 18px;
     border-top: solid #fff 17px;
     border-left: solid #fff 17px;
     border-right: solid #fff 17px;
     border-top-right-radius: 50px;
     border-top-left-radius: 50px;
     position: absolute;
     -webkit-transform: rotate(213deg);
     transform: rotate(213deg);
     right: -31px;
     top: 12px;
}
*/
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .circular-cover {
     width: 290px;
     height: 290px;
     background-color: transparent;
     position: absolute;
     z-index: 10;
     border-radius: 100%;
     margin-top: -29px;
     margin-left: -8px;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .current-perk {
     z-index: 8;
     font-family: MrGeorgeHeavy !important;
     font-size: 24px;
     line-height: 24px;
     letter-spacing: -0.02em;
     color: #004a2e;
     position: absolute;
     text-align: center;
     top: 106px;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .total {
     z-index: 8;
     position: absolute;
     font-size: 76px;
     font-family: MrGeorgeHeavy !important;
     line-height: 76px;
     color: #458500;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .total::after {
     content: ' of 4';
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .indicator {
     position: absolute;
     top: 288px;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-family: MrGeorgeRegular !important;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .indicator .zero {
     margin-right: 302px;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .indicator span {
     font-size: 14px;
     letter-spacing: 0.2px;
     color: #4a5954;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .inner-divider {
     z-index: 3;
     position: absolute;
     top: 262px;
     width: 40px;
     height: 4px;
     background: #c2cac8;
     border-radius: 20px;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .total-perks-earned {
     z-index: 8;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: 266px;
     font-size: 18px;
     line-height: 18px;
     font-family: MrGeorgeHeavy !important;
     color: #004a2e;
     text-align: center;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .total-perks-earned .total-earned {
     color: #458500;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .total-perks-earned.active {
     margin-left: 3px;
}
 .perks-info-main-container .wrapper .perks-info-container .progress-circle .legal {
     position: absolute;
     top: 333px;
     z-index: 9;
     font-size: 11px;
     line-height: 16px;
     letter-spacing: 0.2px;
     text-align: center;
     width: 304px;
     font-family: MrGeorgeRegular !important;
     color: #4a5955;
}
 .progress-circle-container {
     position: relative;
     width: 224px;
     height: 334px;
}
 .progress-circle-container .progress-circle-wrap {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
}
/******************************** * 07. Frequently Asked Questions ********************************/
 .faq-main-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 40px 72px;
}
 .faq-main-container.with-top-margin {
     margin-top: 40px;
}
 .faq-main-container .wrapper {
     margin: 0 auto;
     width: 100%;
     max-width: 1280px;
     padding: 0px 24px;
}
 .faq-main-container .wrapper .faq-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     padding-bottom: 47.5px;
}
 .faq-main-container .wrapper .faq-container .list-heading {
     margin-bottom: 40px;
}
 .faq-main-container .wrapper .faq-container .list-heading .heading-text {
     font-family: MrGeorgeHeavy !important;
     font-weight: 900;
     font-size: 48px;
     line-height: 48px;
     text-align: left;
     vertical-align: top;
     letter-spacing: -0.75px;
     color: #458500;
}
 .faq-main-container .wrapper .faq-container .questions-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper {
     border-top: 1px solid #c2cac8;
     cursor: pointer;
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper.last-question {
     border-bottom: 1px solid #c2cac8;
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .questions {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     width: 100%;
     padding: 32px 0;
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .questions .title {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .questions .title .title-text {
     font-family: MrGeorgeHeavy !important;
     font-weight: 900;
     font-size: 24px;
     line-height: 36px;
     color: #004a2e;
     text-align: left;
     vertical-align: top;
     text-align: left;
}

 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .questions .title .title-text:hover {
     color: #2D810E;
}

 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .questions .title .trigger {
     height: 10px;
     width: 10px;
     border-bottom: solid 2px #4a5954;
     border-left: solid 2px #4a5954;
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
     -webkit-transition: 0.3s;
     transition: 0.3s;
     margin-left: 10px;
     display: block;
     flex: 0 0 10px;
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .questions .title .trigger.active {
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .answers {
     padding-bottom: 32px;
     width: 100%;
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .answers .answers-text {
     font-family: MrGeorgeRegular !important;
     color: #4A5955;
     font-weight: 400;
     font-size: 18px;
     line-height: 26px;
     letter-spacing: -0.0014em;
     margin-top: -20px;
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
     -webkit-transition: 2s;
     transition: 2s;
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .answers .answers-text a {
     color: #2D810E;
}
 .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .answers .answers-text a:hover {
     color: #458500;
}
 .faq-main-container .wrapper .faq-container .show-more-container {
     margin-top: 47.5px;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .faq-main-container .wrapper .faq-container .show-more-container .show-more-btn {
     cursor: pointer;
     font-size: 14px;
     font-family: MrGeorgeHeavy !important;
     color: #458500;
     letter-spacing: 0.003em;
     height: 24px;
     margin: 8px 0;
     border: 1px solid transparent;
     border-bottom: solid 1px #458500;
     box-sizing: border-box;
     background: transparent;
     padding: 0;
}
 .faq-main-container .wrapper .faq-container .show-more-container .show-more-btn:hover {
     border: 1px solid transparent;
     border-bottom: solid 1px #004a2e;
     color: #004a2e;
}
 .faq-main-container .wrapper .faq-container .show-more-container .show-more-btn:focus {
     height: 40px;
     border: 1px solid #004a2e;
     box-sizing: border-box;
     border-radius: 5px;
     color: #2D810E;
     padding: 0 16px;
     margin: 0;
}

.numberCircle {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 6.86px, 8.57px, 6.86px, 8.57px;

    background: #2D810E;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
}
/******************************** * 07. How It Works ********************************/
 .hiw-main-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
    /*padding: 40px 200px;
    */
}
 .hiw-main-container.with-top-margin {
     margin-top: 40px;
}
 .hiw-main-container .wrapper {
     margin: 0 auto;
     width: 100%;
     max-width: 880px;
     padding: 0px 24px;
}
 .hiw-main-container .wrapper .hiw-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     padding-bottom: 47.5px;
}
 .hiw-main-container .wrapper .hiw-container .list-heading {
     margin-bottom: 40px;
}
 .hiw-main-container .wrapper .hiw-container .list-heading .heading-text {
     font-family: MrGeorgeHeavy !important;
     font-weight: 900;
     font-size: 48px;
     line-height: 48px;
     text-align: left;
     vertical-align: top;
     letter-spacing: -0.75px;
     color: #458500;
}
 .hiw-main-container .wrapper .hiw-container .questions-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper {
     border-top: 1px solid #c2cac8;
     cursor: pointer;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper.last-question {
     border-bottom: 1px solid #c2cac8;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper .questions {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     width: 100%;
     padding: 32px 0;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper .questions .title {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper .questions .title .title-text {
     font-family: MrGeorgeHeavy !important;
     font-weight: 900;
     font-size: 24px;
     line-height: 36px;
     color: #004a2e;
     text-align: left;
     vertical-align: top;
     text-align: left;
     color: #2D810E;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper .questions .title .trigger {
     height: 10px;
     width: 10px;
     border-bottom: solid 2px #4a5954;
     border-left: solid 2px #4a5954;
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
     -webkit-transition: 0.3s;
     transition: 0.3s;
     margin-left: 10px;
     display: block;
     flex: 0 0 10px;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper .questions .title .trigger.active {
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper .answers {
     padding-bottom: 32px;
     width: 100%;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper .answers .answers-text {
     font-family: MrGeorgeRegular !important;
     color: #4A5955;
     font-weight: 400;
     font-size: 18px;
     line-height: 26px;
     letter-spacing: -0.0014em;
     margin-top: -20px;
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
     -webkit-transition: 2s;
     transition: 2s;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper .answers .answers-text a {
     color: #2D810E;
}
 .hiw-main-container .wrapper .hiw-container .questions-container .questions-wrapper .answers .answers-text a:hover {
     color: #458500;
}
 .hiw-main-container .wrapper .hiw-container .show-more-container {
     margin-top: 47.5px;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .hiw-main-container .wrapper .hiw-container .show-more-container .show-more-btn {
     cursor: pointer;
     font-size: 14px;
     font-family: MrGeorgeHeavy !important;
     color: #458500;
     letter-spacing: 0.003em;
     height: 24px;
     margin: 8px 0;
     border: 1px solid transparent;
     border-bottom: solid 1px #458500;
     box-sizing: border-box;
     background: transparent;
     padding: 0;
}
 .hiw-main-container .wrapper .hiw-container .show-more-container .show-more-btn:hover {
     border: 1px solid transparent;
     border-bottom: solid 1px #004a2e;
     color: #004a2e;
}
 .hiw-main-container .wrapper .hiw-container .show-more-container .show-more-btn:focus {
     height: 40px;
     border: 1px solid #004a2e;
     box-sizing: border-box;
     border-radius: 5px;
     color: #458500;
     padding: 0 16px;
     margin: 0;
}
/******************************** * 08. Disclaimer ********************************/
 .disclamer-main-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 40px 72px 40px 72px;
     background-color: #F1F3F2;
}
 .disclamer-main-container .wrapper {
     margin: 0 auto;
     width: 1135px;
     max-width: 1280px;
}
 .disclamer-main-container .wrapper .disclamer-container .text {
     font-family: MrGeorgeRegular !important;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.2px;
     text-align: left;
     color: #4a5954;
}
 .disclamer-main-container .wrapper .disclamer-container .text a {
     color: #4a5954;
}
 .disclamer-main-container .wrapper .disclamer-container .text a.bold {
     font-weight: bold;
}
/******************************** * 09. Footer ********************************/
 footer {
     background-color: #2D810E;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: auto;
}
 footer .copyright {
     font-family: MrGeorgeRegular !important;
     color: #ffffff;
     padding: 0 24px;
     text-align: center;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.2px;
     text-align: center;
}
/******************************** * 10. Media Queries ********************************/
 @media (min-width: 375px) {
     .perks-info-main-container .wrapper .perks-info-container {
         display: flex;
         flex-direction: column-reverse;
    }
     .perks-info-main-container .wrapper .perks-info-container .progress-circle {
         -webkit-transform: scale(0.8);
         transform: scale(0.8);
    }
     .progress-circle-container {
        /*overflow: hidden;
        */
         width: 279px;
         height: 371px;
    }
}
 @media (min-width: 0px) {
     .perks-info-main-container .wrapper .perks-info-container .progress-circle {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
    }
     .progress-circle-container {
         width: 329px;
         height: 400px;
         margin-top: 6px;
    }
     @media (min-width: 514px) {
         .perks-info-main-container .wrapper .perks-info-container .progress-circle {
             -webkit-transform: scale(1);
             transform: scale(1);
             margin-top: 26px;
        }
         .progress-circle-container {
             width: 100%;
             height: 454px;
        }
         .progress-circle-container .progress-circle-wrap {
             position: inherit;
             left: initial;
             top: initial;
             transform: none;
             display: flex;
             justify-content: center;
        }
    }
     @media (min-width: 770px) {
         .primary-btn {
             width: 152px;
             height: 40px;
        }
         .btn-area {
             display: flex;
             align-items: flex-start;
             flex-direction: row;
             gap: 16px;
        }
        footer {
            height: 139px;
        }

        .terms {
              flex-direction: row !important;
              gap: 12px !important;
          }
        /* Navbar */
         header .logo-main-container {
             padding: 16px 0;
        }
         header .logo-main-container .wrapper {
             /* padding: 0px 76px; */
        }
         header .logo-main-container .wrapper .logo img {
             width: 115.82px;
             height: 56px;
             display: block;
        }
        /* Hero */
         .landing-one-hero {
             margin-top: 88px;
             background-color: #004A2E;

        }
         /*.landing-one-hero .wrapper {
             padding: 0 76px;
        }*/
         .landing-one-hero .wrapper .hero-container {
             flex-direction: row;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading {
             margin: 0px 0px 0px 72px;
             order: 1;
             flex: 1;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading .btn-wrapper {
             flex-direction: row;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading .btn-wrapper .primary-btn {
             margin-right: 16px;
        }
         .landing-one-hero .wrapper .hero-container .hero-video {
            /*order: 2;
             margin-top: 97.44px;
             height: 400px;
             flex: 1;
            */
             order: 2;
             margin-top: 1px;
             height: auto;
             flex: 1;
        }
        /* Program Details */
         .program-details-main-container {
           /* padding-top: 60px; */
        }
         .program-details-main-container .wrapper {
             padding: 0px 72px 0px 72px;
        }
         .program-details-main-container .wrapper .program-details-container {
             flex-direction: row;
             width: 1280px;
             gap: 40px;
            /*margin-bottom: 60px;
            */
        }
         .program-details-main-container .wrapper .program-details-container .left {
             width: 50%;
        }
         .program-details-main-container .wrapper .program-details-container .right {
             width: 50%;
             align-self: center;
             gap: 24px;
        }
         /* Program Question Details */
         .program-details-ques-main-container {
           /* padding-top: 60px; */
        }
         .program-details-ques-main-container .wrapper {
             padding: 0px 72px 0px 72px;
        }
         .program-details-ques-main-container .wrapper .program-details-container {
             flex-direction: row;
             width: 1280px;
             gap: 40px;
            /*margin-bottom: 60px;
            */
        }
         .program-details-ques-main-container .wrapper .program-details-container .left {
             width: 50%;
        }
         .program-details-ques-main-container .wrapper .program-details-container .right {
             width: 50%;
             align-self: center;
             gap: 24px;
        }
        /* Perks */
         .perks-info-main-container .wrapper .perks-info-container .paragraph {
             margin-left: 56px;
             max-width: 599px;
             margin-right: 56px;
        }
         .perks-info-main-container .wrapper .perks-info-container .paragraph .title {
             font-size: 48px;
             line-height: 48px;
        }
         .perks-info-main-container .wrapper .perks-info-container .progress-circle {
             margin-top: 25px;
        }
         .perks-info-main-container .wrapper {
             padding: 0px 76px;
        }
         .hiw-main-container .wrapper {
             padding: 0px 76px;
        }
        /* Frequently Asked Questions */
        /* .faq-main-container .wrapper {
             padding: 0px 76px;
        } */
        /* Disclaimer 
         .disclamer-main-container .wrapper {
             padding: 0px 76px;
        }
        */
        /* Footer */
         footer .copyright {
             padding: 0 76px;
        }
    }
     @media (min-width: 1024px) {
        /* Hero */
         .landing-one-hero .wrapper .hero-container .hero-heading .input-wrapper {
             -webkit-box-align: end;
             -ms-flex-align: end;
             align-items: flex-end;
             flex-direction: row;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading .input-wrapper .input-container {
             margin-right: 16px;
             margin-bottom: 0;
             flex: 1;
        }
        /* Program Details */
         .program-details-main-container {
            /* padding-bottom: 80px; */
            flex: 1;
        }
        /* Program Ques Details */
         .program-details-ques-main-container {
            /* padding-bottom: 80px; */
            flex: 1;
        }
        /* Perks */
         .perks-info-main-container .wrapper .perks-info-container {
             flex-direction: row;
             padding: 0 0 0 56px;
        }
         .perks-info-main-container .wrapper .perks-info-container .paragraph {
             margin: 0;
             max-width: inherit;
             padding-right: 34px;
             flex: 1;
        }
         .perks-info-main-container .wrapper .perks-info-container .paragraph .title {
             margin-top: 0;
        }
         .perks-info-main-container .wrapper .perks-info-container .mobile-divider {
             display: none;
        }
         .perks-info-main-container .wrapper .perks-info-container .divider {
             width: 1px;
             height: 298px;
             background: -webkit-gradient(linear, left top, left bottom, from(rgba(194, 202, 200, 0)), color-stop(52.6%, #c2cac8), to(rgba(194, 202, 200, 0)));
             background: linear-gradient(180deg, rgba(194, 202, 200, 0) 0%, #c2cac8 52.6%, rgba(194, 202, 200, 0) 100%);
             border-radius: 4px;
             position: relative;
             display: block;
        }
         .progress-circle-container {
             width: inherit;
             height: 488px;
        }
        /* Frequently Asked Questions */
         .faq-main-container .wrapper .faq-container .list-heading .heading-text {
             font-size: 48px;
        }
    }
     @media (min-width: 1200px) {
         .landing-one-hero .wrapper .hero-container .hero-heading .input-wrapper .input-container {
             margin-right: 16px;
             margin-bottom: 0;
            /* flex: 0 0 338px; */
        }
    }
     @media (min-width: 1280px) {
        /* Hero */
         .landing-one-hero .wrapper .hero-container .hero-heading {
             /* flex: 0 0 552px; */
            width: 627.5px;
            gap: 28px;
            transform: translate(0%, -10%);
        }
         .landing-one-hero .wrapper .hero-container .hero-video {
             width: 580px;
        }
        /* Perks */
         .perks-info-main-container .wrapper .perks-info-container .paragraph {
             margin: 0;
             padding-right: 56px;
             flex: 1;
        }
    }
     @media (max-width: 1400px) {
        /* Hero */
         .landing-one-hero .wrapper .hero-container .hero-heading .title {
             width: 100%;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading .title .top-text {
             width: 100%;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading .title .bottom-text {
             width: 100%;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading .desc {
             width: 95%;
        }
    }

     @media (max-width: 1280px) {
        /* Hero */
         .landing-one-hero .wrapper .hero-container .hero-heading .input-wrapper .input-container input {
             width: 100%;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading .bottom-text {
             width: 100%;
        }
        /* Program Details */
.program-details-main-container .wrapper .program-details-container .right .desc {
    font-size: 16px !important;
}
.program-details-main-container .wrapper .program-details-container .right .title {
    font-size: 46px !important;
    line-height: 46px !important;
}
      
         .program-details-main-container .wrapper .program-details-container .left img {
             width: 100%;
             height: auto;
        }
         /* Program Ques Details */
         .program-details-ques-main-container .wrapper .program-details-container .left img {
             width: 100%;
             height: auto;
        }
         .faq-main-container .wrapper .faq-container {
             width: 100%;
        }


         .landing-one-hero .wrapper .hero-container .hero-heading .title .top-text {
             font-style: normal;
             font-weight: 900;
             font-size: 45px;
             line-height: 48px;
            /* or 100% */
             letter-spacing: -2px;
        }

        .landing-one-hero .wrapper .hero-container .right-section .hero-img {
            height: auto !important;
            width: 100% !important;
        }
        .landing-one-hero .wrapper .hero-container .left-section .Top-Image {
             width: 75% !important;
             height: 16%;
        }
         .landing-one-hero .inwrapper {
            height: auto !important;
        }
         .landing-one-hero .wrapper{
            height: auto !important;
        }
      .landing-one-hero .wrapper .hero-container .hero-heading .title .top-text {
          margin-top: unset;
      }
.landing-one-hero .inwrapper .hero-container .hero-heading {
    gap: 24px;
}
.program-details-main-container .wrapper .program-details-container {
    width: auto !important;
}
.program-details-main-container .wrapper .program-details-container .right .desc {
    width: auto !important;
}
.program-details-main-container .wrapper {
    height: auto !important;
}
.program-details-main-container .wrapper .program-details-container .left img {
   padding-left: unset; 
}




    }
     @media (max-width: 992px) {
        /* Hero */
         .landing-one-hero .wrapper .hero-container .hero-heading .title .top-text {
             margin-top: 40px;
             font-size: 38px;
             line-height: 38px;
        }
         .bottom-text {
             font-size: 38px;
             line-height: 1;
        }
        /* Program Details */
         .program-details-main-container .wrapper .program-details-container .right .title {
             font-size: 32px !important;
             line-height: 32px !important;
             text-align: left !important;
        }


        .landing-one-hero .wrapper .hero-container .right-section .hero-img {
            height: auto !important;
            width: 100% !important;
        }
        .landing-one-hero .wrapper .hero-container .left-section .Top-Image {
             width: 75% !important;
             height: 15%;
        }
         .landing-one-hero .inwrapper {
            height: auto !important;
        }
         .landing-one-hero .wrapper{
            height: auto !important;
        }
      .landing-one-hero .wrapper .hero-container .hero-heading .title .top-text {
          margin-top: unset;
      }
.landing-one-hero .inwrapper .hero-container .hero-heading {
    gap: 10px;
}
.program-details-main-container .wrapper .program-details-container {
    width: auto !important;
}
.program-details-main-container .wrapper .program-details-container .right .desc {
    width: auto !important;
}
.program-details-main-container .wrapper {
    height: auto !important;
}
.program-details-main-container .wrapper .program-details-container .left img {
   padding-left: unset; 
}
        .program-details-ques-main-container .wrapper .program-details-container .forMobile {
           width: unset !important;
            padding-left: unset !important;
        }
.program-details-ques-main-container .wrapper .program-details-container .forMobile h2 {
    width: unset !important;
}
.program-details-ques-main-container .wrapper .program-details-container .forMobile h4 {
    width: unset !important;
}
.program-details-ques-main-container .wrapper .program-details-container {
width: unset !important;
}


    }
        

       .program-details-main-container .footerWrapper .program-details-container .right .btn-area a{
               background-color: #2D810E;
                border: #2D810E;
                color: #fff;
        }


     @media (max-width: 770px) {
         .is-hidden-mobile {
             display:none!important;
        }
         .faq-main-container {
             padding: 40px 0px;
        }
         .faq-main-container .wrapper .faq-container .list-heading .heading-text {
             font-style: normal;
             font-weight: 900;
             font-size: 32px;
             line-height: 32px;
            /* or 100% */
             letter-spacing: -0.75px;
        }
         .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .questions .title .title-text {
             font-family: MrGeorgeHeavy !important;
             font-style: normal;
             font-weight: 900;
             font-size: 16px;
             line-height: 28px;
            /* or 175% */
             color: #2D810E;
        }

        .interestImg{
              height: 650px !important;
              width: 100% !important;
              object-fit: contain !important;
         }
        .copyright .centr p {
        width: 275px;
        }
         .faq-main-container .wrapper .faq-container .questions-container .questions-wrapper .answers .answers-text {
             font-family: MrGeorgeHeavy !important;
             font-style: normal;
             font-weight: 400;
             font-size: 14px;
             line-height: 24px;
            /* identical to box height, or 144% */
             letter-spacing: 0.003em;
            /* Primary/Functional/grey-900 */
             color: #4A5955;
        }
        header .logo-main-container .wrapper .logo{
            padding-left: 21px !important;
        }
         .landing-one-hero .wrapper {
            height: auto !important;
        }
         .landing-one-hero .inwrapper {
            height: auto !important;
            padding: 40px 24px 0px 24px;
        }
        .program-details-main-container .wrapper {
            padding: 40px 24px 0px 24px;
            height: auto;
        }
        .program-details-main-container .footerWrapper {
            height: calc(100vh - 23rem);
            padding-bottom: 1rem;
        }
        .program-details-main-container .footerWrapper .program-details-container .right{
           width: auto !important;
        }
        .disclamer-main-container {
            padding: 40px 24px 40px 24px !important;
        }
        .landing-one-hero .inwrapper .hero-container .hero-heading {
               gap: 18px;
        }
       .landing-one-hero .inwrapper .hero-container .hero-heading .input-wrapper {
               padding: 0px;
        }
        .program-details-main-container .wrapper .program-details-container .right {
             gap: 24px;
             margin-left: unset !important;
        }
        .program-details-ques-main-container .wrapper .program-details-container .forMobile {
           width: unset !important;
            padding-left: unset !important;
        }
.program-details-ques-main-container .wrapper .program-details-container .forMobile table, thead, tbody, th, td, tr {
 display: block;
}
.program-details-ques-main-container .wrapper{
padding-bottom: 0px !important;
}
.Back {
   margin: 16px 0px 20px 0px !important;
    width: 91% !important;
}
.program-details-ques-main-container .wrapper .program-details-container .forMobile table, td {
        width: 100%;
}
.landing-one-hero .wrapper .hero-container .hero-heading .forMobile{
    margin-top: -15px !important;
}

        .program-details-ques-main-container .wrapper .program-details-container .forMobile .Layout .forMobile {
          width: 290px !important;
}
        .program-details-ques-main-container .wrapper .program-details-container .forMobile .Layout .tabcounter {
          padding-left: 300px;
    display: flex;
}
.program-details-ques-main-container .wrapper .program-details-container .forMobile h2 {
    width: unset !important;
}
.program-details-ques-main-container .wrapper .program-details-container .forMobile h4 {
    width: unset !important;
}
/*
.program-details-main-container .wrapper{
   padding-top: 100px !important;
}
*/
.mBtns {
 width: unset !important;
padding: 20px;
}
.mBtns input{
 width: 100%;
}

.btn-area{
    display: flex;
    flex-direction: column;
    gap: 8px;
}


hli{
       width: unset !important;    
}
        .landing-one-hero .inwrapper .hero-container .hero-heading .desc {
            width: 100%;
        }
        footer .copyright {
            padding: 40px 16px 40px 16px;
        }
        .landing-one-hero .wrapper .hero-container .left-section .Top-Image{
            display: none;
        }
        .landing-one-hero .wrapper .hero-container .right-section .hero-img{
            height: auto !important;
            width: 100% !important;
        }
        .program-details-main-container .wrapper .program-details-container {
           flex-direction: column-reverse;
        }
        .program-details-main-container .wrapper .inMobile {
           flex-direction: column;
        }
        .program-details-main-container .wrapper .program-details-container .left img {
              padding: 0px;
        }
        .program-details-main-container .wrapper .program-details-container .right .desc {
             width: auto;
        }
          .page-container .program-details-main-container{
             height: calc(100vh - 15rem);
          }

          .program-details-main-container .wrapper .program-details-container .right .desc {
              font-size: 16px;
              line-height: 28px;
              text-align: left !important;
          }
         .landing-one-hero .wrapper .hero-container .hero-heading .title .top-text {
             font-style: normal;
             font-weight: 900;
             font-size: 48px;
             line-height: 48px;
            /* or 100% */
             letter-spacing: -2px;
        }
         .bottom-text {
             font-style: normal;
             font-weight: 900;
             font-size: 48px;
             line-height: 48px;
            /* or 100% */
             letter-spacing: -2px;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading .desc {
             font-style: normal;
             font-weight: 400;
             font-size: 16px;
             line-height: 28px;
        }
         .primary-btn {
             font-style: normal;
             font-weight: 900;
             font-size: 14px;
             line-height: 24px;
        }
         .landing-one-hero .wrapper .hero-container .hero-heading .title .top-text {
             margin-top: 0px;
        }
         .hiw-main-container .wrapper .hiw-container .list-heading .heading-text {
             font-style: normal;
             font-weight: 900;
             font-size: 32px;
             line-height: 32px;
        }
    }
    /**How It Works css **/
     .pu_hereItWorksBg{
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
         grid-gap: 20px;
         font-family: MrGeorgeRegular !important;
         margin-top: 2rem;
    }
     .pu_hereItWorksInner a{
         color:#6f7573;
    }
     .pu_hereItWorksInner{
         background: #f9fbfa;
         padding: 30px;
         text-align: center;
    }
     .pu_hereItWorksInner h2{
         font-family: MrGeorgeHeavy !important;
         font-style: normal;
         font-weight: 900;
         font-size: 24px;
         line-height: 24px;
        /* identical to box height, or 100% */
         text-align: center;
         letter-spacing: -0.02em;
        /* Primary/Color 1 */
         color: #004A2E;
    }
     .pu_hereItWorksInner p{
        /*color:#6f7573;
         line-height: 30px;
        */
         font-family: MrGeorgeRegular !important;
         font-style: normal;
         font-weight: 400;
         font-size: 14px;
         line-height: 24px;
        /* or 171% */
         text-align: center;
         letter-spacing: 0.003em;
        /* Functional/grey-900 */
         color: #4A5955;
    }
     .pu_hereItWorksInner h1{
         border-radius: 50%;
         height: 64px;
         width: 64px;
         display: flex;
         align-items: center;
         justify-content: center;
         background-color: #2e8011;
         color: #fff;
         margin: 0 auto;
    }
     .heading-textBg{
         text-align: center;
         margin-top: 4rem;
    }
     .heading-textBg span.heading-text{
         color:#0b4731 !important;
    }

.submitBtn{
     width: 81px !important;
}


     @media(min-width: 768px) and (max-width: 1024px){
         .pu_hereItWorksBg{
             grid-template-columns: 1fr;
        }
    }
     @media(max-width: 767px){
         .pu_hereItWorksBg{
             grid-template-columns: 1fr;
        }
    }
     @media(max-width: 556px){
         .hero-video img {
             height: 100% !important;
              width: 100% !important;
        }
    }
     .hiw-header {
         font-family: MrGeorgeRegular !important;
         font-style: normal;
         font-weight: 900;
         font-size: 24px;
         line-height: 24px;
        /* identical to box height, or 100% */
         text-align: center;
         letter-spacing: -0.02em;
        /* Primary/Color 1 */
         color: #004A2E;
    }
     .hiw-grid-container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         padding: 0 24px;
    }
     .custom-error-message {
         font-family: MrGeorgeRegular !important;
         color: #ffff !important;
         font-weight: 900;
         font-size: 14px;
         line-height: 24px;
         letter-spacing: 0.2px;
         margin: 0px!important;
    }

    a {
        /* text-decoration: none; */
        /* background: linear-gradient(#BBD600, #BBD600) no-repeat;*/
        /* background-size: 100% 1.5px; */
        /* background-position: 0% 96%; */
       color: #ffff;
    }

.plainLink{
color: #fff !important;
    /*text-decoration: none !important; */
}

.terms {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Program details */
  body {
            margin: 0;
            padding: 0;
            font-size: 0px;
        }

        .container {
            display: flex;
            width: 1280px;
            height: 720px;
            margin: 0 auto;
        }

        .left-side {
            flex: 1;
        }

        .left-side img {
            width: 100%;
            height: auto;
            margin-left: 5px;
        }

        .left-side-row {
            display: flex;
            flex: 1;
        }

        .left-side-row div {
            flex: 1;
            margin-right: 10px; /* Add margin to the right of each column */
        }

        .right-side {
            flex: 1;
            padding: 40px;
            box-sizing: border-box;
        }

        h1 {
            margin: 0;
        }

        ul {
            padding: 0;
        }

        li {
            margin-bottom: 10px;
        }

        .programDetailsHeader {
          color: #004A2E;
          font-size: 56px;
          font-family: MrGeorgeRegular !important;
          font-weight: 900;
          line-height: 56px;
          word-wrap: break-word;
      }

      .programCaption {
          color: #004A2E;
          font-size: 18px;
          font-family: MrGeorgeRegular !important;
          font-weight: 900;
          line-height: 26px;
          word-wrap: break-word;
      }

      .programItems {
        color: #004A2E;
        font-size: 18px;
        font-family: MrGeorgeRegular !important;
        font-weight: 400;
        line-height: 26px;
        word-wrap: break-word;
      }
      .points{
        padding-left: 15px
      }


hli{
  display: block; 
        padding: 0 0 0 26px;
        font-family: MrGeorgeRegular !important;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
       color: #004A2E;
       width: 75%;
    
}
 ol {
        list-style: circle;
        overflow: hidden;
        counter-reset: numList;
        font-family: MrGeorgeRegular !important;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.003em;
        text-align: left;
color: #4A5955;


    }
 ol li {
        style="margin-right: 10"
        padding: 0 0 0 15px;
        position: relative;
        background: #FFFFFF
        counter-increment: numList;
        list-style-type: disc;
        list-style: none;

    }
    ol li:before {
        counter-increment: numList;
        content: counter(numList);
        float: left;
        position: absolute;
        left: -24px;
        font: bold 12px sans-serif;
        text-align: center;
        color: #FFFFFF;
        line-height: 24px;
        width: 24px; height: 24px;
        background: #2D810E;
        -moz-border-radius: 57.14px;
        border-radius: 57.14px;
        margin-left: 10px;
    }
ol li:after {
       
        background-color: #2D810E;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }
 ol li:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #2D810E;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
        accent-color: green; 
        background-color: green;
    }
ol.styled-list{
    padding-left: 4rem;
}
ol.styled-list li {
    list-style-type: disc !important;
}
ol.styled-list li:before {
    content: normal;
    float: none;
    position: static;
}


  .image-container {
  display: flex;
  justify-content: space-between;
}
.pattern-image {
  width: 100%;
  height: 40%;
}

.container { 
  height: 200px;
  position: relative;
}

.vertical-center {
  margin: 0;
 padding: 8px, 16px, 8px, 16px;
  position: absolute;
  top: 50%;
  color: #2D810E; /* Green */
  background-color: #008CBA;

}
.button-container {
  display: inline-block;
}

.item {
  display: inline-block;
  flex-direction: column;
}




.QuestionHeader{
//styleName: Primary/L/Loose/XS - Heavy;
font-family: MrGeorgeRegular !important;
font-size: 18px;
font-weight: 900;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
}
.Subtext {
     color: #4A5955;
    //styleName: Primary/L/Loose/XS - Regular;
    font-family: MrGeorgeRegular !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0 0 0 26px;

}
.Subheading {
     color: #4A5955;
    //styleName: Primary/L/Loose/XS - Regular;
    font-family: MrGeorgeRegular !important;
    font-size: 14px;
    font-weight: 900;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0 0 0 26px;

}
.Subheading2 {
     color: #4A5955;
    //styleName: Primary/L/Loose/XS - Regular;
    font-family: MrGeorgeRegular !important;
    font-size: 14px;
    font-weight: 900;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0 0 0 12px;
    

}
.subradio{
    border: 0px;
    height: 2em;  
}
.container {
  display: block;
  position: relative;
 text-align: left;
 padding: 0 0 0 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  
border-radius: 15px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2D810E;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

textarea {    
  width: 70%;
  min-height: 100px;
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 0.5rem;
  color: #666;
  align: center
  font-size: 18px;
  box-shadow: inset 0 0 0.25rem #ddd;
  :focus {
    outline: none;
    border: 1px solid darken(#ddd, 5%);
    box-shadow: inset 0 0 0.5rem darken(#ddd, 5%);
  }
  [placeholder] { 
    font-style: italic;
    font-size: 10.975rem;
  }

#the-count {
  float: center;
  padding: 0.1rem 0 0 0;
  font-size: 0.975rem;
}
}
 
smallinput {    
  width: 50%;
 min-height: 80px;
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 0.5rem;
  color: #666;
  font-size: 18px;
  box-shadow: inset 0 0 0.25rem #ddd;
  :focus {
    outline: none;
    border: 1px solid darken(#ddd, 5%);
    box-shadow: inset 0 0 0.5rem darken(#ddd, 5%);
  }
  [placeholder] { 
    font-style: italic;
    font-size: 10.975rem;
  }
}

form.Layout {
   /* padding-left: 80px; */
   /* max-width:50vw; */
}
div.tabcounter {
  padding-left: 335px;
  padding-right: 170px;
  align: center
}


.btn {
  border: 2px solid black;
  background-color: white;
  padding: 15px 32px;
  cursor: pointer;
  border-radius: 8px;
  float: right;
  width: 40px;
  display: inline-block;
  margin: 0px 20px;
 text-align: center;
font-size: 12px;
}

/* Green */
.Back {
  border-color: #2D810E;
  color: #2D810E;
  padding: 8px 16px 8px 16px;
  border-radius: 4px;
  border: 1px solid #2D810E;
  height: 23px;
  font-family: MrGeorgeRegular !important;
  font-size: 12px;
  font-weight: 900;
  margin: 0px 15px;
}

.success:hover {
  background-color: #04AA6D;
  color: white;
}
.Next{
background-color: #2D810E;
}



.greenBackbutton {
    background-color: #2D810E;
    border: none;
    display: flex;
    color: white;
    padding: 8px 16px 8px 16px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    class: #2D810E;
    border-radius: 4px;
    float: right;
    width: 81px;
    height: 40px;
    font-family: MrGeorgeRegular !important;
    font-size: 12px;
    font-weight: 900;}



label {
  display: block;
  margin-top: 1em;
}

input:invalid {
  
  border: none;
  outline: 2px solid red;
  border-radius: 5px;
}
input:focus {
border-color: #004A2E;
outline: 2px solid #004A2E;
}