@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: local('DM Sans'), url('https://fonts.cdnfonts.com/s/29932/DMSans[opsz,wght].woff') format('woff');
}

@font-face {
font-family:"bogart";
src:url("https://use.typekit.net/af/166870/0000000000000000775bda4a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/166870/0000000000000000775bda4a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/166870/0000000000000000775bda4a/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

/* variables */
:root{
    /*colors*/
    --light-blue: #BDEAFF;
    --blue-color :#276F91;
    --dark-blue: #135270;
    --pale-blue:#D4F9F0;
    --navy-blue:#18344D;
    --dark-blue-secondary: #155069;
    --light-cream: #FFF9EB;
    --pink-variables: #FF00CC;
    --btn-blue: #D2F1FF;
    --banner-black:#020202;
    --color-white:#F6F6F6;
    --green-bg: #BCE9DE;
    --dark-green:#233D2C;
    --light-cream-text: #FFF3D0;
    --white : #fff;
    --pink-color:#FF00C8;
    --carousel-cream: #FFFFFF26;
    
    /*accordion bg colors*/
    --green-accordion: #D4F9F0;
    --yellow-accordion: #FFF3D7;
    --blue-accordion: #135270;

    /*background color*/
    --light-blue-bg : #E9F8FF;
    --light-green-bg: #BCE9DE;

    /*spacer*/
    --spacer-60: 60px;
    --spacer-40: 40px;
    --spacer-20 : 20px;
    --spacer-16: 16px;
    
    /*font family*/
    --font-sans : 'DM Sans';
    --font-bogart: "bogart";

    /* font size clamps */
    --font-size-heading-65 : clamp(3.375rem, -235.9375rem + 500vw, 4.0625rem); /*65px size*/
    --font-size-heading-50 : clamp(2.625rem, -380.875rem + 800vw, 3.125rem); /*50px size*/
    --font-size-heading-35: 2.188rem; /*35px size*/
    --font-size-heading-28 : clamp(1.5rem, -190.25rem + 400vw, 1.75rem); /*28px size*/
    
    /*font size para*/
    --font-size-para-25 : clamp(1.125rem, -334.4375rem + 700vw, 1.5625rem); /*25px size*/
    --font-size-para-22 : clamp(1.125rem, -334.4375rem + 700vw, 1.375rem); /*22px size*/
    --font-size-para-16: clamp(0.875rem, -95rem + 200vw, 1rem);
    --font-size-para-14: 0.875rem;
}

@media screen and (max-width: 767px) {
    #sixty-column{
        flex-wrap: wrap;
    }
    #sixty-column .azcl-column-par1,
    #sixty-column .azcl-column-par2{
        max-width: 100% !important;
    }
    :root{
        /*spacer*/
        --spacer-60: 40px;
        --spacer-40: 20px;
        --spacer-20: 16px;
    }
}
/* variables end */

.inline-block{
    display:inline-block;
}
.block{
    display:block;
}
.diagnosis-nav.desktop-view,.desktop-view{
    display:flex;
}
.diagnosis-nav.mobile-view, .mobile-view{
    display:none;
}
.cmp-text p > a.color-pink {
    color: var(--pink-variables);
}
/* font sizes */
h1,h2,h3,h4{
    font-family:var(--font-bogart);
    font-weight:700;
    margin-block: 0 var(--spacer-16);
}
h1, .heading-l{
    font-size: var(--font-size-heading-65);
    line-height: 1.1;
}
h2{
    font-size: var(--font-size-heading-50);
    line-height: 57px;
}
h3{
    font-size: var(--font-size-heading-35);
    line-height: 1.139;
}
h4{
    font-size:var(--font-size-heading-28);
    line-height:32px;
}
.heading-fifty{
    font-size: var(--font-size-heading-50);
    line-height: 57px;
}
p, .para-base, li{
    font-family: var(--font-sans);
    font-size: var(--font-size-para-22);
    line-height: 1.36;
    font-weight:400;
    letter-spacing: 0.5px;
}
p:not(:last-child){
    margin-bottom: var(--spacer-16);
}

.para-sixteen{
    font-size: var(--font-size-para-16);
    line-height: 21px;
}
.para-fourteen{
    font-size: var(--font-size-para-14);
    line-height: 1.4;
}
.para-twentyfive{
    font-size: var(--font-size-para-25);
    line-height:35px;
}

