:root{ /* Use --dxp-g for color codes */ --dxp-g-error-color:#EF4949; --dxp-g-pink-color:#dc0077; --dxp-g-blue-color:#065baa; --dxp-g-white:#ffffff; --dxp-g-gray-shade-1:#969492; --dxp-g-gray-shade-2:#080707; --dxp-g-gray-shade-3:#B0ADAB; --dxp-g-pink-shade-1:rgb(220, 0, 119); --dxp-g-libtayo-blue:#00506F; --dxp-g-brand-heading1:#1B365D; --dxp-g-gray-shade-4:#C9C7C5; --dxp-g-gray-shade-5:#514F4D; --dxp-g-red-shade2:#D50056; --dxp-g-gray-shade-6:#ECEBEA; --dxp-g-gray-shade-7:#2B2826; --dxp-g-gray-shade-8:#706E6B; --dxp-g-green-color:#78BE20; --dxp-g-orange-color:#FFB75D; --dxp-g-megenta-color: #CB0094; --dxp-g-blue-color2:#002273; --dxp-g-amarath-color:#FBE6F1; --dxp-g-blue-color3:#E6EDF1; --dxp-g-blue-color4:#B4D6F1; --dxp-g-blue-color5:#0658AA; --dxp-g-blue-color6:#EAF5FF; --dxp-g-blue-color7:#D9EAF8; --dxp-g-blue-color8:#004F6F; --dxp-g-green-shade1:#EAEBD2; --dxp-s-component-wrapper-spacer-size-mobile:0; /* Use --dxp-f for font family & values*/ --dxp-s-libtayo-branded-font-family:Arial; --dxp-s-footer-font-size:12px; --dxp-s-font-size13:13px; --dxp-s-font-size18:18px; --dxp-s-font-size20:20px; --dxp-s-font-size22:22px; --dxp-s-font-size28:28px; --dxp-s-font-size42:42px; --dxp-s-font-size36:36px; --dxp-s-font-size32:32px; --dxp-s-font-size40:40px; --dxp-s-font-size58:58px; --dxp-s-footer-line-height:18px; --dxp-s-line-heigh24:24px; --dxp-s-line-height50:50px; --dxp-s-line-height32:32px; --dxp-s-line-height40:40px; --dxp-s-line-height42:42px; --dxp-s-line-height64:64px; /* Use --dxp-s spaces */ --dxp-s-regen-border-radius10:10px; --dxp-s-border-radius20:20px; --dxp-s-regen-border-radius25:25px; --dxp-s-border-radius40:40px; --dxp-s-regen-padding3:3px; --dxp-s-regen-padding4:4px; --dxp-s-regen-padding5:5px; --dxp-s-regen-padding6:6px; --dxp-s-regen-padding8:8px; --dxp-s-regen-padding10:10px; --dxp-s-regen-padding12:12px; --dxp-s-regen-padding15:15px; --dxp-s-regen-padding14:14px; --dxp-s-regen-padding16:16px; --dxp-s-regen-padding20:20px; --dxp-s-regen-padding24:24px; --dxp-s-regen-padding25:25px; --dxp-s-regen-padding30:30px; --dxp-s-regen-padding32:32px; --dxp-s-regen-padding40:40px; --dxp-s-regen-padding48:48px; --dxp-s-regen-padding50:50px; --dxp-s-regen-padding56:56px; --dxp-s-regen-padding60:60px; --dxp-s-regen-padding64:64px; --dxp-s-regen-padding70:70px; --dxp-s-regen-padding75:75px; --dxp-s-regen-padding80:80px; --dxp-s-regen-padding92:92px; --dxp-s-regen-padding100:100px; --dxp-s-regen-padding120:120px; --dxp-s-regen-padding140:140px; --dxp-s-regen-padding150:150px; --dxp-s-regen-padding160:160px; --dxp-s-regen-padding250:250px; --dxp-s-regen-margin6:6px; --dxp-s-regen-margin8:8px; --dxp-s-regen-margin10:10px; --dxp-s-regen-margin15:15px; --dxp-s-regen-margin16:16px; --dxp-s-regen-margin20:20px; --dxp-s-regen-margin25:25px; --dxp-s-regen-margin24:24px; --dxp-s-regen-margin30:30px; --dxp-s-regen-margin32:32px; --dxp-s-regen-margin40:40px; --dxp-s-regen-margin48:48px; --dxp-s-regen-margin50:50px; --dxp-s-regen-margin150:150px; /* Use --dxp-w width */ --dxp-w-regen-image-width1k:1000px; --dxp-carousel-icon-width:15px; --dxp-carousel-icon-height:15px; --dxp-icon-width20:20px; --dxp-icon-height20:20px; --dxp-width-51:51px; --dxp-button-width:386px; --dxp-button-width-2:337px; --dxp-modal-button-width:200px; --dxp-conform-modal-width:656px; --dxp-login-input-width:516px; --dxp-width-50:50%; --dxp-width-100:100%; --dxp-width-90:90%; --dxp-width-18:18px; --dxp-width100:100px; --dxp-height100:100px; --dxp-icon-width24:24px; --dxp-icon-height24:24px; --dxp-hcp-modal-width:863px; --dxp-960-content-width:960px; } /* regeneron global css out of box */ .regn-text-center{ text-align:center !important; } .regn-text-right{ text-align:right; } .regn-just-right{ justify-content: right; } .regn-just-center{ justify-content: center; } .regn-align-center{ align-items: center; } .regn-text-left{ text-align:left; } .regn-text-bold{ font-weight: bold; } .regn-display-none{ display: none !important; } .regn-s-font-size18 { font-size: var(--dxp-s-font-size18); } .regn-padding10-all-sides{ padding: var(--dxp-s-regen-padding10); } .regn-s-footer-font-size { font-size: var(--dxp-s-footer-font-size); } .regn-s-footer-line-height { line-height: var(--dxp-s-footer-line-height); } .regn-s-libtayo-branded-font-family { font-family: var(--dxp-s-libtayo-branded-font-family) !important; } .regn-padding-btm20{ padding-bottom: var(--dxp-s-regen-padding20); } .regn-padding-btm10{ padding-bottom: var(--dxp-s-regen-padding10); } .regn-font-weight4{ font-weight: 400; } .regn-flex{ display: flex !important; } .regn-block{ display: block !important; } .regn-g-error-color { color: var(--dxp-g-error-color); } .regn-s-line-height50 { line-height: var(--dxp-s-line-height50); } .regn-blue-button button, .regn_card_side_button a, .regn_no_arrowbtn a, .regn_blue_a_btn a, .regn-pink-btn2 button, .regn-pink-btn2 a{ background: linear-gradient(270deg, #107FCD 0%, #065BAA 100%) !important; font-size: var(--dxp-s-font-size20) !important; font-family: var(--dxp-s-body-font-family) !important; font-weight: bold; width: 100%; padding: 12px 40px 12px 32px; text-align: center; line-height: var(--dxp-s-line-heigh24); border: 0; color: var(--dxp-g-brand-contrast) !important; border-radius: var(--dxp-s-border-radius40); } .regn-blue-button button:hover, .regn-blue-button button:focus, .regn_card_side_button a:hover, .regn_card_side_button a:focus, .regn_blue_a_btn a:hover, .regn_blue_a_btn a:focus, .regn_no_arrowbtn a:focus, .regn_no_arrowbtn a:hover{ background: linear-gradient(180deg, #D50057 0%, #950051 100%) !important; text-decoration: none !important; outline: none !important; box-shadow: none; } .regn-red-button button, .regn-red-button a{ width: 100%; font-family: var(--dxp-s-libtayo-branded-font-family) !important; padding: 4px 32px 4px 16px; font-size: var(--dxp-s-font-size16) !important; line-height: var(--dxp-s-font-size20) !important; font-weight: 700; color: var(--dxp-g-white); border-radius: var(--dxp-s-border-radius40); background: linear-gradient(180deg, #D50057 0%, #950051 100%); border: 0; } .regn-blue-button button::after, .regn_card_side_button a::after, .regn_blue_a_btn a::after, .regn-pink-btn2 button::after, .regn-pink-btn2 a::after{ border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 6.99px !important; transform: rotate(-45deg) !important; -webkit-transform: rotate(-45deg); position: absolute; content: "" !important; right: 32px; border-radius: 0 !important; opacity: 1 !important; left: auto !important; width: auto !important; height: auto !important; top: auto !important; background-color: transparent !important; } .regn-blue-button button:hover::before, .regn-pink-btn2 button::before, .regn-blue-border-button button:hover:before, .regn-blue-border-button a:hover:before{ display:none; } .regn-product-btn-design a, .regn-product-btn-design button{ font-family: var(--dxp-s-libtayo-branded-font-family) !important; padding: 6px 40px 6px 16px; font-size: var(--dxp-s-body-font-size) !important; line-height: var(--dxp-s-font-size20) !important; font-weight: 700; border-radius: var(--dxp-s-border-radius40); border: 0; text-transform: uppercase; position:relative; } .regn-product-btn-design-no-icon button, .regn-product-btn-design-no-icon a{ padding: var(--dxp-s-regen-padding6) var(--dxp-s-regen-padding16) !important; } .regn-product-btn-design-no-icon2 button{ padding: var(--dxp-s-regen-padding10) var(--dxp-s-regen-padding16) !important; } .regn-product_btn_whitebg a, .regn-product_btn_whitebg a:hover, .regn-product_btn_whitebg button:hover, .regn-product_btn_whitebg button:focus{ color: var(--dxp-g-libtayo-blue) !important; background-color: white !important; } .regn-product_btn_bluebg a, .regn-product_btn_bluebg button{ background-color: var(--dxp-g-libtayo-blue) !important; color: white !important; } .regn-product_btn_bluebg a:hover, .regn-product_btn_bluebg button:hover{ background-color: var(--dxp-g-pink-color) !important; } .regn-product_btn_bluebg button:hover::before, .regn-product_btn_whitebg button:hover::before{ display: none; } .regn-product_btn_bluebg button:focus .regn-product_btn_whitebg button:focus, .regn-product-btn-design button:focus{ outline: none !important; } .regn-product-btn-design a::after, .regn-product-btn-design-with-icon button::after, .regn-product_btn_bluebg-with-icon button::after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icon'%3E%3Cpath id='Icon_2' fill-rule='evenodd' clip-rule='evenodd' d='M5.79992 2.01382L12.1692 8.32151C12.3538 8.50613 12.3538 8.81382 12.1692 8.99844L5.79992 15.3061C5.61531 15.4907 5.30762 15.4907 5.123 15.3061L4.44608 14.6292C4.26146 14.4446 4.26146 14.1369 4.44608 13.9523L9.46146 8.99844C9.64608 8.81382 9.64608 8.50613 9.46146 8.32151L4.47685 3.36767C4.29223 3.18305 4.29223 2.87536 4.47685 2.69075L5.15377 2.01382C5.33839 1.85998 5.61531 1.85998 5.79992 2.01382Z' fill='%2300506F'/%3E%3C/g%3E%3C/svg%3E") !important; background-repeat: no-repeat; content: "" !important; background-size: 16px; display: block; position: absolute !important; width: 16px !important; height: 17px !important; right: 16px; top: 6px !important; border-radius: 0 !important; left: auto !important; opacity: 1 !important; background-color: transparent !important; } .regn-product_btn_bluebg a::after, .regn-product_btn_bluebg-with-icon button::after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icon'%3E%3Cpath id='Icon_2' fill-rule='evenodd' clip-rule='evenodd' d='M5.79992 2.01382L12.1692 8.32151C12.3538 8.50613 12.3538 8.81382 12.1692 8.99844L5.79992 15.3061C5.61531 15.4907 5.30762 15.4907 5.123 15.3061L4.44608 14.6292C4.26146 14.4446 4.26146 14.1369 4.44608 13.9523L9.46146 8.99844C9.64608 8.81382 9.64608 8.50613 9.46146 8.32151L4.47685 3.36767C4.29223 3.18305 4.29223 2.87536 4.47685 2.69075L5.15377 2.01382C5.33839 1.85998 5.61531 1.85998 5.79992 2.01382Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E") !important; } .regn-product-btn-design-no-icon a:after{ display:none; } .regn-blue-button-314 button{ width: 314px !important; } .regn-blue-button16 button{ font-size: var(--dxp-s-body-font-size) !important; } .regn-pink-btn2 button, .regn-pink-btn2 a{ font-style: normal; font-weight: 700; line-height: 24px; text-transform: uppercase; padding: 14px 40px 14px 32px; font-size: var(--dxp-s-font-size18) !important; background: var(--REGENERON-Simple-Gradients-BrightMagenta_Bold-Rubine, linear-gradient(180deg, #CB0094 0%, #7F0064 100%)) !important; width: 300px; } .regn-pink-btn2 button:hover, .regn-pink-btn2 a:hover, .regn-pink-btn2 button:focus, .regn-pink-btn2 a:focus { border-radius: 48px; background: var(--REGENERON-Simple-Gradients-BrightBlue_BoldBlue, linear-gradient(180deg, #2069E7 0%, #002273 100%)) !important; outline: none; text-decoration: none !important; } .regn-pink-btn button, .regn-blue-border-button button, .regn-blue-border-button a{ background: linear-gradient(180deg, #CB0094 0%, #7F0064 100%); padding: 12px 16px; color: #FFF; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; border-radius: 0 !important; border: 0 !important; z-index: 99; } .regn-pink-btn button:hover, .regn-pink-btn button:focus{ color: white; background: var(--REGENERON-Simple-Gradients-BrightBlue_BoldBlue, linear-gradient(180deg, #2069E7 0%, #002273 100%)); outline: none; /* box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); */ } .regn-blue-border-button button, .regn-blue-border-button a{ padding: 12px 45px 12px 12px; color: var(--dxp-g-blue-color2) !important; font-style: italic; font-weight: 400; line-height: 1; border: 1px solid var(--dxp-g-blue-color2) !important; background: white !important; position: relative; line-height: 18px; display: inline-block; } .regn-blue-border-button button:hover, .regn-blue-border-button a:hover{ background-color: var(--dxp-g-white) !important; color: var(--dxp-g-blue-color2) !important; text-decoration: underline !important; } .regn-blue-border-button button::after, .regn-blue-border-button a::after{ content: ''; position: absolute; top: -1px !important; right: 0; display: inline-flex; padding: 21px 16px !important; background-color: var(--dxp-g-blue-color2) !important; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Arrow'%3E%3Cpath id='assets/icons/ic_arrow-down (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M6.58594 20.0001L14.5859 12.0001L6.58594 4.00009L8.00015 2.58588L17.4144 12.0001L8.00015 21.4143L6.58594 20.0001Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); border: 1px solid var(--dxp-g-blue-color2); border-radius: 0 !important; opacity: 1 !important; left: auto !important; width: auto !important; height: auto !important; } .regn-pink-btn button:hover::before, .regn-pink-btn button:hover::after{ display: none; } .regn-s-font-size28 { font-size: var(--dxp-s-font-size28); } .regn-s-font-size42{ font-size: var(--dxp-s-font-size42); } .regn-s-font-size32{ font-size: var(--dxp-s-line-height32); line-height: var(--dxp-s-text-heading-large-font-size); } .regn-s-font-size36{ font-size: var(--dxp-s-font-size36); line-height: var(--dxp-s-line-height40); } .regn-s-font-size13 { font-size: var(--dxp-s-font-size13); } .regn-g-pink-color { color: var(--dxp-g-pink-color); } .regn-carousel-icon-width { width: var(--dxp-carousel-icon-width); } .regn-carousel-icon-height { height: var(--dxp-carousel-icon-height); } .regn-button-width337 a, .regn-button-width337 button{ width: var(--dxp-button-width-2) !important; } . regn-s-border-radius20 { border-radius: var(--dxp-s-border-radius20); } .regn-s-font-size20 { font-size: var(--dxp-s-font-size20); } .regn-button-width button{ width: var(--dxp-button-width); } .regn-g-blue-color { color: var(--dxp-g-blue-color); } .regn-g-white-color { color: var(--dxp-g-white); } .regn-g-gray-shade-5{ color: var(--dxp-g-gray-shade-5) !important; } .regn-g-width100{ width: var(--dxp-width-100) !important; } .regn_full_width_section .columns-content{ max-width: var(--dxp-width-100) !important; } .regn_content-with-960 .acn-navigation-item-description-content, .regn_content-with-list-960, .regn_content-with-960 .acn-navigation-item-action-container{ width: var(--dxp-960-content-width) !important; margin: 0 auto; } .regn-underline-text a{ color: var(--dxp-g-blue-color) !important; text-decoration: underline !important; } .regn-libtayo-underline-text a{ color: var(--dxp-g-libtayo-blue) !important; text-decoration: underline !important; } .regn-margin16{ margin : var(--dxp-s-regen-margin16); } .regn-margin10{ margin : var(--dxp-s-regen-margin10); } .regn-margin-btm16, .regn-margin-btm16_btn button{ margin-bottom: var(--dxp-s-regen-margin16); } .regn-margin-btm8{ margin-bottom: var(--dxp-s-regen-margin8); } .regn-margin-btm_0{ margin-bottom: 0px; } /* padding classes */ .regn-padding10{ padding: var(--dxp-s-regen-padding10); } .regn-padding-left10{ padding-left:var(--dxp-s-regen-padding10) !important; } .regn-padding-right10{ padding-right:var(--dxp-s-regen-padding10) !important; } .regn-padding-top10{ padding-top:var(--dxp-s-regen-padding10) !important; } .regn-padding-btm10{ padding-bottom:var(--dxp-s-regen-padding10) !important; } .regn-padding_16{ padding: var(--dxp-s-regen-padding16); } .regn-padding-left_16{ padding-left: var(--dxp-s-regen-padding16); } .regn-padding-right_16{ padding-right: var(--dxp-s-regen-padding16); } .regn-padding-top_16{ padding-top: var(--dxp-s-regen-padding16); } .regn-padding-btm_16{ padding-bottom: var(--dxp-s-regen-padding16); } .regn-padding-left20{ padding-left:var(--dxp-s-regen-padding20) !important; } .regn-padding-right20{ padding-right:var(--dxp-s-regen-padding20) !important; } .regn-padding-btm20{ padding-bottom:var(--dxp-s-regen-padding20) !important; } .regn-padding-top20{ padding-top:var(--dxp-s-regen-padding20) !important; } .regn-padding24{ padding:var(--dxp-s-regen-padding24) !important; } .regn-padding-left24{ padding-left:var(--dxp-s-regen-padding24) !important; } .regn-padding-right24{ padding-right:var(--dxp-s-regen-padding24) !important; } .regn-padding-top24{ padding-top:var(--dxp-s-regen-padding24) !important; } .regn-padding-btm24{ padding-bottom:var(--dxp-s-regen-padding24) !important; } .regn-padding32{ padding:var(--dxp-s-regen-padding32) !important; } .regn-padding-left32{ padding-left:var(--dxp-s-regen-padding32) !important; } .regn-padding-right32{ padding-right:var(--dxp-s-regen-padding32) !important; } .regn-padding-top32{ padding-top:var(--dxp-s-regen-padding32) !important; } .regn-padding-btn32{ padding-bottom:var(--dxp-s-regen-padding32) !important; } .regn-padding-btm32{ padding-bottom:var(--dxp-s-regen-padding32) !important; } .regn-padding40{ padding: var(--dxp-s-regen-padding40) !important; } .regn-padding-top40{ padding-top: var(--dxp-s-regen-padding40) !important; } .regn-padding-btm40{ padding-bottom: var(--dxp-s-regen-padding40) !important; } .regn-padding-right40{ padding-right:var(--dxp-s-regen-padding40) !important; } .regn-padding-left40{ padding-left:var(--dxp-s-regen-padding40) !important; } .regn-padding-top48{ padding-top: var(--dxp-s-regen-padding48) !important; } .regn-padding-btm48{ padding-bottom: var(--dxp-s-regen-padding48) !important; } .regn-padding-left48{ padding-left: var(--dxp-s-regen-padding48) !important; } .regn-padding-right48{ padding-right: var(--dxp-s-regen-padding48) !important; } .regn-padding-right50{ padding-right:var(--dxp-s-regen-padding50) !important; } .regn-padding-left50{ padding-left:var(--dxp-s-regen-padding50) !important; } .regn-padding-top50{ padding-top: var(--dxp-s-regen-padding50) !important; } .regn-padding-btm50{ padding-bottom: var(--dxp-s-regen-padding50) !important; } .regn-padding-top56{ padding-top: var(--dxp-s-regen-padding56) !important; } .regn-padding-btm56{ padding-bottom: var(--dxp-s-regen-padding56) !important; } .regn-padding-right56{ padding-right: var(--dxp-s-regen-padding56) !important; } .regn-padding-right60{ padding-right:var(--dxp-s-regen-padding60) !important; } .regn-padding-top64{ padding-top: var(--dxp-s-regen-padding64) !important; } .regn-padding-btm64{ padding-bottom: var(--dxp-s-regen-padding64) !important; } .regn-padding-btm80{ padding-bottom: var(--dxp-s-regen-padding80) !important; } .regn-padding-tb80{ padding: var(--dxp-s-regen-padding80) 0; } .regn-padding-top80{ padding-top: var(--dxp-s-regen-padding80); } .regn-padding-btm160{ padding-bottom: var(--dxp-s-regen-padding160) !important; } .regn-padding-btm140{ padding-bottom: var(--dxp-s-regen-padding140) !important; } .regn-padding-left100{ padding-left: var(--dxp-s-regen-padding100) !important; } .regn-padding-right100{ padding-right: var(--dxp-s-regen-padding100) !important; } .regn-padding-tb100{ padding: var(--dxp-s-regen-padding100) 0; } .regn-padding-lr250{ padding-left: var(--dxp-s-regen-padding250) !important; padding-right: var(--dxp-s-regen-padding250) !important; } .regn-gray-border1{ border: 1px solid var(--dxp-g-gray-shade-4); } .regn-gray-border2{ border: 1px solid var(--dxp-g-gray-shade-5); } .regn-blue-border1{ border: 1px solid var(--dxp-g-blue-color); } .regn-border-btm0:first-child{ border-bottom:0; } .regn-border-right0{ border-right:0; } /* Theme color option css */ .regn-g-brand-background-color { background-color: var(--dxp-g-brand); } .regn-g-brand-color { color: var(--dxp-g-brand); } .regn-button-blue-border{ border: 1px solid var(--dxp-g-brand); } .regn-g-brand-contrast-background-color { background-color: var(--dxp-g-brand-contrast); } .regn-g-brand-contrast-color { color: var(--dxp-g-brand-contrast); } .regn-g-root-background-color { background-color: var(--dxp-g-root); } .regn-g-root-color { color: var(--dxp-g-root); } .regn-g-root-contrast-background-color { background-color: var(--dxp-g-root-contrast); } .regn-g-root-contrast-color { color: var(--dxp-g-root-contrast); } .regn-s-link-text-color { color: var(--dxp-s-link-text-color); } .regn-s-button-color { color: var(--dxp-s-button-color); } /* H1 Element DEsign Class */ .regn-s-text-heading-extra-large-color { color: var(--dxp-s-text-heading-extra-large-color); } .regn-s-text-heading-extra-large-font-size { font-size: var(--dxp-s-text-heading-extra-large-font-size); } .regn-s-text-heading-extra-large-line-height { line-height: var(--dxp-s-text-heading-extra-large-line-height); } .regn-s-text-heading-extra-large-font-weight { font-weight: var(--dxp-s-text-heading-extra-large-font-weight); } .regn-s-text-heading-extra-large-font-family { font-family: var(--dxp-s-text-heading-extra-large-font-family); } /* H2 Element DEsign Class */ .regn-s-text-heading-large-color { color: var(--dxp-s-text-heading-large-color); } .regn-s-text-heading-large-font-size { font-size: var(--dxp-s-text-heading-large-font-size); } .regn-s-text-heading-large-font-family { font-family: var(--dxp-s-text-heading-large-font-family); } .regn-s-text-heading-large-line-height { line-height: var(--dxp-s-text-heading-large-line-height); } .regn-s-text-heading-large-font-weight { font-weight: var(--dxp-s-text-heading-large-font-weight); } .regn-s-text-heading-large-text-transform { text-transform: var(--dxp-s-text-heading-large-text-transform); } /* H3 Element DEsign Class */ .regn-s-text-heading-medium-color { color: var(--dxp-s-text-heading-medium-color); } .regn-s-text-heading-medium-font-size { font-size: var(--dxp-s-text-heading-medium-font-size); } .regn-s-text-heading-medium-line-height { line-height: var(--dxp-s-text-heading-medium-line-height); } .regn-s-text-heading-medium-font-weight { font-weight: var(--dxp-s-text-heading-medium-font-weight); } /* H4 Element DEsign Class */ .regn-s-text-heading-small-color { color: var(--dxp-s-text-heading-small-color); } .regn-s-text-heading-small-font-size { font-size: var(--dxp-s-text-heading-small-font-size); } .regn-s-text-heading-small-line-height { line-height: var(--dxp-s-text-heading-small-line-height); } .regn-s-text-heading-small-font-weight { font-weight: var(--dxp-s-text-heading-small-font-weight); } .regn-s-text-heading-small-font-weight { font-weight: var(--dxp-s-text-heading-small-font-weight); } /* Paragraph1 Element DEsign Class */ .regn-content-s-body-text-color { color: var(--dxp-s-body-text-color); } .regn-content-s-body-font-size { font-size: var(--dxp-s-body-font-size); } .regn-content-s-body-line-height { line-height: var(--dxp-s-body-line-height); } .regn-content-s-body-font-weight { font-weight: var(--dxp-s-body-font-weight); } /* Paragraph Element DEsign Class */ .regn-s-body-small-text-color { color: var(--dxp-s-body-small-text-color); } .regn-s-body-small-font-size { font-size: var(--dxp-s-body-small-font-size); } .regn-s-body-small-line-height { line-height: var(--dxp-s-body-small-line-height); } .regn-s-body-small-font-weight { font-weight: var(--dxp-s-body-small-font-weight); } .regn-s-body-small-text-transform { text-transform: var(--dxp-s-body-small-text-transform); } /* Button properties */ .regn-s-button-line-height { line-height: var(--dxp-s-button-line-height); } .regn-s-button-text-transform { text-transform: var(--dxp-s-button-text-transform); } .regn-s-button-font-weight { font-weight: var(--dxp-s-button-font-weight); } /* Large button */ .regn-s-button-large-font-size { font-size: var(--dxp-s-button-large-font-size); } .regn-s-button-large-padding { padding: var(--dxp-s-button-large-padding); } .regn-s-button-large-radius-border-border-radius { border-radius: var(--dxp-s-button-large-radius-border); } /* Primary Button */ .regn-s-button-font-size { font-size: var(--dxp-s-button-font-size); } .regn-s-button-padding { padding: var(--dxp-s-button-padding); } .regn-s-button-radius-border { border-radius: var(--dxp-s-button-radius-border); } /* Small Button */ .regn-s-button-small-font-size { font-size: var(--dxp-s-button-small-font-size); } .regn-s-button-small-padding { padding: var(--dxp-s-button-small-padding); } .regn-s-button-small-radius-border { border-radius: var(--dxp-s-button-small-radius-border); } .slds-button_outline-brand:focus, .slds-button_outline-brand:hover{ background-color:var( --dxp-g-pink-shade-1) !important; color: var(--dxp-g-white); } .regn-uk-libtayo-head1 .dxp-grid-item{ width: auto; } /* anchor tag state customization */ a{ text-decoration:none !important; } a:hover{ text-decoration: underline !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .regn-blue-button-314 button{ width: var(--dxp-width-100); } .regn-uk-libtayo-head1 .dxp-grid-item { width: var(--dxp-width-100); text-align: center; } /* mobile grid css */ .slds-small-size--xxx-small,.slds-small-size_xxx-small { width: 3rem } .slds-small-size--xx-small,.slds-small-size_xx-small { width: 6rem } .slds-small-size--x-small,.slds-small-size_x-small { width: 12rem } .slds-small-size--small,.slds-small-size_small { width: 15rem } .slds-small-size--medium,.slds-small-size_medium { width: 20rem } .slds-small-size--large,.slds-small-size_large { width: 25rem } .slds-small-size--x-large,.slds-small-size_x-large { width: 40rem } .slds-small-size--xx-large,.slds-small-size_xx-large { width: 60rem } .slds-small-size--1-of-1,.slds-small-size_1-of-1 { width: 100% } .slds-small-size--1-of-2,.slds-small-size_1-of-2 { width: 50% } .slds-small-size--2-of-2,.slds-small-size_2-of-2 { width: 100% } .slds-small-size--1-of-3,.slds-small-size_1-of-3 { width: 33.3333333333% } .slds-small-size--2-of-3,.slds-small-size_2-of-3 { width: 66.6666666667% } .slds-small-size--3-of-3,.slds-small-size_3-of-3 { width: 100% } .slds-small-size--1-of-4,.slds-small-size_1-of-4 { width: 25% } .slds-small-size--2-of-4,.slds-small-size_2-of-4 { width: 50% } .slds-small-size--3-of-4,.slds-small-size_3-of-4 { width: 75% } .slds-small-size--4-of-4,.slds-small-size_4-of-4 { width: 100% } .slds-small-size--1-of-5,.slds-small-size_1-of-5 { width: 20% } .slds-small-size--2-of-5,.slds-small-size_2-of-5 { width: 40% } .slds-small-size--3-of-5,.slds-small-size_3-of-5 { width: 60% } .slds-small-size--4-of-5,.slds-small-size_4-of-5 { width: 80% } .slds-small-size--5-of-5,.slds-small-size_5-of-5 { width: 100% } .slds-small-size--1-of-6,.slds-small-size_1-of-6 { width: 16.6666666667% } .slds-small-size--2-of-6,.slds-small-size_2-of-6 { width: 33.3333333333% } .slds-small-size--3-of-6,.slds-small-size_3-of-6 { width: 50% } .slds-small-size--4-of-6,.slds-small-size_4-of-6 { width: 66.6666666667% } .slds-small-size--5-of-6,.slds-small-size_5-of-6 { width: 83.3333333333% } .slds-small-size--6-of-6,.slds-small-size_6-of-6 { width: 100% } .slds-small-size--1-of-7,.slds-small-size_1-of-7 { width: 14.2857142857% } .slds-small-size--2-of-7,.slds-small-size_2-of-7 { width: 28.5714285714% } .slds-small-size--3-of-7,.slds-small-size_3-of-7 { width: 42.8571428571% } .slds-small-size--4-of-7,.slds-small-size_4-of-7 { width: 57.1428571429% } .slds-small-size--5-of-7,.slds-small-size_5-of-7 { width: 71.4285714286% } .slds-small-size--6-of-7,.slds-small-size_6-of-7 { width: 85.7142857143% } .slds-small-size--7-of-7,.slds-small-size_7-of-7 { width: 100% } .slds-small-size--1-of-8,.slds-small-size_1-of-8 { width: 12.5% } .slds-small-size--2-of-8,.slds-small-size_2-of-8 { width: 25% } .slds-small-size--3-of-8,.slds-small-size_3-of-8 { width: 37.5% } .slds-small-size--4-of-8,.slds-small-size_4-of-8 { width: 50% } .slds-small-size--5-of-8,.slds-small-size_5-of-8 { width: 62.5% } .slds-small-size--6-of-8,.slds-small-size_6-of-8 { width: 75% } .slds-small-size--7-of-8,.slds-small-size_7-of-8 { width: 87.5% } .slds-small-size--8-of-8,.slds-small-size_8-of-8 { width: 100% } .slds-small-size--1-of-12,.slds-small-size_1-of-12 { width: 8.3333333333% } .slds-small-size--2-of-12,.slds-small-size_2-of-12 { width: 16.6666666667% } .slds-small-size--3-of-12,.slds-small-size_3-of-12 { width: 25% } .slds-small-size--4-of-12,.slds-small-size_4-of-12 { width: 33.3333333333% } .slds-small-size--5-of-12,.slds-small-size_5-of-12 { width: 41.6666666667% } .slds-small-size--6-of-12,.slds-small-size_6-of-12 { width: 50% } .slds-small-size--7-of-12,.slds-small-size_7-of-12 { width: 58.3333333333% } .slds-small-size--8-of-12,.slds-small-size_8-of-12 { width: 66.6666666667% } .slds-small-size--9-of-12,.slds-small-size_9-of-12 { width: 75% } .slds-small-size--10-of-12,.slds-small-size_10-of-12 { width: 83.3333333333% } .slds-small-size--11-of-12,.slds-small-size_11-of-12 { width: 91.6666666667% } .slds-small-size--12-of-12,.slds-small-size_12-of-12 { width: 100% } .slds-small-order--1,.slds-small-order_1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .slds-small-order--2,.slds-small-order_2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .slds-small-order--3,.slds-small-order_3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .slds-small-order--4,.slds-small-order_4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .slds-small-order--5,.slds-small-order_5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .slds-small-order--6,.slds-small-order_6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .slds-small-order--7,.slds-small-order_7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .slds-small-order--8,.slds-small-order_8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .slds-small-order--9,.slds-small-order_9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .slds-small-order--10,.slds-small-order_10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .slds-small-order--11,.slds-small-order_11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .slds-small-order--12,.slds-small-order_12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .regn-button-width button{ width: var(--dxp-width-100); } } .regn-padding-left0{ padding-left: 0px !important; } /* Mobile responsive design and Tab Responsive design*/ @media screen and (min-width: 320px) and (max-width: 1024px) { .regn-padding0{ padding : 0px !important; } .regn-padding-left_0{ padding-left: 0px !important; } .regn-padding-right0{ padding-right: 0px !important; } .regn-padding-btm0{ padding-bottom: 0px !important; } .regn-padding-top0{ padding-top: 0px !important; } .regn-padding-btm8{ padding-bottom: var(--dxp-s-regen-padding8) !important; } .regn-padding16{ padding : var(--dxp-s-regen-padding16) !important; } .regn-padding-top16 { padding-top: var(--dxp-s-regen-padding16) !important; } .regn-padding-left16{ padding-left : var(--dxp-s-regen-padding16) !important; } .regn-padding-right16{ padding-right: var(--dxp-s-regen-padding16) !important; } .regn-padding-btm16{ padding-bottom: var(--dxp-s-regen-padding16) !important; } .regn-margin0{ margin : 0px; } .regn-margin-left0{ margin-left: 0px; } .regn-margin-right0{ margin-right: 0px; } .regn-margin-btm0{ margin-bottom: 0px; } .regn-margin-top0{ margin-top: 0px; } .regn-margin16{ margin : var(--dxp-s-regen-margin16); } .regn-margin-top16 { margin-top: var(--dxp-s-regen-margin16); } .regn-margin-left16{ margin-left : var(--dxp-s-regen-margin16); } .regn-margin-right16{ margin-right: var(--dxp-s-regen-margin16); } .regn-margin-btm16{ margin-bottom: var(--dxp-s-regen-margin16); } .regn_content-with-960 .acn-navigation-item-description-content, .regn_content-with-list-960, .regn_content-with-960 .acn-navigation-item-action-container{ width: 100% !important; margin: 0 auto; } } /* Regeneron Germany site specific styles */ /* DE menu */ .Regn-product-mega-menu .custom-nav .acn-navigation-custom-menu-wrapper{ padding-right: 0 !important; align-items: flex-end; justify-content: flex-end; font-family: Roboto; } .Regn-product-mega-menu .acn-navigation-custom-menu-wrapper > .acn-navigation-menu-links{ margin-top: 0 !important; } /* .Regn-product-mega-menu .acn-navigation-custom-menu-wrapper > .acn-navigation-menu-links > li > c-acn-navigation-menu-items ul > li:first-child > a{ padding: 8px 10px; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px !important; letter-spacing: 0.7px; text-transform: uppercase; margin-bottom: 8px; } */ .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items > .acn-navigation-menu-drop-menu { position:fixed !important; width: 100%; left: 0; /* border-top:1px solid var(--dxp-g-blue-color7); */ background:#002273 !important; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); margin-top: 20px; padding-top: 30px; z-index: 99; border-left: 1px solid #52B5E6; } .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items > .acn-navigation-menu-drop-menu { padding-left: calc((100vw - 1100px)/2) !important; /* padding-right: calc((100vw - 1100px)/2) !important; */ min-height:200px; } .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items > .acn-navigation-menu-drop-menu li{ /* padding-left: calc((100vw - 1100px)/2) !important; */ /* padding-right: calc((100vw - 1100px)/2) !important; */ width: 300px; } .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items > .acn-navigation-menu-drop-menu li a { padding: 4px 8px; position: relative; width: 300px; line-height:20px; border-radius: 0; transition: border 0.5s; z-index: 99; font-weight: 500; border-bottom: 1px solid var(--dxp-g-blue-color7); display: flex; } /* .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items > .acn-navigation-menu-drop-menu li:first-child > a{ display: flex; width: 100%; border-right: 0; } */ .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items > .acn-navigation-menu-drop-menu li a .right-icon{ --sds-c-icon-color-foreground-default:#FFFFFF !important; padding-right: 8px; } .Regn-product-mega-menu .acn-navigation-menu-drop-menu > li> c-acn-navigation-menu-items > .acn-navigation-menu-drop-menu { background: #002273 !important; left: 0; margin-left: 0; margin-top: -29px; position: fixed; width: 100%; top: auto; padding: 0 0 24px !important; padding-left: calc((100vw - 495px) / 2) !important; } .Regn-product-mega-menu .acn-navigation-menu-drop-menu > li> c-acn-navigation-menu-items .acn-navigation-menu-drop-menu li{ width: 300px; } .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items ul > li > c-acn-navigation-menu-items ul > li:nth-child(5) c-acn-navigation-menu-items ul > li > a { width: 320px !important; } .Regn-product-mega-menu .acn-navigation-menu-drop-menu >li>c-acn-navigation-menu-items > .acn-navigation-menu-drop-menu >li>c-acn-navigation-menu-items>.acn-navigation-menu-drop-menu{ position: fixed; display: block; line-height: 20px; left: 0; padding: 19px 19px 24px 19px !important; /* margin-top: -77px; */ padding-left: calc((100vw - -110px) / 2) !important; top: 180px; } .Regn-product-mega-menu .acn-navigation-menu-drop-menu > li> c-acn-navigation-menu-items > .acn-navigation-menu-drop-menu li a{ border-right: 0; border-left: 1px solid var(--dxp-g-blue-color7) !important; font-style: italic; } /* .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items ul > li > c-acn-navigation-menu-items ul > li:first-child > a { font-size: 17px !important; font-weight: 400 !important; color: #FF00A8 !important; margin-bottom: 0 !important; font-style: italic !important; padding: 4px 8px !important; line-height:20px !important; }*/ .Regn-product-mega-menu .acn-navigation-menu-links li{ position:static; padding: 0px !important; } .Regn-product-mega-menu .acn-navigation-custom-menu-wrapper > .acn-navigation-menu-links > li{ padding: 16px 10px 20px !important; } .Regn-product-mega-menu .acn-navigation-custom-menu-wrapper > .acn-navigation-menu-links > li > c-acn-navigation-menu-items ul > li:last-child > a{ border-bottom: 0; } .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items ul > li > c-acn-navigation-menu-items ul > li > a{ font-weight: 300 !important; } .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items ul > li > c-acn-navigation-menu-items ul > li > c-acn-navigation-menu-items ul > li a{ border-color: transparent !important; font-weight: 300 !important; } .Regn-menu-locked .acn-navigation-menu-links > li:nth-child(3) > c-acn-navigation-menu-items ul > li > c-acn-navigation-menu-items ul > li > c-acn-navigation-menu-items ul > li a::after{ content: ''; display: inline-block; width: 20px; height: 20px; position: relative; background-repeat: no-repeat; background-position: right; background-size: 20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='assets/icons/ic_globe_white'%3E%3Cpath id='passkey' d='M2 26.2116V22.4841C2 21.5728 2.22719 20.7755 2.68158 20.0922C3.13596 19.4088 3.72753 18.889 4.45626 18.5329C6.06086 17.7792 7.62861 17.2139 9.15953 16.8369C10.6907 16.4599 12.234 16.2715 13.7895 16.2715C14.3789 16.2715 14.9561 16.2984 15.5211 16.3523C16.086 16.4063 16.6632 16.487 17.2526 16.5946C17.1379 18.0359 17.3999 19.3965 18.0385 20.6763C18.6771 21.956 19.6104 22.9728 20.8385 23.7265V26.2116H2ZM25.5789 31.3556L23.3684 29.1191V22.1859C22.2877 21.8628 21.4035 21.2478 20.7158 20.3408C20.0281 19.4338 19.6842 18.3838 19.6842 17.191C19.6842 15.7497 20.1877 14.5197 21.1947 13.5008C22.2018 12.482 23.4175 11.9725 24.8421 11.9725C26.2667 11.9725 27.4825 12.482 28.4895 13.5008C29.4965 14.5197 30 15.7497 30 17.191C30 18.3093 29.6868 19.3033 29.0605 20.173C28.4342 21.0428 27.6421 21.664 26.6842 22.0368L28.5263 23.9005L26.3158 26.1371L28.5263 28.3736L25.5789 31.3556ZM13.7895 13.7867C12.2175 13.7867 10.883 13.2317 9.78584 12.1216C8.68893 11.0116 8.14047 9.66135 8.14047 8.07095C8.14047 6.48054 8.68893 5.13044 9.78584 4.02064C10.883 2.91059 12.2175 2.35556 13.7895 2.35556C15.3614 2.35556 16.6959 2.91059 17.7931 4.02064C18.89 5.13044 19.4385 6.48054 19.4385 8.07095C19.4385 9.66135 18.89 11.0116 17.7931 12.1216C16.6959 13.2317 15.3614 13.7867 13.7895 13.7867ZM24.8421 17.9365C25.2596 17.9365 25.6096 17.7936 25.8921 17.5079C26.1746 17.2221 26.3158 16.868 26.3158 16.4455C26.3158 16.0231 26.1746 15.669 25.8921 15.3832C25.6096 15.0974 25.2596 14.9545 24.8421 14.9545C24.4246 14.9545 24.0746 15.0974 23.7921 15.3832C23.5096 15.669 23.3684 16.0231 23.3684 16.4455C23.3684 16.868 23.5096 17.2221 23.7921 17.5079C24.0746 17.7936 24.4246 17.9365 24.8421 17.9365Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); margin-left: 10px; top: 5px; } .Regn-product-mega-menu .acn-navigation-menu-links li:hover a:hover, .Regn-product-mega-menu .menu-item-selected > a { text-decoration: none !important; border-bottom:1px solid #52B5E6 !important; color: #52B5E6 !important; border-radius: 0; } .Regn-product-mega-menu .submenu-container{ background-color: var(--dxp-g-blue-color2); top: 90px; } .Regn-product-mega-menu .submenu-container ul li{ padding: 0 16px; } .Regn-product-mega-menu .submenu-container ul li a{ padding: 16px 8px; color: white; border-bottom: 1px solid var(--dxp-g-blue-color7); } .Regn-product-mega-menu .submenu-header h3{ text-transform: uppercase; color: white; } .Regn-product-mega-menu .submenu-header{ margin-left: 16px; margin-right:16px; border-bottom: 1px solid var(--dxp-g-blue-color7); } .Regn-product-mega-menu .acn-navigation-custom-menu-wrapper > .acn-navigation-menu-links > li:last-child { display:none; } /* .Regn-product-mega-menu .submenu-container > ul > li:last-child > a{ text-align: center; border-bottom: 0 !important; } */ .Regn-product-mega-menu .submenu-container li svg, .Regn-product-mega-menu .submenu-header svg{ fill: white; } .Regn-product-mega-menu .mobile-menu-container{ top: 12px; right: 0; } .Regn-product-mega-menu .lock { margin-right: 4px; } .Regn-product-mega-menu .menu-item-selected > a { text-decoration: none !important; border-bottom:1px solid #52B5E6 !important; color: #52B5E6 !important; } .Regn-product-mega-menu .acn-navigation-menu-links > li > c-acn-navigation-menu-items ul > li > c-acn-navigation-menu-items ul > li > c-acn-navigation-menu-items ul > li.menu-item-selected a{ border-color:#52B5E6 !important; } .Regn-product-mega-menu .lock svg{ width: 14px; height: 14px; margin-right: 4px; margin-top: -3px; } /* login modal popup css styles */ .regn-iframe-modal .slds-button{ border-radius: 0px 16px; background: var(--REGENERON-Simple-Gradients-BrightMagenta_Bold-Rubine, linear-gradient(180deg, #CB0094 0%, #7F0064 100%)); fill: white; position: relative; top: -16px; padding: 8px; width: 48px; height: 48px; right: -16px; border: 0; } .regn-iframe-modal .slds-button svg{ fill: white; width: 32px; height: 32px; } .regn-iframe-modal .slds-button:focus{ box-shadow: none !important; } .regn-iframe-modal .slds-modal__content { border-top-right-radius: 16px; } .regn-nav-modal-body p a{ display: block; color: var(--REGENERON-Primary-Black, #000) !important; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: 32px; margin-bottom: 8px; } .regn-nav-modal-body p a span{ display: inline; position: relative; padding: 9px 12.57px; margin-right: 8px; border-radius: 32px; background: var(--dxp-g-blue-color4); } .regn-nav-modal-body p a:hover{ border-radius: 16px; background: var(--dxp-g-blue-color6); color: #0658AA !important; text-decoration: none !important; } .regn-nav-modal-body p a:hover span{ background: #0658AA; color: white; } .iframe-border-none{ height:auto !important; min-height:460px !important; } .regn-iframe-modal { width: 959px !important; max-width: 959px !important; } .regn_doccheck_login .de-login_iframe_check { background: var(--dxp-g-blue-color4); box-shadow: 0px -4px 35px 30px var(--dxp-g-blue-color4); z-index:999; } .regn_doccheck_login .de-login_iframe_check::after { height: 200px; content: ''; width: 100%; position: relative; display: block; bottom: 33px; background: var(--dxp-g-blue-color4); z-index: 99; } .regn-login-popup iframe { position: relative; top: -45px; } /* popup button pink design */ button.regn_product{ background: var(--REGENERON-Simple-Gradients-BrightMagenta_Bold-Rubine, linear-gradient(180deg, #CB0094 0%, #7F0064 100%)) !important; } button.regn_product:hover, button.regn_product:focus{ background: var(--REGENERON-Simple-Gradients-BrightBlue_BoldBlue, linear-gradient(180deg, #2069E7 0%, #002273 100%)) !important; } /* Expand and collapse de */ .regn-de-body-collpse span a, .regn-de-body-open-first span a{ width: 100%; display: flex; align-items: center; background-color: #CB0094 !important; padding: 10px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; color: white !important; font-size: var(--dxp-s-body-font-size); margin-bottom: 24px; font-weight: 700; position: relative; } .regn-de-footer-collpse span div a{ color: black !important; text-decoration: underline !important; background-color: transparent !important; margin: 0; padding: 0 !important; border: 0; display: inline; font-weight: 400; } .regn-de-footer-collpse span a{ display: block; background-color: var(--dxp-g-blue-color7) !important; margin-bottom: 16px; color: var(--dxp-g-blue-color2) !important; font-size: 16px; font-weight: 700; line-height: 16px; text-decoration: none !important; padding: 16px !important; border: 2px solid var(--REGENERON-Primary-Regeneron-Blue, #0658AA); position: relative; } .regn-de-footer-collpse li::marker{ font-weight: bold; } .regn-de-footer-collpse span a.anchor-sign-image{ border: 0; } .regn-de-body-collpse span a.anchor-sign-image, .regn-de-body-collpse span a:hover, .regn-de-body-open-first span a.anchor-sign-image, .regn-de-body-open-first span a:hover{ text-decoration: none !important; } .regn-de-body-collpse span a img, .regn-de-body-open-first span a img{ margin-bottom: 0; } .regn-de-body-collpse span a span, .regn-de-body-open-first span a span{ padding-left: 10px; } .regn-de-body-collpse span a::before, .regn-de-body-collpse span a.anchor-sign-image::before, .regn-de-body-open-first span a::before, .regn-de-body-open-first span a.anchor-sign-image::before, .regn-de-footer-collpse span a.anchor-sign-image::before, .regn-de-body-open-first span a::before, .regn-de-footer-collpse span a::before{ content: " "; display: inline-flex; padding: 10px; width: 30px; height: 30px; text-align: center; background-size: 30px; background-repeat: no-repeat; background-position: center; border-radius: 5px; position: absolute; left: auto; right: 16px; margin-top: 5px; } .regn-de-body-collpse span a.anchor-sign-image::before, .regn-de-body-open-first span a::before{ background-size: 48px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='assets/icons/ic_remove'%3E%3Cpath id='remove' d='M13 22V26H35V22H13Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); } .regn-de-body-collpse span a::before, .regn-de-body-open-first span a.anchor-sign-image::before{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='52px' height='52px' viewBox='0 0 52 52' enable-background='new 0 0 52 52' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M30,29h16.5c0.8,0,1.5-0.7,1.5-1.5v-3c0-0.8-0.7-1.5-1.5-1.5H30c-0.6,0-1-0.4-1-1V5.5C29,4.7,28.3,4,27.5,4 h-3C23.7,4,23,4.7,23,5.5V22c0,0.6-0.4,1-1,1H5.5C4.7,23,4,23.7,4,24.5v3C4,28.3,4.7,29,5.5,29H22c0.6,0,1,0.4,1,1v16.5 c0,0.8,0.7,1.5,1.5,1.5h3c0.8,0,1.5-0.7,1.5-1.5V30C29,29.4,29.4,29,30,29z'/%3E%3C/svg%3E"); } .regn-de-footer-collpse span a::before, .regn-de-footer-collpse span a.anchor-sign-image::before{ left: auto; right: 0; color: blue; border-radius: 0; width: 48px; height: 48px; background-size: 48px; top: 0; margin-top: 0; background-image: url('data:image/svg+xml,'); } .regn-de-footer-collpse span a.anchor-sign-image::before{ background-image: url('data:image/svg+xml,'); } .regn-de-body-collpse span > div, .regn-de-footer-collpse span > div{ display: none; } .regn-de-body-open-first span a.regn-collpse-body-link{ display: inline !important; background-color: transparent !important; color: black !important; font-weight: 400; padding: 0; margin-bottom: 0; border: 0; font-size: 16px; border-radius: 0; text-decoration: underline !important; } .regn-de-body-open-first span a.regn-collpse-body-link::before{ display: none !important; } .regn-de-body-collpse span > div.regn-expand-collapse, .regn-de-footer-collpse span > div.regn-expand-collapse, .regn-de-body-open-first span > div{ height: auto; opacity: 1; transition: transform 0.5s ease-in-out; transform: scaleY(1); display: block !important; padding: 0 var(--dxp-s-regen-padding8); } .regn-de-body-open-first span > div.regn-expand-collapse{ display: none !important; } .regn-de-footer-collpse span div a::before{ display: none; } .regn-de-footer-collpse span div a.text-blue-underline-hover{ color: var(--dxp-g-blue-color2) !important; text-decoration: none !important; } .regn-de-footer-collpse span div a.text-blue-underline-hover:hover{ text-decoration: underline !important; } /* Breadcrums design */ .regn-de-bredcrums p{ padding: var(--dxp-s-regen-padding16) var(--dxp-s-regen-padding70); } .regn-de-bredcrums p img{ margin-bottom: 0; margin-top: -4px; line-height: 1; } .regn-de-bredcrums p a, .regn-de-bredcrums p span{ line-height: 20px; display: inline-block; color: #0658AA !important; font-family: Roboto; font-size: 12px; font-style: italic; font-weight: 600; text-transform: uppercase; position: relative; margin-right: 32px; top: 2px; border-bottom: 1px solid var(--dxp-g-blue-color2); } .regn-de-bredcrums p span{ border-bottom:0 !important; } .regn-de-bredcrums p a:first-child{ top: 0; border-bottom: 0; } .regn-de-bredcrums p a:last-child, .regn-de-bredcrums p a:first-child{ border-bottom: 0; } .regn-de-bredcrums p a::after{ content: ''; width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='assets/icons/ic_carret-right'%3E%3Cpath id='assets/icons/ic_arrow-down (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M6.03711 18.3333L13.3704 11L6.03711 3.66667L7.33347 2.37031L15.9632 11L7.33347 19.6297L6.03711 18.3333Z' fill='%230658AA'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto; display: block; position: absolute; top: 0px; right: -28px; } .regn-de-bredcrums p a:last-child:after{ display: none; } .regn-de-bredcrums p a:hover{ text-decoration: none !important; border-bottom: 1px solid var(--dxp-g-blue-color2); } .regn-de-bredcrums p a:hover:first-child{ border-bottom: 0; } /* Banner Design CSS Start */ .regn-de-libtayo-banner, .regn-de-libtayo-banner-logo{ padding: 34px 0 0; background-position: center; min-height: 412px; position: absolute; top: -424px; width: 100%; } .regn-de-libtayo-banner > div span{ display:flex; } .regn-de-libtayo-banner .left-side-content{ position:relative; display:flex; width:70%; padding-top:53px; } .regn-de-nsclc-focus-banner .content_block1{ position: relative; width: 100%; } .regn-de-libtayo-banner .circular_img{ position: relative; z-index: 99; width: 200px; } .regn-de-libtayo-banner .regn_pink_shape{ width: 450px; height: 168px; display: block; transform: skew(30deg); background: var(--dxp-g-pink-color); border-radius: 0px 40px; position: relative; margin-left: -70px; } .regn-de-libtayo-banner .left-side-content h3{ position: absolute; display: block; font-size: 35px; line-height: 40px; width: 45%; top: 77px; color: white; margin-left: 0; font-weight:300; margin-bottom:0; } .regn-de-nsclc-focus-banner .left-side-content h3{ width: auto; top: 20px; } .regn-de-libtayo-banner .regn_blue_shape{ width: 500px; height: 60px; display: block; transform: skew(-30deg); background: var(--dxp-g-blue-color8); border-radius: 15px 0; position: relative; left: 46px; top: 10px; } .regn-de-libtayo-banner .left-side-content h4{ position: relative; margin-bottom: 0; color: #FFF; font-family: Roboto; font-size: 22px; font-style: normal; font-weight: 400; line-height: 60px; top: -50px; left: 80px; } .regn-de-libtayo-banner .left-side-content img{ margin-top: 0; } .regn-de-libtayo-banner .right_side_logo img, .regn-de-libtayo-banner-logo p img{ margin-bottom:0; } .regn-de-libtayo-banner-logo p{ text-align:right; } .regn-de-libtayo--prod-banner .left-side-content{ width:73%; padding-top: 127px; padding-left: 54px; } .regn-de-libtayo--prod-banner .left-side-content h3 { width: 70%; top: 152px; margin-left: 0; } .regn-de-libtayo--prod-banner .regn_pink_shape{ width: 600px; position: absolute; } .regn-nsclc-banner-cont .regn_pink_shape{ width: 450px; } .regn-nsclc-banner-cont .left-side-content h3{ margin-left: 0; } .regn-nsclc-banner-cont .regn_blue_shape, .regn-nsclc-big-banner .regn_blue_shape{ position: absolute; top: auto; left: auto; margin-top: 12px; width: 536px; margin-left: 28px; } .regn-nsclc-banner-cont .left-side-content h4, .regn-nsclc-big-banner .left-side-content h4{ top: 12px; left: 70px; } .regn-nsclc-banner-short .regn_blue_shape { width: 455px; } .regn-nsclc-big-banner .regn_blue_shape{ margin-top: 178px; } .regn-nsclc-big-banner .left-side-content h4{ top: 178px; left: 75px; } .regn-nsclc-big-banner .left-side-content{ padding-left: 0; padding-top:120px; } .regn-nsclc-big-banner .left-side-content h3{ top: 144px; } .regn_blue_shape_380 .regn_blue_shape{ width:380px; } .regn-de-nsclc-focus-banner .regn_blue_shape{ width: 430px; position: absolute; left: 46px; top: 10px; } .regn-de-nsclc-focus-banner .left-side-content h4{ top: 10px; left: 75px; } .regn-cc-banner-content .regn_pink_shape{ width: 533px; } .regn-cc-banner-content .left-side-content h3{ width: 54%; top: 99px; } .regn-cc-banner-content .regn_blue_shape { width: 550px; } .regn-cc-banner-content .left-side-content h4{ width: 105%; } .regn-de-cc-banner-content .left-side-content h4{ text-align: center; width: 450px; } /* Banner Design CSS END */ /* Germany Phase2.1 */ .regn-de-dgp-page-sec h4, .regn-de-ado-popup1 tr td, .regn-de-ado-popup1 tr th, .regn-de-ado-popup2 tr td, .regn-bcc-empower1-popup table td{ color: black; } .regn-de-dgp-page-sec h4, .regn_de_pink_bg_text, .regn-bcc-empower1-popup table td, .regn-de-ado-popup1 tr td, .regn-de-ado-popup1 tr th, .regn-de-ado-popup2 tr td{ font-size: var(--dxp-s-text-heading-small-font-size); line-height: 24px; } .regn-de-bcc-sec2-blue-card{ display: block; border-radius: 0px 32px; background: var(--dxp-g-green-shade1); padding: var(--dxp-s-regen-padding32); } .regn-de-bcc-sec2-blue-card td{ padding: 0; vertical-align: top; } .regn-de-bcc-sec2-blue-card td:first-child img{ width: auto; height: 132px; margin-right: 24px; } .regn-green-check-list-p p::before{ background-image: url('data:image/svg+xml,') !important; } .regn-blue-check-list-p p::before{ background-image: url('data:image/svg+xml,') !important; } .regn-de-iframe-video iframe{ width: 100%; height: 542px; margin: var(--dxp-s-regen-margin32) 0; border: 0 !important; border-radius: 32px; } .regn-de-iframe-h526 iframe{ height: 525px; } .regn-de-iframe-video-m0 iframe{ margin: 0; } .regn-3color-box{ width: 100%; } .regn-3color-box tr{ display: flex; width: 100%; gap: 24px; } .regn-3color-box tr td{ width: 304px; height: 304px; padding: var(--dxp-s-regen-padding24); text-align: center; border-radius: 0px 32px; color: white; display: flex; flex-direction: column; justify-content: center; } .regn-3color-box h3{ color: var(--REGENERON-Primary-White, #FFF) !important; text-align: center; font-size: 72px !important; font-style: normal; font-weight: 500; line-height: 58px !important; margin-bottom: 8px !important; } .regn-3color-box p{ font-size: var(--dxp-s-font-size28) !important; font-style: normal; font-weight: 700; line-height: 32px !important; /* 114.286% */ font-family: var(--dxp-s-text-heading-extra-large-font-family); margin-bottom: 8px !important; } .regn-3color-box-td-pad45 tr td:nth-child(2){ padding: 0 45px; } .regn-de-bcc-collpse-height p a{ padding-top: var(--dxp-s-regen-padding16); padding-bottom: var(--dxp-s-regen-padding16); padding-left: var(--dxp-s-regen-padding16); } .regn-de-bcc1-csec3 span > div p{ display: flex; gap: 24px; padding-top: 4px; } .regn-de-bcc1-csec2 .med-text-align{ font-weight: bold; font-size: var(--dxp-s-text-heading-small-font-size); padding-bottom: var(--dxp-s-regen-padding48); } .regn-gary-card-box-bcc, .regn-2color-box table{ width: 100% !important; margin-bottom: var(--dxp-s-regen-margin16); } .regn-gary-card-box-bcc tr, .regn-2color-box table tr{ display: flex; gap: 24px; } .regn-gary-card-box-bcc td{ width: 32%; background-color: #EFEEED; border-radius: 32px 0; text-align: center; padding: var(--dxp-s-regen-padding32); } .regn-gary-card-box-bcc td h4{ color: var(--dxp-g-blue-color8); font-family: var(--dxp-s-text-heading-extra-large-font-family); font-size: 28px; font-weight: 700; line-height: 32px; /* 114.286% */ margin-bottom: 8px; } .regn-gary-card-box-bcc td p, .regn-de-bcc1-csec1 h5{ color: var(--dxp-g-blue-color8); font-size: 18px; font-weight: 400; line-height: 24px; /* 133.333% */ margin-bottom: 8px; } .regn-de-bcc1-csec1 h5{ color: black; margin-bottom: var(--dxp-s-regen-margin32); } .regn-de-bcc1-csec1 h5 span{ text-decoration: underline; color: var( --dxp-g-megenta-color); } .regn-2color-box table tr td{ width: 49%; display: flex; padding: 24px; flex-direction: column; align-items: flex-start; gap: 8px; border-radius: 0px 32px; } .regn-2color-box table tr td h3{ margin-bottom: 0; color: white; } .regn-2color-box table tr td li{ margin-bottom: 8px; color: white; } .regn-2color-box table tr td li:last-child, .regn-2color-box table tr td ul{ margin-bottom: 0; } .regn-EMPOWER-BCC-design{ position: relative; display: flex; width: 100%; align-items: center; margin-bottom: 32px; } .regn-EMPOWER-BCC-design-sec1{ width: 391px; padding-right: 54px; display: flex; flex-direction: column; gap: 24px; align-items: center; justify-content: center; position: relative; } .regn-EMPOWER-BCC-design-sec1 .regn-labcc, .regn-EMPOWER-BCC-design-sec1 .regn-mbcc, .regn-box-lite-greenbg span div, .regn-bcc-eado-popup1 div p:last-child{ border-radius: 0px 32px; background: var(--LIBTAYO-Accent-Digital-Zinnia-20, #EAEBD2); } .regn-EMPOWER-BCC-design-sec1 .regn-mbcc, .regn-de-cscc-blue-bg{ background: var(--LIBTAYO-Primary-Blue-Star-10, #E5EDF1); } .regn-EMPOWER-BCC-design-sec1 .regn-labcc h3, .regn-EMPOWER-BCC-design-sec1 .regn-mbcc h3{ border-radius: 0px 16px; background: var(--LIBTAYO-Accent-Digital-Zinnia, #969B1E); padding: 16px; margin-bottom: 0; color: white; font-size: 24px; line-height: 32px !important; } .regn-EMPOWER-BCC-design-sec1 .regn-mbcc h3{ background: var(--dxp-g-blue-color8); } .regn-EMPOWER-BCC-design-sec1 .regn-labcc p{ padding: 16px 45px 16px 16px; color: #969B1E; margin-bottom: 0; } .regn-EMPOWER-BCC-design-sec1 .regn-mbcc p{ padding: 16px 45px 16px 16px; color: var(--dxp-g-blue-color8); margin-bottom: 0; } .regn-EMPOWER-BCC-design-sec2{ width: 279px; height: 200px; margin-right: 54px; border-radius: 0px 16px; background: var(--LIBTAYO-Primary-Amaranth-10, #FBE6F1); text-align: center; display: flex; flex-direction: column; justify-content: center; color:var(--dxp-g-pink-color); position: relative; } .regn-EMPOWER-BCC-design-sec2 h2, .regn-heading4-pink-color h4{ width: 100% !important; margin-bottom: 8px !important; color:var(--dxp-g-pink-color) !important; } .regn-EMPOWER-BCC-design-sec2 p{ color:var(--dxp-g-pink-color) !important; margin-bottom: 0 !important; } .regn-EMPOWER-BCC-design-sec2::after, .regn-EMPOWER-BCC-design-sec1::after{ content: ''; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; display: block; width: 54px; height: 106px; position: absolute; align-items: center; right: -14px; } .regn-EMPOWER-BCC-design-sec2::after{ right: -66px; } .regn-EMPOWER-BCC-design-sec3{ display: flex; } .regn-EMPOWER-BCC-design-sec3 .regn-sec3, .regn-EMPOWER-BCC-design-sec3 .regn-sec4{ width: 179px; padding: 16px; } .regn-EMPOWER-BCC-design-sec3 .regn-sec3{ border-radius: 0px 32px; background: var(--LIBTAYO-Accent-Grey-Stone-10, #E0DEDE); display: flex; flex-direction: column; align-items: center; justify-content: center; } .regn-EMPOWER-BCC-design-sec3 .regn-sec3 p, .regn-EMPOWER-BCC-design-sec3 .regn-sec4 p, .regn-EMPOWER-BCC-design-sec3 .regn-sec3 li, .regn-EMPOWER-BCC-design-sec3 .regn-sec4 li{ font-family: var(--dxp-s-text-heading-extra-large-font-family); margin-bottom: 8px; color: var(--LIBTAYO-Accent-Grey-Stone-100, #5C514E); } .regn-EMPOWER-BCC-design-sec3 .regn-sec3 ul, .regn-EMPOWER-BCC-design-sec3 .regn-sec4 ul{ margin-bottom: 0; } .regn-EMPOWER-BCC-design-sec3 .regn-sec3 li, .regn-EMPOWER-BCC-design-sec3 .regn-sec4 li{ font-family: var(--dxp-s-body-font-family); } .regn-EMPOWER-BCC-design-sec3 .regn-sec3 p, .regn-EMPOWER-BCC-design-sec3 .regn-sec4 p{ font-weight: bold; } .regn-de-dgp-page-sec{ display: flex; gap: 24px; border-radius: 0px 16px; background: var(--dxp-g-blue-color6); padding: 24px; } .regn-green-box table{ width: 100%; color: white; padding: var(--dxp-s-regen-padding8); border-radius: 0px 24px; background: var(--LIBTAYO-Accent-Digital-Zinnia, #969B1E); display: block; font-size: var(--dxp-s-font-size18); } .regn-de-dgp-page-sec img{ height: 105px; } .regn-de-bcc-diagnose-card{ text-align: center; } .regn-de-bcc-diagnose-card h4{ font-size: var(--dxp-s-text-heading-medium-font-size); font-family: var(--dxp-s-text-heading-extra-large-font-family); color: white; font-weight: 700; line-height: 32px; margin-bottom: 0; } .regn-de-bcc-diagnose-card > h4{ background-color: transparent; color: var(--dxp-g-blue-color8); padding: 16px 16px; } .regn-de-bcc-diagnose-card img, .regn-de-bcc-diagnose-sec3, .regn-s3-cscc-box-section img{ padding: 16px; margin-bottom: 0 !important; } .regn-de-bcc-diagnose-card h2, .regn_de_ado_hightlights_sec5 table tr:nth-child(4) h3, .regn_de_ado_hightlights_sec5 table tr:last-child h3{ color: var(--dxp-g-pink-color); margin-bottom: 0; } .regn-de-bcc-diagnose-sec1 h4, .regn-de-bcc-diagnose-sec2 h4{ padding: 16px; border-radius: 0px 16px; background-color: #969B1E; } .regn-de-bcc-diagnose-sec2 h4, .regn-de-bcc-diagnose-sec2 a{ background-color: var(--dxp-g-blue-color8) !important; } .regn-de-bcc-diagnose-sec1{ border-radius: 0px 40px; background-color: #B6B962; } .regn-de-bcc-diagnose-sec2{ border-radius: 0px 40px; background-color: #7EA7B7; } .regn-de-bcc-diagnose-sec1 p{ color: white; padding: 16px 10rem; } .regn-de-bcc-diagnose-sec2 a, .regn-de-bcc-diagnose-sec3 a{ border-radius: 48px; color: white !important; font-weight: 700; font-size: var(--dxp-s-font-size18); margin: var(--dxp-s-regen-margin16); padding: var(--dxp-s-regen-padding14) var(--dxp-s-regen-padding32); display: inline-block; } .regn-de-bcc-diagnose-sec3 a{ background-color: var(--dxp-g-pink-color) !important; } .regn-de-bcc-diagnose-sec4, .regn_de_pink_bg_text{ border-radius: 0px 16px; background: var(--dxp-g-pink-color); padding: var(--dxp-s-regen-padding16); } .regn-de-bcc-diagnose-sec4 img{ width: 211px; margin-bottom: var(--dxp-s-regen-margin24) !important; padding: 0; } .regn-light-blue-box-bcc, .regn_light_blue_box_konkret p{ padding: var(--dxp-s-regen-padding16); border-radius: 0px 24px; background: var(--dxp-g-blue-color7); color: #002273 !important; } .regn_light_blue_box_konkret p{ font-weight: 700; } .regn-de-bcc-patient-box{ color: var(--REGENERON-Primary-White, #FFF); font-family: var(--dxp-s-text-heading-extra-large-font-family); font-size: var(--dxp-s-text-heading-medium-font-size); font-style: normal; font-weight: 700; line-height: 32px; /* 133.333% */ text-transform: uppercase; border-radius: 0px 16px; background: var(--REGENERON-Simple-Gradients-BrightMagenta_Bold-Rubine, linear-gradient(180deg, #CB0094 0%, #7F0064 100%)); margin-bottom: 8px; display: inline-block; padding: var(--dxp-s-regen-padding16); } .regn_de_pink_bg_text{ margin-top: var(--dxp-s-regen-padding32); } .regn-de-cscc-col-card, .regn-nsclc-therpi-round{ display: flex; align-items: center; gap: 24px; margin-top: var(--dxp-s-regen-margin16); justify-content: center; } .regn-de-cscc-col-card p{ font-size: var(--dxp-s-text-heading-small-font-size); border-radius: 0px 24px; background: var(--LIBTAYO-Accent-Digital-Zinnia-20, #EAEBD2); font-weight: bold; color: var(--dxp-g-blue-color2); text-align: left; padding: var(--dxp-s-regen-padding16); min-width: 478px; font-family: var(--dxp-s-text-heading-extra-large-font-family); } .regn-s3-cscc-box-section{ text-align: center; } .cscc_light_blue_box, .cscc_dark_brown_box, .regn-de-cscc-light-blue-box span div{ border-radius: 0px 40px; background: #E5EDF1; padding: var(--dxp-s-regen-padding16); color: #266884; } .cscc_dark_brown_box{ color: white; background-color: #5C514E; border-radius: 0px 16px; } .cscc_medium_blue_box{ padding: var(--dxp-s-regen-padding16) var(--dxp-s-regen-padding24); border-radius: 0px 40px; background: #7EA7B7; color: white; display: flex; flex-direction: column; gap: 8px; align-items: center; } .cscc_medium_blue_box a{ border-radius: 48px; background-color: var(--dxp-g-blue-color8) !important; color: #FFF !important; font-family: var(--dxp-s-text-heading-extra-large-font-family); font-size: 18px; font-weight: 700; text-transform: uppercase; width: 185px; padding: var(--dxp-s-regen-padding14) var(--dxp-s-regen-padding32); } .cscc_dark_blue_box{ border-radius: 0px 16px; background: var(--dxp-g-blue-color8); padding: var(--dxp-s-regen-padding16); gap: 30px; display: flex; justify-content: center; align-items: center; color: white; } .cscc_dark_blue_box img{ padding: 0; } .regn-de-cscc-light-blue-box span div{ padding: var(--dxp-s-regen-padding32); display: flex; flex-direction: column; gap: 16px; } .regn-dwn-btn-double p, .regn-de-Dosierungsschema, .regn-de-cscc-Monotherapie, .regn-de-cscc-mono-lightblue{ display: flex; gap: 16px; } .regn-de-cscc-Monotherapie{ flex-direction: column; } .regn-de-cscc-mono-lightblue, .regn-de-cscc-mono-pink{ border-radius: 0px 24px; background: #E5EDF1; padding: var(--dxp-s-regen-padding16); } .regn-de-link-pink-box{ border-radius: 0px 32px; background: var(--dxp-g-amarath-color); padding: var(--dxp-s-regen-padding32); } .regn-de-cscc-mono-lightblue img{ margin-bottom: 0; height: 64px; width: 64px; } .regn-de-cscc-mono-pink{ background: #FBE6F1; } .regn-de-cscc-empower-section4 table{ margin: 16px 0; } .regn-de-cscc-empower-section4 table tr{ border-bottom:1px solid var(--dxp-g-blue-color8); } .regn-de-cscc-empower-section4 table tr:first-child{ border-bottom: 1px solid white; } .regn-de-cscc-empower-section4 table tr td{ padding: var(--dxp-s-regen-padding8) var(--dxp-s-regen-padding16); color: var(--dxp-g-blue-color8); text-align: center; width: 155px; } .regn-de-cscc-empower-section4 table tr td:first-child{ text-align: left; width: 315px; font-family: var(--dxp-s-text-heading-extra-large-font-family); } .regn-de-cscc-empower-section4 table tr:first-child td p{ color: white; font-family: var(--dxp-s-text-heading-extra-large-font-family); } .regn-de-cscc-empower-section1, .regn_de_cscc_grupee .grupee_12{ display: flex; gap: 24px; text-align: center; } .regn_de_cscc_grupee{ width: 66%; } .regn_de_cscc_grupee_2{ width: 32%; } .regn_de_cscc_grupee .grupee_12 > div{ width: 49%; } .regn-de-cscc-empower-section1 img{ margin: 14px 0 8px; } .regn-de-cscc-empower-section2{ display: grid; grid-template-columns: auto auto; gap: 48px; border-radius: 0px 32px; background: #E0DEDE; padding: var(--dxp-s-regen-padding24) var(--dxp-s-regen-padding16); margin-bottom: var(--dxp-s-regen-margin32); } .regn-de-cscc-empower-section2 div{ position: relative; } .regn-de-cscc-empower-section2 div:first-child::after { content: ''; display: block; position: absolute; width: 2px; height: 116px; border: 1px solid #5C514E; top: 0; right: -24px; } .regn-de-cscc-empower-section2 h3, .regn-de-cscc-empower-section2 p{ color: #5C514E !important; } .regn_de_cscc_grupee_2 .grupee_3_down, .regn_de_cscc_grupee .grupee_12_down{ border-radius: 0px 16px; background: #EAEBD2; padding: var(--dxp-s-regen-padding16) 26px; margin-bottom: var(--dxp-s-regen-margin24); min-height: 208px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; } .regn_de_cscc_grupee_2 .grupee_3_down h3, .regn_de_cscc_grupee .grupee_12_down h3, .regn_de_cscc_grupee_2 .grupee_3_down p, .regn_de_cscc_grupee .grupee_12_down p{ color:var(--dxp-g-blue-color8); margin-bottom: 0; } .regn-de-cscc-empower-section1 .grupee-1, .regn-de-cscc-empower-section1 .grupee-2, .regn-de-cscc-empower-section1 .grupee-3{ padding: var(--dxp-s-regen-padding16); border-radius: 0 32px; background-color: #969B1E; } .regn-de-cscc-empower-section1 .grupee-1 p, .regn-de-cscc-empower-section1 .grupee-2 p, .regn-de-cscc-empower-section1 .grupee-3 p{ color: white; font-weight: 400; } .regn-de-cscc-empower-section1 .grupee-1 h3, .regn-de-cscc-empower-section1 .grupee-2 h3, .regn-de-cscc-empower-section1 .grupee-3 h3{ color:#EFEEED; font-weight: 400; } .regn-de-cscc-empower-section1 .grupee-1 p, .regn-de-cscc-empower-section1 .grupee-2 p, .regn-de-cscc-empower-section1 .grupee-3 p{ min-height: 96px; } .regn-de-cscc-empower-section1 .grupee-2{ background-color: var(--dxp-g-blue-color8); } .regn-de-cscc-empower-section1 .grupee-3{ background-color: #6E7800; } .regn_de_ado_hightlights_sec1 h2{ width: 70%; } .regn_de_ado_hightlights_sec1 .slds-grid,.regn_de_ado_hightlights_sec6 .slds-grid{ display: flex; gap: 19px; margin: 0 0 var(--dxp-s-regen-margin24); } .regn_de_ado_hightlights_sec1 .slds-grid div, .regn_de_ado_hightlights_sec6 .slds-grid div{ width: 49%; } .regn-de-wadh-light-blue-box{ background: var(--dxp-g-blue-color7); padding: var(--dxp-s-regen-padding24); } .regn-de-wadh-light-blue-box div{ display: flex; padding: var(--dxp-s-regen-padding16) 0 var(--dxp-s-regen-padding24); justify-content: center; align-items: center; gap: 32px; } .regn-de-wadh-light-blue-box div img, .regn_de_ado_hightlights_sec6 .slds-grid div img{ border-radius: 0 16px; } .regn-margin-btm32{ margin-bottom: 56px; } .regn_de_ado_hightlights_sec5 table{ padding: var(--dxp-s-regen-padding32); display: block; margin-bottom: var(--dxp-s-regen-margin24); } .regn_de_ado_hightlights_sec5 table tr{ position: relative; } .regn_de_ado_hightlights_sec5 table tr td, .regn_de_ado_hightlights_sec5 table tr td p{ padding: var(--dxp-s-regen-padding16) 0; } .regn_de_ado_hightlights_sec5 table tr td p{ display: grid; gap: 8px; color: var(--dxp-g-blue-color2); } .regn_de_ado_hightlights_sec5 table tr:first-child td{ padding: 0; } .regn_de_ado_hightlights_sec5 table tr td img{ margin-bottom: 0; } .regn_de_ado_hightlights_sec5 table tr td:first-child{ width: 212px; margin-right: 24px; display: block; } .regn_de_ado_hightlights_sec5 table tr:first-child td{ padding-bottom: var(--dxp-s-regen-padding48); } .regn_de_ado_hightlights_sec5 table tr:first-child td h3, .regn-inline-img-card-d2 h3{ padding-right: var(--dxp-s-regen-padding100); } .regn_de_ado_hightlights_sec5 table tr:first-child::after{ content: ''; position: absolute; width: 100%; height: 1px; background: linear-gradient(180deg, #CB0094 0%, #7F0064 100%); display: block; left: 0; bottom: 24px; } .regn-bcc-empower1-popup h3{ text-align: center; } .regn-bcc-empower1-popup p{ margin-bottom: 8px; } .regn-bcc-empower1-popup ol > li::marker{ font-weight: 700; } .regn-bcc-empower1-popup table, .regn-de-ado-popup2 table{ margin: var(--dxp-s-regen-margin24) 0; } .regn-bcc-empower1-popup table tr, .regn-de-ado-popup1 tr, .regn-de-ado-popup2 table tr{ border: 1px solid #0658AA; border-width: 1px 0; } .regn-bcc-empower1-popup table tr td{ text-align: center; } .regn-bcc-empower1-popup table tr:nth-child(even){ background: #CCDCE2; } .regn-bcc-empower1-popup table tr:nth-child(odd){ background: #E5EDF1; } .regn-bcc-empower1-popup table tr:first-child td{ color:var(--dxp-g-blue-color8); font-weight: 700; background-color: white; font-family: var(--dxp-s-text-heading-extra-large-font-family); } .regn-bcc-empower1-popup table tr td:first-child{ padding: var(--dxp-s-regen-padding8) var(--dxp-s-regen-padding32); text-align: left; } .regn-bcc-eado-popup1{ display: grid; grid-template-columns: 31% 31% 31%; text-align: center; justify-content: center; padding-top: 10px; gap: 24px; } .regn-bcc-eado-popup1 div p:last-child{ border-radius: 0 24px; padding: var(--dxp-s-regen-padding16); } .regn-de-ado-popup1 table { margin: var(--dxp-s-regen-margin24) 0; } .regn-de-ado-popup1 thead, .regn-de-ado-popup1 tfoot{ background: var(--dxp-g-blue-color6); } .regn-de-ado-popup1 tr td, .regn-de-ado-popup1 tr th{ padding: var(--dxp-s-regen-padding8) var(--dxp-s-regen-padding16); } .regn-de-ado-popup1 tr th:nth-child(2), .regn-de-ado-popup1 tr th:nth-child(3){ background-color: var(--dxp-g-megenta-color); color: white; text-align: center; } .regn-de-ado-popup1 tr th:nth-child(3){ background-color: #2069E7; } .regn-de-ado-popup1 tr td:nth-child(2), .regn-de-ado-popup1 tr td:nth-child(3){ background: var(--REGENERON-Transparent-Rubine, #F7C6D6); text-align: center; } .regn-de-ado-popup1 tr td:nth-child(3){ background: var(--dxp-g-blue-color6); } .regn-de-ado-popup1 tbody tr:first-child td:nth-child(3){ background: var(--dxp-g-blue-color7); } .regn-de-ado-popup1 tr td:nth-child(2) span, .regn-de-ado-popup1 tr td:nth-child(3) span{ width: 32px; height: 32px; display: inline-block; border-radius: 12px 0; background-color: white; border: 1px solid var(--dxp-g-blue-color4); } .regn-de-ado-popup2 table{ width: 100%; } .regn-de-ado-popup2 td, .regn-de-ado-popup2 th{ vertical-align: middle; } .regn-de-ado-popup2 table tr:first-child, .regn-de-ado-popup1 thead th{ border-top: 0px; } .regn-de-ado-popup2 h6{ margin-bottom: 0; } .regn-de-ado-popup2 table{ margin-bottom: var(--dxp-s-regen-margin8); } .regn-de-ado-popup2 ul{ margin-bottom: var(--dxp-s-regen-margin32); padding-left: 16px; } .regn-de-banner-no-cont-img412 img{ height: 412px; } .regn-de-gray-red-box{ border-radius: 0px 24px; border: 2px solid var(--dxp-g-pink-color); background: linear-gradient(180deg, #FFF 0%, #E5E3E3 100%); padding: 24px 0px; text-align: center; } .regn-de-gray-red-box, .regn-de-nsclc-infocus-bg-content img{ margin-bottom: 0; } .regn-de-nsclc-emp1-sec1{ display: flex; gap: 24px; } .regn-de-nsclc-emp1-sec1 > p{ flex: none; } .regn-light-blue-color2{ background-color: var(--dxp-g-blue-color6); } .regn-de-w-link-color{ color: var(--dxp-g-blue-color2) !important; } .regn-de-col-2-img, .regn-de-nsclc-lung1-gray-box { display:flex; gap:24px; justify-content: center; } .regn-de-ling3-box-sec1{ display: grid; grid-template-columns: 50% 50%; gap: 24px; margin-bottom: 16px; } .regn-de-ling3-box-sec1 > div { display: flex; gap: 16px; align-items: center; padding: 16px; min-height: 180px; } .regn-de-ling3-box-sec1 div { text-align: left; } .regn-de-ling3-box-sec1 div img{ height: 88px; margin-bottom: 0; } .regn-de-ling3-box-sec1 h2, .regn-de-ling3-box-sec1 p, .regn-de-nsclc-lung1-gray-box h2, .regn-de-nsclc-lung1-gray-box p { margin-bottom: 0 !important; color: var(--dxp-g-blue-color8) !important; } .regn-de-nsclc-lung1-gray-box > div { border-radius: 0px 24px; background: var(--REGENERON-Neutral-Neutral-5, #EFEEED); flex: 1 1 0; display: flex; align-items: flex-start; padding: 16px; gap: 16px; } .regn-de-nsclc-lung1-gray-box > div img{ height: 56px; } .regn-de-nsclc-focus-sec1 table{ width: 100%; margin-bottom: var(--dxp-s-regen-margin24); } .regn-de-nsclc-focus-sec1 table tr td, .regn-de-nsclc-focus-sec1 table tr th{ border: 1px solid var(--dxp-g-blue-color5); font-size: var(--dxp-s-font-size18); text-align: center; color: #000; } .regn-de-nsclc-focus-sec1 table tr th{ background: #E5EDF1; color: var(--dxp-g-blue-color8); font-family: var(--dxp-s-text-heading-extra-large-font-family); } .regn-de-nsclc-focus-sec1 table tr:first-child td{ text-align: center; color: var(--dxp-g-blue-color8); font-family: var(--dxp-s-text-heading-extra-large-font-family); } .regn-de-nsclc-focus-sec1 table tr td:first-child{ text-align: left; } .regn-de-nsclc-focus-sec2 p{ padding-bottom: var(--dxp-s-regen-padding16); } .regn-de-nsclc-infocus-bg-content{ border-radius: 0 24px; padding: var(--dxp-s-regen-padding48); background: linear-gradient(0deg, rgba(0, 34, 115, 0.10) 0%, rgba(0, 34, 115, 0.10) 100%), url(/sfsites/c/cms/delivery/media/MCKS4ODASZRBFLRF6HFSGVO5MQ7U?version=1.1) lightgray 50% / cover no-repeat; margin-bottom: var(--dxp-s-regen-margin24); display: flex; gap: 40px; flex-direction: column; border: 1px solid #D9EAF8; } .regn-de-nsclc-infocus-bg-content div{ display: flex; gap: 40px; } .regn-de-nsclc-infocus-bg-content div > div, .regn-de-nsclc-infocus-bg-content div:last-child{ display: flex; gap: 16px; align-items: center; border-radius: 0px 24px; background: var(--LIBTAYO-Primary-Blue-Star, #004F6F); padding: 16px; flex: 1; } .regn-de-nsclc-infocus-bg-content h3{ font-size: var(--dxp-s-text-heading-medium-font-size) !important; color: var(--dxp-g-white) !important; } .regn-nsclc-therpi-round > div{ display: flex; gap: 16px; padding: 16px; border-radius: 0px 24px; background: var(--dxp-g-blue-color7); align-items: center; } .regn-nsclc-therpi-round > div p{ color: var(--dxp-g-blue-color2) !important; font-family: var(--dxp-s-text-heading-extra-large-font-family) !important; font-size: var(--dxp-s-font-size18); } .regn-nsclc-therapi-gray-box{ border-radius: 0px 24px; border: 2px solid var(--LIBTAYO-Primary-Amaranth, #DC0077); background: linear-gradient(180deg, #FFF 0%, #E5E3E3 100%); margin-bottom: 0; padding: 12px; text-align: center; margin: 24px 0; color: #454545 !important; } .regn-de-nsclc-therapi-colps1 table, .regn-de-nsclc-therapi-colps3 table{ width: 100%; } .regn-de-nsclc-therapi-colps1 table th, .regn-de-nsclc-therapi-colps1 table td, .regn-de-nsclc-therapi-colps3 table td, .regn-de-nsclc-therapi-colps3 table th, .regn-de-nsclc-therapi-colps4 tr td, .regn-de-nsclc-therapi-colps4 tr th{ text-align: center; border-bottom: 1px solid var(--dxp-g-white); font-family: var(--dxp-s-text-heading-extra-large-font-family); padding: var(--dxp-s-regen-padding8) var(--dxp-s-regen-padding16); } .regn-de-nsclc-therapi-colps1 table th, .regn-de-nsclc-therapi-colps3 table th, .regn-de-nsclc-therapi-colps4 tr th:last-child{ color: white; } .regn-de-nsclc-therapi-colps3 tr:nth-child(2) th, .regn-de-nsclc-therapi-colps3 tr:first-child th:first-child, .regn-de-nsclc-therapi-colps4 tr th:first-child{ color: var(--dxp-g-blue-color8); } .regn-de-nsclc-therapi-colps1 tr td:first-child, .regn-de-nsclc-therapi-colps3 tr td:first-child, .regn-de-nsclc-therapi-colps3 tr:nth-child(2) th:first-child, .regn-de-nsclc-therapi-colps4 tr td:first-child{ text-align: left; color: #454545; } .regn-de-nsclc-therapi-colps3 tr:nth-child(1) th:first-child, .regn-de-nsclc-therapi-colps4 tr th:first-child{ text-align: left; } .regn-de-nsclc-therapi-colps1 tr:nth-child(odd) td:first-child, .regn-de-nsclc-therapi-colps3 tr:nth-child(even) td:first-child, .regn-de-nsclc-therapi-colps4 tr:nth-child(even){ background: #E0DEDE; } .regn-de-nsclc-therapi-colps1 tr:nth-child(even) td:first-child, .regn-de-nsclc-therapi-colps3 tr:nth-child(odd) td:first-child, .regn-de-nsclc-therapi-colps4 tr:nth-child(odd){ background: #EFEEED; } .regn-de-nsclc-therapi-colps1 tr:nth-child(odd) td:nth-child(2), .regn-de-nsclc-therapi-colps1 tr:nth-child(odd) td:nth-child(3), .regn-de-nsclc-therapi-colps3 tr:nth-child(odd) td:nth-child(2), .regn-de-nsclc-therapi-colps3 tr:nth-child(odd) td:nth-child(3), .regn-de-nsclc-therapi-colps4 tr:nth-child(even) td:last-child{ background: #F8CCE4; color: var(--dxp-g-blue-color8); } .regn-de-nsclc-therapi-colps1 tr:nth-child(even) td:nth-child(2), .regn-de-nsclc-therapi-colps1 tr:nth-child(even) td:nth-child(3), .regn-de-nsclc-therapi-colps3 tr:nth-child(even) td:nth-child(2), .regn-de-nsclc-therapi-colps3 tr:nth-child(even) td:nth-child(3), .regn-de-nsclc-therapi-colps4 tr:nth-child(odd) td:last-child{ background: #FBE6F1; color: var(--dxp-g-blue-color8); } .regn-de-nsclc-therapi-colps1 tr:nth-child(odd) td:nth-child(4), .regn-de-nsclc-therapi-colps1 tr:nth-child(odd) td:nth-child(5), .regn-de-nsclc-therapi-colps3 tr:nth-child(odd) td:nth-child(4), .regn-de-nsclc-therapi-colps3 tr:nth-child(odd) td:nth-child(5){ background: #CCDCE2; color: var(--dxp-g-blue-color8); } .regn-de-nsclc-therapi-colps1 tr:nth-child(even) td:nth-child(4), .regn-de-nsclc-therapi-colps1 tr:nth-child(even) td:nth-child(5), .regn-de-nsclc-therapi-colps3 tr:nth-child(even) td:nth-child(4), .regn-de-nsclc-therapi-colps3 tr:nth-child(even) td:nth-child(5){ background: #E5EDF1; color: var(--dxp-g-blue-color8); } .regn-de-nsclc-therapi-colps1 tr:nth-child(1) td:nth-child(3){ background: #CCDCE2; } .regn-de-nsclc-therapi-colps4 tr th:last-child{ background-color: var(--dxp-g-pink-color); } .regn-de-nsclc-therapi-colps4 tr:nth-child(2) td{ font-weight: 700; } .regn-de-nsclc-therapi-colps4 table{ margin: 0 auto; } .regn-de-nsclc-and-col2{ display: grid; gap: 24px; grid-template-columns: 60% 40%; } .regn-de-nsclc-and-col2 div:last-child p{ padding-right: var(--dxp-s-regen-padding30); } .regn-de-colapse-inside-a span > div > p span > a{ color: #000 !important; display: inline; background-color: transparent !important; padding: 0; font-weight: 400; } .regn-de-colapse-inside-a span > div > p span > a::before{ display: none; } /* 4.0 cc pages */ .regn-cc-emp-car-section2{ display: grid; justify-content: center; grid-template-columns: 20% 20% 20% 20% 20%; text-align: center; } .regn-cc-emp-car-section2 div{ padding: 24px 0; display: flex; flex-direction: column; gap: 16px; align-items: center; } .regn-cc-emp-car-section2 div p{ color: var(--dxp-g-blue-color8); } .regn-cc-emp-car-section2 div p:first-child{ min-height: 54px; justify-content: center; align-items: center; display: flex; } .regn-cc-emp-car-section2 img{ margin-bottom: 0; width: 100px; } .regn-cc-emp-car-section{ display: flex; justify-content: left; align-items: center; gap: 8px; margin-bottom: 16px; } .regn-cc-empty-text{ text-align: center; padding: 16px 8px; margin-top: -87px; } .regn-cc-emp-car-section .dash{ width: 48px; background-color: #454545; height: 1px; display: block; margin-top: -87px; } .regn-cc-emp-car-section .dash2{ width: 48px; height: 87px; border: 1px solid #454545; border-width: 1px 0px 1px 1px; margin-left: 20px; position: relative; margin-top: -92px; } .regn-cc-emp-car-section .dash2::before{ content: ''; display: block; width: 16px; height: 1px; background-color: #454545; position: absolute; top: 44px; left: -17px; } .regn-cc-emp-car-section .regn-ec-gray-box{ width: 302px; border-radius: 0px 32px; background: #EFEEED; padding: 16px; margin-top: -87px; } .regn-cc-emp-car-section .regn-ec-gray-box h4{ font-size: var(--dxp-s-font-size18); font-family: var(--dxp-s-text-heading-extra-large-font-family); margin-bottom: 8px; line-height: 24px; color: var(--dxp-g-blue-color8); } .regn-cc-emp-car-section .regn-ec-gray-box li{ margin-bottom: 8px; color: var(--dxp-g-blue-color8); } .regn-cc-emp-car-section .regn-ec-section3{ width: 270px; display: block; } .regn-ec-section3 > p{ color: var(--dxp-g-blue-color8); margin-top: 8px; text-align: center; } .regn-cc-emp-car-section .regn-ec-pink-box{ border-radius: 0px 16px; background: var(--LIBTAYO-Primary-Amaranth, #DC0077); padding: 16px 26px; min-height: 176px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 24px; } .regn-cc-emp-car-section .regn-ec-pink-box h2, .regn-cc-emp-car-section .regn-ec-pink-box p, .regn-cc-emp-car-section .regn-ec-blue-box p{ color: var(--dxp-g-white); margin-bottom: 8px; } .regn-cc-emp-car-section .regn-ec-blue-box{ border-radius: 16px 0px; background: var(--LIBTAYO-Primary-Blue-Star, #004F6F); padding: 16px; min-height: 176px; text-align: center; justify-content: center; align-items: center; display: flex; flex-direction: column; } .regn-cc-emp-car-section .regn-ec-blue-box h3{ color: #EFEEED; margin-bottom: 16px; font-size: var(--dxp-s-text-heading-medium-font-size); } .regn-ec-section4{ padding: var(--dxp-s-regen-padding16); margin-top: -50px; } .regn-ec-section4 p, .regn-ec-section4 li{ margin-bottom: 8px; color: var(--dxp-g-blue-color8); } .regn-collpse-img-pad16 span > div > img{ padding: var(--dxp-s-regen-padding16) 0; } .regn-empwer-car-sec{ display: flex; gap:8px; align-items: center; } .regn-cc-esgo-section{ border-radius: 0px 40px; background: #EFEEED; padding: 32px 24px; margin-bottom: 40px; } .regn-cc-esgo-section > div{ display: flex; gap: 16px; align-items: center; justify-content: center; } .regn-cc-esgo-section > div p{ width: 511px; padding: 16px; border-radius: 0px 24px; background: var(--dxp-g-pink-color); color: white; } .regn-cc-fous-page-table{ border-color: var(--dxp-g-blue-color8); margin-bottom: 16px; } .regn-cc-fous-page-table th{ text-align: center; font-family: var(--dxp-s-text-heading-extra-large-font-family); border-color: var(--dxp-g-blue-color8); font-size:var(--dxp-s-font-size18); } .regn-cc-fous-page-table td{ color: #000; text-align: center; border-color: var(--dxp-g-blue-color8); } .regn-2images-align{ display: flex; gap: 24px; padding: var(--dxp-s-regen-padding16) 0 var(--dxp-s-regen-padding12); } .regn-focus-3card-design{ display: block; text-align: center; } .regn-focus-3card-design img{ margin-left: 10px; margin-bottom: 0; } .regn-focus-3card-design .dash-line{ height: 0; display: block; } .regn-focus-3card-design .regn-3color-box tr td{ width: 293px; height: 258px; } .regn-focus-3card-design .regn-3color-box p:nth-child(2){ font-size: 18px !important; line-height: 24px !important; font-weight: 400 !important; font-family: var(--dxp-s-body-font-family); } .regn-focus-3card-design .line-img{ padding: var(--dxp-s-regen-padding8) 0; } .regn-focus-3card-design{ padding-top: var(--dxp-s-regen-padding16); } .regn-cc-os-pfs-orr tr td, .regn-cc-os-pfs-orr tr th{ text-align: center; font-family: var(--dxp-s-text-heading-extra-large-font-family); border-color: white; line-height: 18px; } .regn-cc-os-pfs-orr tr th{ color: white; font-weight: 400; } .regn-cc-os-pfs-orr tr td{ color: var(--dxp-g-blue-color8); } .regn-cc-os-pfs-orr tr td span{ color: #454545; } .regn-cc-os-pfs-orr{ margin-bottom: 24px; margin-top: 16px; width: 100% !important; } .regn-cc-sich-page-sec{ border: 1px solid var(--dxp-g-pink-color); margin-bottom: var(--dxp-s-regen-margin24); border-radius: 0 16px; text-align: center; padding-bottom: var(--dxp-s-regen-padding24); } .regn-cc-sich-page-sec .regn-cc-ping-background{ background-color: var(--dxp-g-pink-color); border-top-right-radius: 16px; padding: 16px; color: white !important; font-family: var(--dxp-s-text-heading-extra-large-font-family); } .regn-cc-sich-page-sec p:nth-child(2){ padding: 16px; font-family: var(--dxp-s-text-heading-extra-large-font-family); display: flex; align-items: center; } .regn-cc-sich-page-sec p:nth-child(2) strong{ width: 50%; } /* Germany Phase2.1 CSS END */ @media screen and (min-width: 768px) and (max-width: 1024px) { .Regn-product-mega-menu .mobile-menu-container{ top: 5px; } .regn-iframe-modal { width: 90% !important; max-width: 90% !important; } .iframe-border-none{ padding: 0 var(--dxp-s-regen-padding10) !important; } /* Banner Design Tab CSS */ .regn-de-libtayo-banner .left-side-content{ padding-left:16px; width:70%; } .regn-de-libtayo-banner .right_side_logo{ padding-right:16px; width:30%; } .regn-de-libtayo-banner, .regn-de-libtayo-banner-logo{ padding: 16px 0 0; min-height:320px; top:-332px; } .regn-de-libtayo-banner-logo{ padding-right:16px; } .regn-de-libtayo-banner .circular_image{ left: -25px; top: 14px; } .regn-de-libtayo-banner .regn_pink_shape { width: 430px; border-radius: 0px 30px; margin-left: 81px; top: auto; left: 0; } .regn-de-libtayo-banner .left-side-content h3 { width: 300px; top: 75px; left: 170px; margin-left: 0; } .regn-de-libtayo-banner .regn_blue_shape{ left: 145px; } .regn-de-libtayo-banner .left-side-content h4{ left: 175px; } .regn-de-libtayo-banner-logo{ padding-right:16px; } .regn-de-libtayo--prod-banner .regn_pink_shape{ top: 100px; width: 600px; } .regn-de-libtayo--prod-banner .left-side-content h3{ width: 500px; top: 120px; } .regn-nsclc-banner-cont .circular_img{ left: -25px; top: 14px; } .regn-nsclc-banner-cont .regn_pink_shape{ position: absolute; margin-left: 110px; } .regn-nsclc-banner-cont .regn_blue_shape, .regn-nsclc-big-banner .regn_blue_shape{ top: 230px; left: auto; margin-top: 0; margin-left: -16px; } .regn-nsclc-banner-cont .left-side-content h4, .regn-nsclc-big-banner .left-side-content h4 { left: auto; top: 230px; position: absolute; width: 500px; margin-left: 22px; } .regn-nsclc-big-banner .left-side-content h4, .regn-nsclc-big-banner .regn_blue_shape{ margin-top: 48px; } .regn-de-banner-no-cont-img412 img{ height: 300px; } .regn-de-banner-logo200 p img{ height: 84px; margin-top: var(--dxp-s-regen-margin16); } .regn-de-libtayo-banner .circular_img{ left: -35px; top: 5px; } .regn-nsclc-big-banner { top: -382px; } .regn-de-nsclc-focus-banner .circular_img{ left: 0; } .regn-de-nsclc-focus-banner .regn_pink_shape{ position: absolute; left: 0; margin-left: -60px; } .regn-de-nsclc-focus-banner .left-side-content h3{ width: auto; left: 0; top: 20px; } .regn-de-nsclc-focus-banner .regn_blue_shape{ top: 180px; position: absolute; left: 0; } .regn-de-nsclc-focus-banner .left-side-content h4{ left: 34px; width: 400px; position: absolute; top: 180px; } /* Banner Design Tab CSS END */ /* Germany Phase2.1 tab css */ .regn_de_ado_hightlights_sec1 h2{ padding: 0; width: 100%; } .regn_de_ado_hightlights_sec5 table tr:first-child td h3, .regn-inline-img-card-d2 h3{ padding-right: var(--dxp-s-regen-padding16); } .regn-3color-box tr { flex-wrap: wrap; justify-content: center; } .regn-de-bcc-sec2-blue-card td:first-child{ width: 196px; } .regn-de-iframe-video iframe { height: 416px; } .regn-de-iframe-h526 iframe{ height: 400px; } .regn-de-card-tab-mob-center{ justify-content: center; } .regn-padding-m-btm48{ padding-bottom: var(--dxp-s-regen-padding48) !important; } .regn-de-bcc1-csec3 span > div p:last-child img{ width: 49%; } .regn-EMPOWER-BCC-design{ flex-direction: column; } .regn-EMPOWER-BCC-design-sec1 { width: 100%; flex-direction: row; padding-right: 0; padding-bottom: 54px; } .regn-EMPOWER-BCC-design-sec1 .regn-labcc, .regn-EMPOWER-BCC-design-sec1 .regn-mbcc{ width: 49%; } .regn-EMPOWER-BCC-design-sec2::after, .regn-EMPOWER-BCC-design-sec1::after{ rotate: 90deg; bottom: -44px; right: auto; } .regn-EMPOWER-BCC-design-sec2{ margin-right: 0; margin-bottom: 54px; align-items: center; } .regn-EMPOWER-BCC-design-sec2::after{ bottom: -92px; } .regn-3color-box tr td{ height: 240px; } .regn-de-dgp-page-sec{ flex-direction: column; } .regn-de-bcc-diagnose-sec1 p{ padding: 16px; } .regn-3color-box h3{ line-height: 58px !important; } .regn-de-cscc-empower-section1 .grupee-1 p, .regn-de-cscc-empower-section1 .grupee-2 p, .regn-de-cscc-empower-section1 .grupee-3 p{ min-height: 144px; } .regn_de_cscc_grupee_2 .grupee_3_down, .regn_de_cscc_grupee .grupee_12_down{ min-height: 240px; } .regn_de_ado_hightlights_sec5 table tr:first-child td h3{ padding-right: 0; } .regn-lung3-flexi-img-section img { width: 50%; } .regn-de-col-2-img img{ width: 40%; } .regn-de-col-2-img img:last-child{ width: 59%; } .regn-de-ling3-box-sec1 { grid-template-columns: 48% 48%; } .regn-de-nsclc-lung1-gray-box > div{ flex-direction: column; } .regn-focus-3card-design .line-img img{ width: 70%; } .regn-focus-3card-design .regn-3color-box tr td { width: 30%; padding: 0px; } /* Germany Phase2.1 tab css end */ } @media screen and (min-width: 320px) and (max-width: 767px) { .regn-de-access-contact-form{ padding: var(--dxp-s-regen-padding24) var(--dxp-s-regen-padding12) var(--dxp-s-regen-padding56) !important; margin: 0 12px; } .regn-de-access-contact-form .heading h3{ font-size: var(--dxp-s-body-font-family); text-align: center; line-height: 1.5; letter-spacing: 1px; } .regn-de-access-contact-form .heading h3 strong{ font-size: var(--dxp-s-font-size20); display: block; } .regn-de-access-contact-form .slds-wrap .slds-large-size_4-of-12:first-child{ padding-left: var(--dxp-s-regen-padding12) !important; } .regn-de-access-contact-form .slds-wrap .slds-large-size_4-of-12:last-child{ padding-right: var(--dxp-s-regen-padding12) !important; } .regn-de-cont-checkbox .slds-large-size_2-of-12{ padding: 0 12px; margin-bottom: 24px; } .regn-button-no-arrow-icon button { width: var(--dxp-width-100) !important; text-transform: uppercase; font-size: var(--dxp-s-body-font-family) !important; } .regn-de-confom-checkbox{ padding-left: var(--dxp-s-regen-padding12); padding-right: var(--dxp-s-regen-padding12); } .regn-de-access-contact-form hr{ margin: var(--dxp-s-regen-margin32) 12px var(--dxp-s-regen-margin24) !important; } .regn-de-tab-design { padding-left: 16px; } .Regn-product-mega-menu .acn-navigation-custom-menu-wrapper > .acn-navigation-menu-links > li:last-child { display:block; } .regn-login-popup .slds-modal__container { margin: 0 1rem; } .regn-login-popup iframe { width: 360px !important; position: relative; left: -20px; } .regn-iframe-modal { width: var(--dxp-width-90) !important; max-width: var(--dxp-width-90) !important; } .regn-nav-modal-body p a span{ padding: 3px 6.57px; } .regn_doccheck_login .de-login_iframe_check iframe{ width:100% !important; } /* collpse design mobile */ .regn-de-body-collpse span a, .regn-de-body-open-first span a{ padding: 20px 60px; display: flex; align-items: center; } .regn-de-bcc-collpse-height p a{ padding-left: 16px; padding-top: 16px; padding-bottom: 16px; } .regn-de-body-collpse span a img, .regn-de-body-open-first span a img{ position: absolute; left: 10px; } .regn-de-body-collpse span a span, .regn-de-body-open-first span a span{ padding-left: 0; } .regn-de-body-open-first span a.regn-collpse-body-link{ padding: 0 ; display: inline; } /* breadcrums */ .regn-de-bredcrums p { padding: var(--dxp-s-regen-padding16) var(--dxp-s-regen-padding10) var(--dxp-s-regen-padding16) var(--dxp-s-regen-padding16); line-height: 1; } .regn-de-bredcrums p a, .regn-de-bredcrums p span{ font-size: 10px; margin-right: 26px; } .regn-de-bredcrums p a::after { right: -22px; } .iframe-border-none{ padding: 0 var(--dxp-s-regen-padding10) !important; } .regn-de-login-icon { position: relative; right: 20px; top: 7px; } /* Banner Design Mobile CSS */ .regn-de-libtayo-banner > div span{ flex-direction: column-reverse; } .regn-de-libtayo-banner .right_side_logo{ padding-right:16px; width:100%; } .regn-de-libtayo-banner .right_side_logo img, .regn-de-libtayo-banner-logo p img{ height:70px; } .regn-de-libtayo-banner .left-side-content{ padding-top:10px; width:100%; } .regn-de-libtayo-banner, .regn-de-libtayo-banner-logo{ padding: 16px 0 0; min-height:300px; top:-316px; } /* .regn-de-libtayo-banner .circular_image{ width: 75px; height: 75px; top: 45px; left: 12px; position: absolute; } */ .regn-de-libtayo-banner .content_block{ position:relative; width:100%; } .regn-de-libtayo-banner .regn_pink_shape { width: 73%; border-radius: 0px 30px; margin-left: 45px; top: auto; height: 120px; } .regn-de-libtayo-banner .left-side-content h3 { width: 200px; top: 19px; font-size: 24px; line-height: 28px; left: 70px; } .regn-de-libtayo-banner .regn_blue_shape{ width: 80%; } .regn-de-libtayo-banner .left-side-content h4{ font-size: 16px; width: 70%; line-height: 24px; top: -42px; } .regn-de-footer-height{ min-height:430px; width:100%; height:100%; } .regn-libtayo-mob-banner p img, .regn-de-banner-no-cont-img412 img, .regn-libtayo-nsclc-mob-banner p img{ display:none; } .regn-libtayo-mob-banner p, .regn-libtayo-nsclc-mob-banner p, .regn-de-banner-no-cont-img412 p{ height: 300px; background-image: url(/sfsites/c/cms/delivery/media/MC4ZRGJV4TLJEVVEVBLTCAN5LUEU?version=2.1); background-position: 90% 100%; background-repeat: no-repeat; background-size: cover; } .regn-libtayo-nsclc-mob-banner p{ background-image: url(/sfsites/c/cms/delivery/media/MCPKAZBSKQTVGWLER7ISV5TIGWJE?version=2.1); } .regn-de-banner-no-cont-img412 p{ height: 200px; background-image: url(/sfsites/c/cms/delivery/media/MCRBHBPQMG35CPBDKD4PIZHWMFKE?version=2.1); background-position: 50% 100%; } .regn-de-ad-img-mob p{ background-image: url(/sfsites/c/cms/delivery/media/MC7RC33AFETRAMPLNKM7E4HTBGFM?version=2.1); } .regn-de-banner-logo200 { min-height: 200px; top: -200px; padding-right: var(--dxp-s-regen-padding16); } .regn-de-libtayo--prod-banner .regn_pink_shape{ width: 280px; margin-left: 0; left: -129px; height: 150px; transform: skew(27deg); } .regn-de-libtayo--prod-banner .left-side-content h3{ left: -70px; } .regn-nsclc-banner-cont .regn_pink_shape{ position: absolute; left: -50px; margin-left: 0; width: 100%; max-width: 300px; } .regn-nsclc-banner-cont .left-side-content h3{ margin-left: 0; left: -12px; } .regn-nsclc-banner-cont .left-side-content{ padding-top: 26px; } .regn-nsclc-banner-cont .regn_blue_shape, .regn-nsclc-big-banner .regn_blue_shape{ top: 126px; width: 100%; left: -60px; margin-top: 0; } .regn-nsclc-banner-cont .left-side-content h4, .regn-nsclc-big-banner .left-side-content h4{ top: 132px; left: -6px; width: 90%; } .regn-de-libtayo--prod-banner .circular_img{ left: -63px; top: 22px; } .regn-nsclc-big-banner .circular_img{ left: -13px; } .regn-nsclc-big-banner .regn_pink_shape{ left: -82px; } .regn-nsclc-big-banner .left-side-content h3{ top: 6px; left: -32px; } .regn-nsclc-big-banner .regn_blue_shape{ left: -70px; top: 154px; } .regn-nsclc-big-banner .left-side-content h4{ top: 164px; left: -22px; } .regn_blue_shape_380 .regn_blue_shape{ height: 46px; } .regn_blue_shape_380 .left-side-content h4{ left: -20px; margin-top: -6px; line-height: 46px; width: 100%; } .regnde-nsclc-focus-bnr-img p{ height: 340px; } .regn-de-nsclc-focus-banner { top: -340px; } .regn-de-nsclc-focus-banner .regn_pink_shape{ position: absolute; left: 0; margin-left: -60px; width: 100%; transform: skew(20deg); height: 160px; top: 0; } .regn-de-nsclc-focus-banner .left-side-content h3{ left: 0; margin-left: -14px; } .regn-de-nsclc-focus-banner .regn_blue_shape{ top: 170px; left: 0px; min-width: 210px; } .regn-de-nsclc-focus-banner .left-side-content h4{ left: 34px; width: 170px; position: absolute; top: 180px; } /* Banner Design Mobile CSS End */ /* Germany Phase2.1 mobile */ .regn_de_ado_hightlights_sec1 h2{ width: 100%; } .regn_de_ado_hightlights_sec5 table tr:first-child td h3, .regn-inline-img-card-d2 h3{ padding-right: var(--dxp-s-regen-padding16); } .regn-de-card-tab-mob-center{ justify-content: center; } .regn-3color-box tr { flex-wrap: wrap; justify-content: center; } .regn-de-bcc-sec2-blue-card tr, .regn-de-col-2-img, .regn-2images-align{ display: flex; flex-direction: column; } .regn-de-bcc-sec2-blue-card td:first-child img{ margin-bottom: var(--dxp-s-regen-margin24); } .regn-de-iframe-video iframe { height: 240px; } .regn-de-iframe-h526 iframe{ height: 180px; } .regn-de-bcc1-csec3 span > div p{ display: block; } .regn-EMPOWER-BCC-design, .regn-2color-box table tr, .regn-gary-card-box-bcc tr, .regn-nsclc-therpi-round{ flex-direction: column; } .regn-EMPOWER-BCC-design-sec1 { width: 100%; flex-direction: row; padding-right: 0; padding-bottom: 54px; } .regn-EMPOWER-BCC-design-sec1 .regn-labcc, .regn-EMPOWER-BCC-design-sec1 .regn-mbcc{ width: 49%; } .regn-EMPOWER-BCC-design-sec2::after, .regn-EMPOWER-BCC-design-sec1::after{ rotate: 90deg; bottom: -44px; right: auto; } .regn-EMPOWER-BCC-design-sec2{ margin-right: 0; margin-bottom: 54px; align-items: center; } .regn-EMPOWER-BCC-design-sec2::after{ bottom: -92px; } .regn-2color-box table tr td, .regn-gary-card-box-bcc td{ width: 100%; } .regn-3color-box tr td{ height: 240px; } .regn-EMPOWER-BCC-design-sec1 .regn-mbcc p{ padding: var(--dxp-s-regen-padding16); } .regn-de-dgp-page-sec, .regn-de-nsclc-lung1-gray-box{ flex-direction: column; } .regn-de-bcc-diagnose-sec1 p{ padding: 16px; } .regn-3color-box h3{ line-height: 58px !important; } .regn-dwn-btn-double p, .regn-de-Dosierungsschema, .regn-de-cscc-Monotherapie, .regn-de-cscc-mono-lightblue { display: flex; gap: 16px; flex-direction: column; } .cscc_dark_blue_box, .regn-de-nsclc-emp1-sec1{ flex-direction: column-reverse; gap: 8px; } .regn-de-cscc-empower-section1{ flex-direction: column; } .regn_de_cscc_grupee, .regn_de_cscc_grupee_2{ width: 100%; } .regn_de_cscc_grupee .grupee_12 > div { width: 53%; } .regn_de_cscc_grupee .grupee_12 > div:first-child { width: 45%; } .regn-de-cscc-empower-section1 .grupee-1 p, .regn-de-cscc-empower-section1 .grupee-2 p{ min-height: 168px; } .regn_de_cscc_grupee_2 .grupee_3_down, .regn_de_cscc_grupee .grupee_12_down, .regn-de-cscc-empower-section1 .grupee-3 p{ min-height: auto; } .regn-de-cscc-empower-section2, .regn-de-wadh-light-blue-box div, .regn_de_ado_hightlights_sec5 table tr { display: flex; flex-direction: column; } .regn-de-cscc-empower-section2 div:first-child::after { width: 100%; height: 2px; top: auto; right: 0; bottom: -24px; } .regn-de-table-mob{ width: 100%; display: block; overflow-x: auto; } .regn-de-table-mob table{ min-width: 800px; } .regn-de-cscc-empower-section4.regn-collpse-padding span > div{ padding: 0 !important; } .regn-de-cscc-empower-section4 span a{ text-align: left; } .regn-de-cscc-col-card p{ min-width: auto; } .regn-de-cscc-empower-section1 .slds-grid div p{ padding-left: 0; } .regn_de_ado_hightlights_sec5 table tr:first-child td h3{ padding-right: 0; } .regn-bcc-eado-popup1{ grid-template-columns: auto; } .regn_de_ado_hightlights_sec1 .slds-grid div, .regn_de_ado_hightlights_sec6 .slds-grid div { width: 100%; margin-bottom: var(--dxp-s-regen-margin24); } .regn-de-adh-pink-blue-box tr td:first-child{ width: 100%; } .regn-de-ling3-box-sec1{ grid-template-columns: auto; } .regn-de-ling3-box-sec1 div img{ height: 80px; } .regn-de-ling3-box-sec1 > div{ min-height: auto; } .regn-de-nsclc-emp1-sec1 > p{ margin-bottom: 0 !important; } .regn-de-col-2-img{ gap:0px; } .regn-de-nsclc-infocus-bg-content{ padding: 16px; gap: 16px; } .regn-de-nsclc-infocus-bg-content div{ flex-direction: column; gap: 16px; } .regn-de-nsclc-infocus-bg-content div > div, .regn-de-nsclc-infocus-bg-content div:last-child{ flex-direction: row; } .regn-de-nsclc-infocus-bg-content .regn-de-table-mob, .regn-table-mobile-scroll{ display: block; width: 100%; overflow: scroll; } .regn-de-nsclc-and-col2{ grid-template-columns: auto; } .regn-cc-emp-car-section2{ grid-template-columns: 50% 50%; } /* 4.0 cc pages */ .regn-cc-emp-car-section, .regn-cc-esgo-section > div{ flex-direction: column; position: relative; } .regn-cc-emp-car-section .regn-ec-gray-box, .regn-cc-emp-car-section .dash, .regn-cc-empty-text, .regn-cc-emp-car-section .dash2, .regn-ec-section4{ margin-top: 0; } .regn-cc-emp-car-section .dash{ width: 1px; height: 20px; } .regn-cc-empty-text{ padding: 0; } .regn-cc-emp-car-section .dash2{ width: 15px; height: 100px; border-width: 1px 0px 1px 1px; margin-left: 0; margin-top: 10px; position: absolute; top: 28.5rem; left: 18px; } .regn-cc-emp-car-section .dash2::before { width: 10px; height: 1px; position: absolute; top: 49px; left: -10px; text-align: center; } .regn-cc-empty-text .mobile-line{ display: block; width: 39%; height: 224px; background-color: transparent; position: absolute; margin-top: -26px; left: 9px; border: 1px solid #454545; border-width: 1px 0 0 1px; } .regn-empwer-car-sec{ width: 90%; margin-left: 10%; } .regn-cc-esgo-section > div p{ width: 100%; } .regn-de-cc-banner-content .left-side-content h4{ text-align: center; width: auto; } .regn-focus-3card-design .regn-3color-box { width: 90%; margin-left: 10%; } .regn-focus-3card-design > img{ margin-bottom: 30px; } .regn-focus-3card-design .line-img{ position: absolute; transform: rotate(270deg); top: 606px; left: -266px; z-index: -1; } .regn-focus-3card-design .dash-line { display: block; position: absolute; width: 100px; height: 498px; border: 3px solid #004f6f; border-right: 0; border-bottom: 0; top: 148px; left: -3px; } /* Germany Phase2.1 mobile END */ } @media screen and (min-width: 450px) and (max-width: 767px) { .regn-de-libtayo-banner .regn_pink_shape { width: 330px; } .regn-de-libtayo-banner .left-side-content h3 { width: 210px; left:0px; } .regn-de-libtayo-banner .regn_blue_shape{ width: 56%; height:50px; } .regn-de-libtayo-banner .left-side-content h4{ font-size: 16px; width: 46%; line-height: 24px; margin-top: -5px; } }