.for-bg-color{ background-color: #001428; color: white; } .inside_img_wrap { max-width: 100px; margin: 8px; position: relative; cursor: pointer; width: 35%; } .img_wrap img { width: 100%; } .over_img_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .second_half { flex: 1; position: absolute; top: 0px; margin: auto; width: 100%; } .inside_img_wrap img { width: 100%; } .section_wrapper { display: block; align-items: center; color: white; position: relative; } .first_half { flex: 1; position: relative; } .img_wrap { position: relative; max-width: 390px; margin: auto; } .img_divisions { position: absolute; display: flex; max-width: 290px; width: 100%; flex-wrap: wrap; top: 78px; left: 50%; transform: translate(-40%, 0px); } .sec_mob_head { font-size: 20px; margin: 30px; text-align: center; } .sec_tile_zero { font-size: 24px; margin: 30px; text-align: center; } .desc_tile_wrapper { position: relative; z-index: 1; } .desc_close_mob { width: 20px; position: absolute; right: 12px; display: block; top: 6px; z-index: 5; } .sec_tile_one { padding: 10px; display: none; max-width: 650px; margin: auto; } .desc_image { margin: auto; padding-top: 50px; z-index: 5; position: relative; width: 80%; max-width: 550px; } .desc_title { font-size: 24px; text-align: center; margin: 20px; z-index: 5; position: relative; } .desc_text { font-size: 16px; text-align: center; padding: 0px 20px 20px; position: relative; z-index: 5; line-height: 1.4; } .desc_overlay { background: rgba(0,0,0,0.9); height: 100%; width: 100%; position: absolute; border-radius: 20px; z-index: 2; } .hero-heading { margin-top: 30px; font-size: 26px; line-height: 1.4; } .hero-copy { margin-top: 20px; } .hero-copy a { text-decoration: underline; color: #555; } .hero-for-alignment { padding: 30px; text-align: center; background-color: #dfdfdf; } .section-break { padding: 100px 0px; } .full-block-layout-f02 { width: 100%; color: white; display: flex; flex-direction: column; } .block1-f02, .block-f02 { width: 100%; } .block1-f02 { padding: 30px; display: flex; flex-direction: column; justify-content: center; } .v-align-f02 { text-align: center; } .f03-heading { font-size: 24px; font-weight: 500; color: white; margin-bottom: 20px; } .f02-subheading { font-size: 18px; font-weight: 300; color: white; margin: 0px; padding-bottom: 20px; } .blade-3-divisions { display: flex; flex-wrap: wrap; justify-content: center; } .blade-3-container { max-width: 1280px; margin: auto; } .blade-3-div { max-width: 280px; } .blade-3-heading { font-size: 27px; text-align: center; padding: 16px; } .blade-3-foot { margin: 50px; text-align: center; color: white; } .blade-3-foot a { color: white; } .division-heading { font-size: 22px; font-weight: 600; text-align: center; } .division-copy { text-align: center; } .pdp-faq-title { padding: 20px 0 } .pdp-faq-title { font-size: 24px; font-weight: 300 } .Collapsible__trigger.is-open .pdp-faq-question { font-weight: 300 } .pdp-faq-question-container .Collapsible { border-bottom: 1px solid #ccc } .pdp-faq-question-title { align-items: center; cursor: pointer; display: flex; justify-content: space-between } .pdp-faq-question-icon { align-items: center; border-radius: 50%; justify-content: center; display: flex; width: 45px; height: 45px } .pdp-faq-question-icon .pdp-faq-question-icon-svg { width: 20px; height: 20px } .pdp-faq-question-title:hover .pdp-faq-question-icon { background: #192b3d } .pdp-faq-question { cursor: pointer; padding: 20px 10px 20px 0; font-weight: 300 } .pdp-faq-answer { padding: 20px 20px 20px 0; font-weight: 300; text-align: left } .pdp-faq-container { background-color: #001428; color: #fff; padding-bottom: 30px; position: relative; padding-left: 20px; padding-right: 20px } .pdp-faq-question-icon svg.pdp-faq-question-icon-svg { fill: #fff } .Collapsible__contentOuter{ display: none; } .disclaimer-block-wrapper { background-color: #0d2033; position: relative } .disclaimer-block-container { background: #0d2033; padding: 0px 15px; color: #fff; font-weight: 300; } .disclaimer-block { padding: 10px 0; line-height: 25px; font-size: 12px; text-align: justify; font-weight: 300 } .faq-wrapper{ max-width: 1000px; margin: auto; padding: 0px 15px 35px; } .disclaimer-block-container{ max-width: 1000px; margin: auto; } @media only screen and (max-width: 1279px){ .sec_tile_zero{ display: none !important; } } @media only screen and (min-width: 1280px){ .sec_mob_head{ display: none !important; } .desc_close_mob{ display: none; } .desc_overlay{ display: none; } .inside_img_wrap { max-width: 177px; margin: 20px; width: unset; } .img_divisions { max-width: 440px; top: 125px; left: 107px; transform: unset; } .img_wrap { max-width: 640px; } .section_wrapper { display: flex; position: unset; max-width: 1920px; margin: auto; } .second_half { position: unset; top: unset; } .sec_tile_one { padding: 30px; } .hero-sub { position: relative; margin: auto; max-width: 1920px; } .hero-container { background-color: #dfdfdf; } .hero-text-block { position: relative; max-width: 1200px; margin: 0 auto; height: 100%; display: flex; align-items: center; } .hero-text-wrapper { position: absolute; height: 100%; width: 100%; top: 0px; } .hero-for-alignment { width: 50%; padding: unset; text-align: unset; background-color: unset; } .hero-heading { font-size: 28px; } .full-block-layout-f02 { flex-direction: row; height: auto; } .block1-f02, .block-f02 { width: 50%; height: auto; } .v-align-f02 { text-align: left; max-width: 800px; } .blade-3-divisions { flex-wrap: unset; } .disclaimer-block { padding-right: 20px } .disclaimer-block-container .container { width: 100%  !important } }