.cancer-container{padding-top:16px}
.cancer-bnr-container{display:grid;grid-template-columns:repeat(2,1fr);gap:7.8%;justify-content:space-between}
#car_comprehensive .cancer-bnr-container{gap:32px}
.cancer-bnr-container .cancer-bnr-left-container .left-btn-content .left-bnr-pretitle p{padding:4px 8px;font-family:GeneralSansSemiBold;display:inline-block;background-color:#e2e7e9;text-transform:uppercase;font-size:12px;border-radius:100px}
.cancer-bnr-container .cancer-bnr-left-container .left-btn-content .left-bnr-pretitle img{width:64px;height:64px;object-fit:cover;display:none}
.cancer-bnr-container .cancer-bnr-left-container .left-btn-content .left-bnr-pretitle .pretitle{padding:0;font-family:GeneralSansSemiBold;display:inline-block;color:var(--Primary-Oona-Purple);background-color:#fff;text-transform:capitalize;font-size:16px}
.cancer-bnr-container .cancer-bnr-left-container .left-btn-content .left-bnr-title .title{margin-top:16px;font-family:GeneralSansMedium;font-size:44px;color:#435056;line-height:59.4px}
.tesla-container .cancer-bnr-container .cancer-bnr-left-container .left-btn-content .left-bnr-title .title{font-size:45px;margin-top:unset}
.cancer-bnr-container .cancer-bnr-left-container .left-btn-content .left-bnr-title p{margin-top:16px;color:#5a6a72;font-size:20px;line-height:27px;font-family:GeneralSansMedium}
.left-container-offer{position:relative;margin-top:-8px;display:flex;gap:32px;align-items:end;grid-row:2 / 2;padding-top:20px}
.left-container-offer .offer-timer{position:absolute;top:0;left:0;background-color:#fbf5e9;padding:4px 16px 4px 16px;border-radius:100px;color:#db9624;font-size:12px;line-height:15px;font-family:GeneralSansSemiBold}
.left-container-offer .coupon-wrapper{position:relative;max-width:360px}
.left-container-offer .offer-copy{margin-top:31px;border:unset}
.left-container-offer .offer-submit-btn{background:linear-gradient(136.95deg,#482c77 -17.19%,#673fae 61.19%);box-shadow:0 8px 24px 0 #482C7729;padding:14px 10px;max-width:224px;width:100%;color:#f1ecf8;font-size:16px;line-height:19px;font-family:GeneralSansSemiBold;text-align:center;outline:0;border:0;border-radius:12px;cursor:pointer}
.left-container-offer .partner-redirect-btn{background:rgba(255,255,255,1);box-shadow:0 8px 24px 0 #482C7729;padding:14px 10px;max-width:224px;width:100%;color:#5c3899;font-size:16px;line-height:19px;font-family:MontserratSemiBold;text-align:center;outline:0;border:1px solid #c6b5e3;border-radius:12px;cursor:pointer}
.left-container-offer .offer-submit-btn:hover{background:#482c77}
.female-campaign-container .container .cancer-banner .left-container-offer .offer-submit-btn,.female-campaign-container .stagecancercoverage-section .stagecancercoverage-wrap .stagecancercoverage-form .e-commerce-container .cta-container .btn-container.btn-active,.female-campaign-container .cancer-sticky-container .cancer-sticky .cancer-sticky-wrapper .sticky-nav-list .sticky-btn{background:linear-gradient(136.95deg,#a1428d -17.19%,#d169bb 61.19%)}
.female-campaign-container .container .cancer-banner .left-container-offer .offer-submit-btn:hover,.female-campaign-container .stagecancercoverage-section .stagecancercoverage-wrap .stagecancercoverage-form .e-commerce-container .cta-container .btn-container.btn-active:hover,.female-campaign-container .cancer-sticky-container .cancer-sticky .cancer-sticky-wrapper .sticky-nav-list .sticky-btn:hover{background:#c33ca7}
.female-campaign-container .accordian-bg-color{background-color:#feeffc}
.female-campaign-container .ci-card .card-field .card .card-image{background-color:#feeffc;border-radius:15px;box-shadow:0 4px 28px 0 rgba(0,0,0,0.10)}
.female-campaign-container .accordion-right-cflist .cmp-contentfragment .cmp-contentfragment__title{color:#d169bb}
.female-campaign-container .accordion-right-cflist .cmp-contentfragment .cmp-contentfragment__element{color:#65737e}
.female-campaign-container .accordion-right-cflist .cmp-contentfragment .cmp-contentfragment__title::before{background:url(../../../../../../content/dam/oona/aem-images/icons/female-campaign-plusIcon.svg)}
.female-campaign-container .accordion-right-cflist .cmp-contentfragment .cmp-contentfragment__title.negative::before{background:url(../../../../../../content/dam/oona/aem-images/icons/female-campaign-minusIcon.svg)}
.female-campaign-container .accordian-image .image .cmp-image::after{content:url("../../../../../../content/dam/oona/aem-images/cl-landing-cards/cic-cancer-awareness/Yoona_FAQ_Bubble_text.svg");max-width:129px;width:100%}
.cancer-bnr-container .cancer-bnr-right-container{align-self:self-end;grid-column:2 / 3;grid-row:1 / 3}
.cancer-bnr-container .cancer-bnr-right-container img{width:100%;height:100%;object-fit:cover;border-radius:10px;min-height:350px}
.cancer-bnr-container .cancer-bnr-right-container .banner_clip{position:relative}
.cancer-bnr-container .cancer-bnr-right-container .banner_clip .iframe-wrapper{height:100%}
.cancer-bnr-container .cancer-bnr-right-container .banner_clip .iframe-wrapper .iframe{width:100%;max-width:615px;height:346px;box-shadow:0 4px 4px 0 #00000040;border-radius:16px;object-fit:cover}
.cancer-bnr-container .cancer-bnr-right-container .banner_clip video{width:100%;height:346px;box-shadow:0 4px 4px 0 #00000040;border-radius:16px;object-fit:cover}
.cancer-bnr-container .cancer-bnr-right-container .banner_clip .play-pause-btn{width:100%;font-family:GeneralSansRegular;cursor:pointer;color:#435056;border:0;outline:0;font-size:21px;background:white;display:block;text-align:right;margin-top:21px}
.tesla-container .cancer-bnr-container .cancer-bnr-right-container{margin-block:auto}
.tesla-container .cancer-bnr-container .cancer-bnr-right-container img{object-fit:unset;min-height:unset}
.left-container-offer .coupon .coupon-desc{border:1px solid #4ac6bb;border-right:0;align-items:center;font-size:14px;line-height:17px;font-family:GeneralSansSemiBold;color:#435056;text-transform:uppercase;padding:12px 8px 12px 16px}
.left-container-offer .coupon .coupon-code{border:1px solid #4ac6bb;border-left:0;gap:10px;font-size:14px;text-transform:uppercase;line-height:17px;font-family:GeneralSansSemiBold;color:#25746d;padding:16px}
.left-container-offer .coupon .coupon-code img{cursor:pointer;width:auto;height:auto}
.left-container-offer .coupon .coupon-code img:hover{scale:1.2}
.left-container-offer .coupon-wrapper .tooltip{position:absolute;display:none;font-family:GeneralSansMedium;right:18px;padding:8px 12px;top:16px;font-size:10px;opacity:0;letter-spacing:.7px;transition:opacity .3s ease-in-out,transform .3s ease-in-out;-webkit-white-space:nowrap;white-space:nowrap;transform-origin:center;background:#435056;color:#eff6f0;border-radius:8px}
.left-container-offer .coupon-wrapper .tooltip.active{display:block;opacity:1;animation:shake .3s ease-in-out}
.left-container-offer .coupon .coupon-cutout{position:relative;background-color:#ecf9f8;margin:calc(18px / 2) 0;width:12px;flex:none}
.left-container-offer .coupon .coupon-cutout::before,.left-container-offer .coupon .coupon-cutout::after{position:absolute;content:"";width:12px;height:12px;border:1px solid #4ac6bb;background-color:#fff;left:50%;top:-13px;transform:translateX(-50%) rotate(8deg);border-radius:50%}
.left-container-offer .coupon .coupon-cutout::after{top:unset;bottom:-13px;transform:translateX(-50%) rotate(-10deg)}
.iframe-wrapper #player .html5-video-player .video-click-tracking,.iframe-wrapper #player .html5-video-player .video-stream{background-color:transparent}
@keyframes shake{0{transform:translateX(0)}
25%{transform:translateX(-2px)}
50%{transform:translateX(2px)}
75%{transform:translateX(-2px)}
100%{transform:translateX(0)}
}
@media screen and (max-width:767px){.cancer-container{padding-bottom:40px}
.cancer-bnr-container{flex-direction:column;gap:24px;grid-template-columns:1fr}
.cancer-bnr-container .cancer-bnr-left-container .left-btn-content .left-bnr-title .title{font-size:24px;line-height:32.4px;margin-top:24px}
.cancer-bnr-container .cancer-bnr-left-container .left-btn-content .left-bnr-title p{font-size:14px;line-height:18.9px;margin-top:12px}
#car_comprehensive .cancer-bnr-left-container{width:100%}
.left-container-offer{flex-direction:column;align-items:flex-start;gap:0;grid-row:3 / 3}
.cancer-bnr-container .cancer-bnr-left-container{width:100%;padding:20px 0 0}
.cancer-bnr-container .cancer-bnr-right-container{width:100%;grid-row:2 / 3;grid-column:unset}
.left-container-offer .coupon-wrapper{max-width:100%;width:100%}
.left-container-offer .coupon::after{display:block}
.cancer-bnr-container .cancer-bnr-right-container .banner_clip{padding:0}
.cancer-bnr-container .cancer-bnr-right-container .banner_clip .play-pause-btn{margin-top:24px;font-size:12px;line-height:14.4px}
.ci-container .offer-submit-btn{margin-top:16px}
.left-container-offer .offer-submit-btn,.left-container-offer .partner-redirect-btn{max-width:100%}
.left-container-offer .partner-redirect-btn{margin-top:16px}
.female-campaign-container .cancer-sticky .cancer-bnr-nav .arrow-nav-list .sticky-btn{background:linear-gradient(136.95deg,#a1428d -17.19%,#d169bb 61.19%)}
.cancer-bnr-container .cancer-bnr-right-container img{min-height:unset;height:180px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25)}
.cancer-bnr-container .cancer-bnr-right-container .banner_clip .iframe-wrapper .iframe{height:180px}
.left-container-offer .offer-copy{margin-top:8px}
.tesla-container .cancer-bnr-container .cancer-bnr-left-container .left-btn-content .left-bnr-title .title{font-size:24px;font-weight:600}
.cancer-bnr-container .cancer-bnr-right-container .banner_clip .iframe-wrapper .iframe{height:180px}
.tesla-container .cancer-bnr-container .cancer-bnr-right-container img{object-fit:contain;box-shadow:none}
}