"paisabazar-offer-list"
Bootstrap 4.1.1 Snippet by nileshkardate

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="clear common_offer_container pco_offer_container _multiple snipcss-xfQyn"> <div class="clear main_heading dIF mB15"> <div class="img_parent"> <img src="https://creditreport.paisabazaar.com/images/reward.svg" class="snip-img"> </div> <div class="heading_txt m-L-16"> <span class="fs-18 clr-blue5 fw-7 dB"> Pre Approved & Pre Qualified Offers </span> <small class="clr-blue6 fs-10 dB"> Exclusive Offers , Only for the chosen few </small> </div> </div> <div class="slick-slider slick-initialized"> <div class="slick-list"> <div class="slick-track" style="width: 681px; opacity: 1; transform: translate3d(0px, 0px, 0px);"> <div data-index="0" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 227px;"> <div> <div class=""> <div class="_wrapper"> <span class="_offer_type _pre_approved"> Pre-Approved </span> <div class="offer_heading"> <img src="https://pbimages.azureedge.net/web/pl_offer.png" class="_icon snip-img"> <span class="offer_name"> PERSONAL LOAN OFFER </span> </div> <div class="bank_logo_parent"> <img src="https://static.paisabazaar.com/components/images/bank-logos/TataCapital_71.png" class="_bank snip-img"> </div> <h1 class="_main_heading snip-h1"> You have a Pre-Approved loan of ₹2,21,264 </h1> <div class="cta_parent"> <button name="pb-button" type="button" class="pb-button btn btn-primary v1 snip-button" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Center Align"> <span class="btn_text"> Apply Now </span> <img src="https://creditreport.paisabazaar.com/images/arrow_right_white.svg" class="_arrow snip-img"> </button> </div> <div class="clear"> </div> <ul class="_features snip-ul"> <ul class="_features clear snip-ul"> <li class="_feature_list"> <img src="https://creditreport.paisabazaar.com/images/round_pink_tick.svg" class="_icon snip-img"> <span class="_txt"> <div> Interest Rate 16.74% </div> </span> </li> <li class="_feature_list"> <img src="https://creditreport.paisabazaar.com/images/round_pink_tick.svg" class="_icon snip-img"> <span class="_txt"> <div> NO Income Docs Required </div> </span> </li> <li class="_feature_list"> <img src="https://creditreport.paisabazaar.com/images/round_pink_tick.svg" class="_icon snip-img"> <span class="_txt"> <div> Hassle Free Process </div> </span> </li> </ul> </ul> </div> </div> </div> </div> <div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 227px;"> <div> <div class=""> <div class="_wrapper"> <span class="_offer_type _pre_approved"> Pre-Approved </span> <div class="offer_heading"> <img src="https://pbimages.azureedge.net/web/cc_offer.png" class="_icon snip-img"> <span class="offer_name"> CREDIT CARD OFFER </span> </div> <div class="card_img_parent"> <img src="https://static.paisabazaar.com/components/images/credit_card/small_images/247.png" class="_card snip-img"> </div> <h1 class="_main_heading snip-h1"> IndusInd Bank Platinum Aura Edge Credit Card </h1> <div class="_hero_tag _v2"> <img src="https://pbimages.azureedge.net/icons/reward_icon.png" class="_icon snip-img"> <span class="_text"> Paperless Process </span> </div> <div class="cta_parent"> <button name="pb-button" type="button" class="pb-button btn btn-primary v1 snip-button" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Center Align"> <span class="btn_text"> Grab Now </span> <img src="https://creditreport.paisabazaar.com/images/arrow_right_white.svg" class="_arrow snip-img"> </button> </div> <div class="clear"> </div> <ul class="_features snip-ul"> <ul class="_features clear snip-ul"> <li class="_feature_list"> <img src="https://creditreport.paisabazaar.com/images/round_pink_tick.svg" class="_icon snip-img"> <span class="_txt"> <div> 4x Reward Points </div> </span> </li> <li class="_feature_list"> <img src="https://creditreport.paisabazaar.com/images/round_pink_tick.svg" class="_icon snip-img"> <span class="_txt"> <div> Lifetime Free </div> </span> </li> </ul> </ul> <span class="details"> + More Details </span> </div> </div> </div> </div> <div data-index="2" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline: none; width: 227px;"> <div> <div class=""> <div class="_wrapper"> <span class="_offer_type _pre_approved"> Pre-Approved </span> <div class="offer_heading"> <img src="https://pbimages.azureedge.net/web/cc_offer.png" class="_icon snip-img"> <span class="offer_name"> CREDIT CARD OFFER </span> </div> <div class="card_img_parent"> <img src="https://static.paisabazaar.com/components/images/credit_card/small_images/137.png" class="_card snip-img"> </div> <h1 class="_main_heading snip-h1"> Axis Bank MY Zone Credit Card </h1> <div class="_hero_tag _v2"> <img src="https://pbimages.azureedge.net/icons/reward_icon.png" class="_icon snip-img"> <span class="_text"> Paperless Process </span> </div> <div class="cta_parent"> <button name="pb-button" type="button" class="pb-button btn btn-primary v1 snip-button" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Center Align"> <span class="btn_text"> Grab Now </span> <img src="https://creditreport.paisabazaar.com/images/arrow_right_white.svg" class="_arrow snip-img"> </button> </div> <div class="clear"> </div> <ul class="_features snip-ul"> <ul class="_features clear snip-ul"> <li class="_feature_list"> <img src="https://creditreport.paisabazaar.com/images/round_pink_tick.svg" class="_icon snip-img"> <span class="_txt"> <div> Lifetime free offer* </div> </span> </li> <li class="_feature_list"> <img src="https://creditreport.paisabazaar.com/images/round_pink_tick.svg" class="_icon snip-img"> <span class="_txt"> <div> 40% off on Swiggy </div> </span> </li> </ul> </ul> <span class="details"> + More Details </span> </div> </div> </div> </div> </div> </div> </div> </div> </div>
@font-face { font-family:'Lato'; font-style:italic; font-weight:400; src:local('Lato Italic'),local('Lato-Italic'),url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2'); unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family:'Lato'; font-style:italic; font-weight:400; src:local('Lato Italic'),local('Lato-Italic'),url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Lato'; font-style:italic; font-weight:700; src:local('Lato Bold Italic'),local('Lato-BoldItalic'),url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2'); unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family:'Lato'; font-style:italic; font-weight:700; src:local('Lato Bold Italic'),local('Lato-BoldItalic'),url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Lato'; font-style:normal; font-weight:300; src:local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2'); unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family:'Lato'; font-style:normal; font-weight:300; src:local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Lato'; font-style:normal; font-weight:400; src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family:'Lato'; font-style:normal; font-weight:400; src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Lato'; font-style:normal; font-weight:700; src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2'); unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family:'Lato'; font-style:normal; font-weight:700; src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { box-sizing: border-box; } .p-R { position: relative; } body .pd10 { padding: 0.625rem; padding-top: 0.625rem; padding-right: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.625rem; } .g-9 { width: 98%; } @media only screen and (min-width: 45em){ .g-9 { width: 73%; } } .main_content_section { left: 316px; } .row [class^="g-"]:not(.m0) { margin: 0.5rem 1%; min-height: 0.125rem; margin-top: 0.5rem; margin-right: 1%; margin-bottom: 0.5rem; margin-left: 1%; } .row [class^="g-"]:not(.f-R) { float: left; } .main_container .row [class^="g-"]:not(.m0).main_content_section { margin: 0px !important; float: right; left: 0px; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; } .clear { position: relative; width: 100%; } .clear { clear: both; } .row { position: relative; width: 100%; } .row { width: -webkit-fill-available; } .main_container { width: 100%; max-width: 1172px; margin: 0 auto; padding-top: 96px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .main_container { width: 100%; max-width: 85%; margin: 0 auto; padding-top: 45px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } main { display: block; } body { height: 100%; width: 100%; font-family: Lato, telugu, kannada, bengali, gujarati, Helvetica, "sans-serif"; line-height: 1.4; } body { margin: 0; color: rgb(67, 67, 67); background-color: rgb(255, 255, 255); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } body { line-height: 1; } body { margin: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } body { height: 100%; width: 100%; font-family: "Open Sans", "sans-serif", telugu, kannada, bengali, gujarati, Helvetica, "sans-serif"; line-height: 1.4; } body { color: rgb(67, 67, 67); background-color: rgb(255, 255, 255); } body { font-family: "Open Sans", sans-serif; } body { margin: 0px; padding: 0px; font-family: "Open Sans", sans-serif; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } html { height: 100%; width: 100%; font-family: Lato, telugu, kannada, bengali, gujarati, Helvetica, "sans-serif"; line-height: 1.4; } html { font-family: "Open Sans", sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } html { height: 100%; width: 100%; font-family: "Open Sans", "sans-serif", telugu, kannada, bengali, gujarati, Helvetica, "sans-serif"; line-height: 1.4; } html { font-family: "Open Sans", sans-serif; } :root { font-size: 16px; } .common_offer_container { margin-bottom: 32px; margin-top: 24px; } .row:after,.clear:after,.clear:before { content: ""; display: table; clear: both; } .dIF { display: inline-flex; } .mB15 { margin-bottom: 1.07143rem; } .slick-slider { position: relative; display: block; } .slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .m-L-16 { margin-left: 16px; } .slick-list { position: relative; display: block; } .slick-list { overflow: hidden; margin: 0; padding: 0; overflow-x: hidden; overflow-y: hidden; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .slick-slider .slick-list { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0px, 0px, 0px); } .slick-slider .slick-list { width: 100%; } img { border-style: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .fs-18 { font-size: 1.125rem; } .fw-7 { font-weight: 700; } .dB { display: block; } .clr-blue5 { color: rgb(27, 29, 199); } small { font-size: 80%; } .fs-10 { font-size: 0.625rem; } .clr-blue6 { color: rgb(105, 130, 159); } .slick-track { position: relative; display: block; } .slick-track { top: 0px; left: 0px; } .slick-track { display: flex; } .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0px, 0px, 0px); } .common_offer_container._multiple .slick-list .slick-track { left: -7px; } .slick-track:after,.slick-track:before { display: table; content: ""; } .slick-track:after { clear: both; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide { margin: auto 0.625rem; margin-top: auto; margin-right: 0.625rem; margin-bottom: auto; margin-left: 0.625rem; } .slick-initialized .slick-slide { display: block; } .common_offer_container .slick-slide { position: relative; background: transparent; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; } .common_offer_container._multiple .slick-slide { float: left; position: relative; } .common_offer_container._multiple .slick-slide:last-child { margin-right: 0px; } .common_offer_container .slick-slide ._wrapper { position: relative; border: 1px solid #d4dae1; border-radius: 10px; cursor: pointer; background: #fff; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(212, 218, 225); border-right-color: rgb(212, 218, 225); border-bottom-color: rgb(212, 218, 225); border-left-color: rgb(212, 218, 225); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); } .common_offer_container._multiple .slick-slide ._wrapper { padding: 32px 24px 32px 16px; min-height: 420px; padding-top: 32px; padding-right: 24px; padding-bottom: 32px; padding-left: 16px; } .common_offer_container .slick-slide ._wrapper ._offer_type { position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: calc(100% + 2px); text-align: center; font-size: 10px; font-weight: bold; letter-spacing: 0px; line-height: 24px; color: rgb(255, 255, 255); height: 24px; border-radius: 8px 8px 0 0; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .common_offer_container .slick-slide ._wrapper ._offer_type._pre_approved { background: linear-gradient(135.86deg, #ff9944 0%, #d9455a 100%); background-image: linear-gradient(135.86deg, rgb(255, 153, 68) 0%, rgb(217, 69, 90) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; } .common_offer_container .slick-slide ._wrapper .offer_heading { display: flex; justify-content: flex-start; width: 100%; align-items: center; } .common_offer_container._multiple .slick-slide ._wrapper .bank_logo_parent { margin-top: 16px; line-height: 0; display: flex; align-items: center; } h1 { font-size: 2em; margin: 0.67em 0; margin-top: 0.67em; margin-right: 0px; margin-bottom: 0.67em; margin-left: 0px; } h1 { font-size: 2rem; } h1 { color: rgb(0, 0, 0); font-weight: 500; } .common_offer_container .slick-slide ._wrapper ._main_heading { color: rgb(5, 47, 95); font-weight: 600; } .common_offer_container._multiple .slick-slide ._wrapper ._main_heading { margin: 12px 0 16px; font-size: 16px; font-weight: 600; letter-spacing: 0px; line-height: 26px; margin-top: 12px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; } .common_offer_container._multiple .slick-slide ._wrapper .bank_logo_parent ~ ._main_heading { margin: 16px 0; margin-top: 16px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; } .common_offer_container .slick-slide ._wrapper .cta_parent { position: absolute; width: calc(100% - 32px); bottom: 32px; } ul { list-style: none; list-style-position: initial; list-style-image: initial; list-style-type: none; } ul { margin-top: 0px; margin-bottom: 10px; } ul:not(.disc) { list-style: none; list-style-position: initial; list-style-image: initial; list-style-type: none; } .common_offer_container .slick-slide ._wrapper ul._features { padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .common_offer_container .slick-slide ._wrapper .card_img_parent { margin-top: 16px; width: 100px; line-height: 0; } .common_offer_container .slick-slide ._wrapper ._hero_tag { display: flex; justify-content: flex-start; align-items: center; height: 24px; border-radius: 4px; padding: 0 8px; width: max-content; margin-bottom: 16px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; } .common_offer_container .slick-slide ._wrapper ._hero_tag._v2 { border: 1px dashed #04d3a6; background-color: rgba(4, 211, 166, 0.1); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(4, 211, 166); border-right-color: rgb(4, 211, 166); border-bottom-color: rgb(4, 211, 166); border-left-color: rgb(4, 211, 166); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; } span.details { position: relative; z-index: 100; color: rgb(27, 29, 199); font-size: 10px; font-weight: 600; letter-spacing: 0px; line-height: 12px; text-align: right; padding-left: 22px; } .slick-slide img { display: block; } .slick-slide img { display: initial; } .common_offer_container .slick-slide ._wrapper .offer_heading ._icon { height: 20px; } .common_offer_container .slick-slide ._wrapper .offer_heading .offer_name { color: rgb(105, 130, 159); font-size: 10px; font-weight: bold; letter-spacing: 0px; line-height: 16px; margin-left: 8px; } .common_offer_container._multiple .slick-slide ._wrapper .bank_logo_parent ._bank { max-width: 100%; max-height: 100%; } button { overflow: visible; overflow-x: visible; overflow-y: visible; } button { font-size: 100%; line-height: 1.15; margin: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } button { text-transform: none; } button { cursor: pointer; border: none; border-top-width: initial; border-right-width: initial; border-bottom-width: initial; border-left-width: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; } button { font-family: "Open Sans", sans-serif; } .btn-primary { background-color: rgb(27, 29, 199); color: rgb(255, 255, 255); } .pb-button { font-family: "Open Sans"; font-size: 14px; font-weight: 600; cursor: pointer; border-radius: 4px; outline: none; border: none; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; outline-color: initial; outline-style: none; outline-width: initial; border-top-width: initial; border-right-width: initial; border-bottom-width: initial; border-left-width: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; } button,[type="button"] { -webkit-appearance: button; appearance: button; } button.v1 { border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .common_offer_container .slick-slide ._wrapper .cta_parent .btn { color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; letter-spacing: 0px; line-height: 20px; padding: 8px 16px; min-width: 148px; display: flex; align-items: center; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; } button:hover { outline: none; box-shadow: none; cursor: pointer; outline-color: initial; outline-style: none; outline-width: initial; } .common_offer_container .slick-slide ._wrapper .card_img_parent ._card { width: 100%; } .common_offer_container .slick-slide ._wrapper ._hero_tag ._icon { max-width: 12px; } .common_offer_container .slick-slide ._wrapper ._hero_tag ._text { padding-left: 5px; white-space: nowrap; color: rgb(5, 47, 95); font-size: 10px; font-weight: 600; letter-spacing: 0px; } .common_offer_container .slick-slide ._wrapper .cta_parent .btn ._arrow { margin-left: auto; } .common_offer_container .slick-slide ._wrapper ul._features li._feature_list { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 12px; } .common_offer_container .slick-slide ._wrapper ul._features li._feature_list:last-child { margin-bottom: 0px; } .common_offer_container .slick-slide ._wrapper ul._features li._feature_list img._icon { width: 16px; align-self: flex-start; } .common_offer_container .slick-slide ._wrapper ul._features li._feature_list ._txt { color: rgb(5, 47, 95); font-size: 12px; font-weight: 600; line-height: 18px; margin-left: 8px; opacity: 0.6; }

Related: See More


Questions / Comments: