/* Home css starts */
/* CSS: /content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/css/home.css */
/* id: #home-page */

/**/
.font-Kalam {
    font-family: "Kalam", cursive !important;
}

#home-page #banner1-content {
    background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/pc-banner-mb-new.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    min-height: 824px;
    max-width: 375px;
    max-height: 824px;
}

.banner-white--button {
    /*padding: 14px 0px;*/
    border: 2px solid #2552C0;
    border-radius: 30px;
    max-height: unset !important;
    min-width: 343px;
    max-width: 343px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    height: 56px;
}

#pc-header, #landing_page:has(#main-header) {
    position: fixed;
    width: 100%;
    background: white;
    z-index: 9999;
}

#main-content, #main-section {
    margin-top: 122px;
}

.banner-white--button a {
    display: flex;
    gap: 12px;
    align-items: center;
    z-index: 1;
}

.banner-white--button p {
    font-size: 20px !important;
    line-height: 28px !important;
    color: #122960;
}

#home-page .banner-btns-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}


#home-page .learn_about_access_btn_mobile,
#home-page .learn_about_access_btn {
    position: relative;
}

#home-page .learn_about_access_btn_mobile:before {
    content: '';
    position: absolute;
    left: 1px;
    top: -5px;
    display: block;
    width: 1px;
    height: 37px;
    background-color: #FCFCFC;
}

#home-page .learn_about_access_btn:before {
    content: '';
    position: absolute;
    left: 1px;
    top: -7px;
    display: block;
    width: 1px;
    height: 38px;
    background-color: #FCFCFC;
}

#home-page .learn_about_access_btn_mobile::after {
    content: '';
    position: absolute;
    left: -5px;
    top: 0px;
    display: block;
    width: 43px;
    height: 1px;
    background-color: #FCFCFC;
}

#home-page .learn_about_access_btn::after {
    content: '';
    position: absolute;
    left: -8px;
    top: 0px;
    display: block;
    width: 44px;
    height: 1px;
    background-color: #FCFCFC;
}


.list-and--image a img {
    margin: 0 !important;
    max-width: none !important;
    transform: rotate(-90deg);
    min-width: auto !important;
    z-index: 0;
}

#home-page #home-button1,#home-page #home-button2 {
    overflow: unset;
}

.on-hover-icon{
    display:none;
}

 .banner-white--button a{
        min-width: 371px;
    max-width: 371px;
    justify-content: center;
}
 .banner-white--button a{
        min-width: 371px;
    max-width: 371px;
    justify-content: center;
}
/* Desktop - STARTS */
@media screen and (min-width: 992px) {

#home-page #banner1-content {
    background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/pc-banner-new.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* background-position: center; */
    min-height: 471px;
    max-width: -webkit-fill-available;
}
    #home-page #banner1-right-content {
        margin-left: -75px;
    }

    #home-page .list-and--image img {
        margin-left: -32px;
        margin-right: -32px;
        max-width: 656px;
        min-width: 656px;
    }

    .list-and--image > div {
        min-width: 624px;
    }

#home-page #banner2_content_bg {
    background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/home/learn-about-more-bg.jpg') no-repeat;
    height: 327px;
    margin-top: 0px !important;
}

#banner2_content {
    background: none;
    height: 327px;
    margin-top: 0 !important;
}

#home-page #banner2_right_sec img {
    max-width: 334px;
    margin-left: -2px;
}

#home-page .learn_about_access_btn {
    margin-left: 7px;
}

.banner1-left-text-white {
    margin-top: 78px;
    width: 566px;
    padding-left: 50px;
}

.banner1-left-text {
    padding-top: 263px;
    padding-left: 50px;
    padding-right: 56px;
}

span.home-bold-txt {
    font-weight: 700;
}

span.light-blue-text {
    color: #00D0D5;
}

.banner-footnote {
    padding-left: 50px;
    padding-top: 23px;
    padding-right: 150px;
}

.banner-footnote p {
    color: #FCFCFC;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

/*
#home-page .banner-white--button:has(>.home-btns-bg):before{
    content: "";
    position: absolute;
    display: inline-block;
    width: calc(100% + 18px);
    height: 100%;
    left: -8px;
    top: 0;
    border-top: 1px solid #2E66F0;
    border-bottom: 1px solid #2E66F0;
}

#home-page .banner-white--button:has(>.home-btns-bg):after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: calc(100% + 24px);
    border: none;
    border-left: 1px solid #2E66F0;
    border-right: 1px solid #2E66F0;
    left: 0;
    top: -12px;
}

#home-page .banner-white--button:has(>.home-btns-bg) {
    position: relative;
    overflow: initial;
    width: 371px;
    margin: 0 auto;
}
*/

.banner-white--button {
    /*padding: 14px 0px;*/
    border: 2px solid #2552C0;
    border-radius: 30px;
    margin: 0 !important;
    max-height: unset !important;
    min-width: 371px;
    max-width: 371px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    height: 56px;
    overflow: visible;
}

.banner-white--button:before, .banner-white--button:after {
    content: "";
    background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/button-bg.png);
    position: absolute;
    display: inline-block;
    width: calc(100% + 27px);
    height: 80px;
    left: -14px;
    top: -14px;
    border: none;
}

