
/* .container {
    max-width: 1280px;
    padding: 0;
} */

/* <------------- hero section start -------------> */
.hero-section {
    position: relative;
}
.hero-section .hero-section-item:nth-child(1) {
    padding: 150px 0;
}
.hero-section .hero-section-item:nth-child(1) .item-box {
    max-width: 560px;
    gap: 24px;
}
.hero-section .hero-section-item:nth-child(1) .item-box .content {
    gap: 20px;
}
.hero-section .hero-section-item:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.hero-section .hero-section-item:nth-child(2) .img-bar img {
    object-fit: cover;
}
h1 span {
    background-color: rgba(var(--Light-Blue));
    padding: 0 8px;
}
/* <------------- hero section end -------------> */

/* <------------- research section start -------------> */
.research-section-content {
    gap: 80px;
}
.research-section-item .author-img-bar {
    height: 555px;
    min-height: 555px;
}
.research-section-item .author-img-bar img {
    object-fit: cover;
}
.research-section-content .research-section-item:nth-child(1) {
    gap: 32px;
}
.research-section-content .research-section-item .heading-bar {
    gap: 24px;
}
.research-section-content .research-section-item .content {
    border-left: 1px solid rgba(var(--Navy));
    padding-left: 24px;
}
.research-section-content .research-section-item .content .list-box {
    gap: 8px;
    padding: 16px 0;
}
.research-section-content .research-section-item:nth-child(2) {
    min-width: 554px;
    max-width: 554px;
    padding: 24px;
    gap: 24px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.research-section-content .research-section-item .bio-box .bio-name {
    max-width: 263px;
    gap: 10px;
}
.research-section-content .research-section-item .bio-box .img-bar {
    max-width: 163px;
}
.research-section-content .research-section-item .bio-box .img-bar img {
    object-fit: contain;
}
/* <------------- research section end -------------> */

/* <------------- real-healthcare section end -------------> */
.real-healthcare-content,
.iwl-approach-content,
.testimonial-content,
.program-content,
.another-diet-content,
.peer-reviewed-section-content,
.first-3month-content,
.end-3month-content,
.compare-programs-content,
.programs-inner-hero-content,
.programs-guide-content,
.subscription-wapper-content,
.faq-content,
.rebates-wapper-content,
.rebates-wapper-content {
    gap: 80px;
}

.home-real-healthcare-section {
    padding-bottom: 60px !important;
}

.real-healthcare-section,
.iwl-approach-section,
.research-section,
.today-easiest-section,
.testimonial-section,
.program-section,
.another-diet-section,
.peer-reviewed-section,
.first-3month-section,
.end-3month-section,
.compare-programs-section,
.programs-inner-hero-section,
.programs-guide-section,
.subscription-wapper-section,
.weightloss-testimonials-section,
.faq-section,
.rebates-wapper-content {
    padding: 80px 0;
}

.real-healthcare-content .heading-bar,
.iwl-approach-content .heading-bar,
.today-easiest-content .heading-bar,
.testimonial-content .heading-bar,
.program-content .heading-bar,
.another-diet-content .heading-bar,
.compare-programs-content .heading-bar,
.programs-guide-content .heading-bar,
.subscription-wapper-section .heading-bar,
.first-3month-content .heading-bar,
.faq-content .heading-bar,
.rebates-wapper-content .banner-bar .heading-bar {
    gap: 24px;
    max-width: 768px;
}

.real-healthcare-content .team-member-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 64px;
}
.real-healthcare-content .team-member-box {
    gap: 32px;
    min-width: 100%;
}
.real-healthcare-content .team-member-bar .img-bar {
    min-width: 176px;
    max-width: 176px;
    height: 176px;
}
.real-healthcare-content .team-member-bar .img-bar img {
    object-fit: cover;
}
/* <------------- real-healthcare section end -------------> */

/* <------------- iwl-approach section end -------------> */
.iwl-approach-content .list-bar {
    max-width: 590px;
}
.iwl-approach-content .list-bar .list-box {
    padding: 24px;
    gap: 12px;
    border-top: 1px solid rgba(var(--Navy), 25%);
}
.iwl-approach-content .short-note {
    max-width: 819px;
}
/* <------------- iwl-approach section end -------------> */

