.banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: clamp(41px, 10vw, 100px);
    padding-bottom: clamp(28px, 5vw, 90px);
    position: relative;
}

.banner-home {
    background-image: url(../images/home-banner-img.png);
}

.about-banner {
    background-image: url(../images/about-banner.png);
}

.resource-banner {
    background-image: url(../images/resources-banner.png);
}

.faq-banner {
    background-image: url(../images/faq-banner.png);
}

.results-banner {
    background-image: url(../images/results-banner.png);
}

.brand-x-banner {
    background-image: url(../images/taking-brandx-banner.png);
}

.side-effect-banner {
    background-image: url(../images/side-effect-banner.png);
}

.banner-common {
    padding-top: 71.5px !important;
    padding-bottom: 21px !important;
}

.banner-common .title {
    padding-left: 55px;
    padding-bottom: 111.5px;
}

.banner .title {
    text-transform: uppercase;
    font-weight: 800 !important;
}

.banner-title {
    font-weight: 800 !important;
}

.title sup {
    font-weight: 400 !important;
    font-family: var(--font-nunito);
	font-size: .65em;
    line-height: 0;
    vertical-align: clamp(11px, 1.3vw, 17px);
}

.mask-bottom {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
}

.banner-home .content-wraper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.banner .title {
    max-width: 515px;
    color: var(--primary-color);
    font-family: var(--font-nunito);
    font-weight: 400;
}

.banner-content-phone {
    padding-top: 16px;
    padding-bottom: 24px;
}

.banner-home .content-right h2,
.banner-content-phone .content-right h2 {
    letter-spacing: 0.32px;
    color: var(--primary-color);
    max-width: 320px;
    width: 100%;
}

.banner-content-phone .content-right h2 {
    max-width: 100%;
}

.banner-home .content-right p {
    max-width: 335px;
    color: #2E3233;
    margin-top: 7px;
}


.btn {
    background-color: #E05929;
    padding: 15px 31px;
    display: flex;
    margin-top: 17px;
    color: #ffff;
    font-family: var(--font-red-text);
    border-radius: 66px;
    max-width: 301px;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0%;
    background-color: #008097;
    border-radius: 66px;
    transition: width 0.4s ease;
    z-index: -1;
}

.btn:hover::before {
    width: 100%;
}

.banner .homebanner-footer {
    color: #FFF;
    margin-top: 27px;
    text-align: right;
    max-width: 634px;
    margin-left: auto;
    margin-right: 40px;
}

.phn {
    display: none;
}

/* Cards Section */
.cards-section {
    padding-top: 32px;
    padding-bottom: 60px;
}

.cards-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.card {
    border-radius: 20px;
    overflow: hidden;
    width: calc(33.333% - 14px);
    display: flex;
    flex-direction: column;
    max-width: 353px;
}

.card-blue {
    background-color: #008097;
}

.card-orange {
    background-color: #E05929;
}

.card-red {
    background-color: #D52B1E;
}

.card-top {
    color: #fff;
    padding-top: 34px;
    padding-bottom: 14px;
    text-align: center;
    flex-grow: 1;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.card-top h3 {
    font-weight: 700;
    font-family: var(--font-nunito);
}

.card-top p {
    font-weight: 400;
    font-family: var(--font-red-text);
}

.card-arrow {
    width: 83px;
    height: 83px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-top: 23px;
    position: relative;
    overflow: hidden;
}

.card-arrow img {
    max-width: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.arrow-main {
    transform: translate(-50%, -50%);
    opacity: 1;
}

.arrow-hover {
    transform: translate(-200%, -50%);
    opacity: 0;
}

.card-arrow:hover .arrow-main {
    transform: translate(100%, -50%);
    opacity: 0;
}

.card-arrow:hover .arrow-hover {
    transform: translate(-50%, -50%);
    opacity: 1;
}

.card-bottom {
    position: relative;
    z-index: 0;
}

.card-bottom img {
    width: 100%;
    height: auto;
    display: block;
}

.actor-text {
    position: absolute;
    bottom: 10px;
    right: 15px;
    color: #fff;
    font-size: 12px;
}



.card-blue .card-arrow {
    color: #008097;
}

.card-orange .card-arrow {
    color: #E05929;
}

.card-red .card-arrow {
    color: #D52B1E;
}

/*==========site map and 404 page css==========*/
.cm-banner {
    padding: 76px 0;
    border-bottom: 11px solid #EDF9FA;
    background: #008097;
    backdrop-filter: blur(50px);
}

.cm-banner h1 {
    color: #fff;
    font-family: var(--font-nunito);
}

.cm-link-section {
    padding: 60px 0;
}

.cm-link-section .cm-link-inner-wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-transform: uppercase;
}

.cm-link-section .cm-link-inner-wrapper ul li a {
    color: #027F96;
    text-decoration: underline;
    text-underline-offset: 6px;
}

.cm-link-section .cm-link-inner-wrapper ul li p {
    font-weight: 400;
    color: #3B3E3E;
}

/*==========FAQ accordion css==========*/
.faq-section-title {
    color: #E05929;
    font-family: "Nunito Sans";
}

.faq-card {
    background: #EDF9FA;
    border-radius: 20px;
    overflow: hidden;
}

.faq-question {
    width: 100%;
    background: transparent;
    border: none;
    padding: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    cursor: pointer;
}

.faq-question span {
    display: inline-block;
    max-width: calc(100% - 36px);
    color: #008097;
    font-family: "Red Hat Display";
}

.faq-question::after {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url("../images/arrow.svg") no-repeat center;
    background-size: contain;
    transition: transform 0.3s ease;
    margin-left: 10px;
    vertical-align: middle;
	flex: 0 0 auto;
}

.faq-question.active::after {
    transform: rotate(180deg);
}

.faq-answer {
    display: none;
    padding: 0 24px 20px;
    color: #2E3233;
    line-height: 1.6;
}

.faq-answer.show {
    display: block;
}

.faq-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 31px;
    background: #E05929;
    color: #fff;
    border-radius: 999px;
    text-decoration: none;
    width: fit-content;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    border: none;
}

.faq-section-wrappper {
    padding: 32px 0 30px 0;
}

.faq-section-wrappper .faq-inner-wrapper {
    display: flex;
    flex-direction: column;
    gap: 120px;
}

.faq-inner-wrapper .faq-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.faq-section-wrappper .faq-list ul {
    display: flex;
    gap: 32px;
    padding-bottom: 32px;
}

.faq-section-wrappper .faq-list ul li a {
    text-transform: none;
    color: #008097;
    font-weight: 700;
}

.faq-section-wrappper .faq-list ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.faq-section-wrappper .faq-list ul li img {
    width: 12px;
    height: 12px;
}

.faq-section-wrappper .faq-list ul li p {
    text-decoration: none;
    color: #3B3E3E;
    font-weight: 700;
    text-transform: none;
}

.faq-action-button::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #008097;
    border-radius: inherit;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    z-index: -1;
}

.faq-answer a {
    color: #008097;
    font-weight: 700;
    text-decoration: underline;
}

.faq-action-button:hover::after {
    transform: scaleX(1);
}

.faq-action-button:hover {
    color: #fff;
}

/* support section */

.support-section {
    padding: 30px 0;
    padding-bottom: 90px;
}

.support-wraper {
    padding: 0 42px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.support-wraper .content-left {
    max-width: 330px;
    width: 100%;
}

.support-wraper .content-left figure {
    margin-bottom: 8px;
}

.btn-support {
    background-color: #E05929;
    padding: 15px 31px;
    display: flex;
    margin-top: 20px;
    color: #ffff;
    font-family: var(--font-red-text);
    border-radius: 66px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
	border: 0;
}

.btn-support img {
    max-width: 24px;
}

.btn-support::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 0%;
    background-color: rgb(0, 128, 151);
    z-index: -1;
    border-radius: 66px;
    transition: width 0.4s;
}

.btn-support:hover::before {
    width: 92%;
	width: 100%;
}

.program-service {
    max-width: 677px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.program-service h3 {
    text-align: center;
    color: #008097;
}

.service-icons img {
    max-width: 100px;
    width: 100%;
    aspect-ratio: 1/1;
}

.service-icons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
}

.service-icons p {
    font-weight: 700;
    text-align: center;
}

.service-icons .service-item {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
    justify-content: center;
}

.expand-collapse-section {
    font-family: var(--font-red-text);
}

.expand-collapse-section p {
    letter-spacing: normal;
}