#home-page .inline-text {
    display: inline !important;
}

#home-page .banner-white--button:hover {
    background: #2552C0;
}

#home-page .banner-white--button a:hover,#home-page .banner-white--button p:hover{
    color: #fff;
    text-decoration: none;
}

#home-page .banner-white--button:hover .default-icon {
    display: none;
}

#home-page .banner-white--button:hover .on-hover-icon {
    display: block;
}

}
/* Desktop - ENDS */

/* Mobile - STARTS */
@media screen and (max-width: 992px) {

    .banner-white--button {
        overflow: visible;
    }

    .banner-white--button:before, .banner-white--button:after {
        content: "";
        background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/home/CTA_outline.svg);
        position: absolute;
        display: inline-block;
        width: calc(100% + 27px);
        height: 80px;
        left: -14px;
        top: -14px;
        border: none;
    }

#home-page .banner1-left-text {
    padding: 269px 38px 14px 37px;
    text-align: center;
}

.banner-footnote p {
    color: #FCFCFC;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 0px 16px 16px 22px;
    text-indent: -6px;
}

.banner1-left-text p {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    color: #FCFCFC;
    letter-spacing: -0.2px;
}

.banner1-left-text-white {
    text-align: left;
    /* max-width: 300px; */
    /* margin: 0 auto; */
    padding: 326px 16px 20px 16px;
}

.banner1-left-text-white p {
    color: #FCFCFC;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    letter-spacing: -0.25px;
}

span.home-bold-txt {
    font-weight: 700;
}

span.light-blue-text {
    color: #00D0D5;
}

    #home-page .list-and--image > img {
        width: 100%;
        max-width: 343px;
    }

#home-page #banner2_content_bg {
    background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/home/mb_learn-about-more-bg.jpg) no-repeat;
    margin-top: 24px;
    height: unset;
}

#banner2_content{
    background:none;
}

    #home-page #banner2_right_sec {
        display: flex;
        justify-content: flex-end;
    }

    #home-page .learn_about_access_btn_mobile {
        margin-bottom: 0;
    }
    
    .mobile-pd1 {
    padding-right: 0px !important;
}

.mobile-pd2 {
    padding-right: 0px !important;
}

.foot-indent {
    text-indent: -8px;
}

}

sup.discover-footnote {
    font-size: 12px;
}
/* Mobile - ENDS */

/*compatibility*/

@media screen and (min-width:2200px) and (max-width:2560px) {
    
#home-page #banner1-content {
    min-height: unset !important;
    max-height: unset !important;
    width: auto;
    height: auto;
}

.banner1-left-text-white {
    margin-top: 127px;
    width: 720px;
    padding-left: 70px;
}

.banner1-left-text-white p {
    font-size: 20px !important;
    line-height: 24px !important;
}

.banner1-left-text {
    padding-top: 365px;
    padding-left: 70px;
}

.banner-footnote {
    padding-left: 70px;
}

.banner1-left-text p {
    font-size: 20px !important;
    line-height: 24px !important;
    max-width: unset;
}

#home-page #banner1-right-content {
    margin-top: 230px;
}

#home-page #banner2_content_bg {
    background-size: 100% 100%;
}

}

@media screen and (min-width:1950px) and (max-width:2199px) {
    
#home-page #banner1-content {
    min-height: unset !important;
    max-height: unset !important;
    width: auto;
    height: auto;
}
    
.banner1-left-text-white {
    margin-top: 113px;
    width: 700px;
    padding-left: 70px;
}

.banner1-left-text-white p, .banner1-left-text p {
    font-size: 18px !important;
    line-height: 22px !important;
    max-width: unset;
}

.banner1-left-text {
    padding-top: 365px;
    padding-left: 70px;
}

#home-page #banner1-right-content {
    margin-top: 200px;
}

#home-page #banner2_content_bg {
    background-size: 100% 100%;
}

}

@media screen and (min-width:1740px) and (max-width:1949px) {
#home-page #banner1-content {
    min-height: unset !important;
    max-height: unset !important;
    width: auto;
    height: auto;
}

#home-page #banner2_content_bg {
    background-size: 100% 100%;
}
}

@media screen and (min-width:1441px) and (max-width:1739px) {
#home-page #banner1-content {
    min-height: unset !important;
    max-height: unset !important;
    width: auto;
    height: auto;
}

