html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}


/* Header */
#pregate-header {background: #F3F3F3;padding: 16px 60px;position: absolute;width: 100%;top: 0;}
#pregate-header ul.language-header {display: flex;justify-content: end;max-width: 1920px;margin: auto;}
#pregate-header ul.language-header li a {color: #830051;font-family: "LexiaLight";font-size: 18px;line-height: 27px;}
#pregate-header ul.language-header li.active a {font-family: "Lexia-bold";}
#pregate-header ul.language-header li a:hover {text-decoration: none;}
#pregate-header ul.language-header li + li {border-left: 1px solid #F0AB00;padding-left: 20px;margin-left: 20px}

/* Pregate banner */
#pregateMain .cmp-container__backgroundImage--enabled {margin: 0px;background-position: 100% 100%;}
#pregate-banner {padding: 248px 20px 391px;/*padding: 12.7vw 20px 20.365vw;*/}
#pregate-banner .image {max-width: 336px;margin: auto;}
#pregate-banner h1 {text-align: center;color: #250E62;font-family: "Lexia-bold";font-size: 64px;line-height: 74px;margin: 64px auto 48px;}
#pregate-banner #pregate-wrapper {max-width: 648px;margin: auto;text-align: center;gap: 28px;}
#pregate-banner #pregate-wrapper a.cmp-button{font-size: 16px;line-height: 20px;font-family: 'Lexia-bold';font-style: italic;
display: block;background: #250E62;color: #fff;padding: 22px 48px 22px 32px;position: relative;}
#pregate-banner #pregate-wrapper a.cmp-button:hover {text-decoration: none;}
#pregate-banner #pregate-wrapper a.cmp-button:before {content: '';height: 12px;width: 6px;position: absolute;top: 26px;right: 32px;
background: url(/content/dam/intelligentcontent/brands/truqap/ca/en/images/logo/Vector.svg);background-size: 100% 100%;}
#pregate-banner #pregate-wrapper a.cmp-button#patient-btn:before {right: 94px ;}


/*#truqap-home .azcl-column-par1 .button { display: none !important;}*/



/* Footer */
#footer {background: #1C1C1C;     padding: 44px 0;} 
#footer .image {max-width: 164px;margin-bottom: 30px;}
#footer #footer-container {max-width: 1408px;margin: auto;padding: 44px 25px;}
#footer .footer-text {color: #fff;font-family: 'Inter-Regular';font-size: 18px;line-height: 26px;margin-bottom: 24px;}
#footer p.footer-text sup {font-size: 50%;}
#footer .azcl-column-par1 .image {max-width: 190px;margin-bottom: 0px;}   
#footer .azcl-columns--2 {margin-top: 44px;margin-bottom: 32px;}
#footer .cmp-text {padding: 0px;}
#footer .footer-links {display: flex;gap: 24px;justify-content: flex-end;}
#footer .footer-links a {color: #fff;font-family: "Lexia-regular";font-size: 18px;line-height: 26px;text-decoration: underline;}
#footer .footer-logo-wrap {display: flex;justify-content: right;align-items: baseline;gap: 28px;margin-top: 32px;}
.mobile-visible, #footer .footer-links.mobile-visible {display: none;}
#footer-section {max-width: 1408px;margin: auto;padding: 0 25px;}
#footer .footer-text:nth-child(2) {margin-bottom: 44px;}
#footer-section .image {max-width: 164px;margin-bottom: 30px;}
#truqap-home #grey-border, #patient-pregate #grey-border {display: none;}

/* patient-pregate */
.cmp-text {padding: 0px;}
html:has(.self-certify-active) {overflow-y: scroll !important;}
#patient-pregate.self-certify-active {overflow-y: scroll !important;}  
#patient-pregate.self-certify-active .root {visibility: visible;}
#patient-pregate .selfCertification {position: absolute;top: 605px;max-width: 410px;left: calc(50% - 205px);z-index: 9;/*top: 65vh;*/}
#patient-pregate .selfCertification .cmp-selfcertification.cmp-selfcertification--inpage {padding: 0px;}
#patient-pregate .selfCertification .cmp-selfcertification.cmp-selfcertification--inpage .modal-box {background: transparent;
display: flex;gap: 14px;     justify-content: center;}
#patient-pregate .ppregate-text {text-align: center;max-width: 700px;margin: 0 auto 32px;font-family: 'Inter-Regular';font-size: 18px;
line-height: 26px;}
#patient-pregate label.control-label {display: none;}
#patient-pregate .cmp-selfcertification.cmp-selfcertification--inpage .form-control {width: 100%;max-width: 224px;height: 64px;
font-size: 18px;line-height: 26px;border: 1px solid #250E62;padding: 19px 14px;}
#patient-pregate .cmp-selfcertification.cmp-selfcertification--inpage .cmp-selfcertification__continue {width: 166px;height: 64px;
margin: 0px;background: #250E62;border: 1px solid #250E62;border-radius: 0px;font-family: "Lexia-bold";font-size: 16px;
padding: 22px 63px 22px 47px;justify-content: left;position: relative; font-style: italic;}
#patient-pregate .cmp-selfcertification.cmp-selfcertification--inpage .cmp-selfcertification__continue:before {content: '';height: 12px;
width: 6px;position: absolute;top: 26px;right: 45px;background: url(/content/dam/intelligentcontent/brands/truqap/ca/en/images/logo/Vector.svg);
background-size: 100% 100%;}
#patient-pregate #pregate-banner {padding: 200px 20px 243px;}
#patient-pregate #popup-text-wrap {max-width: 300px;margin: 30px auto 0px;width: 100%;padding: 0px;/*margin: 120px auto 0px;*/}
#patient-pregate #popup-text-wrap p {text-align: center;}
#patient-pregate #popup-text-wrap p a {display: block;width: fit-content;margin: auto;color: #250E62;font-family: 'Inter-Regular';font-size: 18px;line-height: 26px;text-decoration: underline;}
#patient-pregate #popup-text-wrap p a + a {margin-top: 30px;}
#patient-pregate #pregate-banner h1 { margin: 64px auto 25px;}
 
