/* FONTS */
@font-face {
  font-family: Inter-Regular;
  src: url(/content/dam/intelligentcontent/unbranded/respvirtualclinicconversations/ca/en/fonts/Inter-Regular.ttf);
}

@font-face {
  font-family: Inter-Bold;
  src: url(/content/dam/intelligentcontent/unbranded/respvirtualclinicconversations/ca/en/fonts/Inter-Bold.ttf);
}

@font-face {
  font-family: arialnarrow;
  src: url(/content/dam/intelligentcontent/unbranded/respvirtualclinicconversations/ca/en/fonts/arialnarrow.ttf);
}


#navigation-main ul.cmp-navigation__group li:nth-child(1),
#home-page #mid-respvirtual-container .azcl-columns__base .azcl-column-par1 {display: none !important;}

.new
{
    margin:0px !important;
    height:0px !important;
}
/*header*/
.main-header-resp
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1366px;
    margin: 10px auto;
    padding: 0px 10px;
    gap: 20px;
}
.main-header-resp .logo img {
    max-width: 170px;
}
#main-header-ex-resp
{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
#main-header-ex-resp .language-switch a.language {
    color: #1b1e2a;
    font-family: Inter-Regular;
    font-size: 14px;
    line-height: 17px;
}
#main-header-ex-resp .language-switch a.language + a.language {
    padding-left: 6px;
    border-left: 1px solid;
    margin: 0px 0px 0px 1px;
}
/*new navigation css 26112024*/

#respvirtualclinic-header.cmp-container[role="pre-gate-container"] {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    position: relative;
}
#header-sec {
    max-width: 1366px;
    margin: 0px auto;
    padding: 0px 10px;
}
div#header-sec>.aem-Grid {
    display: flex;
    align-items: center;
}
.cmp-container[role="pre-gate-container"] .logo img {
    max-width: 170px;
}
.cmp-container[role="pre-gate-container"] .logo a
	{
	max-width: 175px;
    font-size: 30px;
    color: #1b1e2a;
	font-family: arialnarrow;
	display: inline-grid;
	text-decoration: none;
	}
	html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a
	{
	   max-width: 190px; 
	}
	html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a span
	{
	font-size: 11px;
	}
	.cmp-container[role="pre-gate-container"] .logo a:hover
	{
	    text-decoration: none;
	}
	.cmp-container[role="pre-gate-container"] .logo a span
	{
	margin-top: 2px;
	font-size: 12px;
	}
	#header-sec
	{
	  padding-top: 10px;
    padding-bottom: 10px;
	}
div#nav-right>.aem-Grid {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#navigation-main {
    display: block;
}
div#navigation-main ul.cmp-navigation__group {
    justify-content: center;
    flex-wrap: nowrap;
    gap: 15px;
}

/*.cmp-container[role="pre-gate-container"] div#navigation-main ul.cmp-navigation__group li a {
    font-family: Inter-Regular;
    font-size: 18px;
    text-decoration: none;
    color: #1b1e2a;
}*/

div#navigation-main ul.cmp-navigation__group li{
    font-family: Inter-Regular;
    font-size: 18px;
    text-decoration: none;
}

div#navigation-main ul.cmp-navigation__group li a {
    color: #1b1e2a;
}

#asthma-page div#navigation-main ul.cmp-navigation__group li:nth-child(1){
    font-weight:bold;
}

#copd-page div#navigation-main ul.cmp-navigation__group li:nth-child(2){
    font-weight:bold;
}