/* <------------- today easiest section start -------------> */
.today-easiest-content {
    gap: 32px;
}
/* <------------- today easiest section end -------------> */

/* <------------- testimonial section start -------------> */
#testimonial_slider.owl-carousel.owl-drag .owl-item {
    background-color: transparent;
}
#testimonial_slider .item-bar {
    gap: 32px;
}
#testimonial_slider .item-bar .item-box {
    gap: 24px;
    padding: 32px;
    border: 1px solid rgba(var(--Navy), 25%);
    background-color: rgba(var(--White));
}
#testimonial_slider .item-bar .item-box .user-img-bar {
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: rgba(var(--Navy), 25%) !important;
    margin: 0 24px 0 0 !important;
}
.owl-theme .owl-dots button:last-child span {
    margin: 0 !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: rgba(var(--Navy)) !important;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 48px;
    /* display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px; */
}
/* <------------- testimonial section end -------------> */

/* <------------- brand/logo slider start -------------> */
.owl-carousel.owl-drag .owl-item {
    background-color: transparent;
}
.government-partners-section,.recognised-secion,
.media-stories-section {
    padding: 80px 0;
}
.government-partners-content,.recognised-content,
.media-stories-content {
    gap: 48px;
}
#government_partners_slider  .img-bar,
#media_stories_slider .img-bar,#recognised .img-bar img{
    width: 100%;
    height: 56px;
    background: rgba(var(--Light-Neutral));
}
#government_partners_slider .img-bar img,#recognised .img-bar img {
    object-fit: contain;
    max-height: 85%;
    mix-blend-mode: multiply;
}

#media_stories_slider .img-bar img {
    object-fit: contain;
    height: 100%;
    mix-blend-mode: multiply;
}

#media_stories_slider .owl-stage {
  display: flex;
  animation: mediaStories 70s linear infinite;
  -webkit-animation: mediaStories 70s linear infinite;
}
@keyframes mediaStories {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

#government_partners_slider .owl-stage {
  display: flex;
  animation: governmentPartners 30s linear infinite;
  -webkit-animation: governmentPartners 30s linear infinite;
}
@keyframes governmentPartners {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

#recognised .owl-stage {
  display: flex;
  animation: recognised 70s linear infinite;
  -webkit-animation: recognised 70s linear infinite;
}
@keyframes recognised {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
/* <------------- brand/logo slider end -------------> */

/* <------------- program-section start -------------> */
.program-content .p-text,
.another-diet-content .p-text {
    gap: 24px;
}
/* <------------- program-section end -------------> */

/* <------------- another-diet-section start -------------> */
.another-diet-content .list-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
.another-diet-content .list-bar .list-box {
    gap: 16px;
    padding: 24px;
}
.another-diet-content .list-bar .list-box:not(:first-child) {
    border-left: 1px solid rgba(var(--Navy));
}
/* <------------- another-diet-section end -------------> */

/* <------------- peer-reviewed-section start -------------> */
.peer-reviewed-section-content .peer-reviewed-item:nth-child(1) {
    gap: 32px;
    max-width: 600px;
}
.peer-reviewed-section-content .content {
    border-left: 1px solid rgba(var(--Navy));
}
.peer-reviewed-section-content .content .list-box {
    padding: 24px;
}
.peer-reviewed-section-content .peer-reviewed-item:nth-child(2) {
    padding: 24px;
}
.peer-reviewed-item .bio-box {
    border: 1px solid rgba(var(--Navy), 25%);
    padding: 10px 16px 10px 10px;
    gap: 15px;
}
.peer-reviewed-item .bio-box .author-img-bar {
    min-width: 93px;
    max-width: 93px;
    height: 100px;
}
.peer-reviewed-item .bio-box .author-img-bar img {
    object-fit: cover;
}
.peer-reviewed-item .bio-box .item-box {
    gap: 40px;
    flex-grow: 1;
}
.peer-reviewed-item .bio-box .item-box .img-bar {
    max-width: 105px;
}
.peer-reviewed-item .bio-box .bio-name {
    gap: 6px;
}
.peer-reviewed-item .book-img-bar img {
    object-fit: contain;
}
/* <------------- peer-reviewed-section end -------------> */

/* <------------- first-3month-section start -------------> */
.first-3month-content .first-3month-item:nth-child(1) {
    max-width: 575px;
    gap: 32px;
}
.first-3month-content .first-3month-item:nth-child(1) .content {
    gap: 32px;
}
.first-3month-content .first-3month-item:nth-child(2) {
    gap: 32px;
    border-left: 3px solid rgba(var(--Navy));
    padding-left: 60px;
}
.first-3month-content .month-guide-box {
    gap: 32px;
    max-width: 544px;
}
.first-3month-content .month-guide-box .title-bar {
    gap: 16px;
}
.first-3month-content .month-guide-box .title-bar h3 {
    position: relative;
}
.first-3month-content .month-guide-box .title-bar h3::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-color: rgba(var(--Navy));
    border: 10px solid rgba(var(--White));
    left: -76px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.first-3month-content .month-guide-box .p-text {
    gap: 24px;
}
/* <------------- first-3month-section end -------------> */

/* <------------- end-3month-section start -------------> */
.end-3month-content .end-3month-item:nth-child(1) {
    gap: 32px;
}
.end-3month-content .end-3month-item .heading-bar {
    gap: 24px;
}
.end-3month-content .list-bar {
    gap: 32px;
}
.end-3month-content .list-bar .list-box {
    padding: 24px;
    gap: 16px;
    border-bottom: 1px solid rgba(var(--Navy), 25%);
}
/* <------------- end-3month-section end -------------> */

/* <------------- compare-programs start -------------> */
.compare-programs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.compare-programs-box {
    padding: 84px 48px;
    gap: 40px;
}
.compare-programs-box .head {
    gap: 8px;
}
.compare-programs-box .body {
    gap: 24px;
}
.compare-programs-box .body .list-bar-item ul,
.programs-inner-hero-item .body .list-bar-item ul,
.first-3month-item .list-bar-item ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 26px;
}
/* <------------- compare-programs end -------------> */

/* <------------- programs-inner-hero-section start -------------> */
.programs-inner-hero-content {
    justify-content: space-between;
}
.programs-inner-hero-content .programs-inner-hero-item:nth-child(1) {
    gap: 32px;
    max-width: 554px;
}
.programs-inner-hero-content .programs-inner-hero-item:nth-child(2) {
    height: 640px;
    max-width: 600px;
}
.programs-inner-hero-item .head {
    gap: 16px;
}
.programs-inner-hero-item .body {
    gap: 24px;
}
.programs-inner-hero-item .img-bar img {
    object-fit: cover;
}
/* <------------- programs-inner-hero-section end -------------> */

/* <------------- programs-guide-section start -------------> */
.programs-guide-content .list-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
.programs-guide-content .list-bar .list-box {
    gap: 16px;
}
/* <------------- programs-guide-section end -------------> */

/* <------------- subscription-wapper-section start -------------> */
.subscription-wapper-box {
    max-width: 768px;
    border: 1px solid rgba(var(--Navy), 25%);
}
.subscription-wapper-box .head-box {
    padding: 32px;
    gap: 16px;
}
.subscription-wapper-box .body-box {
    padding: 32px;
    gap: 32px;
}
.subscription-wapper-box .plan-wapper-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(var(--Navy));
}
.subscription-wapper-box .plan-wapper-grid .plan-wapper-box {
    gap: 24px;
}
.subscription-wapper-box .plan-wapper-grid .plan-wapper-box .icon-bar {
    line-height: inherit;
}
.subscription-wapper-box .plan-wapper-grid .plan-wapper-box ul {
    gap: 20px;
}
.subscription-wapper-box .plan-wapper-grid .plan-wapper-box ul li,
.subscription-wapper-box .plan-wapper-grid .plan-wapper-box ul li .p-text {
    gap: 16px;
}
.subscription-wapper-box .body-box .item-box,
.subscription-wapper-box .body-box .item-box .p-text {
    gap: 16px;
}
/* <------------- subscription-wapper-section end -------------> */

/* <------------- weightloss_testimonials_slider start -------------> */
.weightloss-testimonials-section .container {
    /* max-width: 1177px; */
    padding: 0 53px;
}
#weightloss_testimonials_slider .item-box {
    padding: 24px;
    border: 1px solid rgba(var(--Navy), 25%);
    gap: 24px;
}
#weightloss_testimonials_slider .item-box .img-layer {
    min-height: 255px;
    height: 255px;
    gap: 6px;
}
#weightloss_testimonials_slider .item-box .img-layer img {
    overflow: hidden;
    object-fit: cover;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