/* Modal css */
#patient-pregate .cmp-modal__modalbox.modal-sm, #patient-pregate .cmp-modal__modalbox.modal-md {background: rgb(3 3 3 / 50%);}
#patient-pregate .cmp-modal--defaultStyle.modal {backdrop-filter: blur(0px); -webkit-backdrop-filter:blur(0px);}
#patient-pregate .cmp-modal__modalbox.modal-sm h2#modalTitle, 
#patient-pregate .cmp-modal__modalbox.modal-md h2#modalTitle {display: none;}
#patient-pregate .cmp-modal__modalbox.modal-sm .modal-box .modal__close, 
#patient-pregate .cmp-modal__modalbox.modal-md .modal-box .modal__close {width: 12px !important;height: 12px !important;top: 14px;right: 10px;}
#patient-pregate .cmp-modal__modalbox.modal-sm .modal-box p.din-popup-text {color: #250E62;font-family: 'Inter-Bold';font-size: 18px;
line-height: 26px;max-width: 300px;margin: auto;text-align: center;}
#patient-pregate .cmp-modal__modalbox.modal-sm .modal-box__content, 
#patient-pregate .cmp-modal__modalbox.modal-md .modal-box__content {padding:21px 15px 10px 15px;}
#patient-pregate .cmp-modal__modalbox.modal-sm .modal-box {max-width: 419px;     padding: 0;     border-radius: 0;} 
#patient-pregate .cmp-modal__modalbox.modal-md .modal-box {max-width: 444px;     padding: 0; border-radius: 0px;} 
#patient-pregate .cmp-modal__modalbox.modal-md .modal-box .popup-2-text {color: #000;font-family: 'Inter-Regular';font-size: 18px;
line-height: 26px;text-align: center;}
#patient-pregate .cmp-modal__modalbox.modal-md .modal-box .cmp-image {margin-top: 20px;}

html[lang="fr"] #patient-pregate .cmp-selfcertification.cmp-selfcertification--inpage .form-control {width: 270px;max-width: 100%;}
html[lang="fr"] #patient-pregate .cmp-selfcertification.cmp-selfcertification--inpage .cmp-selfcertification__continue {width: auto;}


/*Dyanamic form css*/
#patient-pregate .cmp-dynamicform__form-validation {display: flex;max-width: 400px;margin: auto;gap: 9px;justify-content: space-between;}
#patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .button-group {margin: 0px;}
#patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form input.form-control {width: 100%;max-width: 224px;height: 64px;font-size: 18px;line-height: 26px;border: 1px solid #250E62;padding: 19px 14px;}
#patient-pregate .cmp-dynamicform__form-label-container,
#patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__clear-btn {display: none;}
#patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn {width: 166px;height: 64px;margin: 0px;background: #250E62;border: 1px solid #250E62;border-radius: 0px;font-family: "Lexia-bold";font-size: 16px;line-height: 16px;padding: 22px 63px 22px 47px;justify-content: left;position: relative;font-style: italic;cursor: pointer;outline: none;}
#patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn:before {content: '';height: 12px;width: 6px;position: absolute;top: 26px;right: 45px;background: url(/content/dam/intelligentcontent/brands/truqap/ca/en/images/logo/Vector.svg);background-size: 100% 100%;}
#patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .text-danger{color: #a94442;position: absolute;line-height: 30px;}

html[lang="fr"] #patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group.captch-holder {display: none;}
html[lang="fr"] #patient-pregate .cmp-dynamicform__form-validation {max-width: 485px;}
html[lang="fr"] #patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form input.form-control {max-width: 400px;}
html[lang="fr"] #patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn {width: 270px;}
html[lang="fr"] #patient-pregate .cmp-dynamicform-v2 .cmp-dynamicform__generated-form input.form-control {width: 270px;text-align: center;}
 
/*Dyanamic form css ends*/

/* Responsive css */

@media screen and (min-width: 600px) and (max-width: 768px) {
    #pregate-banner #patient-btn,#pregate-banner #pregate-wrapper a.cmp-button{min-height: 84px;max-height: 84px;padding: 28px 48px 22px 32px !important;}
    #pregate-banner #pregate-wrapper a.cmp-button#patient-btn:before,#pregate-banner #pregate-wrapper a.cmp-button:before {top: 33px !important;right: 32px !important;}
}
/*@media screen and (min-width: 768px) and (max-width: 858px) {*/
/*   html[lang="fr"] #patient-pregate #pregate-banner h1 {margin: 35px auto 25px;max-width: 787px;} */
/*}*/

@media (max-width: 1199px){
    #footer #footer-container {padding: 60px 25px;} 
}

@media (max-width: 767px){
    #pregate-header {padding: 16px 25px;}
    #pregate-banner .image {max-width: 224px;}
    #pregate-banner h1 {font-size: 48px;line-height: 60px;}
    #pregate-banner #pregate-wrapper a.cmp-button {max-width: 310px;margin: auto;}
    #pregate-banner {padding: 207px 20px 230px;}

    #footer .image {margin-bottom: 40px;}
    #footer .footer-text {margin-bottom: 30px;}
    #footer .azcl-columns--2 {margin-top: 60px;}
    #footer .azcl-column-par2 {display: none;} 
    #footer .footer-links.mobile-hidden, .mobile-hidden{display: none;} 
    #footer .footer-links.mobile-visible, .mobile-visible {display: block;}
    #footer .footer-logo-wrap {justify-content: left; align-items: baseline;}
    #footer .footer-links {margin-top: 106px;border-bottom: 1px solid #DDDDDD;margin-bottom: 40px;padding-bottom: 20px;}
    #footer .footer-links li {margin-bottom: 20px;}
    #footer hr.grey-border {display: none;}
    
    /* patient-pregate */ 
    #patient-pregate #pregate-banner {padding: 70px 20px 44px;}
    #patient-pregate  #pregate-banner h1 {font-size: 64px;line-height: 74px;margin: 48px auto 32px;}
    #patient-pregate .selfCertification {top: 569px; left: 0; max-width: 100%;}
    #patient-pregate .ppregate-text {max-width: 420px;}
    #patient-pregate .selfCertification .cmp-selfcertification.cmp-selfcertification--inpage .modal-box {flex-direction: column;gap: 44px; align-items: center; margin: auto;}
    #patient-pregate #popup-text-wrap {margin: 20px auto 0px; /*margin: 220px auto 0px;*/}
    #patient-pregate .cmp-modal__modalbox.modal-sm .modal-box,
    #patient-pregate .cmp-modal__modalbox.modal-md .modal-box {max-width: calc(100% - 50px);margin: auto;}
    #patient-pregate .cmp-modal__modalbox.modal-sm .modal-box p.din-popup-text {max-width: 340px;}
    #patient-pregate .cmp-modal__modalbox.modal-sm .modal-box .modal__close, 
    #patient-pregate .cmp-modal__modalbox.modal-md .modal-box .modal__close{width: 12px;height: 14px !important;top: 8px;right: 20px;left: auto;background: transparent;} 
    #patient-pregate .cmp-modal__modalbox.modal-sm .modal-box .modal__close .modal__closeIcon, 
    #patient-pregate .cmp-modal__modalbox.modal-md .modal-box .modal__close .modal__closeIcon {width: 12px;height: 14px;top: 14px;right: 10px; } 
    #patient-pregate .cmp-modal__modalbox.modal-sm .modal-box .modal__close .modal__closeLabel, 
    #patient-pregate .cmp-modal__modalbox.modal-md .modal-box .modal__close .modal__closeLabel {display: none;}
    #patient-pregate .cmp-modal__modalbox.modal-md .modal-box .cmp-image{margin-top: 27px;}
    #patient-pregate .cmp-selfcertification .modal-box {width: 100% !important;}
    
    
    /*Dyanamic form css*/
    #patient-pregate .cmp-dynamicform__form-validation {flex-direction: column;align-items: center;gap: 0px;} 
    html[lang="fr"] #patient-pregate .cmp-dynamicform__form-validation{gap:15px;}
    /*Dyanamic form css ends*/
}


@media (max-width: 540px){
    /* patient-pregate */ 
    #patient-pregate .selfCertification {top: 599px;}
    #patient-pregate .cmp-modal__modalbox.modal-md {padding-top: calc(50vh - 150px);} 
    #patient-pregate .cmp-modal__modalbox.modal-sm {padding-top: calc(50vh - 75px);} 
    /*#patient-pregate .selfCertification .cmp-selfcertification.cmp-selfcertification--inpage .modal-box {margin-top: 60px;}*/
    
}

@media (max-width: 479px){
    
    #pregate-banner #pregate-wrapper a.cmp-button#patient-btn:before {right: 32px;}
    
    /* patient-pregate */
    #patient-pregate #pregate-banner h1 {font-size: 50px;}
    #footer .footer-text {font-size: 17px;}
    #patient-pregate .cmp-modal__modalbox.modal-md .modal-box .cmp-image {margin-top: 35px;}
    
    html[lang="fr"] #patient-pregate #pregate-banner h1 {font-size: 40px;line-height: 50px;}
}