#respvirtualclinic-header .languae-wrapper {
    text-align: right;
}
#respvirtualclinic-header .languae-wrapper a {
    font-family: Inter-Regular;
    font-size: 14px;
    line-height: 17px;
    color: #1b1e2a;
}
#respvirtualclinic-header .languae-wrapper a + a {
    border-left: 1px solid #1b1e2a;
    padding-left: 6px;
    margin-left: 1px;
}
/*footer*/
#resvirtual-footer {
    background-color: #1b1e2a;
    color: #ffffff;
    padding: 20px 0px;
    margin-top: 3px;
}
.footer-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1366px;
    margin: 10px auto;
    padding: 0px 10px;
    gap: 20px;
}
.footer-nav .com-text {
    width: 60%;
}
.footer-nav .com-text p, .footer-topnavigation ul li a {
    font-family: Inter-Regular;
    font-size: 14px;
    line-height: 18px;
}
.footer-nav .com-text p {
    margin-bottom: 15px;
}
.footer-nav .com-text img {
    max-width: 132px;
}
.footer-nav .com-text p:last-child {
    margin-bottom: 0px;
}
.footer-topnavigation {
    margin-top: 45px;
    width: 40%;
}
.footer-topnavigation ul {
    display: flex;
    justify-content: right;
}
.footer-topnavigation ul li a {
    text-decoration: none;
    color: #ffffff;
}
.footer-topnavigation ul li + li {
    border-left: 1px solid #ffffff;
    padding-left: 5px;
    margin-left: 5px;
}
html[lang="FR"] .footer-topnavigation ul li + li
{
    padding-left: 15px;
}
/*middle common section*/

#mid-respvirtual-container
{
    max-width: 1366px;
    margin: 0px auto;
    padding: 0px 20px;
    margin-bottom: 35px;
}
/*login header*/
#login-page #common-container-res
{
    max-width: 1366px;
    margin: 0px auto;
    padding: 0px 10px;
}
#login-page #common-container-res .language-switch
{
    /*padding: 35px 0px 35px;*/
    padding: 31px 0px 31px 0px;
    text-align: right;
}
#login-page .language-switch a.language {
    color: #1b1e2a;
    font-family: Inter-Regular;
    font-size: 14px;
    line-height: 17px;
}
#login-page .language-switch a.language + a.language {
    padding-left: 6px;
    border-left: 1px solid;
    margin: 0px 0px 0px 1px;
}
#login-page #main-container-resp .text.aem-GridColumn.aem-GridColumn--default--12:first-child
{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
/*login page*/

#middle-login-section
{
    max-width: 100%;
    margin: 0 auto;
}
.main-block-res
{
    display: flex;
    flex-wrap: wrap;
}
.main-block-res .left-block,
.main-block-res .right-block
{
    flex: 50%;
}
#login-page #middle-login-section .azcl-column-par2
{
    /*background-color: #da9515;*/
    background-color: #f7f9fc;
    height: 100%;
    max-height: 100%;
    min-height: auto;
}
#login-page #middle-login-section .azcl-column-par2 .right-block
{
   padding: 0px 10px;
}
#login-page #left-block-space
{
    width: 100%;
    max-width: 683px;
    margin: 0 0 0 auto;
    padding: 0px 10px;
    padding-bottom: 50px;
}

#login-page .brand-logo img {
    width: 270px;
    margin: 25px 0px 0px 0px;
}
html[lang="FR"] #login-page .brand-logo
{
    max-width: 320px;
    font-size: 49px;
}
#login-page .brand-logo {
    max-width: 270px;
    font-size: 45px;
    color: #1b1e2a;
    font-family: arialnarrow;
    display: inline-grid;
    margin: 30px 0px 10px 0px;
    text-decoration:none;
}
#login-page .brand-logo span
{
    margin-top: 2px;
    font-size: 18px;
}
#login-page .compre-para {
    margin: 40px 0px 15px 0px;
    /*width: 480px;*/
    width: 100%;
    max-width: 480px;
    font-weight: bold !important;
    color: #1b1e2a !important;
}
#login-page .compre-para, .main-block-res .resource-para {
    font-family: Inter-Regular;
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    color: #1b1e2a;
}
#login-page .lincense-para {
    font-family: Inter-Regular;
    font-size: 18px;
    line-height: 24px;
    color: #1b1e2a;
    max-width: 480px;
    width: 100%;
    margin: 0px 0px 45px 0px;
}
#login-page .left-block-inner p:nth-child(4) {
    position: relative;
    max-width: 320px;
    width: 100%;
    background: #fff;
    top: 70px;
}
#login-page select#province {
    width: 100%;
    height: 46px;
    padding: 10px 20px;
    color: #1b1e2a;
    font-family: Inter-Regular;
    font-size: 16px;
    padding-right: 150px;
    border: 0px;
    -webkit-appearance: none;
    outline: none !important;
    z-index: 9;
    margin: initial;
    position: relative;
    background: transparent;
    border: 1px solid #1b1e2a;    z-index: 999;
}
html[lang="FR"] #login-page select#province
{
   padding-right: 135px; 
}
#login-page .cmp-selfcertification.cmp-selfcertification--inpage .form-control {
    height: 46px;
    width: 100%;
    max-width: 320px;
    font-family: Inter-Regular;
    font-size: 16px;
    border: 0;
    color: #1b1e2a;
    padding: 10px 20px;
    margin: 0px 0px 35px 0;
    outline: none !important;
    position: relative;
    bottom: 51px;
    background-color: #fff;
    border: 1px solid #1b1e2a;
    border-radius: unset;
}