ul li {
    position: relative;
}
#list-styles  ul > li:not(li li):before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background: currentColor;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50%;
}
#list-styles > ul > li {
    padding-left: 20px;
    letter-spacing: 0.5px;
}
#list-styles ul ul{
    margin-top: 20px;
    padding-left: 15px;
}
/**color for text classes**/
.color-cream{
    color: var(--light-cream);
}
.color-blue{
    color: var(--blue-color);
}
.color-pink{
    color: var(--pink-variables);
}
.color-dark-blue{
    color: var(--dark-blue);
}
.color-light-blue{
    color:var(--light-blue)
}
.color-light-cream{
    color:var(--light-cream-text);
}
.color-dark-green{
    color:var(--dark-green);
}
.pink-text{
    color:var(--pink-color);
}
/* backgrounds */
.cmp-container#light-cream-bg{
    background-color: var(--light-cream);
    padding-block: var(--spacer-60);
}
.cmp-container#light-blue-bg{
    background-color: var(--light-blue-bg);
    padding-block: var(--spacer-60);
}
.cmp-container#blue-bg{
    background-color: var(--blue-color);
    padding-block: var(--spacer-60);
}
.cmp-container#light-green-bg{
    background-color: var(--light-green-bg);
    padding-block: var(--spacer-60);
}
.cmp-container#green-bg{
    background-color:var(--green-bg);
    padding-block: var(--spacer-60);
}
.cmp-container#white-bg{
    background-color:var(--white);
    padding-block: var(--spacer-60);
}
.cmp-container#sky-blue-bg{
    background-color:var(--btn-blue);
    padding-block: var(--spacer-60);
}

/* para and heading spacers */
.inline-block{
    display:inline-block;
}
.block{
    display:block;
}
.spacer-twenty{
    margin-bottom: var(--spacer-20);
}
.spacer-top-twenty{
    margin-top:var(--spacer-20);
}
.spacer-sixty{
    margin-bottom: var(--spacer-16);
}
.spacer-top-fourty{
    margin-top: var(--spacer-40);
}
.spacer-fourty{
    margin-bottom: var(--spacer-40);
}
:is(h3,h4) span.spacer-top-fourty{
    display:inline-block;
}
:is(h3,h4) span.spacer-fourty{
    display:inline-block;
}
:is(h3,h4):has(span.spacer-fourty){
    margin-bottom:0;
}

/* button */
.cmp-button{
    padding-inline: 20px;
    padding-block: 12px;
    border-radius: 50px;
    display: inline-block;
}
.cmp-button .cmp-button__text{
    font-weight: 700;
    font-family: var(--font-bogart);
    font-size: 1.25rem;
    line-height: 24px;
    display: inline-block;
}

/*column center*/
#column-center {
    align-items: center;
}
/* navy blue btn */
#navyblue-btn {
    background-color: var(--blue-color);
}
#navyblue-btn span.cmp-button__text {
    color: var(--light-cream);
}

/* white btn */
#white-btn {
    background-color: var(--light-cream);
}
#white-btn span.cmp-button__text {
    color: var(--blue-color);
}

/*blue btn*/
#blue-btn {
    background-color: var(--btn-blue);
}
#blue-btn span.cmp-button__text {
    color: var(--blue-color);
}

/* dark blue btn */
#dark-blue-btn{
    background-color: var(--dark-blue);
}
#dark-blue-btn span.cmp-button__text {
    color: var(--light-cream);
}
/* common override styles */
div.cmp-text{
    padding-block:0;
}
.cmp-text p > a,.cmp-text li > a{
    text-decoration: underline;
    text-decoration-thickness: 1px;
    color: currentColor;
}
.text-bold{
    font-weight: 700;
}

/* row container section */
#row-container, .row-container {
    width: 100%;
    max-width: 1140px;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/*global accordion section starts*/
span.cmp-accordion__icon::before {
    content: '';
    display:block;
    min-width:16px;
    min-height:16px;
    background-image: url(/content/dam/intelligentcontent/unbranded/doenca-dos-pezinhos/gb/en/Images/global/accordion-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(180deg);
}
.cmp-accordion__button--expanded span.cmp-accordion__icon::before{
    content:'';
    transform:unset;
}
#blue-accordion span.cmp-accordion__icon::before {
    background-image: url(/content/dam/intelligentcontent/unbranded/doenca-dos-pezinhos/gb/en/Images/global/white-arrow.png);
}
#no-color-accordion:has(.cmp-accordion__panel--expanded) button.cmp-accordion__button {
    padding-bottom: var(--spacer-40);
}
/*global accordion section ends*/