#home-page #banner2_content_bg {
    background-size: 100% 100%;
}
}

@media screen and (min-width:1201px) and (max-width:1439px) {
    
#home-page #banner1-content {
    min-height: unset !important;
    max-height: unset !important;
    width: auto;
    height: auto;
}

.banner-white--button p {
    font-size: 18px !important;
    line-height: 26px !important;
}

#home-page #banner1-right-content {
    margin-left: -83px;
}

.banner-white--button {
    min-width: 315px;
    max-width: 315px;
}

.banner-white--button:before, .banner-white--button:after {
    width: calc(100% + 25px);
    height: 80px;
    left: -13px;
    background-size: 100% 100%;
}

.banner1-left-text-white p,.banner1-left-text p {
    font-size: 14px !important;
}

#home-page #banner2_content_bg {
    background-size: 100% 100%;
}

#home-page .wrapper {
    max-width: unset;
    padding: 0;
    margin: 0 16px;
}

.desktop-width {
    max-width: unset !important;
    min-width: unset !important;
    width: 50% !important;
}

#home-page .list-and--image > div {
    min-width: unset;
}

#home-page .width-text {
    max-width: 510px!important;
    min-width: unset !important;
}

}

@media screen and (min-width:992px) and (max-width:1200px) {
    
#home-page #banner1-content {
    min-height: 420px !important;
    max-height: 420px !important;
}

.banner1-left-text-white {
    margin-top: 70px;
    width: 475px;
    padding-left: 25px;
    padding: 6px 16px 20px 16px;
}

#home-page .banner1-left-text {
    padding: 195px 38px 32px 20px;
    text-align: center;
}

.banner1-left-text-white p, .banner1-left-text p {
    font-size: 12px !important;
    line-height: 16px !important;
    max-width: unset;
}

.banner1-left-text {
    padding-top: 239px;
    padding-left: 25px;
    padding-right: 0;
}

.banner-white--button {
    min-width: 258px;
    max-width: 258px;
    height: 44px;
}

.banner-white--button:before, .banner-white--button:after {
    background-size: 100% 100%;
    width: calc(100% + 23px);
    height: 63px;
    left: -11px;
    top: -11px;
}

.banner-white--button p {
    font-size: 12px !important;
    line-height: 20px !important;
}

#banner1-right-content {
    padding: 355px 21px 18px 0px;
}

.banner-white--button p img {
    vertical-align: middle;
}

#home-page #banner2_content_bg {
    background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/home/learn-about-more-bg.jpg') no-repeat;
    height: 327px;
    margin-top: 0px !important;
}

#banner2_left_img_sec {
    margin-left: 20px;
}

#home-page .wrapper {
    max-width: unset;
    padding: 0;
    margin: 0 16px;
}

.desktop-width {
    max-width: unset !important;
    min-width: unset !important;
    width: 48% !important;
}

#home-page .list-and--image > div {
    min-width: unset;
}

#home-page .width-text {
    max-width: 400px!important;
    min-width: unset !important;
}

#home-page #banner2_right_sec {
    display: flex;
    justify-content: unset;
}

#home-page #banner1-right-content {
    margin-left: -71px;
}

}

@media screen and (min-width:376px) and (max-width:991px) {
    
#home-page #banner2_content_bg {
    background-size: 100% 100%;
} 

#home-page #banner2_right_sec img.cmp-image__image.cmp-image--desktop, #banner2_left_img_sec img.cmp-image__image.cmp-image--desktop{
    display: none;
}

#home-page #banner1-content {
    margin: 0 auto;
            width: 100%;
        max-width: 100%;
}

#home-page .width-text {
    max-width: unset !important;
    width: 100% !important;
    margin: 0 auto;
}

#home-page .width-text a {
    justify-content: start !important;
}

#home-page .width-text a .mobile-only {
    display: none;
}

#banner2_content {
    background: none;
    width: 50%;
    margin: 0 auto;
}

#home-page #banner2_content_bg #text-778b9edba0 {
    width: 50%;
    margin: 0 auto !important;
}

#home-page .learn_about_access_btn_mobile {
    width: 93%;
    margin: 0 auto !important;
    margin-top: 20px !important;
}

}

@media screen and (min-width:600px) and (max-width:751px) {

#banner2_content {
    background: none;
    width: 60%;
    margin: 0 auto;
}

#home-page #banner2_content_bg #text-778b9edba0 {
    width: 60%;
    margin: 0 auto !important;
}   

#home-page .learn_about_access_btn_mobile {
    width: 100%;
    margin: 0 auto !important;
    margin-top: 20px !important;
}
    
}

@media screen and (min-width:376px) and (max-width:601px) {

#banner2_content {
    background: none;
    width: 100%;
    margin: 0 auto;
}