#login-page .cmp-selfcertification.cmp-selfcertification--inpage .form-control::placeholder {
  color: #1b1e2a;
  opacity: 1; /* Firefox */
}

#login-page .cmp-selfcertification.cmp-selfcertification--inpage .form-control::-ms-input-placeholder { /* Edge 12-18 */
  color: #1b1e2a;
}

#login-page .cmp-selfcertification.cmp-selfcertification--inpage label.control-label {
    display: none;
}
#login-page .cmp-selfcertification #textField-error, #login-page .cmp-selfcertification #textField-error-invalid {
    /*position: absolute;
    left: 0;
    top: 60px;*/
    color: red;
    max-width: 320px;
    text-align: left;
    width: 100%;
    background-color: transparent;position: absolute;top: 20px
}
#login-page .cmp-selfcertification.cmp-selfcertification--inpage .cmp-selfcertification__continue {
    background: #5c80bc;
    color: #fff;
    font-family: Inter-Regular;
    font-size: 18px;
    border-radius: 0px;
    width: 175px;
    margin-top: 60px;
    /*padding:15px 15px;*/
}
#login-page .cmp-selfcertification.cmp-selfcertification--inpage {
    padding: 0px 0px 70px 0px;
}
#login-page .cmp-selfcertification .modal-box {
    background: none;
    max-width: 680px;
    margin: auto 0;
}
body#login-page .root.container.responsivegrid {display: block !important;}
body#login-page .cmp-experiencefragment--self-certification {position: absolute;top: 445px;left: calc(50% - 683px);width: 100%;max-width: 683px;z-index: 99;}
body#login-page .left-block-inner {min-height: 550px;}
/*home page*/

#home-page .mid-content-wrap
{
    margin-bottom: 15px;
}
.mid-content-wrap h1 {
    font-family: Inter-Regular;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    /*color: #890d5a;*/
    color: #1b1e2a;
}
.mid-content-wrap p {
    font-family: Inter-Regular;
    font-size: 18px;
    line-height: 24px;
    color: #1b1e2a;
}
.core-common-col-heading {
    font-size: 18px;
    font-family: Inter-Bold;
    margin-top: 15px;
    color:#1b1e2a;
    margin-bottom: 8px;
}
.core-common-btn-blue {
    /*border: 2px solid #1b1e2a;*/
    border: 2px solid #5c80bc;
    border-radius: 0px;
    width: auto;
    padding: 5px 20px;
    margin-top: 20px;
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    line-height: 22px;
    text-decoration: none;
    font-family: Inter-Regular;
    /*background-color: #1b1e2a;*/
    background-color: #5c80bc;
    text-align: center;
}
#copd-page .core-common-btn-blue
{
 font-family: Inter-Bold;
}
a.core-common-btn-blue:hover,
#login-page .language-switch a.language,
#login-page .language-switch a.language:hover,
#respvirtualclinic-header .languae-wrapper a:hover,
#login-page .brand-logo:hover
{
    text-decoration: none;
}
html[lang="FR"] #respvirtualclinic-header .languae-wrapper a + a,
html[lang="en"] #respvirtualclinic-header .languae-wrapper a:nth-child(1) ,
html[lang="FR"] #login-page .language-switch a.language + a.language,
html[lang="en"] #login-page .language-switch a.language:nth-child(1) ,
div#navigation-main ul.cmp-navigation__group li.cmp-navigation__item--active a{
    font-weight: bold;
}
.core-common-btn-blue:after {
    content: '';
    background: url(/content/dam/intelligentcontent/unbranded/respvirtualclinicconversations/ca/en/images/vector.png) no-repeat;
    background-size: 100% 100%;
    width: 10px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0px 5px;
}
#home-page #mid-respvirtual-container .azcl-columns__base
{
    gap:50px;
}