#weightloss_testimonials_slider .item-box .summary {
    gap: 12px;
}
#weightloss_testimonials_slider .owl-stage {
    display: flex !important;
}

#weightloss_testimonials_slider .owl-item {
    display: flex !important;
    height: auto !important;
}
#weightloss_testimonials_slider .item {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
/* <------------- weightloss_testimonials_slider end -------------> */

/* <------------- faq-section start -------------> */
.faq-content .faq-item:nth-child(1) {
    gap: 32px;
}
.faq-content .faq-item:nth-child(2) {
    max-width: 700px;
    min-width: 700px;
}
.faq-content .tab-menu-box {
    padding: 16px;
    gap: 24px;
    border: 1px solid rgba(var(--Navy), 25%);
    width: 240px;
}
/* <------------- faq-section end -------------> */

/* <------------- tab menu link start -------------> */
.tab-menu-link .nav-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
    padding: 12px 16px;
    color: rgba(var(--Navy));
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.tab-menu-link .nav-link.active,
.show > .tab-menu-link .nav-link {
    background-color: rgba(var(--Light-Blue));
    color: rgba(var(--Navy));
    font-weight: 700;
}
/* <------------- tab menu link end -------------> */

/* <------------- accordian-wapper start -------------> */
.accordian-wapper .card {
    border-bottom: 1px solid rgba(var(--Navy)) !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.accordian-wapper .btn-link {
    padding: 20px 20px 20px 0;
    white-space: inherit !important;
    position: relative;
}
.accordian-wapper .btn-link::after {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml, <svg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.369399 0.340591C0.587076 0.12298 0.88227 0.000732422 1.19006 0.000732422C1.49786 0.000732422 1.79305 0.12298 2.01073 0.340591L7.75655 6.08641L13.5024 0.340591C13.7213 0.129147 14.0145 0.0121471 14.3189 0.0147918C14.6232 0.0174366 14.9143 0.139514 15.1296 0.35473C15.3448 0.569947 15.4669 0.861083 15.4695 1.16543C15.4721 1.46978 15.3551 1.763 15.1437 1.98192L8.57721 8.54841C8.35954 8.76602 8.06434 8.88826 7.75655 8.88826C7.44875 8.88826 7.15356 8.76602 6.93588 8.54841L0.369399 1.98192C0.151788 1.76424 0.029541 1.46905 0.029541 1.16126C0.029541 0.853461 0.151788 0.558267 0.369399 0.340591Z' fill='%23063E65'/></svg>");
    background-size: contain;
    width: 15px;
    height: 9px;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.accordian-wapper .btn-link:not(.collapsed):after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.accordian-wapper .card-body {
    padding: 0 0 24px 0;
}
.accordian-wapper .btn-link:focus,
.accordian-wapper .btn-link:hover {
    text-decoration: none;
    color: rgba(var(--Navy));
}
/* <------------- accordian-wapper end -------------> */

/* <------------- modal block start -------------> */
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (60px));
}
.modal-dialog .modal-content {
    width: 100%;
    height: 100%;
}
.modal-dialog .modal-content .modal-body {
    height: 100%;
    overflow-x: hidden;
}
.trial-offer-modal-block .modal-body {
    gap: 24px;
}
.trial-offer-modal-block .modal-body .content {
    gap: 24px;
}
.trial-offer-modal-block .modal-body .content .icon-bar img {
    max-width: 40px;
}
.ab-position-btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 99;
}
/* <------------- modal block end -------------> */

/* <------------- rebates-page-wapper start -------------> */
.rebates-wapper-content .container {
    max-width: 768px;
}
.rebates-wapper-content .caption-bar {
    gap: 80px;
}
.rebates-wapper-content .caption-bar .caption-item {
    gap: 24px;
}
.rebates-wapper-content .caption-bar .caption-item .p-text {
    gap: 24px;
}
.rebates-wapper-content
    .caption-bar
    .caption-item
    .list-view-bar
    li:nth-child(1) {
    padding-top: 24px;
}
.rebates-wapper-content .caption-bar .caption-item .list-view-bar li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(var(--Navy), 30%);
    gap: 15px;
}
.rebates-wapper-content .caption-bar .caption-item .list-view-bar li .title {
    min-width: 45%;
    max-width: 45%;
}
.rebates-wapper-content
    .caption-bar
    .caption-item
    .list-view-bar
    li
    .title-ans {
    flex-grow: 1;
}
.rebates-wapper-content .caption-bar .caption-item ol {
    padding-left: 25px;
}
/* <------------- rebates-page-wapper end -------------> */

