/*------------- AboutUs Heading and Image Start------------*/

.rich-text .cmp-text#aboutus-text {
    display: inline-block;
    width: -webkit-fill-available;
    width: -moz-available;
    background-color: #FFFFFF;
    padding: 0 12.223%;
}

.rich-text .cmp-text#aboutus-text h2 {
    color: #D91E49;
    font-family: "Meridien Bold", serif;
    font-size: 45px;
    letter-spacing: -0.5px;
    line-height: 48px;
    text-align: center;
    margin: 54px 0 0;
    padding: 0;
}

.rich-text .cmp-text#aboutus-text h3 {
    color: #555759;
    font-family: "Myriad Pro Bold", sans-serif;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    margin: 6px 0 24px;
}

#aboutus-design-image {
    background: #FFFFFF;
}

#aboutus-design-image img {
    vertical-align: bottom;
}

#aboutus-design-image img.desktop {
    width: 75.556%;
    margin: 0 12.223% 0 12.223%;
}

#aboutus-design-image img.mobile {
    display: none;
}

.embed #aboutus-design-image,
.embed #aboutus-design-image #desktop-image img {
    vertical-align: bottom;
}

.embed #aboutus-design-image #desktop-image {
    background: white;
}

.embed #aboutus-design-image #desktop-image img {
    width: 75.556%;
    margin: 0 12.223% 0 12.223%;
}

.embed #aboutus-design-image #mobile-image {
    display: none;
}

@media only screen and (max-width:960px) {
    .rich-text .cmp-text#aboutus-text {
        padding: 0 4%;
    }
    .rich-text .cmp-text#aboutus-text h2 {
        font-size: 36px;
        line-height: 40px;
        text-align: center;
        margin: 35px 0 0;
    }
    .rich-text .cmp-text#aboutus-text h3 {
        font-size: 24px;
        margin: 10px 0 28px;
    }
    #aboutus-design-image img.desktop {
        display: none;
    }
    #aboutus-design-image img.mobile {
        display: block;
        width: 100%;
    }
    .embed #aboutus-design-image #desktop-image {
        display: none;
    }
    .embed #aboutus-design-image #mobile-image {
        display: block;
    }
    .embed #aboutus-design-image #mobile-image img {
        width: 100%;
        vertical-align: bottom;
    }
}


/*------------- AboutUs Heading and Image End------------*/
/* About us 2 Column Container Start*/

.cmp-columncontainer--2col-2_1>.cmp-columncontainer-item:first-child {
    background-color: #A62b4e;
    width: 66.66%;
    padding: 28px 7.5% 50px 4.4%;
}

.cmp-columncontainer--2col-2_1>.cmp-columncontainer-item:nth-child(2) {
    padding-left: 0px;
    padding-right: 0px;
    width: 33.34%;
}

.cmp-columncontainer--2col-2_1 .cmp-columncontainer-item h6 {
    height: auto;
    width: auto;
    color: #FFFFFF;
    font-family: "Myriad Pro Bold", sans-serif;
    font-size: 27px;
    letter-spacing: 0;
    margin: auto;
    padding-top: 7%;
}

.cmp-columncontainer--2col-2_1 .cmp-columncontainer-item h1 {
    height: auto;
    width: auto;
    color: #FFFFFF;
    font-family: "Meridien", serif;
    font-size: 56px;
    font-weight: 500;
    letter-spacing: -0.93px;
    line-height: 56px;
    margin: auto;
    padding-top: 2%;
}

.cmp-columncontainer--2col-2_1 .cmp-columncontainer-item p {
    height: auto;
    width: auto;
    color: #FFFFFF;
    font-family: "Myriad Pro", sans-serif;
    font-size: 21px;
    letter-spacing: 0;
    line-height: 32px;
    margin: auto;
    padding-top: 3%;
}

.cmp-columncontainer--2col-2_1>.cmp-columncontainer .cmp-columncontainer-item .image img {
    vertical-align: bottom;
    width: -webkit-fill-available;
    width: -moz-available;
}

.cmp-columncontainer--2col-2_1>.cmp-columncontainer-item:first-child .image img {
    width: 30%;
}

.cmp-columncontainer--2col-2_1 .cmp-columncontainer-item:nth-child(2) .image img {
    vertical-align: bottom;
    width: -webkit-fill-available;
    width: -moz-available;
}

.cmp-columncontainer--2col-2_1 .cmp-columncontainer-item:nth-child(2) .image,
.cmp-columncontainer--2col-2_1 .cmp-columncontainer-item:nth-child(2) .image div,
.cmp-columncontainer--2col-2_1 .cmp-columncontainer-item:nth-child(2) .image div img {
    height: 100%;
}

.cmp-columncontainer--2col-2_1 .cmp-columncontainer-item:nth-child(2) .image img.mobile {
    display: none;
}

@media only screen and (max-width:960px) {
    .cmp-columncontainer--2col-2_1>.cmp-columncontainer-item {
        padding: 0;
    }
    .cmp-columncontainer--2col-2_1>.cmp-columncontainer-item:first-child {
        width: 92%;
        padding: 12px 4% 30px;
    }
    .cmp-columncontainer--2col-2_1>.cmp-columncontainer-item:nth-child(2) {
        width: 100%;
    }
    .cmp-columncontainer--2col-2_1 .cmp-columncontainer-item:nth-child(2) .image img.mobile {
        display: block;
    }
    .cmp-columncontainer--2col-2_1 .cmp-columncontainer-item:nth-child(2) .image img.desktop {
        display: none;
    }
    .cmp-columncontainer--2col-2_1 .cmp-columncontainer-item h6 {
        font-size: 21px;
        line-height: 24px;
        text-align: center;
        padding-top: 0;
    }
    .cmp-columncontainer--2col-2_1 .cmp-columncontainer-item h1 {
        font-size: 48px;
        letter-spacing: -1px;
        line-height: 48px;
        text-align: center;
        margin: auto;
        margin-bottom: 20px;
        padding: 0;
    }
    .cmp-columncontainer--2col-2_1 .cmp-columncontainer-item p {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        margin: auto;
        padding: 0;
    }
}