/*asthma page*/
.toggle-accordion .collapse-all, .toggle-accordion .expand-all
{
    font-family: Inter-Regular;
    color: #1b1e2a;
}
.tabs.panelcontainer
{
    max-width: 95%;
    width: 100%;
}
ol.cmp-tabs__tablist {
    margin: 0px;
    /*padding-top: 27px;*/
    /*border-bottom: 1px solid #890d5a;*/
    border-bottom: 1px solid #1b1e2a;
}
div#custom-tabs .cmp-tabs__tab.cmp-tabs__tab--active {
    min-width: auto;
    border: 1px solid transparent;
    outline: none !important;
    /*color: #890d5a;*/
    color: #1b1e2a;
    background: #fff;
    /*border-color: #890d5a;*/
    border-color: #1b1e2a;
    border-bottom-color: #fff;
    padding-bottom: 11px;
    margin-bottom: -1px;
    border-radius: 8px 8px 0px 0px;
    font-family: Inter-Bold;
}
div#custom-tabs .cmp-tabs__tab {
    font-size: 16px;
    line-height: 18px;
    color: #1b1e2a;
    text-align: center;
    /*padding: 5px 1rem 10px;*/
    padding: 5px 1.7rem 10px 0.8rem;
    border: 1px solid transparent;
    outline: none !important;
    font-family: Inter-Regular;
}
div#custom-tabs .cmp-tabs__tabpanel--active {
    padding: 0px 15px 0px 15px;
}
#respvirtual-accordion .cmp-accordion__item {
    border: 0px;
    border-bottom: 1px solid #1b1e2a;
    padding: 5px 0rem 10px;
}
#respvirtual-accordion
{
    padding-top: 15px;
    width: 100%;
    max-width: 90%;
}
#respvirtual-accordion .cmp-accordion__title
{
    font-size: 16px;
    line-height: 18px;
    font-family: Inter-Regular;
    width: 100%;
    max-width:75%;
    color: #1b1e2a;
}
#respvirtual-accordion .cmp-accordion__icon::before
{
    color: #1b1e2a;
}
#respvirtual-accordion .cmp-accordion__button
{
    width: 100%;
    max-width: 100%;
    border: 0px;
    /*border-bottom: 1px solid #1b1e2a;*/
    padding: 0.5em 1em 1em 1em;
}
#respvirtual-accordion .cmp-accordion__icon
{
    width: 100%;
    max-width:25%;
    text-align:right;
}
.cmp-video__player
{
    padding:0px !important;
}
.footnote-para
{
    font-size: 13px;
    line-height: 15px;
    font-family: Inter-Regular;
    color: #1b1e2a;
    padding-right: 52px;
}
.footnote-para sup
{
    top: 3px;
    position: relative;
}
/*.cmp-modal--defaultStyle .modal__close {
        position: fixed !important;
        top: 0.7rem !important;
        right: 0.5rem !important;
        left: unset !important;
        z-index: 1000 !important;
        padding: 0 !important;
        width: 2rem !important;
        height: 2rem !important;
        border: none !important;
        background-color: transparent !important;
        color: #000 !important;
        cursor: pointer !important;
    }*/
    .cmp-modal--defaultStyle .modal-box__content
    {
        padding: 1rem 1rem !important;
    }
    .cmp-modal--defaultStyle .modal__close {
        position: fixed !important;
        top: 0.1rem !important;
        right: 0.1rem !important;
        left: unset !important;
        z-index: 1000 !important;
        padding: 0 !important;
        width: 0.9rem !important;
        height: 0.9rem !important;
        border: none !important;
        background-color: transparent !important;
        color: #000 !important;
        cursor: pointer !important;
    }
    .dr-thumb img
    {
        width: 100%;
    padding-right: 20px;
    }
    