/* <------------- login-signup-wapper start -------------> */
.login-signup-wapper {
    overflow-x: hidden;
}
.login-signup-wapper,
.payment-confirmation-wapper,
.building-profile-wapper {
    min-height: calc(100vh - var(--header-height));
    padding: 80px 0;
}
.signup-wapper .container {
    max-width: 560px !important;
}
.signup-wapper .content-block {
    gap: 48px;
}
.signup-wapper .heading-bar {
    gap: 32px;
}
.signup-wapper .content-block .form-box {
    gap: 40px;
    padding: 40px 48px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.signup-wapper .content-block .form-box .item-box {
    gap: 24px;
}
.form-wapper,
.form-wapper .row {
    row-gap: 24px;
}
.custom-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Custom box */
.custom-checkbox .checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #003366; /* navy border */
    border-radius: 4px;
    background-color: #fff;
    transition: all 0.2s ease;
    display: inline-block;
    position: relative;
}

/* Hover effect */
.custom-checkbox:hover .checkmark {
    border-color: #0055aa;
}

/* Checkmark tick */
.custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #003366;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Label text */
.custom-checkbox span.text-dark {
    font-size: 15px;
    color: #003366;
}
.form-wapper .input-box {
    gap: 6px;
}
.signin-wapper .container {
    max-width: 480px !important;
}
.signin-wapper .heading-bar {
    gap: 24px;
}
.signin-wapper .content-block {
    gap: 32px;
}
.signin-wapper .content-block .form-box {
    gap: 24px;
}
.form-wapper .form-control,
.form-wapper .custom-select {
    padding: 12px;
    height: 48px;
    border-color: rgba(var(--Navy));
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
    color: rgba(0, 0, 0, 1);
    background-color: transparent !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.form-wapper .input-with-guide {
    padding: 12px;
    height: 48px;
    border: 1px solid rgba(var(--Navy));
}
.form-wapper .input-with-guide .form-control {
    padding: 0 12px 0 0;
}
.form-wapper .custom-select {
    background-image: url("data:image/svg+xml, <svg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.08716 1.02344C1.18798 1.02344 1.26496 1.05385 1.34302 1.13184L5.64575 5.45898L5.99927 5.81445L10.6819 1.13184C10.7595 1.05424 10.826 1.03227 10.9065 1.03516C11.0008 1.0386 11.0822 1.07117 11.1682 1.15723C11.2463 1.23531 11.2766 1.31223 11.2766 1.41309C11.2765 1.51371 11.2461 1.59001 11.1682 1.66797L6.24927 6.58691C6.1951 6.64108 6.15242 6.667 6.12427 6.67871C6.08874 6.69348 6.04887 6.70212 6.00024 6.70215C5.97578 6.70215 5.95343 6.69935 5.93286 6.69531L5.87524 6.67871L5.82251 6.64844C5.80176 6.63397 5.77813 6.61383 5.75122 6.58691L0.806885 1.64355C0.733049 1.56972 0.706859 1.50009 0.710205 1.40527C0.713999 1.29797 0.750015 1.2141 0.832275 1.13184C0.910201 1.05403 0.986568 1.02351 1.08716 1.02344Z' fill='%23063E65' stroke='%23063E65'/></svg>");
    background-size: 12px;
}
.form-wapper textarea.form-control {
    height: 100px;
    resize: none;
}
.form-wapper input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
    color: rgba(0, 0, 0, 0.6);
}
/* <------------- login-signup-wapper end -------------> */