/*reference section styles start*/
#reference-section {
    padding-block: var(--spacer-60);
    background-color: var(--light-cream);
}
#reference-section .accordion .cmp-accordion__header .cmp-accordion__title * {
    font-size: var(--font-size-heading-35);
    line-height: 1.13;
    margin-block: 0;
    color: var(--blue-color);
}

#reference-section .accordion .cmp-accordion__header button {
    padding-inline: 0;
    padding-block-start: 0;
    padding-block-end: var(--spacer-20);
}
#reference-section .accordion .cmp-accordion__panel--expanded {
    padding-inline: 0;
    padding-block: 0 var(--spacer-40);
}
#reference-section .accordion .cmp-accordion__panel--expanded .cmp-text {
    padding-block: 0;
}
#reference-section .accordion .cmp-accordion__panel--expanded .cmp-text ol {
    margin-block: 0;
    counter-reset: item;
    list-style: none;
}
#reference-section .accordion .cmp-accordion__panel--expanded .cmp-text ol li {
    font-size: var(--font-size-para-22);
    line-height: 30px;
    color: var(--blue-color);
    /*counter-increment: item;*/
    position: relative;
    /*padding-left: 30px;*/
    word-break:break-word;
    list-style: auto;
    list-style-position: outside;
    margin-left: 25px;
}
/*#reference-section .accordion .cmp-accordion__panel--expanded .cmp-text ol li:before {*/
/*    content: counter(item) ". ";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/
#reference-section #gb-section {
    padding-block: 0;
}
#reference-section #gb-section p:is(:last-child) {
    margin-bottom: 0;
    color: var(--blue-color);
}
/*blue section*/
#light-bg-background-container-style {
    background: var(--light-blue-bg);
    padding-block:var(--spacer-60);
    color: #276F91;
}
/*blue section*/

/*one column slider*/
#one-column-slider > div[class^="azcl-column-par"] {
    width: 100%;
    max-width: unset;
    display: flex;
    flex-flow: column;
}
#one-column-slider > div[class^="azcl-column-par"] .image img.cmp-image__image {
    height: auto;
}
#one-column-slider > div[class^="azcl-column-par"] .cmp-title__text {
    margin-block: 30px 20px;
}
#one-column-slider > div[class^="azcl-column-par"] > .cmp-container {
    display: flex;
    flex-flow: column;
    height: 100%;
}
#one-column-slider > div[class^="azcl-column-par"] > .cmp-container > .button:last-child {
    margin-top: auto;
}
#one-column-slider > div[class^="azcl-column-par"] > .cmp-container > .text:has(+.button:last-child) {
    margin-block: auto var(--spacer-40);
}

/*two column slider*/
#two-colum-slider {
    display: flex;
    justify-content: space-between;
    gap: var(--spacer-20);
}
#two-colum-slider > div[class^="azcl-column-par"] {
    width: 100%;
    max-width: 587px;
    display: flex;
    flex-flow: column;
}
#two-colum-slider > div[class^="azcl-column-par"] .image img.cmp-image__image {
    height: auto;
}
#two-colum-slider > div[class^="azcl-column-par"] .cmp-title__text {
    margin-block: 30px 20px;
}
#two-colum-slider > div[class^="azcl-column-par"] > .cmp-container {
    display: flex;
    flex-flow: column;
    height: 100%;
}
#two-colum-slider > div[class^="azcl-column-par"] > .cmp-container > .button:last-child {
    margin-top: auto;
}
#two-colum-slider > div[class^="azcl-column-par"] > .cmp-container > .text:has(+.button:last-child) {
    margin-block: auto var(--spacer-40);
}
/*three column slider*/
#three-colum-slider {
    display: flex;
    justify-content: space-between;
    gap: unset;
}
#three-colum-slider > div[class^="azcl-column-par"] {
    width: 100%;
    max-width: 350px;
    display: flex;
    flex-flow: column;
}
#three-colum-slider > div[class^="azcl-column-par"] .image img.cmp-image__image {
    height: auto;
}
#three-colum-slider > div[class^="azcl-column-par"] .cmp-title__text {
    margin-block: 30px 20px;
}
#three-colum-slider > div[class^="azcl-column-par"] > .cmp-container {
    display: flex;
    flex-flow: column;
    height: 100%;
}
#three-colum-slider > div[class^="azcl-column-par"] > .cmp-container > .button:last-child {
    margin-top: auto;
}
#three-colum-slider > div[class^="azcl-column-par"] > .cmp-container > .text:has(> #no-margin-auto) {
    margin-block-start: unset;
}