html[lang="fr"] #copd-page  #custom-tabs .cmp-tabs__tab.cmp-tabs__tab--active, 
html[lang="fr"] #copd-page  #custom-tabs .cmp-tabs__tab{width:33%}
/*Responsive start*/
@media (max-width: 767px) {
    /*header logo*/
     html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a
    {
        font-size: 17px !important;
    }
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a span{
    font-size: 6px !important;
    }
    html[lang="FR"] .navigation-overlay.show {
        top: 39px !important;
    }
    
    /*asthma page*/
        div#custom-tabs .cmp-tabs__tablist {
        flex-wrap: nowrap;
        border-bottom: 0px;
        /*justify-content: center;*/
        /*padding-top: 10px;*/
    }
    div#custom-tabs .cmp-tabs__tab.cmp-tabs__tab--active, html[lang="FR"] div#custom-tabs .cmp-tabs__tab.cmp-tabs__tab--active {
        background: transparent;
        margin-bottom: 0px;
        /*border-bottom-color: #890d5a;*/
        border-bottom-color: #1b1e2a;
        border: 0px;
        border-bottom: 1px solid;
        padding: 5px 0.6rem 10px;
        /*min-width: 25%;*/
    }
    html[lang="FR"] #asthma-page div#custom-tabs .cmp-tabs__tab
    {
        padding: 5px 0.3rem 10px !important;
    }
        div#custom-tabs .cmp-tabs__tab, html[lang="FR"] div#custom-tabs .cmp-tabs__tab {
        font-size: 14px !important;
        line-height: 18px !important;
        padding: 5px 0.6rem 10px !important;
        border: 0px;
        /*border-bottom: 1px solid #890d5a82;*/
        border-bottom: 1px solid #1b1e2a82;
        /*min-width: 25%;*/
    }
    #respvirtual-accordion
    {
        max-width: 100%;
    }
    /*copd page*/
    
    #copd-page div#custom-tabs .cmp-tabs__tab.cmp-tabs__tab--active,
    #copd-page div#custom-tabs .cmp-tabs__tab
    {
        /*min-width: 50%;*/ 
    } 
    #asthma-page .cmp-modal--defaultStyle .modal__closeIcon,
    #copd-page .cmp-modal--defaultStyle .modal__closeIcon{
        /*width: 1.0rem !important;*/
        width: 0.9rem !important;
        display:block;
    }
	#asthma-page .cmp-modal--defaultStyle .modal__close,
	#copd-page .cmp-modal--defaultStyle .modal__close{
    /*top: 0.3rem !important;*/
    top: 0.1rem !important;
    right: 0rem !important;
    /*width: 1.5rem !important;*/
    /*height: 1.5rem !important;*/
     width: 1.0rem !important;
    height: 1.0rem !important;
	
	}
	#asthma-page .cmp-modal--defaultStyle .modal__closeLabel,
	#copd-page .cmp-modal--defaultStyle .modal__closeLabel
	{
	    display:none;
	}
	    #asthma-page .cmp-modal__modalbox .modal-box__content,
	    #copd-page .cmp-modal__modalbox .modal-box__content{
        /*padding: 1.6rem 1.6rem !important;*/
    }
    
    
    /*COPD tab 3*/
    html[lang="fr"] #copd-page #custom-tabs .cmp-tabs__tablist{flex-wrap: wrap;}
    html[lang="fr"] #copd-page #custom-tabs .cmp-tabs__tab.cmp-tabs__tab--active, 
    html[lang="fr"] #copd-page #custom-tabs .cmp-tabs__tab{width: 100%;}
}

@media (max-width: 991px) {
    /*header logo*/
    body {
        padding-top: 0px !important;
    }
    .cmp-container[role="pre-gate-container"] .logo a
    {
        font-size: 23px;
    }
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a
    {
        font-size: 19px;
    }
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a span{
    font-size: 7px;
    }
    .cmp-container[role="pre-gate-container"] .logo a span{
    font-size: 9px;
    }
    #login-page #common-container-res .language-switch {
    padding: 15px 0px 15px 0px;
}
body#login-page .cmp-experiencefragment--self-certification {
    top: 408px;
}
    
    /*footer*/
    .footer-nav {
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }
    .footer-topnavigation ul {
        flex-direction: column;
        text-align: center;
        gap: 5px;
        margin: 20px auto 0px;
    }
    .footer-nav .com-text {
        width: 100%;
    }
    .footer-topnavigation {
        margin-top: 7px;
        width: 100%;
    }
    .footer-topnavigation ul li {
        margin-bottom: 6px;
    }
    .footer-topnavigation ul li:last-child {
        margin-bottom: 0px;
    }
    .footer-topnavigation ul li + li a, .footer-topnavigation ul li + li, html[lang="FR"] .footer-topnavigation ul li + li {
        border-left: 0px;
        padding-left: 0px;
        margin-left: 0px;
    }
    
    /*login page*/
    #login-page .azcl-columns__base {
        --col-count: 1 !important;
    }
    
    /*#login-page #middle-login-section .azcl-column-par2
{
    height: 100vh;
}*/