.collapse-wraper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.safty-information {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.list-heading::before {
    content: "•";
    color: #E05929;
    font-size: 21px;
    line-height: 1.3;
    max-width: 6px;
}

.list-heading {
    letter-spacing: 0;
    display: flex;
    gap: 10px;
}

.sub-list {
    padding-top: 15px;
}

.list-item {
    display: flex;
    gap: 6px;
}

.list-item {
    letter-spacing: 0;
}

.list-item::before {
    content: "-";
    font-weight: 400;
    color: #E05929;
    line-height: 1.3;
    max-width: 9px;
}

.list,
.sub-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.what-is-beq a {
    color: #008097;
    text-decoration: underline;
}

.expand-collapse-section .fs-18-v {
    font-weight: 400;
}

.about-card .card {
    width: 100%;
    max-width: 552px;
    flex-direction: row-reverse;
}

.about-card .card-top {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.about-card .card-arrow {
    width: 72px;
    height: 72px;
    margin-top: 0;
}

.about-card .text-wraper {
    display: flex;
    max-width: 270px;
    flex-direction: column;
    gap: 12px;
}

.about-card .card-bottom img {
    height: 100%;
}

.about-card .actor-text {
    left: 14px;
}

.mobile {
    display: none !important;
}

.banner-phn {
    display: none;
}

.banner-phn .title {
    color: var(--primary-color);
}

.color-white {
    color: #ffff !important;
}

.banner-phn img {
    display: none;
}

.beqalzi {
    padding-top: 61px;
}

.beqalzi-wraper .top-head h2 {
    font-family: var(--font-nunito);
    color: #E05929;
}

.beqalzi-wraper .top-head img {
    max-width: 15px;
    max-height: 87px;
}

.beqalzi-wraper .top-head {
    display: flex;
    gap: 22px;
    align-items: center;
}

.beqalzi-wraper {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.beqalzi-wraper .how-it-work h5 {
    color: var(--primary-color);
    padding-bottom: 8px;
}

.beqalzi-wraper .how-it-work h5 span {
    color: #E05929;
}

.beqalzi-wraper .how-it-work h6 {
    padding: 24px 0;
    font-weight: 700;
    text-align: center;
}

.how-it-work .box {
    display: flex;
    justify-content: space-around;
    gap: 34px;
}

.how-it-work .box .box-item img {
    max-height: 86px;
}

.how-it-work .box .box-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
    flex: 1;
}

.responses {
    padding-top: 61px;
}

.result-content-top,
.result-content-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: self-start;
}

.result-content-bottom .wraper {
    max-width: 634px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.bottom-right {
    padding: 32px;
    background-color: #FFF4F0;
    border-radius: 30px;
    display: flex;
    gap: 26px;
    max-width: 494px;
}

.bottom-right .content h3 {
    font-weight: 800;
    color: var(--primary-color);
    line-height: 1.3;
    text-wrap: nowrap;
}

.bottom-right img {
    width: 104px !important;
    height: 104px;
    aspect-ratio: 1/1;
}

.responses .beqalzi-wraper {
    gap: 32px;
}

.result-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.result-content-bottom .wraper1,
.result-content-top .wraper1 {
    display: flex;
    align-items: center;
}

.responses .result-content .top-left {
    display: flex;
    align-items: center;
}

.responses .result-content .top-right {
    display: flex;
    align-items: center;
    background-color: #EDF9FA;
    padding: 20px 24px;
    border-radius: 20px;
    max-width: 494px;
}

.responses .result-content .top-right h2 {
    color: var(--primary-color);
    line-height: 1.2;
    letter-spacing: 0.56px;
}

.responses .result-content .top-right h2 span {
    color: #E05929;
}

.responses .result-content .top-left img {
    width: 20px;
    height: 115px;
    aspect-ratio: 4/23;
}

.responses .result-content .top-left h2 {
    font-size: 100px;
    font-family: var(--font-nunito);
    font-weight: 900;
    letter-spacing: -1.5px;
    text-transform: uppercase;
    color: #008097;
    padding-left: 12px;
    padding-right: 25px;
}

.responses .result-content .top-left h2 sup {
    font-weight: 400;
    font-size: 60px;
}

.faq-section {
    position: relative;
}

.faq-section::after {
    content: "";
    position: absolute;
    border: none;
    border-top: 3px dashed #E05929;
    width: 100%;
    bottom: -60px;
    opacity: 0.3;
}

.faq-section:last-child::after {
    display: none;
}

/*=========resource  page css==========*/
.resource-list ul {
    display: flex;
    gap: 32px;
}

.resource-list ul li .fs-16-v {
    text-transform: none;
    font-weight: 700;
}

.resource-list ul li img {
    width: 12px;
    height: 12px;
}

.resource-list ul li {
    display: flex;
    gap: 8px;
    align-items: center;
}

.resource-list ul li p {
    text-decoration: none;
}

.resource-list ul li a {
    text-decoration: none;
    color: #008097;
    font-weight: 700;
}

.resource-section {
    padding: 32px 0 0 0;
}

.resource-inner-wrapper {
    display: flex;
    flex-direction: column;
    gap: 120px;
    padding-top: 37px;
}

.resource-card {
    position: relative;
}

.resource-card::after {
    content: "";
    position: absolute;
    border: none;
    border-top: 2px dashed #E05929;
    width: 100%;
    bottom: -60px;
    opacity: 0.3;
}

.resource-card:last-child::after {
    display: none;
}

.resource-card h2 {
    color: #E05929;
    padding-bottom: 24px;
    font-family: var(--font-nunito);
}

.resource-content-one .resource-content-card {
    display: flex;
    gap: 26px;
    align-items: center;
    width: 100%;
}

.resource-content-one .resource-content-card img {
    max-width: 231px;
}

.resource-content-one {
    display: flex;
    gap: 60px;
}

.resource-content-card .resource-content-text p {
    padding-bottom: 16px;
}

.resource-content-card .resource-content-text .faq-action-button {
    max-width: 100%;
    width: 100%;
}

.resource-content-card .resource-content-text h3 {
    color: #008097;
}

.resource-support-inner-card .resource-support-list-inner li {
    position: relative;
    padding-left: 20px;
}

.resource-support-inner-card .resource-support-list-inner li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-image: url("../images/Ellipse.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.resource-content-two {
    padding: 32px;
    border-radius: 20px;
    background: #FFF4F0;
    display: flex;
    gap: 48px;
    flex-direction: column;
}

.resource-support-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.resource-support-card .beone-logo {
    max-width: 272px;
}

.resource-support-card h3 {
    color: #E05929;
}

.resource-support-card .resource-support-list {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.resource-support-card .resource-support-list li {
    display: flex;
    gap: 24px;
    align-items: self-start;
}

.resource-support-card .resource-support-list li .resource-support-icon {
    max-width: 90px;
    height: auto;
}

.resource-support-card .resource-support-list li .resource-support-inner-card h5 {
    font-weight: 800;
}

.resource-support-card .resource-support-list li .resource-support-inner-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.resource-support-card .resource-support-list li .resource-support-inner-card .resource-support-list-inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 5px;
}

.resource-inner-text-main-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.resource-inner-wrapper .resource-card:last-child h2 {
    padding-bottom: 16px;
}

.resource-community-cards .resource-community-list {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding-top: 32px;
}

.resource-community-cards .resource-community-list li {
    display: flex;
    gap: 26px;
    align-items: flex-start;
}

.resource-community-list li img {
    max-width: 231px;
    height: auto;
}

.resource-community-list li .resource-community-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.resource-community-list li .resource-community-text-wrapper h3 {
    color: #008097;
}

.resource-community-list li .resource-community-text-wrapper .faq-action-button {
    background: #fff;
    color: #E05929;
    border: 1px solid #E05929;
    padding: 13px 72px;
    font-weight: 800;
}

.resource-community-list li .resource-community-text-wrapper .faq-action-button::after {
    background: #E05929;
}

.resource-community-list li .resource-community-text-wrapper .faq-action-button:hover {
    color: #fff;
}

/*==========side effect page css==========*/
.side-effect-section {
    padding: 27px 0 20px 0;
}

.side-effect-inner-wrapper h2 {
    font-family: "Nunito Sans";
    color: #E05929;
    letter-spacing: -0.8px;
}

.side-effect-inner-wrapper {
    display: flex;
    gap: 32px;
    flex-direction: column;
}

.common-side-effects-left .common-side-effects-list li {
    padding-left: 20px;
    position: relative;
}

.common-side-effects-left .common-side-effects-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-image: url(../images/Ellipse.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.common-side-effects-right::after {
    content: "";
    position: absolute;
    left: -50%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-image: url(../images/left-arrow-curved.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.side-effect-section h3,
.common-side-effects .common-side-effects-right p {
    color: #008097;
}

.serious-side-effects,
.side-effect-clinical-trial {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.side-effect-clinical-trial p {
    font-weight: 400;
}

.side-effect-clinical-trial {
    border-radius: 20px;
    background: #FFF4F0;
    padding: 30px 40px;
}

.common-side-effects {
    display: flex;
    gap: 46px;
}

.common-side-effects .common-side-effects-left {
    max-width: 635px;
    width: 100%;
}

.common-side-effects-left p {
    color: #008097;
    font-weight: 700;
}

.common-side-effects .common-side-effects-right {
    width: 100%;
    max-width: 479px;
    padding: 30px 40px;
    border-radius: 20px;
    background: var(--Color, #EDF9FA);
}

.common-side-effects-left {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.common-side-effects-left .common-side-effects-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.common-side-effects-right {
    position: relative;
}

.side-efect-healthcare {
    display: flex;
    padding: 40px 90px;
    border-radius: 20px;
    background: #EDF9FA;
    gap: 24px;
    align-items: center;
}

.side-efect-healthcare img {
    max-width: 81px;
}

.about-card .text-wraper h3 {
    letter-spacing: -0.14px !important;
}

.side-efect-healthcare p {
    color: #E05929;
}

@media (max-width: 991px) {
    .side-efect-healthcare {
        padding: 40px 30px;
    }

    .common-side-effects .common-side-effects-right,
    .common-side-effects .common-side-effects-left {
        max-width: 100%;
    }

    .common-side-effects {
        gap: 48px;
        flex-direction: column;
    }

    .resource-content-card .resource-content-text .faq-action-button {
        max-width: unset;
        width: unset;
    }

    .resource-content-one {
        flex-direction: column;
    }

    .card-arrow {
        width: 72px;
        height: 72px;
    }

    .card-arrow img {
        max-width: 21px;
    }

    .about-card .card {
        flex-direction: column;
    }

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }


    .result-content-bottom .wraper1,
    .result-content-top .wraper1 {
        flex-direction: column;
        align-items: flex-start;
    }


    .result-content-bottom .wraper1 p,
    .result-content-top .wraper1 p {
        margin-left: 12px;
    }

    .responses .result-content .top-left img {
        height: 138px;
    }

    .result-content-top,
    .result-content-bottom {
        flex-direction: column;
    }

    .bottom-right {
        max-width: 100%;
        align-items: center;
        justify-content: center;
    }

    .bottom-right .content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .result-content-bottom .wraper {
        max-width: 100%;
    }

    .responses .result-content .top-right {
        max-width: 100%;
    }

    .result-content-top .wraper1 p br {
        display: none;
    }

    .about-card .card-bottom img {
        aspect-ratio: 1;
    }
}

@media (max-width: 567px) {
    .card {
        width: 100%;
    }

    .bottom-right {
        flex-direction: column;
    }

    .bottom-right .content h3 {
        text-wrap: wrap;
        text-align: center;
    }

    .bottom-right .content p {
        text-align: center;
		font-weight: 400;
    }

    .cards-container {
        gap: 16px;
    }
}

@media (max-width:1500px) {
    .banner-home {
        padding-top: 41px;
        padding-bottom: 28px;
    }
}

@media (max-width:1200px) {
    .responses .result-content .top-left h2 {
        font-size: 90px;
    }

    .resource-content-one {
        gap: 40px;
    }

    .banner-home .title {
        max-width: clamp(350px, 38vw, 515px);
    }

    .beqalzi-wraper {
        gap: clamp(32px, 2vw, 54px);
    }

    .banner-home {
        background-position: 74% 50%;
    }

    .mask-bottom {
        bottom: -5px;
    }
}

@media(min-width:881px) {
    .banner-content-phone {
        display: none;
    }
}

@media (max-width:880px) {
    .hide-991 {
        display: none;
    }

    .banner-home {
        background-image: url(../images/home-banner-phone.png);
        padding-top: clamp(22px, 5vw, 80px);
        padding-bottom: 8px;
    }

    .banner-home .title {
        margin-bottom: clamp(59px, 10vw, 120px);
    }

    .banner-home .homebanner-footer {
        margin-right: 0;
    }

    .banner-content-phone .content-right p {
        color: #2E3233;
    }

    .banner-content-phone .content-right .btn {
        margin-bottom: 24px;
    }

    .support-wraper {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .program-service {
        max-width: 100%;
    }

    .support-wraper .content-left {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .support-wraper figure,
    .btn-support {
        max-width: 330px;
    }

    .support-wraper .content-left {
        display: contents;
    }

    .program-service {
        display: contents;
    }

    .btn-support {
        order: 1;
    }

    .service-foot {
        order: 2;
    }

    .service-icons {
        width: 100%;
    }

    .about-banner {
        background-position: 80% 50%;
    }

    .beqalzi-wraper .top-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .beqalzi-wraper .top-head img,
    .beqalzi-wraper .top-head h2 br {
        display: none;
    }

    .results-banner {
        background-position: 90% 50%;
    }

    .brand-x-banner {
        background-position: 65% 50%;
    }

    .side-effect-banner {
        background-position: 90% 50%;
    }

    .faq-banner {
        background-position: 80% 50%;
    }

    .resource-banner {
        background-position: 75% 50%;
    }

}

@media (max-width:768px) {
    .resource-community-list li .resource-community-text-wrapper .faq-action-button {
        width: fit-content;
    }

    .resource-community-cards .resource-community-list li {
        flex-direction: column;
    }

    .resource-support-card .beone-logo {
        margin: 0 auto;
    }

    .resource-support-card .resource-support-list li .resource-support-icon {
        margin: 0 auto;
    }

    .resource-support-card .resource-support-list li {
        flex-direction: column;
        gap: 8px;
    }

    .resource-list ul {
        flex-direction: column;
        gap: 12px;
    }

    .resource-content-one .resource-content-card {
        flex-direction: column;
        gap: 26px;
    }

    .resource-content-one {
        gap: 30px;
    }

    .card {
        max-width: 100%;
        width: 100%;
    }

    .card-bottom {
        display: none;
    }

    .cards-container {
        flex-direction: column;
    }

    .about-card .cards-container {
        flex-direction: row;
    }

    .about-card .card-bottom {
        display: block;
    }

    .card-top {
        flex-direction: row;
        justify-content: space-between;
        gap: 14px;
        padding: 24px;
        text-align: left;
    }

    .about-card .card-top {
        text-align: center;
    }

    .card-arrow {
        margin-top: 0;
    }

    .card-top .text-wraper {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .card-top .text-wraper br {
        display: none;
    }

    .card-top h3 {
        font-size: 28px;
        letter-spacing: -0.14px;
        line-height: 36px;
    }

    .about-card .card-top h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    .sub-list {
        padding-left: 0px;
    }

    .list-heading {
        gap: 9px;
    }

    .how-it-work .box {
        flex-direction: column;
    }

    .beqalzi {
        padding-top: 32px;
    }
}

@media (min-width:568px) {
    .card-top .text-wraper br.phn-br {
        display: none;
    }

    .divider-img img.phn-br {
        display: none;
    }

    .phn-only {
        display: none;
    }
	.svg-phn{
		display:none;
	}
	
}

@media (max-width:567px) {
	.svg-hide{
		display:none;
	}
	
	    .responses .result-content .top-left svg {
        height: 100%;
    width: 100%;
    max-width: 30px;
    max-height: 176px;
    }
	
	.result-content-top .svg-phn{
		max-height:138px !important;
	}
	
    .common-side-effects-right::after {
        display: none;
    }

    .resource-inner-wrapper {
        padding-top: 32px;
    }

    .resource-content-one .resource-content-card img {
        max-width: 216px;
    }

    .resource-content-card .resource-content-text .faq-action-button {
        max-width: 100%;
        width: 100%;
    }

    .resource-content-one {
        gap: 60px;
    }

    .faq-section-wrappper .faq-list ul {
        flex-direction: column;
        gap: 12px;
    }

    .banner-home .homebanner-footer {
        color: #2E3233;
    }

    .phn {
        display: block;
    }

    .banner-home .title {
         max-width: 250px;
        font-size: 30px;
    }

    .card-top .text-wraper br {
        display: block;
    }

    .service-icons {
        flex-direction: column;
        align-items: center;
    }

    .support-wraper {
        padding: 0px;
        gap: 10px;
    }

    .service-icons img {
        width: 67px;
    }

/*     .service-icons p br {
        display: none;
    } */

    .cards-section {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .about-card {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .support-wraper .content-left figure {
        margin-bottom: 0px;
    }

    .program-service h3 {
        margin-top: 2px;
        margin-bottom: 6px;
    }

    .service-icons .service-item {
        gap: 8px;
    }

    .service-icons {
        gap: 18px;
    }

    .btn-support {
        margin: 2px 0;
    }

    .about-card .card-top p {
        font-size: 14px;
    }

    .about-card .card-arrow {
        width: 39px;
        height: 39px;
    }

    .about-card .card-arrow img {
        max-width: 11px;
    }

    .about-card .card-top {
        padding-top: 14px;
    }

    .about-card .actor-text {
        text-align: center;
    }

    .phn-hide {
        display: none !important;
    }

    .banner-phn {
        display: block;
        padding-top: 16px;
    }

    .banner-phn img {
        margin-top: 32px;
        display: block;
        width: 100%;
    }

    .banner .homebanner-footer {
        margin-right: 0px;
    }

    .banner-common {
        padding-top: 101.5px !important;
    }

    .about-banner {
        background-position: 90% 50%;
    }

    .banner-content-phone .content-right h2 {
        padding-bottom: 8px;
    }

    .what-is-beq p.bold {
        font-weight: 600;
    }

    .safty-information p.bold {
        font-weight: 600;
    }

    .list-heading span.bold {
        font-weight: 600;
    }

    .card-top .text-wraper br.phn-br {
        display: block;
    }

    .divider-img img.ph-hide {
        display: none;
    }

}

@media (max-width: 767px) {
    .faq-action-button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width:390px) {
    .banner-home .title {
        margin-bottom: 27px;
    }
}

/* On this page / Starting BEQALZI section */
.starting-beqalzi-section {
    padding-top: 20px;
}

/* On this page sticky nav */
.on-this-page-wrapper {
    position: sticky;
    top: 135px;
    /* Adjust based on header height */
    z-index: 9;
    background: var(--white);
    transition: box-shadow 0.3s ease;
}

.on-this-page-wrapper.is-stuck {
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20);
}

.on-this-page-wrapper.is-stuck .page-link svg{
	display:none;
}

.on-this-page {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 0;
    margin-bottom: 0;
}

.on-this-page-header {
    display: flex;
    align-items: center;
    margin-right: 24px;
}

.on-this-page-header p {
    margin-bottom: 0;
    white-space: nowrap;
}

.on-this-page-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
}

.on-this-page-toggle svg {
    transition: transform 0.3s ease;
    width: 24px;
    height: 24px;
}

.on-this-page-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.page-links {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    align-items: center;
}

.page-links .page-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #027F96;
    /* Teal color */
    text-decoration: none;
    transition: color 0.3s;
}


.page-links .page-link img {
    max-width: 13px;

}

.page-links .page-link:hover {
    opacity: 0.7;
}

/* Offset for sections targeted by sticky page-links */
.when-taking[id],
.dosing-schedule[id],
.manage-tls[id] {
    scroll-margin-top: 235px;
}

.starting-content h2 {
    font-family: var(--font-nunito);
    font-weight: 800 !important;
    margin-bottom: 8px;
}

.starting-content span {
    color: var(--primary-color);
}

.divider-img {
    padding: 24px 0px;
}

/* When Taking Section */

.when-taking-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 40px;
}

.when-taking-left {
    flex: 1;
    max-width: 65%;
}

.when-taking-left .title-spacing {
    margin-bottom: 22px;
    font-family: var(--font-nunito);
    font-weight: 800 !important;
}

.instruction-item {
    display: flex;
    gap: 24px;
    margin-bottom: 22px;
    align-items: center;
}

.instruction-item .icon {
    flex-shrink: 0;
    max-width: 80px;
}

.instruction-item .text {
    flex: 1;
}

.color-primary {
    color: var(--primary-color);
}

.d-block {
    display: block;
}

.mb-1 {
    margin-bottom: 5px;
}

.mt-3 {
    margin-top: 10px;
}

.when-taking-divider {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}

.when-taking-divider img {
    height: 100%;
    width: auto;
    object-fit: cover;
    max-height: 474px;
}

.when-taking-right {
    width: 25%;
    flex-shrink: 0;
}

.guide-card {
    text-align: left;
}

.guide-card .guide-img {
    width: 100%;
    max-width: 150px;
    margin-bottom: 26px;
    display: block;
    border-radius: 8px;
}

.title-guide {
    font-weight: 800 !important;
}

.desc-guide {
    margin-bottom: 16px;
    line-height: 1.4;
}

.btn-download {
    max-width: 500px;
    font-weight: bold;
    font-size: 18px;
    padding: 12px 31px;
}

.taking-phn {
    display: none;
}

@media (max-width: 991px) {
    .when-taking-wrapper {
        flex-direction: column;
    }

    .when-taking-left,
    .when-taking-right {
        max-width: 100%;
        width: 100%;
    }

    .when-taking-divider {
        display: none;
    }

    .guide-card .guide-img {
        margin: 0 auto 30px;
    }

    .guide-card {
        text-align: center;
        padding: 0 21px;
    }

    .title-guide,
    .desc-guide {
        text-align: left;
    }

    .btn-download {
        margin: 0 auto;
    }

    .ongoing-right img.fpo-img {
        max-width: 110px !important;
    }
}

/* Dosing Schedule Section */

.dosing-main-title {
    font-family: var(--font-nunito);
    font-weight: 800 !important;
    padding-bottom: 8px;
}

.ramp-up-section {
    padding-top: 32px;
}

.ramp-up-section,
.ongoing-treatment-section {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.ongoing-treatment-section {
    align-items: center;
}

.ramp-up-left,
.ongoing-left {
    flex: 1;
}

.ramp-up-right {
    max-width: 477px;
    flex-shrink: 0;
    align-self: self-end;
}

/* Dosing Table */
.dosing-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
}

.dosing-table th,
.dosing-table td {
    border: 1px solid #2E3233;
    text-align: center;
    padding: 4px 0;
    vertical-align: middle;
}

/* Column 1 (Week column) */
.dosing-table th:first-child,
.dosing-table td:first-child {
    width: 148px;
    border: none;
    /* Adjust this value to change the first column's width */
}

/* Column 2 (Days 1-3) */
.dosing-table th:nth-child(2),
.dosing-table td:nth-child(2) {
    width: 148px;
    /* Adjust this value to change the middle column's width */
}

/* Column 3 (Days 4-7) */
.dosing-table th:last-child,
.dosing-table td:last-child {
    width: 181px;
    /* Adjust this value to change the last column's width */
    max-width: 181px;
}

.dosing-table th.empty-cell {
    border-top: none;
    border-left: none;
}

.dosing-table th {
    font-size: 18px;
    font-weight: 800;
    color: #2E3233;
    background-color: transparent;
}

.dosing-table td.week-cell {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    line-height: 1.2;
}

.dosing-table td.week-1 {
    background-color: #3BB576;
}

.dosing-table td.week-2 {
    background-color: #8C379B;
}

.dosing-table td.week-3 {
    background-color: #213280;
}

.dosing-table td.week-4 {
    background-color: #7D85B3;
}

.dose-text {
    font-size: 18px;
    color: #2E3233;
    margin-bottom: 4px;
}

.dose-subtext {
    font-size: 14px;
    color: #555;
    margin-bottom: 8px;
}

.pill-images {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
}

.pill-images img {
    height: 15px;
    /* Adjust size based on actual image dimensions */
    width: auto;
}

.ongoing-right {

    max-width: 122px;
    flex-shrink: 0;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ongoing-right img.fpo-img {
    max-width: 180px;
}

.custom-bullet-list {
    margin-top: 12px;
    padding-left: 0;
    list-style: none;
}

.custom-bullet-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.36px;
}

.custom-bullet-list li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'%3E%3Cpath d='M3.42788 0C5.57245 2.89286 5.49819 6.75 3.3565 9.64286H-0.00127983C0.0217571 9.5734 0.111752 9.23743 0.133729 9.16769C1.75637 6.26786 1.75637 3.375 0.200671 0.472801C0.178932 0.399873 0.0890965 0.0726376 0.0662069 0L3.42788 0Z' fill='%23E05929'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: -1px;
    max-height: 9px;
}

.text-underline {
    text-decoration: underline;
}

.starter-pack-img {
    max-width: 450px;
}

.miss-dose-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.miss-dose-item {
    display: flex;
    align-items: center;
    gap: 24px;
}

.miss-dose-item .icon {
    flex-shrink: 0;
    text-align: center;
}

.miss-dose-item .icon img {
    max-width: 76px;
    height: auto;
}

.miss-dose-item .text {
    flex: 1;
}

.miss-dose-section h3 {
    padding-bottom: 12px;
}

@media (max-width: 991px) {

    .ramp-up-section,
    .ongoing-treatment-section {
        flex-direction: column;
    }

    .ramp-up-right,
    .ongoing-right {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .ongoing-right {
        justify-content: center;
    }

    .miss-dose-item {
        text-align: left;
    }

    .miss-dose-section {
        padding-top: 32px;
    }
}

/* Manage TLS Section */

.manage-tls h2 {
    font-weight: 800;
    font-family: var(--font-nunito);
    padding-bottom: 24px;
}

.manage-tls-title {
    padding-bottom: 8px;
}

.mb-32 {
    margin-bottom: 32px;
}

.tls-banner {
    background-color: #FFF4F0;
    border-radius: 20px;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 20px;
}

.tls-reminders {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.tls-banner-text {
    max-width: 630px;
}

.tls-banner-btn {
    max-width: 425px;
    width: 100%;
}

.tls-banner-text h4 {
    line-height: 1.2 !important;
}

.btn-outline {
    background: transparent;
    border: 2px solid #E05929;
    color: #E05929;
    padding: 15px 30px;
    border-radius: 66px;
    font-weight: bold;
    font-size: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    font-family: var(--font-red-text);
    text-decoration: none;
    max-width: 100% !important;
    margin-top: 0 !important;
    white-space: nowrap;
}

.btn-outline::before {
    background-color: #E05929 !important;
}

.btn-outline:hover {
    background: #E05929;
    color: #fff;
}

@media (max-width: 991px) {
    .tls-banner {
        flex-direction: column;
        text-align: center;
        padding: 25px;
        align-items: center;
    }

    .tls-banner-btn {
        width: 100%;
    }

    .btn-outline {
        width: 100%;
    }
}

/* Third-party external link confirmation popup */
.third-party-popup {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    pointer-events: none;
}

.third-party-popup.active {
    display: flex;
    pointer-events: auto;
}

.third-party-popup__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(2px);
}

.third-party-popup__dialog {
    position: relative;
    width: 100%;
    max-width: 733px;
    background: #fff;
    padding: 35px 29px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25);
    z-index: 1;
    margin: 0 16px;
}

.thired-priveious .third-party-popup__dialog {
    max-width: fit-content;
}

.us-patients-caregivers .third-party-popup__actions {
    margin-top: 10px;
}

.third-party-popup__content h2 {
    color: #008097;
}

.third-party-popup__actions {
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.third-party-popup__content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.third-party-popup__continue,
.third-party-popup__cancel {
    position: relative;
    width: 100%;
    max-width: 360px;
    min-height: 64px;
    padding: 0 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
    border-radius: 999px;
    overflow: hidden;
    font-family: var(--font-red-text) !important;
}
.third-party-popup__continue {
    background: #008097;
    color: #fff;
    border: none;
}
.third-party-popup__continue span,
.third-party-popup__cancel span{
	position: relative;
	z-index: 2;
}

.third-party-popup__cancel {
    background: #fff;
    color: #008097;
    border: 2px solid #008097;
}
.third-party-popup__continue span.overlay,
.third-party-popup__cancel span.overlay{
	content: "";
    position: absolute;
    inset: 0;
    background: #E05929;
    border-radius: inherit;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    z-index: 1;
}
.third-party-popup__continue:hover span.overlay,
.third-party-popup__cancel:hover span.overlay{
    transform: scaleX(1);
}
.third-party-popup__cancel{
	border: 0 !important;
    box-shadow: inset 0 0 0 2px #008cba;
}

.cm-btn-wrapper::after {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 100%;
    background-image: url(../images/white-blue-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.cm-btn {
    border-radius: 0;
/*     overflow: visible; */
    width: 100%;
    max-width: 268px;
}

.cm-btn-wrapper--secondary::after {
    background-image: url(../images/blue-white-blue.svg);
}

.cm-btn-wrapper {
    position: relative;
}

.cm-btn-wrapper::before {
    content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 100%;
    background-image: url(../images/blue-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.cm-btn-wrapper--secondary::before {
    background-image: url(../images/white-arrow.svg);
}

.cm-btn-wrapper {
    width: 100%;
    max-width: 268px;
}

.cm-btn-wrapper--secondary button {
    border-right: none;
}

.third-party-popup__continue svg {
    padding-left: 10px;
    width: 30px;
}

.us-patients-caregivers .third-party-popup__dialog {
    max-width: 777px;
}

@media (max-width: 640px) {
    .third-party-popup__dialog {
        padding: 36px 16px;
    }

    .third-party-popup__actions {
        flex-direction: column;
    }
}

/* Expand-collapse sticky section */
.sticksec {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 270px;
    /* <--- Control the STARTING height here */
    background-color: white;
    overflow: hidden;
    padding-top: 18px;
    /* <--- Control the SPACE above the text here */
    z-index: 10;
    filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 6px);
    transition: 0.5s all;
    border-top: 2px solid #C9C9C9;
}

.sticksec.collapsed {
    height: 70px;
    /* <--- Control the COLLAPSED height here (CSS) */
}

.sticksec.expanded {
    overflow: auto;
    padding-bottom: 20px;
}

.sticksec.hide:not(.expanded) {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.slidelocked {
    overflow: hidden !important;
}

.collapsebtn {
    position: absolute;
    right: 16px;
    top: 0;
    display: flex;
}

.collapsebtn button {
    font-family: var(--font-red-text);
    padding: 0;
    background-color: transparent;
    border: 0;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #008097;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.08px;
    opacity: 0.6;
    transition: 0.3s all;
    cursor: pointer;
}

.collapsebtn button.active {
    opacity: 1;
}

.collapsebtn button:not(.active) {
    display: none;
}

.collapsebtn button svg {
    fill: #008097;
    width: 23px;
}

.collapsebtn hr {
    width: 2px;
    height: 16px;
    background: #008097;
    margin: auto 8px;
    pointer-events: none;
    display: block;
    border: 0;
    opacity: 1;
}

.collapsebtn hr:not(.active) {
    display: none;
}

.ramp-up-right p {
    font-weight: 600;
    text-align: start;
}

.faq-list ul li a {
    text-decoration: none;
}

@media (max-width: 767px) {
    .collapsebtn {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .collapsebtn hr {
        display: none !important;
    }

    .collapsebtn button {
        line-height: 1.2;
    }

    .starting-beqalzi-section {
        padding-top: 32px;
    }

    .on-this-page {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 24px;
    }

    .on-this-page-header {
        margin-right: 0;
        justify-content: space-between;
        width: 100%;
        cursor: pointer;
    }
	 .resource-list.is-stuck .on-this-page-toggle,
	.faq-section-wrappper .faq-list.is-stuck .on-this-page-toggle,
    .on-this-page-wrapper.is-stuck .on-this-page-toggle {
        display: flex;
    }

    .on-this-page p {
        margin-bottom: 0;
    }

    .page-links {
        gap: 16px;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-top: 16px;
        display: flex;
    }

    .page-links.collapsed {
        display: none;
    }

    .when-taking {
        padding-top: 0;
    }

    .when-taking-wrapper {
        gap: 26px;
    }

    .taking-phn {
        display: block;
    }

    .dosing-table th:first-child,
    .dosing-table td:first-child {
        width: 81px;
    }

    .dosing-table th:nth-child(2),
    .dosing-table td:nth-child(2) {
        width: 81px;
    }

    .ramp-up-section,
    .ongoing-treatment-section {
        gap: 12px;
    }

    .manage-tls h2 {
        padding-top: 8px;
    }

    .tls-reminders .text-uppercase {
        text-transform: unset !important;
    }

    .custom-bullet-list li {
        font-size: 16px;
    }

    .btn-outline {
        padding: 15px 27px;
    }

    .btn-outline {
        white-space: wrap;
    }

    .support-section {
        padding-bottom: 24px;
    }

    .when-taking[id],
    .dosing-schedule[id],
    .manage-tls[id] {
        scroll-margin-top: 320px;
    }

}

@media (min-width:1500px) {
    .banner-home {
        padding-bottom: 30px !important;
    }
}

@media(min-width:1950px) {


    .banner-common {
        height: 35vh;
        display: flex;
        align-items: center;
        position: relative;
    }

    .homebanner-footer {
        position: absolute;
        bottom: -60px;
        right: 0;
    }

    .banner-home {
        padding-bottom: 60px !important;
    }

    .banner-home .homebanner-footer {
        position: unset;
    }

    .banner-common .container {
        position: relative;
    }
}


.third-party-popup .cm-btn-wrapper::before,.third-party-popup .cm-btn-wrapper::after {display:none}
.third-party-popup .cm-btn{border-radius:100px;cursor:pointer}
.third-party-popup .cm-btn-wrapper--secondary button {border-right:2px solid #008097}
/* .third-party-popup .cm-btn:hover{background:#E05929} */
.third-party-popup .cm-btn-wrapper--secondary .cm-btn:hover {border:2px solid #E05929;color:#fff}