/*arrow icon change in carousel*/
div#three-colum-slider-carousel:has(#carousel-cream) .cmp-carousel__action--next span.cmp-carousel__action-icon:before{
    background-image: url('/content/dam/intelligentcontent/unbranded/doenca-dos-pezinhos/gb/en/Images/finding-support/right-arrow-cream.png');
}
div#three-colum-slider-carousel:has(#carousel-cream) .cmp-carousel__action--previous span.cmp-carousel__action-icon:before {
    background-image: url('/content/dam/intelligentcontent/unbranded/doenca-dos-pezinhos/gb/en/Images/finding-support/left-arrow-cream.png');
}
div#three-colum-slider-carousel:has(#carousel-cream) .cmp-carousel__indicators .cmp-carousel__indicator.cmp-carousel__indicator--active::after {
    background-color: var(--light-cream);
}
div#three-colum-slider-carousel:has(#carousel-cream) ol.cmp-carousel__indicators .cmp-carousel__indicator::after {
    background-color:var(--carousel-cream);
}
#three-colum-slider > div[class^="azcl-column-par"] > .cmp-container > .text:has(+.button:last-child) {
    margin-block: auto var(--spacer-40);
}

/*carousel controls*/
.carousel div#three-colum-slider-carousel .cmp-carousel__content:has(> .cmp-carousel__item):not(:has(> .cmp-carousel__item ~  .cmp-carousel__item)){
    padding-bottom:0;
}
.carousel div#three-colum-slider-carousel .cmp-carousel__content:has(> .cmp-carousel__item):not(:has(> .cmp-carousel__item ~  .cmp-carousel__item)) 
.cmp-carousel__actions {
    display: none;
}
.carousel div#three-colum-slider-carousel .cmp-carousel__content:has(> .cmp-carousel__item):not(:has(> .cmp-carousel__item ~  .cmp-carousel__item)) 
ol.cmp-carousel__indicators {
    display: none;
}
.cmp-carousel__action span.cmp-carousel__action-icon:before {
    content: '';
    background-image: url('/content/dam/intelligentcontent/unbranded/doenca-dos-pezinhos/gb/en/Images/global/slider-next.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    min-width: 17px;
    min-height: 37px;
    cursor:pointer;
}
.cmp-carousel__action--next span.cmp-carousel__action-icon:before {
    background-image: url('/content/dam/intelligentcontent/unbranded/doenca-dos-pezinhos/gb/en/Images/global/slider-next.svg');
}
.cmp-carousel__action--previous span.cmp-carousel__action-icon:before {
    background-image: url('/content/dam/intelligentcontent/unbranded/doenca-dos-pezinhos/gb/en/Images/global/slider-prev.png');
}
button.cmp-carousel__action {
    padding: 0;
    background: transparent;
}
.cmp-carousel__action span.cmp-carousel__action-text {
    display: none;
}
.cmp-carousel__actions {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: space-between;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
}
div.cmp-carousel-horizontal .cmp-carousel__indicators {
    justify-content: center;
    align-items: center;
    bottom: 0;
    gap: 8px;
}
div.cmp-carousel-horizontal ol.cmp-carousel__indicators .cmp-carousel__indicator:after {
    content: '';
    display: block;
    min-width: 16px;
    min-height: 16px;
    border-radius: 50%;
    background-color: #03030326;
    letter-spacing: unset;
    position: unset;
}
.cmp-carousel-horizontal .cmp-carousel__indicators .cmp-carousel__indicator .cmp-carousel__caption {
    margin: 0;
    display: none;
}
div.cmp-carousel-horizontal ol.cmp-carousel__indicators .cmp-carousel__indicator::after {
    background-color: #03030326;
    width: 16px;
    height: 16px;
    border: unset;
}
div.cmp-carousel-horizontal .cmp-carousel__indicator {
    width: unset;
    height: unset;
    border: unset;
}
div.cmp-carousel-horizontal .cmp-carousel__indicators .cmp-carousel__indicator.cmp-carousel__indicator--active::after {
    background-color: var(--blue-color);
}
.cmp-carousel__content {
    padding-bottom: var(--spacer-60);
}
#mobile-carousel{
    display:none;
}
/*carousel styles end*/