#login-page #middle-login-section .azcl-column-par2
{
   display:none;
}
    
        /* asthma page*/
        .tabs.panelcontainer
{
    max-width: 100%;
    width: 100%;
}
        div#custom-tabs .cmp-tabs__tab {
    font-size: 13px;
    line-height: 15px;
    padding: 5px 0.4rem 10px;
    }
    
    /*header*/
    .ic-hamburger .hamburger-wrapper {
        position: relative;
        z-index: 3;
        top: 0px;
        display: block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        left: 45%;
    }
    .ic-hamburger .hamburger-top {
        z-index: 4;
    }
    .ic-hamburger .hamburger {
        position: absolute;
        z-index: 3;
        color: #195471;
        width: 35px;
        height: 30px;
    }
    .ic-hamburger .hamburger-line {
        position: absolute;
        z-index: 1;
        left: 0px;
        display: block;
        width: 35px;
        height: 2px;
        background: #195471;
    }
    .ic-hamburger .hamburger-line-top {
        top: 14px;
        transform: translateY(-7px);
    }
    .ic-hamburger .hamburger-line-mid {
        top: 14px;
    }
        .ic-hamburger .hamburger-line-bottom {
        bottom: 14px;
        transform: translateY(7px);
    }
        .ic-hamburger.open .hamburger {
        transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
    }
    .ic-header.menuclose .ic-hamburger .hamburger {
    transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  }
        .ic-hamburger.open .hamburger-top {
        transform: rotate(45deg);
    }
        .ic-hamburger .hamburger-top {
        z-index: 4;
    }
    .navigation-overlay.show {
        background: transparent linear-gradient(90deg, #ffffff 0%, #efefef 100%) 0% 0% no-repeat padding-box;
        position: fixed;
        top: 48px;
        left: unset;
        right: 0px;
        width: 80%;
        background-color: #fff;
        z-index: 999999;
        overflow: hidden;
        height: 100vh !important;
    }
    html[lang="FR"] .navigation-overlay.show {
        top: 42px;
    }
    .navigation-overlay.show {
        background: #EBEFEE;
    }
    .ic-hamburger.open .hamburger-mid {
        visibility: hidden;
    }
        .ic-hamburger.open .hamburger-bottom {
        transform: rotate(-45deg);
    }
    .cmp-container[role="pre-gate-container"] div#navigation-main ul.cmp-navigation__group li {
        margin: 0;
        padding: 0;
        white-space: nowrap;
        max-width: 100%;
    }
    .cmp-container[role="pre-gate-container"] div#navigation-main ul.cmp-navigation__group li a {
        width: 100%;
        display: block;
        height: 100%;
        padding: 15px 15px 15px 45px;
    }
    .cmp-navigation__group {
        flex-direction: column;
    }
    .hamburger-wrapper.active .hamburger-wrapper:after {
    content: "CLOSE";
    color: #006838;
    left: 4px;
  }
  .ic-header.menuclose .ic-hamburger .hamburger-line {
    transform: none;
    transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  }
  .topnavigation {
    display: none;
  }

  .ic-header .cmp-navigation__item {
    display: none;
  }
      .ic-hamburger.open .hamburger-line {
        transform: none;
        transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    }
    .cmp-container[role="pre-gate-container"] .logo img {
    max-width: 100px;
}