/* <------------- payment-confirmation-wapper start -------------> */
.payment-confirmation-wapper .subscription-wapper-box .plan-wapper-grid {
    grid-template-columns: repeat(1, 1fr);
}
.payment-confirmation-wapper .subscription-wapper-box {
    max-width: 470px;
}
.payment-confirmation-wapper .content-block {
    gap: 48px;
}
.payment-confirmation-wapper .content-block .form-box {
    gap: 80px;
    padding: 40px 48px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.payment-confirmation-wapper .content-block .form-box .form-wapper-box {
    gap: 40px;
}
.payment-confirmation-wapper
    .content-block
    .form-box
    .form-wapper-box
    .item-box {
    gap: 24px;
}
.checklist-step-box {
    gap: 20px;
}
.checklist-step-box .custom-checkmark {
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    background: #fff;
    border: 2px solid #234c7982;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.checklist-step-box .form-check-label {
    color: #063e65;
    font-family: "Museo Sans 600";
    cursor: pointer;
    font-size: 18px;
}
.checklist-step-box .custom-checkmark svg {
    width: 20px;
    height: 20px;
    stroke: transparent;
    stroke-width: 3;
    fill: none;
}
.checklist-step-box .form-check-input:checked + .custom-checkmark {
    background-color: #234c790a;
    border-color: #063e65;
}
.checklist-step-box .form-check-input:checked + .custom-checkmark svg {
    stroke: #063e65;
}
.payment-confirmation-wapper .content-block .form-box .last-note {
    color: rgba(var(--Navy));
}
.last-note a {
    color: rgba(var(--Navy));
}
.form-wapper .input-box-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 12px;
    column-gap: 24px;
}
.form-wapper .input-box-grid .cardnumber-input-item {
    grid-column: 1 / -1;
}
.form-wapper .input-box-grid .inner-input-box {
    padding: 12px;
    height: 48px;
    border: 1px solid rgba(var(--Navy));
}
/* <------------- payment-confirmation-wapper end -------------> */

/* <------------- building-profile-wapper start -------------> */
.building-profile-wapper {
    overflow-x: hidden;
}
.building-profile-wapper .welcome-bar {
    max-width: 560px;
    margin: 0 auto;
}
.building-profile-wapper .welcome-bar-caption {
    gap: 48px;
}
.building-profile-wapper .step-wapper {
    max-width: 640px;
    margin: 0 auto;
}
.building-profile-wapper .step-wapper .step-wapper-caption {
    gap: 48px;
}
.building-profile-wapper .step-wapper .step-head-box-caption {
    gap: 32px;
}
.building-profile-wapper .step-wapper .step-foot-box-caption {
    gap: 16px;
}
.check-radio-btn-bar {
    column-gap: 16px;
    row-gap: 10px;
}
.check-radio-group .check-radio-btn-bar {
    padding: 24px 0;
    border-bottom: 1px solid rgba(var(--Navy), 25%);
}
.check-radio-group .check-radio-btn-bar:first-child {
    padding-top: 0;
}
.check-radio-group .check-radio-btn-bar:last-child {
    border: none;
    padding-bottom: 0;
}
.check-radio-btn-bar input[type="radio"],
.check-radio-btn-bar input[type="checkbox"] {
    display: none;
    appearance: none;
}
.check-radio-btn-bar label {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
    border: 1px solid rgba(var(--Navy));
    padding: 8px 16px;
    color: rgba(var(--Navy));
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.check-radio-btn-bar input:checked + label {
    background-color: rgba(var(--Navy));
    color: rgba(var(--White));
}
.building-profile-wapper .step-wapper .profile-complete-bar {
    gap: 32px;
}
.building-profile-wapper .step-wapper .profile-complete-bar .action-bar {
    gap: 16px;
}
.group-check-radio-btn-bar {
    overflow: hidden;
    width: max-content;
    gap: 0 !important;
    border: 1px solid rgba(var(--Navy));
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.group-check-radio-btn-bar label {
    border: none;
}
.building-profile-wapper .step-wapper .form-wapper label{
    margin-bottom: 0 !important;
}
.building-profile-wapper .step-wapper .form-wapper .input-with-guide input{
    padding: 0 !important;
    border: none !important;
}
/* <------------- building-profile-wapper end -------------> */

/* <------------- progress bar start -------------> */
.progress {
    background-color: rgba(var(--White));
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
    height: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.progress .progress-bar {
    background-color: rgba(133, 208, 208, 1);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
/* <------------- progress bar end -------------> */