/*accordion*/
.cmp-accordion .cmp-accordion__header .cmp-accordion__button {
    padding-block: 20px;
    padding-inline: 20px 13px;
    background: var(--light-cream);
    border-radius: 9px;
}
.cmp-accordion .cmp-accordion__header span.cmp-accordion__title > * {
    margin: 0;
}
.cmp-accordion__item:not(:last-child) {
    margin-bottom: var(--spacer-16);
}
.cmp-accordion__panel {
    padding-inline: 13px;
    background: var(--light-cream);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.cmp-accordion__item:has(.cmp-accordion__panel--expanded) .cmp-accordion__button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.cmp-accordion__panel .cmp-container#white-bg {
    padding-inline: 30px 40px;
    padding-block: var(--spacer-40);
}
div:is(#yellow-accordion,#green-accordion,#blue-accordion) .cmp-accordion__panel.cmp-accordion__panel--expanded{
    padding: 10px 20px var(--spacer-40);
}
/*accordion colors*/
#green-accordion .cmp-accordion__header .cmp-accordion__button,#green-accordion .cmp-accordion__panel {
    background-color:var(--green-accordion);
}
#yellow-accordion .cmp-accordion__header .cmp-accordion__button,#yellow-accordion .cmp-accordion__panel{
    background-color:var(--yellow-accordion);
}
#blue-accordion .cmp-accordion__header .cmp-accordion__button,#blue-accordion .cmp-accordion__panel{
    background-color:var(--blue-accordion);
}
#no-color-accordion .cmp-accordion__header .cmp-accordion__button,#no-color-accordion .cmp-accordion__panel{
    background-color:transparent;
    padding-inline:0;
    padding-block:0;
}

/*home page hero banner*/
#home-page #three-colum-slider > div[class^="azcl-column-par"] .cmp-title__text {
    min-height:50px;
}
#home-hero-banner {
    background-color: var(--banner-black);
}
#home-hero-banner .cmp-container__backgroundImage--enabled {
    margin-inline: auto;
    margin-bottom: 0;
    max-width: 1440px;
}
#home-hero-banner .cmp-container__backgroundImage--enabled div#row-container > .container {
    padding-block: 150px 157px;
}
#home-hero-banner .cmp-container__backgroundImage--enabled div#row-container > .container > .cmp-container {
    max-width: 641px;
}
#home-hero-banner div#hero-desc {
    max-width: 504px;
}
#home-hero-banner div#home-hero-section .cmp-button {
    padding-block: 20px;
    padding-inline: 40px;
}
#home-hero-banner div#home-hero-section .cmp-button span.cmp-button__text {
    font-size: var(--font-size-para-25);
}