div#nav-right>.aem-Grid
{
    flex-direction: row-reverse;
    justify-content: flex-start;
}
div#nav-right .aem-Grid .container
{
   width: 20% !important; 
}
#header-sec
{
    padding:0px 20px;
}
#respvirtualclinic-header .languae-wrapper a + a {
    padding-left: 4px;
}
#respvirtualclinic-header .languae-wrapper
{
    width: 66px;
    padding-right: 14px;
    display: contents;
}
#respvirtualclinic-header #mobview-enfr
{
    text-align:right;
}
#login-page-section .brand-logo img {
    width: 190px;
}
    /*header done*/
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    /*footer*/
    .footer-nav .com-text p, .footer-topnavigation ul li a {
        font-family: Inter-Regular;
        font-size: 12px;
        line-height: 16px;
    }
    /*copd*/
    #copd-page div#custom-tabs .cmp-tabs__tab
    {
        font-size: 14px;
        line-height: 16px;
    }
    /*copd and ashtma*/
    div#custom-tabs .cmp-tabs__tab
    {
        padding: 5px 0.5rem 10px 0.5rem;
    }
    #asthma-page div#custom-tabs .azcl-columns__base.azcl-columns--4 .core-common-col-heading, 
#copd-page div#custom-tabs .azcl-columns__base.azcl-columns--4 .core-common-col-heading
{
 font-size: 14px;
}
    /*header logo*/
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a
    {
        font-size: 25px;
    }
        .cmp-container[role="pre-gate-container"] .logo a {
      font-size: 28px;
}
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a span {
    font-size: 9px;
    }
    .cmp-container[role="pre-gate-container"] .logo a span {
    font-size: 11px;
    }
    
}

@media screen and (min-width: 320px) and (max-width: 450px) {
    #respvirtualclinic-header .languae-wrapper {
        display: inline-block;
    }
    html[lang="FR"] #login-page select#province {
    padding-right: 115px;
}
html[lang="en"] #login-page select#province {
    padding-right: 130px;
}
/*fr login*/
html[lang="FR"] #login-page .brand-logo
{
    font-size: 47px;
}
html[lang="FR"] #login-page .brand-logo span
{
    font-size: 17px;
}
	#asthma-page .cmp-modal--defaultStyle .modal__close,
	#copd-page .cmp-modal--defaultStyle .modal__close{
    top: 0rem !important;
    right: 0rem !important;
	
	}
    
}
@media (max-width: 400px) {
    
   /*ashtmapage*/
    #mid-respvirtual-container div#custom-tabs .cmp-tabs__tab {
        font-size: 11px !important;
        line-height: 14px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    #copd-page div#custom-tabs .cmp-tabs__tablist{flex-wrap: wrap;}
    #copd-page div#custom-tabs .cmp-tabs__tab.cmp-tabs__tab--active, #copd-page div#custom-tabs .cmp-tabs__tab{min-width: 100%;text-align: left;}
    
}
@media (max-width: 600px) {
    
    /*ashtmapage*/
    div#custom-tabs .cmp-tabs__tab {
        font-size: 11px !important;
        line-height: 14px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
   
    
}

@media screen and (min-width: 500px) and (max-width: 767px)
{
    div#custom-tabs .cmp-tabs__tab.cmp-tabs__tab--active,
    div#custom-tabs .cmp-tabs__tab
    {
        min-width: 25%;
    }
}
@media screen and (min-width: 768px) and (max-width: 855px)
{
    html[lang="FR"] #copd-page div#custom-tabs .cmp-tabs__tab
    {
        font-size: 11px;
        line-height: 14px;
    }
    html[lang="FR"] #asthma-page div#custom-tabs .cmp-tabs__tab {
        padding: 5px 0.3rem 10px;
    }
    /*header logo*/
     html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a
    {
        font-size: 19px !important;
    }
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .logo a span{
    font-size: 7px !important;
    }
}