/* About us 2 Column Container End*/
/*-----------------One More Step, Allset, Error Start--------------------*/

.hero-section .pageWrapper .contentWrapper {
    width: 100%;
    min-height: 469px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 469px;
    display: inline-block;
}

.hero-section .pageWrapper .contentWrapper .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 215px;
    width: -webkit-fill-available;
    width: -moz-available;
    border-radius: 7px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(85, 87, 89, 0.12);
    margin: 82.5px 12.223% 0;
    padding: 40.5px 7.77%;
    background-repeat: no-repeat;
    background-size: 102% 108%;
    background-position: center;
}

.hero-section .pageWrapper .contentWrapper .content .rich-text .cmp-text {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.hero-section .pageWrapper .contentWrapper .content.hero-allset .rich-text .cmp-text {
    text-align: left;
}

.hero-section .pageWrapper .contentWrapper .content .rich-text .cmp-text h1 {
    width: auto;
    color: #A62B4E;
    font-family: "Meridien", serif;
    font-size: 56px;
    font-weight: 500;
    letter-spacing: -0.93px;
    line-height: 56px;
    margin: 22px 0 0;
}

.hero-section .pageWrapper .contentWrapper .content.hero-allset .rich-text .cmp-text h1 {
    margin: 0;
}

.hero-section .pageWrapper .contentWrapper .content .rich-text .cmp-text p {
    width: auto;
    color: #555759;
    font-family: "Myriad Pro", sans-serif;
    font-size: 21px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 25.5px 0 0;
}

.hero-section .pageWrapper .contentWrapper .content.hero-allset .rich-text .cmp-text p {
    margin: 13.5px 0 0;
}

.hero-section .pageWrapper .contentWrapper .content .button .cmp-button {
    box-sizing: border-box;
    height: 56px;
    width: 214px;
    border-radius: 30px;
    background-color: #A62B4E;
    margin: auto;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 21px;
}

.hero-section .pageWrapper .contentWrapper .content .button .cmp-button .cmp-button__text {
    color: #FFFFFF;
    font-family: "Myriad Pro Bold", sans-serif;
    font-size: 21px;
    letter-spacing: -0.09px;
    line-height: 24px;
}

.hero-section .pageWrapper .contentWrapper .content .button .cmp-button.white-background {
    background-color: #FFFFFF;
    border: 1px solid #A62B4E;
}

.hero-section .pageWrapper .contentWrapper .content .button .cmp-button.white-background .cmp-button__text {
    color: #A62B4E;
}

.hero-section .pageWrapper .contentWrapper .content .astellasLink {
    margin-top: 18px;
}

.hero-section .pageWrapper .contentWrapper .content .cta-link {
    color: #A62B4E;
    font-family: "Myriad Pro Bold", sans-serif;
    font-size: 21px;
    letter-spacing: 0.5px;
    line-height: 32px;
    vertical-align: bottom;
}

.hero-section .pageWrapper .contentWrapper .content .cta-link::after {
    background: url("../../../etc.clientlibs/astellasmedicals/clientlibs/clientlib-common/resources/images/Right_Chevron.png") 0 0 no-repeat;
    background-size: 11px 15px;
    height: 15px;
    width: 11px;
    display: inline-block;
    content: "";
    margin-left: 10px;
}

.hero-section .pageWrapper .contentWrapper .content .cta-link:hover {
    color: #004C97;
}

@media screen and (max-width: 960px) {
    .hero-section .pageWrapper .contentWrapper {
        background-image: none !important;
        height: fit-content;
        height: -moz-fit-content;
        min-height: auto;
    }
    .hero-section .pageWrapper .contentWrapper .content {
        background-image: none !important;
        position: initial;
        display: inline-block;
        width: 92%;
        height: fit-content;
        height: -moz-fit-content;
        min-height: auto;
        box-shadow: none;
        border-radius: 0;
        margin: 0;
        margin-bottom: 26px;
        padding: 42.5px 4%;
    }
    .hero-section .pageWrapper .contentWrapper .content.hero-allset {
        margin-bottom: 39px;
        padding: 20px 4% 30px;
    }
    .hero-section .pageWrapper .contentWrapper .content .rich-text .cmp-text h1 {
        font-size: 48px;
        letter-spacing: -0.5px;
        line-height: 48px;
        margin: 0;
    }
    .hero-section .pageWrapper .contentWrapper .content .rich-text .cmp-text p {
        font-size: 18px;
        margin: 13px 0 0;
    }
    .hero-section .pageWrapper .contentWrapper .content.hero-allset .rich-text .cmp-text h1 {
        text-align: center;
    }
    .hero-section .pageWrapper .contentWrapper .content.hero-allset .rich-text .cmp-text p {
        text-align: center;
        margin: 16px 0 0;
    }
    .hero-section .pageWrapper .contentWrapper .content .astellasLink {
        text-align: center;
    }
    .hero-section .pageWrapper .contentWrapper .content .cta-link {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
        padding-left: 0;
    }
}


/*-----------------One More Step, Allset, Error End--------------------*/