/*header styles*/
div#header-pi {
    background-color: var(--color-white);
    padding: 10px;
}
div#header-pi div#header-note p {
    font-size: var(--font-size-para-14);
    color: var(--dark-blue);
    text-align: center;
    margin-inline: auto;
}
.cmp-experiencefragment--header {
    background: var(--light-cream);
}
.cmp-experiencefragment--header div#global-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-height: 120px;
}
.cmp-experiencefragment--header div#global-header .azcl-column-par1 {
    max-width: 332px;
}
div#global-header ul.cmp-navigation__group {
    align-items: center;
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item:first-child {
    margin-left: 0;
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item:last-child {
    margin-right: 0;
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item a.cmp-navigation__item-link .cmp-navigation__item-text {
    font-size: var(--font-size-para-14);
    line-height: 16px;
    text-align: center;
    color: var(--blue-color);
    display: flex;
    flex-flow: column;
    justify-content: center;
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item a.cmp-navigation__item-link span.lb {
    display: block;
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item:hover ul.cmp-navigation__dropdownmenu {
    display:flex;
    flex-flow:column;
    position: absolute;
    top: calc(100%);
    padding-left: 0;
    left: 0;
    z-index:99;
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item ul.cmp-navigation__dropdownmenu li.cmp-navigation__item {
    margin-inline: 0;
    background-color: var(--blue-color);
    padding-block: 0;
    opacity: .9;
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item ul.cmp-navigation__dropdownmenu li.cmp-navigation__item a.cmp-navigation__item-link {
    color: var(--light-cream);
    padding-inline: 20px;
    padding-block: 14px;
    display: block;
    font-size:var(--font-size-para-14);
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item a.cmp-navigation__item-link {
    color: var(--blue-color);
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item ul.cmp-navigation__dropdownmenu li.cmp-navigation__item:not(:last-child) {
    border-bottom: 1px solid var(--light-cream);
}
div#global-header ul.cmp-navigation__group li.cmp-navigation__item.has-submenu:not(:is(.expanded)) ul.cmp-navigation__dropdownmenu,
div#global-header ul.cmp-navigation__group li.cmp-navigation__item ul.cmp-navigation__dropdownmenu li.cmp-navigation__item.cmp-navigation__item:first-child{
    display: none;
}
/*exit ramp*/
.modal.exit-ramp-modal.modal--visible .modal-box .exit-ramp-title {
    font-size: var(--font-size-heading-50);
    color: var(--blue-color);
    line-height: 57px;
    letter-spacing: 0.5px;
    text-align: center;
    font-weight: 700;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
    font-family: var(--font-bogart);
}
.modal.exit-ramp-modal.modal--visible .modal-box .exit-ramp-body {
    color: var(--blue-color);
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    font-family: 'DM Sans';
    font-size: var(--font-size-para-22);
}
.exit-ramp-actions {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    gap: 30px;
    flex-direction: row-reverse;
}
.exit-ramp-continue, .exit-ramp-cancel {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    border: 1px solid var(--blue-color);
    padding: 30px 70px;
    border-radius: 60px;
    min-width: 235px;
    text-align: center;
    font-family: var(--font-bogart);
}
.exit-ramp-continue {
    box-shadow: 0px 3px 5px 0px #00000040;
    background: var(--blue-color);
    color: var(--white);
}
.modal.exit-ramp-modal.modal--visible .modal-box {
    width: 100%;
    max-width: 1245px;
}

.exit-ramp-cancel.close-exit-ramp {
    color: var(--blue-color);
    cursor:pointer;
}
/*exit ramp*/

/*Footer*/
.az-footer__top {
    margin-bottom: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.az-footer__logo {
    width: 180px;
    height: auto;
    display: block;
}
.az-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
}
.az-footer__left p {
    margin: 0 0 14px;
    color: var(--white);
    line-height: 150%;
    letter-spacing: -2%;
    font-family: 'DM Sans';
    font-size: var(--font-size-para-16);
}
.az-footer__left p:last-child {
    margin-bottom: 0;
}
.az-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.az-footer__links a {
    color: var(--white);
    line-height: 150%;
    letter-spacing: -2%;
    font-family: 'DM Sans';
    font-size: var(--font-size-para-16);
}
.az-footer__links a:hover {
    opacity: 0.8;
}
div#footer-white-box a {
    color: var(--navy-blue);
}
div#footer-white-box {
    background-color: var(--white);
    margin-bottom: 30px;
}
div#footer-white-box p {
        font-size: 16px;
        padding: 10px;
        color: var(--navy-blue);
        padding: 10px 27px;
}
.az-footer__links a {
    color: var(--white);
    text-decoration: none;
}
div#navyblue-section {
    background: var(--navy-blue);
    padding-block:var(--spacer-40);
}
/*footer*/

/*secondary hero banner*/
div#secondary-banner {
    position: relative;
    background-color: var(--blue-color);
}
div#secondary-banner-image-container {
    max-width: 1440px;
    margin-inline: auto;
}
div#secondary-banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width:634px;
}
div#secondary-banner-image-container .image > div {
    line-height: 0;
}

/*sixty column*/
#sixty-column {
    display: flex;
    align-items: center;
}
#sixty-column .azcl-column-par1 {
    width: 100%;
    max-width: 555px;
}
#sixty-column .azcl-column-par2 {
    width: 100%;
    max-width: 473px;
}

/*tabs section*/
.cmp-tabs .cmp-tabs__tablist {
    flex-flow: row;
    margin-block: 0;
}
.cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab {
    width: 100%;
    border: 1px solid var(--blue-color);
    display: flex;
    justify-content: center;
    align-items:center;
    color: var(--blue-color);
    padding-block: 12px;
}
.cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab--active {
    background-color: var(--blue-color);
    color: var(--light-cream);
}
.cmp-tabs .cmp-tabs__tablist li.cmp-tabs__tab--active *{
    opacity:1;
}
.cmp-tabs__tabpanel > .container > .cmp-container {
    padding-inline: var(--spacer-40);
}
.cmp-tabs__tabpanel li {
    font-family: var(--font-sans);
    font-size: var(--font-size-para-22);
    line-height: 1.36;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab * {
    margin: 0;
    opacity:.4;
}

/*home page styles*/
div#two-column-attrv-section-sixty-fourty {
    margin-bottom: var(--spacer-40);
}