/*10122024*/
@media screen and (min-width: 960px) and (max-width: 991px)
{
    #asthma-page div#custom-tabs .azcl-columns__base.azcl-columns--4,
    #copd-page div#custom-tabs .azcl-columns__base.azcl-columns--4
    {
        --col-count: 2 !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1279px)
{
    #asthma-page div#custom-tabs .azcl-columns__base.azcl-columns--4,
    #copd-page div#custom-tabs .azcl-columns__base.azcl-columns--4
    {
        --col-count: 4 !important;
    }
    
}

/* English */
@media screen and (max-width: 1399px) {
    body#login-page .cmp-experiencefragment--self-certification {/*left: 11px;*/left: 0px;}
    #login-page .cmp-selfcertification.cmp-selfcertification--inpage
    {
        margin-left: 10px;
    }
}
@media screen and (min-width: 695px) and (max-width: 991px) {
    body#login-page .cmp-experiencefragment--self-certification {/*right: -11px;*/right: 0px;left: auto;}
}
@media screen and (max-width: 373px) {
    #login-page #left-block-space
    {
        padding-bottom: 65px;
    }
    
    body#login-page .cmp-experiencefragment--self-certification {top: 435px;/*padding-right: 20px;*/padding-right: 10px;}
} 
@media screen and (max-width: 336px) {
	body#login-page .cmp-experiencefragment--self-certification {top: 465px; }
} 

/* French */
@media screen and (max-width: 461px) {
    html[lang="fr"] body#login-page .cmp-experiencefragment--self-certification {top: 435px;}
    html[lang="fr"] #login-page #left-block-space
    {
        padding-bottom: 100px;
    }
}
@media screen and (max-width: 406px) {
    html[lang="fr"] body#login-page .cmp-experiencefragment--self-certification {top: 465px;}
}
@media screen and (max-width: 333px) {
    html[lang="fr"] body#login-page .cmp-experiencefragment--self-certification {top: 485px;}
}

.modal-box__content h2#modalTitle.cmp-modal__title,
.modal-box__content .cmp-video__content
{
    display:none;
}

/*exit ramp*/
.modal.exit-ramp-modal.modal--visible {
    height: 100% !important;
}
.modal.exit-ramp-modal .modal__close {
    color: #1b1e2a;
    width: 12px;
    height: 20px;
    top: 32px;
    right: 64px;
}
.modal.exit-ramp-modal.modal--visible {
    padding: 0px;
    display: flex;
    justify-content: center;
}
.modal.exit-ramp-modal {
    background: rgb(51 51 51 / 50%);
    backdrop-filter: blur(0px);
}
.modal.exit-ramp-modal.modal--visible  {
    visibility: visible;
    opacity: 1;
}
.modal.exit-ramp-modal .modal__close {
    color: #1b1e2a;
    width: 12px;
    height: 20px;
    top: 32px;
    right: 64px;
    position: fixed;
    z-index: 1000;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.modal.exit-ramp-modal .modal__closeLabel {
    display: none;
}
.modal.exit-ramp-modal .modal-box {
    max-width: 745px;
}
.modal.exit-ramp-modal.modal--visible .modal-box{
    -webkit-animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
    animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
    background-color: #ffffff;
}
.modal.exit-ramp-modal .modal-box__content {
    padding: 32px 64px;
}
.modal.exit-ramp-modal .exit-ramp-title {
    color: #1b1e2a;
    font-family: Inter-Regular;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    margin: 8px 0px 16px 8px;
}
.modal.exit-ramp-modal .exit-ramp-body {
    font-family: Inter-Regular;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 26px;
    max-width: 586px;
    margin-left: 8px;
}
.modal.exit-ramp-modal .exit-ramp-actions {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
}
.modal.exit-ramp-modal a.exit-ramp-continue {
    display: block;
    text-decoration: none;
    color: #ffffff;
    margin-left: 24px;
    background: #1b1e2a;
}
.modal.exit-ramp-modal .exit-ramp-cancel, .modal.exit-ramp-modal a.exit-ramp-continue {
    width: 166px;
    height: 60px;
    text-align: center;
    padding: 22px;
    border: 2px solid #1b1e2a;
    font-family: Inter-Regular;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}
.modal.exit-ramp-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
}
.kWidgetCentered
{
    width:100%;
}
.mid-content-wrap h1 span
{
    /*text-transform: uppercase;*/
}
#home-page #mid-respvirtual-container {
    min-height: calc(100vh - 80px - 210px - 35px);
}
#asthma-page #mid-respvirtual-container {
    min-height: calc(100vh - 80px - 210px - 35px);
}
#copd-page #mid-respvirtual-container {
    min-height: calc(100vh - 80px - 210px - 35px);
}
#login-page #middle-login-section
{
  min-height: calc(100vh - 79px - 210px - 50px);
}
@media (max-width: 599px) {
    #asthma-page #custom-tabs .cmp-container.azcl-columns__base.azcl-columns--4,
#copd-page #custom-tabs .cmp-container.azcl-columns__base.azcl-columns--4
{
  gap: 0px;
}
}


#hidden{
    display:none;
}
#respvirtual-accordion .cmp-accordion__button--expanded .cmp-accordion__title{
    font-family: Inter-Bold;
}