/* FAQs CSS */

@font-face {
    font-family: "solex";
    src: url("/etc/designs/code/website-services/us/rwd-imfinzi-com/fonts/solexot-bold-webfont.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    display: swap;
}
span.letter-spacing {
    font: normal normal 700 63px / 52px "solex";
    padding-left: 0.05em;
}
.banner-container {
    background-color: #07729B;
    height: 175px;
    position: relative;
	background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/endometrial-cancer/mobile/supportHeroBgMob.png);
	margin-top: 0;
    background-size: cover;
}

.pink-var {
    color: #FA00FF;
    
}

.body-container p {
    font-family: 'DIN-2014';
    color: #555555;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.body-container p span.letter-spaceIII {
    margin-left: 0.02em;
    font: normal normal normal 22px / 30px "din-2014";
}

.bannerDesc {
    font-weight: 600;
    font-size: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(344deg);
}

.head-1 {
    color: #07729B;
    text-align: center;
    font-family: "solex";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 0px;
    padding-top: 30px;
}

.width-1128 {
    padding: 0 16px;
}

.head-2 {
    color: #07729B;
    font-family: "solex";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}

/*.end-callout--head {
    color: #FFF;
    text-align: center;
    font-family: "solex";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.end-page-callout {
    padding: 19px 0 27px!important;
    height: auto;
}

a.white-btn {
    border-radius: 8px;
    background: #E6F1F5;
    display: inline-flex;
    padding: 12px 22px;
    align-items: center;
    font-family: 'DIN-2014';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: #07729B;
    margin: 25px auto 0;
}

.end-page-callout {
    background-color: #07729B;
}*/

.fn-wrap.width-1128 {
    padding: 28px 13px;
}

p.fn-copy {
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    font-family: 'DIN-2014';
    color: #555555;
}

p.body-copy1 {
    margin-bottom: 45px;
}

p.body-copy1 + p.fn-copy {
    padding: 12px 0 20px;
}

.body-container {
    background: #F8F8F8;
}

.accordian-switch .add-icon {
    color: #07729B;
    font-family: 'DIN-2014';
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D9D9D9;
    text-align: center;
}

.add-icon span {
    margin-top: 5px;
    margin-left: 2px;
    display: inline-block;
}

.minus-icon span {
    margin-top: -1px;
    margin-left: -5px;
    display: inline-block;
}

.accordian-switch .minus-icon {
    color: #D9D9D9;
    font-family: "DIN-2014";
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    background-color: #07729B;
}

.faqs .acc-head h2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #07729B;
    margin: 0 auto;
    padding: 50px 0 20px 0;
}

.faqs .acc-head h2 .acc-head--title {
    width: 60%;
    margin-bottom: -5px;
}

.acc-head span.acc-switch-btn {
    font-size: 21px;
    line-height: 28px;
    color: #07729B;
    border-bottom: 3px solid #AD1F2F;
}

.accordian-switch span.acc_h3_content {
    color: #555;
    font-size: 21px;
}

.accordian-1 .list-module-1 span.acc_h3_content {
    width: 67%;
    display: inline-block;
}

.accordian-switch:hover {
    background: none;
    border-radius: 0;
}

.accordian-1.width1132, .accordian-2.width1132 {
    margin-bottom: 0;
}

.accordian-3.width1132 {
    margin-bottom: 20px;
}

.accordian-1.width1132, .accordian-2.width1132 {
    margin-bottom: 0;
}

.accordian-3.width1132 {
    margin-bottom: 20px;
}

.accordian-switch>div {
    margin-right: 25px;
}

.faqs p.faq-answer {
    padding: 0 7px 0 69px;
}

.faqs .accordion-list p.fn-copy {
    padding-left: 69px;
    padding-bottom: 20px;
}

.faqs .accordion-list p{
        font-size: 20px;line-height: 28px;font-family: "din-2014", sans-serif;
    font-weight: 400;
}

.faqs .accordion-list p, .faqs .accordion-list ul li,
.faqs h4{
    color: #555555!important;
}