/*three cards css*/
#card-section {
    display: flex;
    flex-flow: column;
}
#card-section >.title .cmp-title__text {
    margin-block: var(--spacer-20) var(--spacer-40);
}
#card-section > .text {
    margin-bottom: var(--spacer-40);
}
#card-section > .button {
    margin-top: auto;
}
#three-column-cards .azcl-columns--3 > [class*="azcl-column"] {
    display: flex;
}
#three-column-cards .azcl-columns--3 > [class*="azcl-column"] .cmp-container,#three-column-cards .azcl-columns--3 > [class*="azcl-column"] .cmp-container > .container {
    display: flex;
}
#three-column-cards .azcl-columns--3 > [class*="azcl-column"] .cmp-container,
#three-column-cards .azcl-columns--3 > [class*="azcl-column"] .cmp-container > .container {
    width:100%;
}
/*resources page*/
#resources .spacer-fourty{
    display:inline-block;
}
body:is(#resources) div#secondary-banner-content {
    max-width: 512px;
}

.cmp-title__text:has(.spacer-fourty){
    margin-bottom:0;
}


/*diagnosis secondary nav*/
.diagnosis-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}
.diagnosis-nav li a {
    color: var(--light-cream);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
.diagnosis-nav li {
    width: max-content;
    padding-inline: var(--spacer-40);
    border-right: 1px solid var(--light-cream);
}
.diagnosis-nav li:first-child {
    padding-left: 0;
}
.diagnosis-nav li:last-child {
    padding-right: 0;
    border-right: 0;
}

/*content image section*/
#content-image-section {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
#content-image-section .azcl-column-par1 {
    width: 100%;
    max-width: 658px;
}
#content-image-section .azcl-column-par2 {
    width: 100%;
    max-width: 430px;
}

/*getting diagnosis page*/
#diagnosis-acordion {
    margin-top: var(--spacer-40);
}
body:is(#getting-diagnosis) div#secondary-banner-content {
    max-width: 534px;
}

/*error pages */
#error-page #home-hero-banner .cmp-container__backgroundImage--enabled {
  background-position: center;
}
#error-page #home-hero-banner .cmp-container__backgroundImage--enabled div#row-container > .container > .cmp-container {
    max-width: 730px;
}
#error-page .cmp-button {
    padding-inline: 35px;
    padding-block: 15px;
    border-radius: 50px;
    display: inline-block;
}
#two-column-attrv-section-homepage {
    gap: 30px;
}

/*desktop media query */
 @media (min-width: 991px) {
    /*carousel*/
    #min-height-carousel{
        min-height:797.91px;
    }
}
/*largendesktop media query */
 @media (min-width: 1280px) {
     .cmp-carousel__actions {
        width: 112%;
    }
 }
/* mobile media query */
@media screen and (max-width: 767px) {
    .inline-block{
    display: inline;
}
    .diagnosis-nav.desktop-view,.desktop-view{
        display:none;
    }
    .diagnosis-nav.mobile-view, .mobile-view{
        display:flex;
    }
    /* row container section */
    #row-container, .row-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    body.page{
        padding-top:0;
    }
    p{
        line-height: 1.44;
    }
    h1{
        line-height: 1.19;
    }
    #heading-fifty-mob .cmp-title__text {
        font-size: var(--font-size-heading-50);
        line-height: 1.2;
    }
    .para-twentyfive{
        line-height:26px;
    }
    #error-page #home-hero-banner .cmp-container__backgroundImage--enabled div#row-container > .container {
    padding-block: 63% 40px;
}

#error-page div#home-hero-banner {
    background: var(--light-cream);
}