#home-page #banner2_content_bg #text-778b9edba0 {
    width: 100%;
    margin: unset !important;
}   

#home-page .learn_about_access_btn_mobile {
    width: 341px;
    margin: unset !important;
    margin-top: 20px !important;
    float: right;
}
    
}

@media screen and (min-width:320px) and (max-width:374px) {
    
#home-page #banner1-content {
    min-height: 824px !important;
    max-width: 375px !important;
    max-height: 824px !important;
}

.banner1-left-text-white {
    padding: 326px 16px 20px 16px;
}

#home-page .banner1-left-text {
    padding: 269px 38px 14px 37px;
}

.banner1-left-text p {
    font-size: 15px !important;
}
    
.banner1-left-text-white p {
    font-size: 14px !important;
    line-height: 20px !important;
}

.banner-white--button {
    min-width: 290px;
    max-width: 290px;
    height: 48px;
}

.banner-white--button p {
    font-size: 16px !important;
    line-height: 24px !important;
}

.banner-white--button:before, .banner-white--button:after {
    top: -18px;
    background-size: 100% 100%;
    width: calc(100% + 25px);
    left: -12px;
}

.learn_about_access_btn_mobile {
    width: 300px;
}

.learn_about_access_btn_mobile p a {
    font-size: 14px !important;
    line-height: 15px !important;
}

}

@media screen and (max-width: 992px) {
    
#home-page .inline-text {
    display: inline;
}    
    
}

@media screen and (min-width: 1441px) {
    #home-page #banner1-content{
    background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/pc-banner-new.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 15/5;
}
    #banner1-content .azcl-container {
        position: relative;
    }
    #home-page #banner1-right-content {
        position: absolute;
        padding: 0;
        bottom: 5%;
        margin-top: 0;
        justify-content: center;
        width: 100%;
    }
    #home-page .banner1-left-text {
        padding-top: 39%;
    }
}
@media screen and (min-width: 992px) and (max-width: 1430px) {
    #home-page #banner1-content{
    background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/pc-banner-new.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 15/5;
    min-height: auto !important;
}
    #home-page #banner1-content .azcl-container {
        position: relative;
    }
    #home-page #banner1-right-content {
        position: absolute;
        padding: 0;
        bottom: 5%;
        margin-top: 0;
        width: 100%;
    }
    #home-page .banner1-left-text {
        padding-top: 31%;
        padding-bottom: 5px;
    }
    #home-page .banner1-left-text-white {
        margin-top: 45px;
    }
    #home-page .banner-footnote {
        padding: 0;
    }
    #home-page .banner-footnote > p {
        padding: 0 20px;
        max-width: 391px;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1430px) {
    #home-page .banner1-left-text {
        padding-top: 34%;
        padding-left: 20px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1430px) {
    #home-page .banner1-left-text {
        padding-top: 39%;
        padding-left: 20px;
    }
    #home-page .banner1-left-text-white {
        padding: 0 20px;
    }
}
@media screen and (min-width: 376px) and (max-width:991px) {
#home-page #banner1-content {
    background-size: 100%;
    background-position: top;
    min-height: auto;
    max-height: none;
    aspect-ratio: 1/2.2;
    position: relative;
}
#home-page #banner1-left-content .cmp-text {
    position: unset;
}
#home-page #banner1-left-content .cmp-text .banner1-left-text-white {
    top: 39.52%;
    padding: 0 16px 20px;
    position: absolute;
}
#home-page #banner1-left-content .cmp-text .banner-footnote {
    bottom: 5%;
    position: absolute;
    display: block;
}
#home-page .banner1-left-text {
    bottom: 11.6%;
    position: absolute;
    padding-top: 0;
    padding-left: 16px;
}
}

@media screen and (min-width: 320px) and (max-width:374px) {
#home-page #banner1-content {
    background-size: 100%;
    background-position: top;
    min-height: auto;
    max-height: none;
    aspect-ratio: 1/2.2;
    position: relative;
    min-height: auto !important;
    max-height: unset !important;
}
#home-page #banner1-left-content .cmp-text {
    position: unset;
}
#home-page #banner1-left-content .cmp-text .banner1-left-text-white {
    top: 37.52%;
    padding: 0 16px 20px;
    position: absolute;
}
#home-page #banner1-left-content .cmp-text .banner-footnote {
    bottom: 5%;
    position: absolute;
    display: block;
}
#home-page .banner1-left-text {
    bottom: 11.6%;
    position: absolute;
    padding-top: 0;
    padding-left: 16px;
}

#home-page .banner-white--button a {
    min-width: 290px;
    max-width: 290px;
}
}

@media screen and (min-width: 555px) and (max-width:991px) {
#home-page #banner1-left-content .cmp-text .banner-footnote {
    bottom: 8%;
}
}