#main { position: relative;} .dealerfest-cta-block { z-index: 1; padding: 96px 0; border-top-left-radius: 50px; border-top-right-radius: 50px; margin-top: -50px; position: relative;} .openlane-curved-radius-top-block-style { z-index: 4;} .openlane-curved-radius-top-block-style .container { max-width: 1440px; padding: 0 40px;} .mobile-easy-bg { display: none;} /*.header-mobile-style body.page #logo .logo .logo-light { opacity: 0; } .header-mobile-style body.page #logo .logo .logo-default { opacity: 1; }*/ .column-utility .row .col.col-login.nada-btn a:hover { color: #fff !important; background-color: #0061FF; border-color: #0061FF;} .openlane-curved-radius-top-block-style .three-column-pill img { border-radius: 16px; ;} .openlane-curved-radius-top-block-style.openlane-curved-radius-top-block-light-background .three-column-pill { background: var(--Openlane-Secondary-Blue-100, #CCE0FF) !important;} /*Two Column Image Content Block Css Start Here*/ .two-column-image-content-block { padding: 96px 0; background: #E5EFFF;} .two-column-image-content-block .heading h3 { color: #0A1B5F; text-align: center; font-family: Poppins; font-size: 48px; font-style: normal; font-weight: 600; line-height: 52.8px; letter-spacing: -0.48px; margin-bottom: 24px;} .two-column-image-content-block .heading p { color: #0A1B5F; text-align: center; font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; max-width: 800px; margin: 0 auto; width: 100%;} .two-column-wrap { display: flex; padding: 0px 56px; justify-content: center; gap: 72px; ; flex-wrap: wrap;} .two-column-image-content-block .heading { margin-bottom: 72px;} .two-column-wrap .pill-list { width: 47.1%; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: #CCE0FF; min-width: 320px; max-width: 560px; border-radius: 16px;} .two-column-wrap .pill-list figure img { width: 100%;} .two-column-wrap .pill-list figure { margin: 0;} .two-column-wrap .pill-list .pill-content-wrap { display: flex; padding: 24px 32px 32px 32px; flex-direction: column; justify-content: space-between; align-items: flex-start; flex: 1 0 0; align-self: stretch;} .pill-content-wrap .content h4 { color: #0A1B5F; font-family: Poppins; font-size: 36px; font-style: normal; font-weight: 600; line-height: 39.6px; letter-spacing: -0.36px; margin: 0 0 12px 0;} .pill-content-wrap .content p { color: #0A1B5F; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin: 0;} .two-column-btn { text-align: center; margin-top: 72px;} .two-column-btn a { border-radius: 94px; background: #0061FF; color: #fff; text-align: center; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; padding: 16px 40px; text-decoration: none; display: inline-block; vertical-align: middle;} .two-column-btn a:hover { background: #0A1B5F; color: #fff;} /*Two Column Image Content Block Css Ends Here*/ /*Buy Selling Block Css Start Here*/ .buy-selling-block { background-color: #0A1B5F; padding: 0 0 108px 0;} .buy-selling-wrap { border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.05); padding: 42px 28px; max-width: 1214px; margin: 0 auto; width: 100%; justify-content: space-between; display: flex; flex-direction: column; flex: 1;} .buy-selling-wrap h5 { text-transform: uppercase; color: #FFF; text-align: center; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -0.24px; margin-bottom: 16px;} .buy-selling-wrap h4 { color: #FFF; text-align: center; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 400; line-height: 1.4; letter-spacing: -0.48px; max-width: 938px; margin: 0 auto 16px; width: 100%;} .buy-selling-wrap h3 { color: #FFF; text-align: center; font-family: Poppins; font-size: 36px; font-style: normal; font-weight: 600; line-height: 1.1; letter-spacing: -0.48px; max-width: 938px; margin: 0 auto 16px; width: 100%;} .buy-selling-wrap p { color: #FFF; text-align: center; font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 400; line-height: 24px;} .buy-selling-wrap p a { color: #fff; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;} sup { font-size: 0.5em; vertical-align: middle;} /*Buy Selling Block Css Ends Here*/ .three-column-list.aos-init.aos-animate { transform: none !important;} .openlane-curved-radius-top-block-style .openlane-three-column-cards { padding: 96px 0;} .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h4 { color: #99C0FF; text-align: center; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 500; line-height: 34.8px; letter-spacing: -0.24px; margin-bottom: 24px;} .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h2 { color: #ffffff; text-align: center; font-family: Poppins; font-size: 56px; font-style: normal; font-weight: 600; line-height: 61.6px; letter-spacing: -0.56px; margin-bottom: 24px;} .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading p { color: #ffffff; text-align: center; font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; max-width: 580px; margin: 0 auto;} .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading { max-width: 800px; margin: 0 auto 48px; width: 100%;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-slider .card-item { padding: 0 16px;} .card-body { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 17.72%, rgba(0, 97, 255, 0.05) 94.22%);} .card-body figure.card-image img { width: 100%; border-radius: 16px;} figure.card-image { margin: 0;} .card-content { padding: 24px;} .card-content h4 { color: #ffffff; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 600; line-height: 28.8px; letter-spacing: -0.24px; margin-bottom: 8px;} .card-content p { color: #ffffff; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 0;} .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button { text-align: center; margin-top: 48px;} .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button a.btn { padding: 16px 40px; color: #fff; text-align: center; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; background-color: #0061FF;} .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button a.btn:hover { color: #0A1B5F; background-color: #fff; border-color: #fff;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--Openlane-Secondary-Blue-50, #E5EFFF); display: flex; flex-direction: column; height: 100%;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body .card-content { order: 2;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body figure.card-image { order: 1;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body .card-content h4 { color: #0A1B5F;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body .card-content p { color: #0A1B5F;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .slick-arrow { color: #0A1B5F;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .slick-pagination .slick-pagination-current { color: #0A1B5F;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .slick-pagination .slick-pagination-count { color: #C3C3C3;} .openlane-curved-radius-top-block-style .openlane-three-column-cards.image-card-top .heading h4 { color: #0061FF;} .openlane-curved-radius-top-block-style .openlane-three-column-cards.image-card-top .heading h2 { color: #0A1B5F;} .openlane-curved-radius-top-block-style .openlane-three-column-cards.image-card-top .heading p { color: #0A1B5F;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.more-padding { padding-bottom: 60px;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-pagination { display: none; left: 20px;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-pagination.slick-pagination-active { display: block; bottom: 0;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-arrow { bottom: -75px; color: #fff; background: transparent;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-arrow.slick-next { right: 10px;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-arrow.slick-prev { right: 65px;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-arrow:hover { background: #0061FF;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .slick-arrow:hover { color: #fff;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap { position: relative;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-pagination .slick-pagination-current { border-right: 2px solid #C3C3C3;} .glass-pill { padding: 6px 16px; gap: 8px; border-radius: 24px; color: var(--Openlane-Primary-Core-White, #FFF); border: 1px solid rgba(255, 255, 255, 0.10); /* Openlane Web/Label */ font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 500; line-height: 174%; /* 24.36px */ position: absolute; top: 16px; left: 16px; backdrop-filter: blur(10px); display: inline-flex; padding: 6px 16px; align-items: flex-start; gap: 8px;} .dealerfest-cta-block { z-index: 4; padding: 96px 0 146px; background-color: #e7effe; border-top-left-radius: 50px; border-top-right-radius: 50px; margin-top: -50px; position: relative;} .openlane-curved-radius-top-block-style:nth-last-of-type(2) { padding: 96px 0 !important; background-color: red !important;} .dealerfest-cta-block p { color: #0A1B5F; line-height: 1.5; font-size: 16px;} .dealerfest-cta-block .subheading { font-size: 24px; color: #0A1B5F; font-weight: 500; line-height: 1.1; margin-bottom: 25px; ;} .dealerfest-cta-block .heading { font-size: 56px; color: #0061FF; font-weight: 600; line-height: 1.1; margin-bottom: 25px; ;} .dealerfest-cta-block .radiatingBox { position: relative; max-width: 1200px; margin: 0px auto; background: transparent; -webkit-box-shadow: inset 0 0 40px 20px rgba(30, 102, 246, .3); box-shadow: inset 0 0 40px 20px rgba(30, 102, 246, .3); padding: 0 64px; border-radius: 40px;} .dealerfest-cta-block .radiatingBox a { display: flex; gap: 25px; justify-content: center; align-items: center; text-decoration: none;} .dealerfest-cta-block .radiatingBox a .button { padding: 16px 40px; line-height: 1; border-radius: 115px; text-decoration: none; font-weight: 600; color: #0061FF; border: 2px solid #0061FF; transition: 0.3s; background-color: #0061FF; color: white;} .dealerfest-cta-block .radiatingBox a .button:hover { background-color: #0A1B5F; color: white; border: 2px solid #0A1B5F;} .dealerfest-cta-block .radiatingBox .radiatingBox-copy { z-index: 1; position: relative;} .dealerfest-cta-block .radiatingBox .radiatingBox-header { color: #0A1B5F; line-height: 1.1; font-size: 36px; margin-bottom: 32px;} .dealerfest-cta-block .radiatingBox .radiatingBox-inner { margin: 36px auto 48px; padding: 72px 104px;} .dealerfest-cta-block .ctaImage { margin: 0 auto -19px; max-width: min(1200px, calc(100vw - 60px)); z-index: 100;} .dealerfest-cta-block .ctaImageWrapper { z-index: 100; display: flex; justify-content: center; align-items: center; position: relative;} .dealerfest-cta-block .body-copy { margin-bottom: 0px;} section.three-column-image-content-block:last-of-type { padding: 96px 0px; background-color: red !important;} /*Three Column Image Content Block Css Start Here*/ .three-column-image-content-block { background: #99C0FF; display: flex; padding: 96px 0px 146px; gap: 64px; flex-wrap: wrap;} .three-column-image-content-block .heading { text-align: center; color: var(--Openlane-Primary-Onward-Blue, #0A1B5F); text-align: center; /* Openlane Web/H3 */ font-family: Poppins; font-size: var(--Font-H3, 48px); font-style: normal; font-weight: 600; line-height: 110%; /* 52.8px */ letter-spacing: -0.48px;} .three-column-image-content-block .body_copy { color: var(--Openlane-Primary-Onward-Blue, #0A1B5F); text-align: center; /* Openlane Web/Body */ font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; /* 30px */ margin: 0 auto 64px; max-width: 780px;} .three-column-image-content-block .top_heading { color: var(--Openlane-Primary-Onward-Blue, #0A1B5F); text-align: center; /* Openlane Web/H5 */ font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 500; line-height: 145%; /* 34.8px */ letter-spacing: -0.24px; margin-bottom: 24px;} .three-column-image-content-block .heading h5 { color: #0A1B5F; text-align: center; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 500; line-height: 34.8px; letter-spacing: -0.24px; margin-bottom: 24px;} .three-column-image-content-block .heading h3 { color: #0A1B5F; text-align: center; font-family: Poppins; font-size: 48px; font-style: normal; font-weight: 600; line-height: 52.8px; letter-spacing: -0.48px; margin: 0;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-slider .slick-track { display: grid; grid-auto-flow: column; margin: auto; gap: 24px;} .slick-arrow.slick-next:after, .slick-pagination .slick-pagination-current, .slick-arrow.slick-prev:after { color: #0A1B5F;} .slick-arrow.slick-next:hover:after, .slick-arrow.slick-prev:hover:after { color: white;} .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-arrow:hover { background: #0061FF; } .slick-pagination-count { color: #707070;} .three-column-wrap .three-column-list { width: 31.36%; min-width: 320px; max-width: 400px; border-radius: 16px;} .three-column-wrap .three-column-list.three-column-list-background .three-column-pill { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: linear-gradient(180deg, rgba(255, 255, 255, 0.48) 17.72%, rgba(229, 239, 255, 0.60) 94.22%);} .three-column-wrap .three-column-list .three-column-pill figure img { margin: 0; width: 100%;} .three-column-wrap .three-column-list .three-column-pill figure { margin: 0;} .three-column-pill-content { display: flex; padding: 24px 24px 0px 24px; flex-wrap: wrap;} .three-column-wrap .three-column-list .three-column-pill { height: 100%; width: 100%; position: relative; display: flex; flex-direction: column; min-height: 475px;} .three-column-pill-content .content label { color: var(--Openlane-Primary-Onward-Blue, #0A1B5F); font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 600; line-height: 130%; /* 26px */ letter-spacing: -0.2px; margin-bottom: 8px;} .three-column-pill-content .content h5 { color: #0A1B5F; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 500; line-height: 34.8px; letter-spacing: -0.24px; margin-bottom: 10px;} .three-column-pill-content .content p { color: var(--Openlane-Primary-Onward-Blue, #0A1B5F); /* Openlane Web/Body */ font-family: Poppins; font-size: var(--Font-Body-Default, 16px); font-style: normal; font-weight: 400; line-height: 150%; /* 24px */} .three-column-image-content-block.experience-block { background: #66A1FF;} .three-column-image-content-block.experience-block .heading { max-width: 780px; margin: 0 auto; width: 100%;} .three-column-image-content-block.experience-block .heading h3 { margin-bottom: 24px;} .three-column-image-content-block.experience-block .heading p { color: #0A1B5F; text-align: center; font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px;} .three-column-image-content-block.experience-block .heading { margin-bottom: 64px;} .experience-block .three-column-wrap .three-column-list .three-column-pill { padding-bottom: 0;} .experience-block .three-column-wrap .three-column-list .three-column-pill-content { padding: 24px 32px 32px 32px;} .three-column-experience-btn { text-align: center;} .three-column-experience-btn-wrapper { margin-top: 64px; } .three-column-experience-btn a { border-radius: 94px; background: #0061FF; display: inline-block; vertical-align: middle; padding: 16px 40px; color: white; text-align: center; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; text-decoration: none; border: 2px solid #0061FF;} .three-column-experience-btn a:hover { background-color: white; color: #0061FF; border: 2px solid white;} .three-column-experience-btn.secondary a { background: transparent; color: #0A1B5F; border: 2px solid #0A1B5F;} .three-column-experience-btn.secondary a:hover { background-color: #0A1B5F; color: #fff;} .three-column-experience-btn-wrapper { display: flex; justify-content: center; gap: 24px;} .openlane-curved-radius-top-block-style .openlane-three-column-cards { padding: 96px 0; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h4 { color: #99C0FF; text-align: center; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 500; line-height: 34.8px; letter-spacing: -0.24px; margin-bottom: 24px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h2 { color: #ffffff; text-align: center; font-family: Poppins; font-size: 56px; font-style: normal; font-weight: 600; line-height: 61.6px; letter-spacing: -0.56px; margin-bottom: 24px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading p { color: #ffffff; text-align: center; font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; max-width: 580px; margin: 0 auto; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading { max-width: 800px; margin: 0 auto 48px; width: 100%; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-slider .card-item { padding: 0 16px; } .openlane-curved-radius-top-block-style .card-body { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 17.72%, rgba(0, 97, 255, 0.05) 94.22%); } .openlane-curved-radius-top-block-style .card-body figure.card-image img { width: 100%; border-radius: 16px; } .openlane-curved-radius-top-block-style figure.card-image { margin: 0; } .openlane-curved-radius-top-block-style .card-content { padding: 24px; } .openlane-curved-radius-top-block-style .card-content h4 { color: #ffffff; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 600; line-height: 28.8px; letter-spacing: -0.24px; margin-bottom: 8px; } .openlane-curved-radius-top-block-style .card-content p { color: #ffffff; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 0; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button { text-align: center; margin-top: 48px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button a.btn { padding: 16px 40px; color: #fff; text-align: center; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; background-color: #0061FF; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button a.btn:hover { color: #0A1B5F; background-color: #fff; border-color: #fff; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--Openlane-Secondary-Blue-50, #E5EFFF); display: flex; flex-direction: column; height: 100%; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body .card-content { order: 2; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body figure.card-image { order: 1; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body .card-content h4 { color: #0A1B5F; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .card-item .card-body .card-content p { color: #0A1B5F; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .slick-arrow { color: #0A1B5F; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .slick-pagination .slick-pagination-current { color: #0A1B5F; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .slick-pagination .slick-pagination-count { color: #C3C3C3; } .openlane-curved-radius-top-block-style .openlane-three-column-cards.image-card-top .heading h4 { color: #0061FF; } .openlane-curved-radius-top-block-style .openlane-three-column-cards.image-card-top .heading h2 { color: #0A1B5F; } .openlane-curved-radius-top-block-style .openlane-three-column-cards.image-card-top .heading p { color: #0A1B5F; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.more-padding { padding-bottom: 60px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-pagination { display: none; left: 20px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-pagination.slick-pagination-active { display: block; bottom: 0; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-arrow { bottom: -75px; color: #fff; background: transparent; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-arrow.slick-next { right: 10px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-arrow.slick-prev { right: 65px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap.image-card-top .slick-arrow:hover { color: #fff; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap { position: relative; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-pagination .slick-pagination-current { border-right: 2px solid #C3C3C3; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-slider .slick-track { display: grid; grid-auto-flow: column; } .card-content h4 { font-size: 20px; line-height: 24px; letter-spacing: -0.2px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading { max-width: 640px; margin: 0 auto 40px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button { margin-top: 40px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap .slick-pagination .slick-pagination-current { border-right-color: #707070;} @media(min-width: 992px) { .three-column-wrap .slick-track { display: flex; gap: 40px; flex-wrap: wrap; justify-content: center;} } @media only screen and (max-width: 1400px) { .three-column-wrap .three-column-list { max-width: 350px;} } @media only screen and (max-width: 1280px) { .dealerfest-cta-block .heading { font-size: 56px; } .dealerfest-cta-block .radiatingBox { max-width: 900px; } .dealerfest-cta-block .radiatingBox { padding: 0 4vw; } .three-column-wrap .three-column-list { max-width: 325px;} } @media only screen and (max-width: 1199px) { .openlane-curved-radius-top-block-style .body_copy { margin-left: auto; max-width: 620px; margin-right: auto; padding: 0 15px;} .openlane-curved-radius-top-block-style .container { max-width: 100%; padding: 0; margin: 0;} .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h2 { font-size: 48px; line-height: 52.8px; letter-spacing: -0.48px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards { padding: 80px 0; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h4 { font-size: 20px; line-height: 29px; letter-spacing: -0.2px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading p { font-size: 18px; line-height: 27px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-slider .card-item { padding: 0 12px; } .openlane-curved-radius-top-block-style .card-content h4 { font-size: 20px; line-height: 24px; letter-spacing: -0.2px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading { max-width: 640px; margin: 0 auto 40px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button { margin-top: 40px; } .dealerfest-cta-block .subheading { font-size: 20px; } .dealerfest-cta-block .ctaImage { margin-bottom: -13px; } .dealerfest-cta-block .heading { font-size: 48px; } } @media only screen and (max-width: 1100px) { .three-column-wrap .three-column-list { min-width: 0; max-width: 290px;} } @media only screen and (max-width: 1024px) { .dealerfest-cta-block .radiatingBox { max-width: calc(100vw - 30px); } .dealerfest-cta-block .ctaImage { margin-bottom: 0px; } .circle-wrapper { margin: auto auto -50px auto; } .three-column-wrap .three-column-list { min-width: 0; max-width: 275px;} } @media only screen and (max-width: 991px) { .openlane-curved-radius-top-block-style .openlane-three-column-cards .container { max-width: 100%; padding: 0; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h2 { font-size: 40px; line-height: 44px; letter-spacing: -0.4px; margin-bottom: 16px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards { padding: 72px 0; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h4 { font-size: 18px; line-height: 26px; letter-spacing: -0.18px; margin-bottom: 16px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-slider .card-item { padding: 0 16px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-slider .slick-track { gap: 0px !important;} .three-column-wrap .three-column-list.three-column-list-background .three-column-pill { max-width: 400px; margin: auto;} .dealerfest-cta-block .subheading { font-size: 16px; } .dealerfest-cta-block .heading { font-size: 40px; } .slick-list { height: 500px !important;} .three-column-wrap .three-column-list { min-width: 0; max-width: 4000px;} } @media only screen and (max-width: 880px) { .dealerfest-cta-block .ctaImage { margin-bottom: 5px; } .easy-banner-block .container { padding: 0 20px;} } @media only screen and (max-width: 767px) { .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading { max-width: 390px; margin: 0 auto 40px; padding: 0 16px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h2 { font-size: 32px; line-height: 35px; letter-spacing: -0.32px; margin-bottom: 16px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading p { font-size: 16px; line-height: 24px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-slider .card-item { padding: 0 16px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button { margin-top: 40px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap { margin: 0 60px; } .dealerfest-cta-block { padding-top: 56px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading { max-width: 390px; margin: 0 auto 40px; padding: 0 16px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading h2 { font-size: 32px; line-height: 35px; letter-spacing: -0.32px; margin-bottom: 16px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .heading p { font-size: 16px; line-height: 24px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-slider .card-item { padding: 0 16px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards .openlane-button { margin-top: 40px; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap { margin: 0 60px; } .easy-banner-top-part { gap: 18px; } .easy-banner-top-part .nada-divider { right: -25px; height: 27px; top: 2px; } .dealerfest-cta-block .ctaImage { margin-bottom: 13px; } .dealerfest-cta-block { padding-top: 56px; } .dealerfest-cta-block .heading { font-size: 32px; max-width: 50%; margin-left: auto; margin-right: auto; } .dealerfest-cta-block .body-copy { max-width: 80%; margin-left: auto; margin-right: auto; } .dealerfest-cta-block p { font-size: 16px; } .dealerfest-cta-block .container { max-width: calc(100vw - 30px); margin-left: 15px; margin-right: 15px; } .dealerfest-cta-block .radiatingBox .radiatingBox-inner { padding: 56px 48px; } .dealerfest-cta-block .radiatingBox .radiatingBox-header { font-size: 24px; width: 80%; margin-left: auto; margin-right: auto; } .dealerfest-cta-block .ctaImage { max-width: 200vw; width: 200vw; } .dealerfest-cta-block .ctaImage { margin-bottom: 0%; max-width: 130%; } .circle-wrapper { margin: auto auto 0px auto; transform: scale(2); } } @media only screen and (max-width: 575px) { .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap { margin: 0 0; } .openlane-curved-radius-top-block-style .three-column-experience-btn-wrapper { display: flex; flex-direction: column; } .openlane-curved-radius-top-block-style .openlane-three-column-cards-wrap { margin: 0 0; } .dealerfest-cta-block .heading { font-size: 32px; max-width: 90%; margin-left: auto; margin-right: auto; } .dealerfest-cta-block .body-copy { max-width: 90%; margin-left: auto; margin-right: auto; } .dealerfest-cta-block .ctaImage { margin-bottom: 2% } .circle-wrapper { margin: auto auto 50px auto; transform: scale(1.5); } } @media only screen and (max-width: 420px) { .dealerfest-cta-block .ctaImage { margin-bottom: 5% } .openlane-curved-radius-top-block .container * { padding-left: 0; padding-right: 0px; } .dealerfest-cta-block .radiatingBox .radiatingBox-header { margin-bottom: 24px; } .dealerfest-cta-block .radiatingBox .radiatingBox-header { width: 100%; } .dealerfest-cta-block .radiatingBox .radiatingBox-inner { padding: 56px 24px; } }