.accordion-list .accordion-list-content h4 {
    width: 90%;
    padding-left: 88px;
    font-size: 20px;
}

.faqs ul.imf-side-eff {
    padding-left: 115px;
        padding-right: 30px;
    margin-bottom: 30px;
}

.faqs .accordion-list ul.imf-side-eff li {
    position: relative;
    list-style: none;
    font-size: 20px;
    margin-bottom: 3px;
}
.faqs .accordion-list ul.imf-side-eff li::before {
    font-size: 20px;
    position: absolute;
    content: "\2022";
    left: -20px;
}
.faqs p.faq-answer {
    margin-bottom: 35px;
}

.faqs p.faq-answer+h4 {
    margin-bottom: 30px;
}

.faqs p.accordian-end-txt.inner-copy {
    margin-bottom: 75px;
        margin-left: 88px;
}

@media screen and (min-width: 992px){
	.width-1128 {
        max-width: 1128px;
        margin: auto;
        padding: 0;
    }

	.banner-container{
        height: 364px;
        background-color: #07729B;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/endometrial-cancer/desktop/supportHeroBgDesk.jpg);
        margin-top: 43px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .banner-container p,
	.banner-container .head-one {
        color: #FFF;
        font-family: "solex";
        font-size: 63px;
        font-style: normal;
        font-weight: 700;
        line-height: 66px;
        width: 1106px;
        margin: 0 auto;
        padding: 0 0 0 100px;
    }
    .banner-container p u,
    .banner-container .head-one u {
        text-decoration: none;
        border-bottom: 4px solid #AA182C;
    }
    
    .bannerDesc {
        font-size: 160px;
    }

    a.white-btn {
        margin: 0 82px 0 0;
    	gap: 4px;
        padding: 12px 20px;
    }
    
    .end-page-callout {
        padding: 0!important;
    }
    
    .end-callout-wrap {
        height: 130px;
        align-items: center;
        justify-content: space-between;
    }

    .fn-wrap.width-1128 {
        padding: 28px 0;
    }

    p.body-copy1 {
        font-size: 20px;
        line-height: 28px;
        width: 99%;
        margin: 0 auto 43px;
    }
    
    h2.head-2 {
        margin-top: 12px;
    }
    
    p.body-copy1 + p.fn-copy {
        padding: 10px 0 30px;
    }

    .faqs .acc-head h2, .accordian-1.width1132, .accordian-2.width1132, .accordian-3.width1132 {
        max-width: 920px !important;
        padding-right: 60px;
    }
    
    .faqs .accordion-list {
        padding-left: 6px;
    }
    
    .faqs p.faq-answer {
        margin-top: 30px;
    }
    
    .faqs .accordion-list > div:not(:last-child) {
        margin-bottom: 50px;
    }
    
    .faqs .acc-head-1.acc-head h2 {
        padding-top: 60px;
    }
    
    .faqs .accordian-3.width1132 {
        margin-bottom: 45px;
    }

    .only-border {
        max-width: 643px;
        margin-left: 88px;
    }
    
    .accordian-switch>div {
        margin-right: 44px;
    }
    
    .faqs p.faq-answer,
    .faqs .accordion-list p.fn-copy{
        padding-left: 88px;
    }
    
    .faqs p.faq-answer {
        font-size: 20px;
        padding-right: 0;
    }

}

@media screen and (max-width: 991px){
	.faqs ul.imf-side-eff+h4, .faqs p.faq-answer+h4{
		font-size: 20px;
    }
      .faqs  ul.imf-side-eff{
        font-size: 20px;
        padding: 5px 0 0px 100px;
    }
	.faqs .accordion-list ul li:before{
		content: "\25cf";
		font-size: 8px;
		position: relative;
		left: -10px;
	}
    .accordion-list .accordion-list-content h4 {
        padding-left: 69px;
        width: 98%;
    }
    .list-module-1.accordion-list-item.active, .list-module-2.accordion-list-item.active{
        margin-top: 60px;
    }
    .only-border{
        margin-left: 72px;
        margin-right: 15px;
    }
}