/* Reset Styles */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Raleway', sans-serif;
    background-color: #ffffff;
    color: #4d4d4f;
}
.container {
    display: block;
    max-width: 1024px;
    margin: 0 auto;
}
a {
    text-decoration: none;
    color: inherit;
}
img { max-width: 100%; height: auto; }

/* Main Styles */

/* Header Styles */
.main_header { padding: 50px 0 10px; }
.main_header .top_nav { margin: 0 0 25px; display: flex; align-items: center; justify-content: space-between; padding: 0 50px; }
.inner_main_header .banner_sec { position: relative; }
.inner_main_header .banner_sec img { max-width: 100%; width: 100%; height: auto; display:block; }
.inner_main_header .banner_sec h1 { position: absolute; top: 45%; left: 50px; transform: translateY(-50%); font-size: 45px; font-weight: 600; line-height: 52px; width:40%; }
#unsubscribe.inner_main_header .banner_sec h1 { font-size: 42px; line-height: 50px; width:43%; top:49%;}

/* Form Section Styles */
.form_sec .form_block { padding: 0 50px; display: flex; align-items: start; justify-content: space-between; margin-top:30px; }
.form_sec .form_block .left_block { width: 55%; padding-right: 35px; }
.form_sec .form_block p, .form_sec .form_block li { font-size: 14px; line-height: 24px; margin-bottom: 15px; }
.form_sec .form_block .left_block ul { list-style: disc inside; }
.form_sec .form_block .left_block ul li strong { margin-right: 5px; }
.form_sec .form_block .left_block a { font-weight: bold; }
.form_sec .form_block .right_block { background-color: #ededed; width: 45%; padding: 35px; }
.form_sec .form_block .right_block a { display: inline-block; line-height: 16px; }
form p.label { margin-bottom: 5px; }
form p.alert { font-size: 10px !important; line-height: 14px !important; font-weight: bold; margin: 5px 0 0 !important; color: #c00; position:absolute; top:100%; }
#expiry_alert_form .form_group { margin: 0 auto 25px auto; padding: 8px 5px 1px; position: relative; }
#expiry_alert_form label { font-size: 14px; font-weight: 400; margin-bottom: 5px; display:block; line-height: 140%;}
#expiry_alert_form .form_control { font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 16px; display: block; width: 100%; height: 25px; padding: 0 5px; color: #495057; background-color: transparent; background-clip: padding-box; border: 1px solid #4d4d4f; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
#expiry_alert_form .form_control:focus { outline: 0; }
#expiry_alert_form .input-checkbox { display: inline-block; margin-right: 5px; min-height: 15px; min-width: 15px; border: 1px solid #4d4d4f; position: relative; top: 3px;}
#expiry_alert_form .submit-button { display: inline-block; font-family: 'Raleway', sans-serif;; font-size: 14px; font-weight: 400; color: #4d4d4f; padding: 12px 20px; border-radius: 3px; cursor: pointer; border: 1px solid #4d4d4f;  }
.eaf_required { font-weight: 700; color: red; }
#expiry_alert_form .prefix { position: absolute; left: 5px; top: 23px; font-size: 14px; line-height: 16px; padding: 3px 5px 5px; pointer-events: none; font-family:'Raleway', sans-serif; font-size:14px; }
#expiry_alert_form .prefix1 { position: absolute; left: 33px; top: 25px; font-size: 14px; line-height: 16px; padding: 3px 5px 5px; pointer-events: none; font-family: 'Raleway', sans-serif; font-size: 14px;}

/* Promo Section Styles */
.promo_sec .promo_block { background-color: #dddddd; background-image: url(https://image.email.viatrisconnect.com/lib/fe3411737364047c741778/m/1/c71fc437-fbae-4fbe-98ea-8b91075409e1.png); background-size: cover; padding: 35px 80px 30px; position: relative; /*top: 12px;*/ z-index: -1; }
.promo_sec .promo_block h4 { font-size: 40px; line-height: 46px; font-weight: 400; color: #4d4d4f; margin: 0; }
.promo_sec .promo_block h4:last-of-type { margin-bottom: 5px; margin-top:15px; }
.promo_sec .promo_block h4 span.question { font-weight: bold; z-index: 1; padding: 2px 0 0 25px;}
.promo_sec .promo_block h4 sup { font-size: 40%; top: 0; }
.promo_sec .promo_block h4 span { position: relative; }
.promo_sec .promo_block h4 span.tick_image::after { content: ""; width: 46px; background: url(https://image.email.viatrisconnect.com/lib/fe3411737364047c741778/m/1/6e1bd380-a432-4a61-97c5-9779d532ec77.png) no-repeat; height: 48px; position: absolute; right: -54px; top: -11px; }
.promo_sec .promo_block h4:nth-child(2) span.tick_image::after, .promo_sec .promo_block h4:nth-child(3) span.tick_image::after { right: -62px; top: -8px; }
.promo_sec .promo_block h4 span.question::before { content: ""; position: absolute; background: url(https://image.email.viatrisconnect.com/lib/fe3411737364047c741778/m/1/b46f9f1e-7c6c-4e50-9ccc-60f5cbe54c13.png) no-repeat; background-size: 93%; width: 319px; height: 112px; left: -46px; z-index: -1; top: -31px; transform: scale(0.79);}
/*.promo_sec .promo_block h4 span.question::after { content: ""; width: 46px; background: url(https://image.email.viatrisconnect.com/lib/fe3411737364047c741778/m/1/18e46888-2a73-42d9-b163-eb1297e58a1e.png) no-repeat; height: 68px; position: absolute; right: -37px; top: -11px; }*/
.promo_sec .promo_block p { font-size: 14px; line-height: 22px; margin-bottom: 10px; width: 44%; margin-top:30px; }
.promo_sec .promo_block p sup, sup{line-height: 40%;}
.promo_sec .promo_mob { display: none; padding: 25px 50px; font-size: 14px; line-height: 24px; }
.promo_sec .promo_mob p { margin-bottom: 25px; }
.promo_sec .promo_mob p:last-of-type { margin-bottom: 0; }
.banner_question{font-size: 55px;}

/* Footer Section Styles */

.main_footer .footer_block { font-family: 'Raleway', sans-serif; color: #fff; padding: 25px 190px 25px 50px; background:url(https://image.email.viatrisconnect.com/lib/fe3411737364047c741778/m/1/91687faf-0f63-4944-a777-27a18cd9a151.png) no-repeat center bottom, linear-gradient(to right, #80bc42 , #f9cc0b); background-size: cover; position: relative;}
.main_footer .footer_block p, .main_footer .footer_block li { font-size: 12px; font-weight: 300; line-height: 18px; margin-bottom: 15px; }
.main_footer .footer_block ul { list-style: outside none; }
.main_footer .footer_block ul li:first-of-type { padding-left: 0; }
.main_footer .footer_block ul li { display: inline-block; padding: 0 6px 0 2px; }
.main_footer .footer_block ul.contact_wrap li a { text-decoration:underline; }
.main_footer .footer_block ul.footer_links li { border-right: 1px solid #ffffff; }
.main_footer .footer_block ul.footer_links li:last-of-type { border-right: 0; }
.main_footer .footer_block .footer_logo {position: absolute; bottom: 10px; right: 7px; width: 10%;}


/* Unsubscribe Page Styles */
.unsubscribe { background-color: #D4D6D7; }
.unsubscribe .epipen_logo img { max-width: 255px; }
.unsubscribe .container { max-width: 600px; }
.unsubscribe .banner_sec { background-color: #ffffff; padding: 0 25px; }
.unsubscribe .main_footer .footer_block { padding: 15px 25px; }
.unsubscribe_sec .cont_block { background-color: #ffffff; padding: 15px 25px; font-family: Arial, Helvetica, sans-serif; color: #737373; }
.unsubscribe_sec .cont_block h2 { font-size: 20px; line-height: 24px; font-weight: 700; margin-bottom: 15px; }
.unsubscribe_sec .cont_block p { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
.unsubscribe_sec .cont_block p sup{font-size: 11px; line-height: 1px;}
.unsubscribe_sec .cont_block p:last-of-type { margin-bottom: 0; }
.unsubscribe_sec .cont_block p a { display: inline-block; color: #00B7E5; }
.unsubscribe_sec .form_sec { background-color: #ffffff; padding: 0 25px 25px; font-family: Arial, Helvetica, sans-serif; color: #737373; }
#unsubscribe_form .form_group { margin: 25px auto 8px auto; position: relative; }
#unsubscribe_form .form_group:last-of-type { margin-bottom: 0; }
#unsubscribe_form label { font-size: 20px; font-weight: 500; margin-bottom: 5px; line-height:28px; display:block; }
#unsubscribe_form .form_control { font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 16px; width: 50%; height: 27px; padding: 2px 5px; color: #495057; background-color: #ffffff; background-clip: padding-box; border: 1px solid #4d4d4f; transition: border-color 0.15s ease, box-shadow 0.15s ease; margin-right:5px; }
#unsubscribe_form .form_control:focus { outline: 0; }
#unsubscribe_form .input-checkbox { display: inline-block; margin-right: 5px; min-height: 15px; min-width: 15px; border: 1px solid #4d4d4f; }
#unsubscribe_form .submit-button { display: inline-block; font-family: 'Raleway', sans-serif;; font-size: 14px; font-weight: 400; color: #4d4d4f; padding: 5px 12px; cursor: pointer; border: 1px solid #4d4d4f;  }
.general_cont .gen_cont_block { background-color: #f1f7ed; padding: 35px 50px; color: #737373; margin: 15px 0;}
.general_cont .gen_cont_block h4 { font-size: 24px; line-height: 36px; font-weight: 500; }
.confirmation_pages .general_cont .gen_cont_block h4 sup{font-size: 18px; line-height: 1px;}
.confirmation_pages p { font-size: 20px; line-height: 28px; font-weight: 500; margin-top: 25px; }
.confirmation_pages footer p { margin-top: 0; }
.unsubscribe .copyright_txt { display: flex; justify-content: space-between; }
.unsubscribe .main_footer .footer_block .border_block { padding: 10px; margin-bottom: 10px; }
.unsubscribe .main_footer .footer_block p, .unsubscribe .main_footer .footer_block li { margin-bottom: 5px !important; line-height: 12px; font-weight: 300; }
.unsubscribe .main_footer .footer_block li { padding: 0 5px; }
.unsubscribe .main_footer .footer_block ul, .unsubscribe .main_footer .footer_block p.viatris_logo { text-align: center; }
.br_hide { display: none; }
.mt0, .confirmation_pages p.mt0{margin-top: 0px;}

/* Responsive Styles */
@media only screen and (max-width: 1000px) {
    .promo_sec .promo_block, .main_footer .footer_block { padding: 30px 50px; background-size: 100% 100%;}
    .promo_sec .promo_block h4{font-size: 38px; line-height: 43px;}
    .promo_sec .promo_block h4 span.tick_image::after {transform: scale(0.9);}
    .banner_question{font-size: 51px;}
    .promo_sec .promo_block h4 span.question::before{ transform:scale(0.75); }
    .promo_sec .promo_block p{margin-top: 15px;}
}

@media only screen and (max-width: 853px) {
  .br_hide { display: block; }
  .main_footer .footer_block ul li:nth-last-of-type(2) { padding-left: 0; }
  .main_footer .footer_block ul li:nth-of-type(3) { border: 0; }
  .promo_sec .promo_block h4:last-of-type {margin-bottom: 10px; margin-top: 15px;}
  .promo_sec .promo_block h4{font-size: 38px; line-height: 45px; padding: 4px 0;}
  .promo_sec .promo_block p{margin-top: 15px; margin-bottom: 5px;}
  .promo_sec .promo_block h4 span.tick_image::after {transform: scale(0.85);}
}

@media only screen and (max-width: 820px) {
    .main_header .top_nav .left_nav { margin-bottom: 15px; }
    .form_sec .form_block { display: block; margin-top: 15px;}
    .form_sec .form_block .left_block, .form_sec .form_block .right_block { width: 100%; }
    .form_sec .form_block .left_block { padding-right: 0; }
    .promo_sec .promo_block p { display: none; }
    .promo_sec .promo_mob { display: block; }
    .general_cont .gen_cont_block h4 { font-size: 22px; line-height: 26px; }
    .confirmation_pages p, #unsubscribe_form label { font-size: 16px; line-height: 20px; }
    .promo_sec .promo_mob{padding: 25px 50px 10px;}
}

@media only screen and (max-width: 740px) {
    .main_header .top_nav { display: block; text-align: center; padding: 0 25px; }
    .inner_main_header .banner_sec h1, #unsubscribe.inner_main_header .banner_sec h1{text-shadow: 0px 3px 6px #000; color: #ffffff; left: 39%;}
}

@media only screen and (max-width: 670px) {
    .promo_sec .promo_block h4 { font-size: 36px; line-height: 40px; }
    .inner_main_header .banner_sec h1, #unsubscribe.inner_main_header .banner_sec h1 { font-size: 32px; line-height: 36px; left: 8%;}
    .epipen_logo { display: block; width: 100%; }
/*    .main_header .right_nav ul li { font-size: 12px; }*/
    .form_sec .form_block .right_block{ width:70%; margin:0 auto; }
    .main_footer .footer_block p{margin-bottom: 10px; line-height: 17px;}
    .main_footer .footer_block {background-image: url(https://image.email.viatrisconnect.com/lib/fe3411737364047c741778/m/1/bde86ea2-dccd-421b-a22f-860b2cfc2f82.png), linear-gradient(to right, #80bc42 , #f9cc0b);}
    .main_footer .footer_block ul li { padding: 0 5px 0 0px; }
    #unsubscribe_form .form_control{ margin-right:0px; width:100%; display:block; margin-bottom:15px; }
}

@media only screen and (max-width: 521px) {
  .main_footer .footer_block ul li:nth-last-of-type(2) { border: 0; }
  .main_footer .footer_block ul li:last-of-type { padding-left: 0; }
  .main_footer .footer_block p.viatris_logo { margin-top: 15px; }
  .promo_sec .promo_block { background-image: url(https://image.email.viatrisconnect.com/lib/fe3411737364047c741778/m/1/90ec6fb6-ef7f-4bc2-93b1-c7f4e19a0747.png); position: static; }
  .promo_sec .promo_block h4{padding: 0px;}
}

@media only screen and (max-width: 480px) {
    .main_header .top_nav a { display: inline-block; }
    .form_sec .form_block { padding: 0 25px; }
    .form_sec .form_block .right_block { padding: 25px 24px; }
    .promo_sec .promo_block, .main_footer .footer_block { padding: 20px 25px 15px; }
    .promo_sec .promo_mob { padding: 25px 25px 10px; }
    .promo_sec .promo_block h4 { font-size: 28px; line-height: 37px; }
    .promo_sec .promo_block h4 span.tick_image::after{right: -42px;}
    .promo_sec .promo_block h4:nth-child(2) span.tick_image::after, .promo_sec .promo_block h4:nth-child(3) span.tick_image::after{right: -42px; top: -10px;}
    .banner_question{font-size: 46px;}
    .promo_sec .promo_block h4 span.tick_image::after, .promo_sec .promo_block h4 span.question::after { transform: scale(0.6); }
    .promo_sec .promo_block h4 span.question::before { transform: scale(0.61); left: -87px; top:-38px; }
    .promo_sec .promo_block h4 span.question{padding: 0px 0 0 20px;}
    .unsubscribe_sec .cont_block h1 { font-size: 20px; line-height: 24px; }
    .unsubscribe_sec .cont_block p { font-size: 16px; line-height: 20px; }
    .unsubscribe .copyright_txt { display: block; }
    .unsubscribe .copyright_txt .text_right { display: block; }
    .unsubscribe .main_footer .footer_block li { padding-left: 0 !important;}
    .main_footer .footer_block .foot_logo_blk { display: block; }
    .inner_main_header .banner_sec h1 { font-size: 24px; line-height: 30px; font-weight: 500; left: 7% !important; width: 60%; }
    #unsubscribe.inner_main_header .banner_sec h1 { font-size: 24px; line-height: 30px; font-weight: 500; left: 7% !important; width: 58%; }
    .main_header .top_nav .left_nav a { display: block; width: 80%; margin: auto; }
    .form_sec .form_block .right_block{ width:100%; margin:0 auto; }
    .main_footer .footer_block .footer_logo{ width:13%; right:5px; }
    .general_cont .gen_cont_block {padding: 35px 25px;}
}

@media only screen and (max-width: 380px) {
  .main_footer .footer_block ul li { display: block; padding: 0; border: 0; }
  .br_hide { display: none; }
  .unsubscribe .main_footer .footer_block li { border: 0 !important; }
    #unsubscribe.inner_main_header .banner_sec h1 { font-size: 21px; line-height: 27px; font-weight: 500; left: 7% !important; width: 56%; }
}

@media only screen and (max-width: 360px) {
    .main_header .top_nav .left_nav a img { width: 100%; }
    .main_footer .footer_block ul li { margin-bottom: 5px; }
    .main_footer .footer_block ul li:last-of-type { padding-left: 0; }
    .general_cont .gen_cont_block h4 { font-size: 18px; line-height: 24px; }
}

@media only screen and (max-width: 320px) {
    .promo_sec .promo_block h4 span.question {padding: 0px 0 0 10px;}
    .promo_sec .promo_block h4 { font-size: 28px; line-height: 32px; }
    .promo_sec .promo_block h4 span.tick_image::after, .promo_sec .promo_block h4 span.question::after { transform: scale(0.5); }
    .promo_sec .promo_block h4 span.question::after { transform: scale(0.5); top: -20px; }
    .promo_sec .promo_block h4 span.tick_image::after, .promo_sec .promo_block h4:nth-child(2) span.tick_image::after, .promo_sec .promo_block h4:nth-child(3) span.tick_image::after { right: -42px }
    .promo_sec .promo_block h4 span.question::before { transform: scale(0.66); top: -40px; left: -95px; }
    .footer_links{ padding-right: 30px;}
}