#error-page #home-hero-banner .cmp-container__backgroundImage--enabled {
    background-position: top center;
}

    
    /*header css starts*/
    /*exit ramp*/
    .exit-ramp-modal .modal-box__content {
        padding: 20px;
    }
    .modal.exit-ramp-modal.modal--visible .modal-box .exit-ramp-title {
        width: 100%;
        margin-bottom: var(--spacer-20);
    }
    .exit-ramp-continue, .exit-ramp-cancel {
        padding-inline: 24px;
        padding-block: 12px;
    }
    .exit-ramp-actions {
        flex-flow: column;
        gap: 12px;
    }
    
    /*hero banner*/
    div#secondary-banner-content {
        position: unset;
        transform: none;
        padding-block: 50px;
    }
    div#secondary-banner-image-container {
        display: none;
    }
    /*footer*/
    .az-footer__container {
        padding: 0px;
    }
    .az-footer__logo {
        min-width: 160px;
        max-width: 160px;
    }
    .az-footer__links {
        flex-direction: column;
        gap: 16px;
    }
    .az-footer__top {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 150px;
        align-items: flex-start;
    }
    /*footer*/
    
    /*carousel */
    #desktop-carousel{
        display:none;
    }
    #mobile-carousel{
        display:block;
    }
    .cmp-carousel__actions {
        width:103%;
        top:44%;
    }
    .cmp-carousel__item {
        padding-inline: 35px;
    }
    .cmp-carousel-horizontal ol.cmp-carousel__indicators {
        display: flex;
    }
    #three-colum-slider-carousel .cmp-carousel__item .cmp-container > .image img {
        height: auto;
    }
    #three-colum-slider-carousel .cmp-carousel__item .image {
        margin-bottom: 20px;
    }
    #three-colum-slider-carousel #one-column-slider > div[class^="azcl-column-par"] .cmp-title__text{
        margin-top:0;
    }
    /*tabs section*/
    .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab * {
        font-size: var(--font-size-heading-28);
        line-height: 24px;
    }
    /*hero banner*/
    #home-hero-banner .cmp-container__backgroundImage--enabled {
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top;
    }
    #home-hero-banner .cmp-container__backgroundImage--enabled div#row-container > .container {
        padding-block: 100% 40px;
    }
    /*accordion*/
    .cmp-accordion__panel .cmp-container#white-bg {
        padding-inline: var(--spacer-40);
    }
    
    /*diagnosis nav*/
    .diagnosis-nav li {
        text-align: center;
    }

}

@media screen and (max-width: 1024px) {
    /*navigation css*/
    .cmp-experiencefragment--header div#global-header .azcl-column-par2 {
        width: 100%;
        max-width: 50%;
        margin-left: auto;
        display: flex;
        justify-content: flex-end;
    }
    .cmp-experiencefragment--header div#global-header .azcl-column-par2 [data-enable-hamburger=true]:not(.disable-hamburger-styles).hamburger-enabled .ic-hamburger {
        position: unset;
        width: auto;
        display: inline-block;
    }
    a.ic-hamburger.open [data-enable-hamburger=true]:not(.disable-hamburger-styles).hamburger-enabled .ic-hamburger .hamburger-wrapper {
        position: absolute;
        z-index: 99999;
        top: 100%;
    }
    [data-enable-hamburger=true]:not(.disable-hamburger-styles).hamburger-enabled .ic-hamburger.open .hamburger-wrapper {
        position: absolute;
        z-index: 99999;
        top: 5%;
        left: 85%;
    }
    div#global-header ul.cmp-navigation__group {
        align-items: flex-start;
    }
    div#global-header ul.cmp-navigation__group li.cmp-navigation__item a.cmp-navigation__item-link .cmp-navigation__item-text {
        text-align: left;
    }
    div#global-header ul.cmp-navigation__group li.cmp-navigation__item a.cmp-navigation__item-link .cmp-navigation__item-text {
        display: block;
    }
    div#global-header ul.cmp-navigation__group li.cmp-navigation__item {
        width: 100%;
    }
    div#global-header ul.cmp-navigation__group li.cmp-navigation__item:hover ul.cmp-navigation__dropdownmenu {
        right: 0;
    }
    div#global-header .navigation-mobile ul.cmp-navigation__group li.cmp-navigation__item ul.cmp-navigation__dropdownmenu li.cmp-navigation__item.cmp-navigation__item--level-1{
        display:block;
    }
    [data-enable-hamburger=true]:not(.disable-hamburger-styles).hamburger-enabled~.navigation-overlay div.navigation-mobile {
        height: auto;
    }
    div#global-header ul.cmp-navigation__group li.cmp-navigation__item:hover ul.cmp-navigation__dropdownmenu {
        position: unset;
    }
    [data-enable-hamburger=true]:not(.disable-hamburger-styles).hamburger-enabled~.navigation-overlay.show {
        min-height: 100%;
    }
}