* {box-sizing: border-box; font-family: 'Titillium Web', Arial, sans-serif; outline: none; -webkit-tap-highlight-color: transparent;} html {font-size: 10px;} html.zoom2 {font-size: 10.5px;} html.zoom4 {font-size: 11px;} body {margin: 0;} #customer_service {position: relative;} .sh531-another-faq .sh531-faq-box {margin-top: 64px; margin-bottom: 64px;} .sh531-page {max-width: 1430px;} .sh531-page .semibold {font-weight: 600;} .sh531-page .btn-white {display: flex; align-items: center; justify-content: center; min-width: 225px; width: 100%; max-width: max-content; padding: 12px; background-color: #FFF; color: #E2007A; border: 1px solid #E2007A; border-radius: 4px; transition: background-color .3s, color .3s, border-color .3s;} .sh531-page .btn-white:hover {background-color: #E2007A; color: #FFF;} .sh531-page .additional-banner {position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; margin-top: 80px; padding: 24px 48px; background-color: #BAF4F1; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24);} .sh531-page .additional-banner .box-left {position: relative; z-index: 2; display: flex; align-items: center; gap: 24px;} .sh531-page .additional-banner .box-left .single-text {font-size: 24px; text-align: left;} .sh531-page .additional-banner .bg-img {position: absolute; top: 0; bottom: 0; right: 0; display: block; width: auto; height: 100%;} .sh531-page .additional-banner .single-link {position: relative; z-index: 2; min-width: 230px; font-size: 20px;} #sh135-temp h1, #sh135-temp h2, #sh135-temp h3, #sh135-temp h4, #sh135-temp h5, #sh135-temp h6, #sh135-temp li, #sh135-temp p, #sh135-temp ul {margin: 0; padding: 0; font-weight: normal; line-height: 1.5;} #sh135-temp a {text-decoration: none;} #sh135-temp button {cursor: pointer;} #sh135-temp ul {list-style: none;} #sh135-temp img {width: auto; max-width: 100%; height: auto; border: none;} #sh135-temp textarea {resize: none;} #sh135-temp .uppercase {text-transform: uppercase;} #sh135-temp .italic {font-style: italic;} #sh135-temp .bold {font-weight: bold;} #sh135-temp .semibold {font-weight: 600;} #sh135-temp .magenta {color: #E2007A;} #sh135-temp .teal {font-weight: 400;} #sh135-temp .f-12 {font-size: 12px;} #sh135-temp .f-16 {font-size: 1.6rem;} #sh135-temp .f-18 {font-size: 1.8rem;} #sh135-temp .f-20 {font-size: 2.0rem;} #sh135-temp .f-22 {font-size: 2.2rem;} #sh135-temp .f-24 {font-size: 2.4rem;} #sh135-temp .f-26 {font-size: 2.6rem;} #sh135-temp .f-30 {font-size: 3.0rem;} #sh135-temp .f-32 {font-size: 3.2rem;} #sh135-temp .f-34 {font-size: 3.4rem;} #sh135-temp .f-36 {font-size: 3.6rem;} #sh135-temp .f-40 {font-size: 4.0rem;} #sh135-temp .f-42 {font-size: 4.2rem;} #sh135-temp .f-48 {font-size: 4.8rem;} #sh135-temp .f-50 {font-size: 5.0rem;} #sh135-temp .global-small-icon {display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background: linear-gradient(180deg, #8FB5FF 0%, #306EE8 14.9%, #1B56BF 100%); box-shadow: 0 0 10px 0 #306EE8DD; border-radius: 50%;} #sh135-temp .global-small-icon .svg-icon {display: block; flex-shrink: 0; min-width: 32px; max-width: 32px; height: auto; filter: drop-shadow(0 0 5px #FFF);} .contrast #sh135-temp .global-small-icon .svg-icon {background: transparent;} #sh135-temp {position: relative; max-width: 1920px; margin-right: auto; margin-left: auto;} #sh135-temp .page-container {width: 100%; max-width: 1430px; margin-right: auto; margin-left: auto; padding: 0 15px;} #sh135-temp .btn-magenta {display: flex; align-items: center; justify-content: center; min-width: 250px; width: 100%; max-width: max-content; padding: 12px; background-color: #E2007A; color: #FFF; border: 1px solid #E2007A; border-radius: 4px; transition: background-color .3s, color .3s, border-color .3s;} #sh135-temp .btn-magenta:hover {background-color: #AA036C; border-color: #AA036C;} #sh135-temp .btn-white {display: flex; align-items: center; justify-content: center; min-width: 225px; width: 100%; max-width: max-content; padding: 12px; background-color: #FFF; color: #E2007A; border: 1px solid #E2007A; border-radius: 4px; transition: background-color .3s, color .3s, border-color .3s;} #sh135-temp .btn-white:hover {background-color: #E2007A; color: #FFF;} #sh135-temp .owl-dots {position: static; display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 8px;} #sh135-temp .owl-dots .owl-dot {width: 24px; height: 24px; background-color: #FFF; border: 1px solid #707173; border-radius: 250px; transition: width .3s, height .3s;} #sh135-temp .owl-dots .owl-dot.active {width: 48px; background-color: #E2007E;} #sh135-temp .owl-dots .owl-dot span {background-color: transparent !important; border-color: transparent !important;} #sh135-temp .owl-carousel .owl-stage {display: flex; padding-top: 16px; padding-bottom: 16px;} #sh135-temp .ref-disclaimer {font-size: 10px; font-weight: 600;} .zoom-x2 #sh135-temp .btn-magenta {min-width: 255px;} .zoom-x4 #sh135-temp .btn-magenta {min-width: 255px; font-size: 24px;} #sh135-temp .breadcrumbs {display: flex; align-items: center; gap: 6px;} #sh135-temp .breadcrumbs .icon {transform: translateY(1px);} #sh135-temp .breadcrumbs .single-path {display: block; color: #FFF; font-size: 14px;} #sh135-temp .breadcrumbs .single-path.link {color: #FFF; text-decoration: none; transition: color .3s;} #sh135-temp .breadcrumbs .single-path.link:not(.current-page):hover {color: #E2007A;} #sh135-temp .breadcrumbs .single-path.current-page {padding-top: 1px;} #sh135-temp .title-box {display: flex; flex-direction: column; gap: 8px; margin-bottom: 40px; } #sh135-temp .title-box .section-title {text-align: left; line-height: 1.2;} #sh135-temp .title-box .section-subtitle {text-align: left;} #sh135-temp .title-box .section-subtitle a:hover {text-decoration: underline;} .sh531-another-faq .sh531-main-head {margin-bottom: 24px; text-align: left;} .z_discalimer_box a.magenta:hover {text-decoration: underline;} .menu-right-wrapper {position: absolute; top: 525px; bottom: 0; right: 32px; z-index: 2;} .menu-right-wrapper .sticky-menu-box {position: sticky; top: 124px; display: flex; flex-direction: column; gap: 8px;} .menu-right-wrapper .sticky-menu-box .single-item {overflow: hidden; position: relative; display: flex; align-items: center; justify-content: flex-end; width: max-content; margin-left: auto; padding: 8px; border-radius: 250px;} .menu-right-wrapper .sticky-menu-box .single-item .link-label {z-index: 1; transform: translateX(calc(100% + 64px)); display: flex; align-items: center; width: max-content; padding: 20px 60px 20px 20px; background-color: #FFF; background-color: #FFF; box-shadow: 0 2px 6px rgba(33, 33, 33, 0.16); color: #000; font-size: 14px; font-size: 16px; font-weight: 600; line-height: 1; border-radius: 150px; transition: transform .3s;} .menu-right-wrapper .sticky-menu-box .single-item:hover .link-label {transform: translateX(50px);} .menu-right-wrapper .sticky-menu-box .single-item.active .link-label {transform: translateX(50px);} .menu-right-wrapper .sticky-menu-box .single-item .circles-wrapper {position: relative; z-index: 2; rotate: 180deg; width: 50px; height: 50px; padding: 2px; background-color: #FFF; border-radius: 50%;} .menu-right-wrapper .sticky-menu-box .single-item .circles-wrapper .single-circle {position: absolute; border-radius: 50%;} .menu-right-wrapper .sticky-menu-box .single-item .circles-wrapper .single-circle.circle-one {top: 2px; bottom: 2px; left: 2px; right: 2px; z-index: 1; width: calc(100% - 4px); height: calc(100% - 4px); background: #EDEDED !important;} .menu-right-wrapper .sticky-menu-box .single-item .circles-wrapper .single-circle.circle-two {top: 18px; bottom: 18px; left: 18px; right: 18px; z-index: 2; width: calc(100% - 36px); height: calc(100% - 36px); background: #FFF !important;} .menu-right-wrapper .sticky-menu-box .single-item:hover .circles-wrapper .single-circle.circle-one {top: 2px; bottom: 2px; left: 2px; right: 2px; z-index: 1; width: calc(100% - 4px); height: calc(100% - 4px); background: conic-gradient(rgba(226, 0, 122, 1), rgba(226, 0, 122, 1), rgba(226, 0, 122, 0.75), rgba(255, 255, 255, 1)) !important;} .menu-right-wrapper .sticky-menu-box .single-item:hover .circles-wrapper .single-circle.circle-two {top: 10px; bottom: 10px; left: 10px; right: 10px; z-index: 2; width: calc(100% - 20px); height: calc(100% - 20px); background: #FFF !important;} .menu-right-wrapper .sticky-menu-box .single-item.active .circles-wrapper .single-circle.circle-one {top: 2px; bottom: 2px; left: 2px; right: 2px; z-index: 1; width: calc(100% - 4px); height: calc(100% - 4px); background: conic-gradient(rgba(226, 0, 122, 1), rgba(226, 0, 122, 1), rgba(226, 0, 122, 0.75), rgba(255, 255, 255, 1)) !important;} .menu-right-wrapper .sticky-menu-box .single-item.active .circles-wrapper .single-circle.circle-two {top: 10px; bottom: 10px; left: 10px; right: 10px; z-index: 2; width: calc(100% - 20px); height: calc(100% - 20px); background: #FFF !important;} #sh135-temp .decoration-img {position: absolute; top: 50%; right: 0; z-index: -1; transform: translateY(-50%);} #sh135-temp .section-banner-top {overflow: hidden; position: relative; padding-top: 24px; padding-bottom: 24px;background: linear-gradient(180deg, rgba(118, 184, 52, 1) 0%, rgba(48, 130, 48, 1) 65%, rgba(0, 137, 28, 1) 100%); background-position: center; background-repeat: no-repeat;} #sh135-temp .section-banner-top .banner-box {display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between;} #sh135-temp .section-banner-top .banner-box .img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} #sh135-temp .section-banner-top .banner-box .content-box {position: relative; z-index: 2; display: flex; flex-direction: column; gap: 58px;} #sh135-temp .section-banner-top .banner-box .content-box .banner-text {padding-bottom: 58px; color: #FFF;} #sh135-temp .section-banner-top .banner-box .content-box .banner-text .page-title {margin-bottom: 24px; line-height: 1.2;} #sh135-temp .section-banner-top .banner-box .content-box .banner-text .description {max-width: 465px; line-height: 1.2;} #sh135-temp .section-menu-inner {position: relative; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24);} #sh135-temp .section-menu-inner .menu-inner-box {display: flex; flex-direction: column;} #sh135-temp .section-menu-inner .menu-inner-box.fixed {position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; width: 100%; max-width: 100%; background-color: #FFF; box-shadow: 0 0 12px 0 rgba(17, 17, 17, 0.24);} #sh135-temp .section-menu-inner .menu-inner-box .row-top {display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; padding-bottom: 24px; background-color: #FFF;} #sh135-temp .section-menu-inner .menu-inner-box.fixed .row-top {padding-right: 0; padding-left: 0;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left {display: flex; align-items: center; gap: 24px;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left .img {display: block; flex-shrink: 0;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left .info {line-height: 1.2;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-right {position: relative;} #sh135-temp .section-info { margin-top: 48px; } #sh135-temp .section-info .wrapper { display: grid; grid-template-columns: 553px 1fr; align-items: center; gap: 0 64px;} #sh135-temp .section-info .wrapper .right .subtitle {margin-top: 16px;} #sh135-temp .section-info .wrapper .left .picture {position: relative; display: inline-block;} #sh135-temp .section-info .wrapper .left .picture img {display: block; max-width: 100%; height: auto; box-shadow: 0px 0px 12px 0px rgba(17, 17, 17, 0.24); border: 1px solid #FFF; border-radius: 16px;} #sh135-temp .section-info .wrapper .left .picture .icon {position: absolute; top: 20px; left: 20px; display: block; box-shadow: 0 0 16px rgba(255, 255, 255, 0.8); border-radius: 9999px;} #sh135-temp .section-info .wrapper .box {overflow: hidden; position: relative; height: fit-content; margin-top: 20px; padding: 24px 40px; background: #FFF; box-shadow: 0px 0px 16px 0px rgba(48, 110, 232, 0.16); color: #00338F; font-weight: 600; line-height: 150%; border-radius: 16px;} #sh135-temp .section-info .wrapper .box::before {content: ''; position: absolute; inset: 0; pointer-events: none; padding: 2px; background: linear-gradient(180deg, #8FB5FF 0%, #306EE8 14.9%, #00338F 100%); border-radius: inherit; mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); mask-composite: exclude; -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); -webkit-mask-composite: xor; } #sh135-temp .section-info .wrapper .box::after {content: ''; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 16px rgba(48, 110, 232, 0.24); border-radius: inherit; } #sh135-temp .section-info .wrapper .left .picture .icon svg {display: block;} #sh135-temp .section-tiles-grid {margin-bottom: 64px; padding-top: 64px; } #sh135-temp .section-tiles-grid .tiles-wrapper { overflow: visible; gap: 24px; margin-top: 32px; padding: 0; } #sh135-temp .section-tiles-grid .tiles-wrapper .single-tile { position: relative; padding: 24px; box-shadow: -4px -4px 8px 0px #306EE833; border-radius: 16px; } #sh135-temp .section-tiles-grid .tiles-wrapper .single-tile::before {content: ''; position: absolute; inset: 0; pointer-events: none; padding: 2px; background: radial-gradient(300px 500px at 80% 15%, #E2007AAA 0%, rgba(226, 0, 122, 0) 40%), radial-gradient(400px 400px at 0% 40%, #306EE8DD 0%, rgba(48, 110, 232, 0) 70%), linear-gradient(135deg, #757575 0%, #FFF 100%); border-radius: inherit; mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); mask-composite: exclude; -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); -webkit-mask-composite: xor;} #sh135-temp .section-for-who {margin-bottom: 32px;} #sh135-temp .section-for-who .wrapper { overflow: hidden; position: relative; display: grid; grid-template-columns: 1fr 1px 380px; gap: 45px; padding: 24px 40px; border-radius: 16px;} #sh135-temp .section-for-who .wrapper::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; padding: 1px;background: radial-gradient(140% 120% at 0% 50%, #306EE8 0%, rgba(48, 110, 232, 0) 60%), radial-gradient(60% 70% at 100% 0%, #757575 0%, rgba(0, 137, 28, 0) 70%), linear-gradient(135deg, #757575 0%, #FFF 100%); border-radius: inherit; mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); mask-composite: xor; -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); -webkit-mask-composite: xor;} #sh135-temp .section-for-who .wrapper .separator {width: 100%; height: 100%; background-color: #757575;} #sh135-temp .section-for-who .wrapper > .left > .list { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; } #sh135-temp .section-for-who .wrapper > .left > .list > .item { display: flex; gap: 16px; } #sh135-temp .section-for-who .wrapper > .left > .list > .item > div { font-size: inherit; } #sh135-temp .section-for-who .wrapper > .left > .list > .item span { color: #00338F; font-weight: 600; } #sh135-temp .section-for-who .wrapper > .left > .list > .item > svg { flex-shrink: 0; margin-top: 5px; } #sh135-temp .section-for-who .wrapper img {position: absolute; bottom: 0; right: 0; display: block; width: auto; max-width: 375px; height: auto; max-height: 95%;} #sh135-temp .section-offer {margin-top: 64px; margin-bottom: 64px;} #sh135-temp .section-offer .title-box { margin-bottom: 32px;} #sh135-temp .section-offer .boxes-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } #sh135-temp .section-offer .boxes-wrapper .single-box {position: relative; padding: 40px 32px 0px 32px; } #sh135-temp .section-offer .boxes-wrapper .single-box > h3 { display: flex; align-items: baseline; gap: 10px; margin-top: 20px;} #sh135-temp .section-offer .boxes-wrapper .single-box > p { margin-top: 10px; } #sh135-temp .section-offer .boxes-wrapper .single-box a {color: #E2007A; font-weight: 600;} #sh135-temp .section-offer .boxes-wrapper .single-box a:hover {text-decoration: underline;} #sh135-temp .section-offer .boxes-wrapper .single-box > .decor { position: absolute; top: 75px; left: -368px; } #sh135-temp .owl-dots .owl-dot.active { background-color: #00338F; } #sh135-temp .section-bottom-bar { margin-top: 60px; margin-bottom: 48px; padding: 35px 15px; } #sh135-temp .section-bottom-bar .wrapper .inner { display: flex; align-items: center; gap: 14px; padding: 16px; color: #000; border: 2px solid #00338F; border-radius: 16px; } #sh135-temp .section-bottom-bar .wrapper .inner svg { flex-shrink: 0; } .contrast .sh531-page .btn-white {background-color: #000 !important; color: #FFE800 !important; border: 1px solid #FFE800 !important;} .contrast .sh531-page .btn-white:hover {background-color: #FFE800 !important; color: #000 !important;} .contrast #sh135-temp .btn-magenta {background-color: #000 !important; color: #FFE800 !important; border: 1px solid #FFE800 !important;} .contrast #sh135-temp .btn-magenta:hover {background-color: #FFE800 !important; color: #000 !important;} .contrast #sh135-temp .btn-white {background-color: #000 !important; color: #FFE800 !important; border: 1px solid #FFE800 !important;} .contrast #sh135-temp .btn-white:hover {background-color: #FFE800 !important; color: #000 !important;} .contrast #sh135-temp .owl-dots .owl-dot.active {background-color: #FFE800 !important;} .contrast #sh135-temp .breadcrumbs {background: transparent !important;} .contrast #sh135-temp .breadcrumbs .icon {background-color: transparent !important;} .contrast #sh135-temp .breadcrumbs .icon path {fill: #FFE800 !important;} .contrast #sh135-temp .breadcrumbs .single-path {background: transparent !important;} .contrast #sh135-temp .breadcrumbs .single-path {color: #FFF !important;} .contrast #sh135-temp .breadcrumbs .single-path:not(.current-page):hover {color: #FEE800 !important;} .contrast .menu-right-wrapper {background-color: transparent !important;} .contrast .menu-right-wrapper .sticky-menu-box {background-color: transparent !important;} .contrast .menu-right-wrapper .sticky-menu-box .single-item {background-color: transparent !important;} .contrast #sh135-temp .section-banner-top .banner-box .content-box {background-color: transparent !important;} .contrast #sh135-temp .section-banner-top .banner-box .content-box .banner-text {background-color: transparent !important;} .contrast #sh135-temp .section-banner-top .banner-box .content-box .banner-text .page-title {background-color: transparent !important;} .contrast #sh135-temp .section-banner-top .banner-box .content-box .banner-text .description {background-color: transparent !important;} .contrast #sh135-temp .section-menu-inner {border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;} .contrast #sh135-temp .section-menu-inner .menu-inner-box.fixed {border-top: 1px solid #FFF;} .contrast #sh135-temp .section-get-assistance .content-box {border: 1px solid #FFF;} .contrast .sh531-page .additional-banner {border: 1px solid #FFF !important;} .contrast .sh531-page .additional-banner .bg-img {display: none;} .contrast .menu-right-wrapper .sticky-menu-box .single-item .circles-wrapper .single-circle.circle-two {background-color: #000 !important;} .contrast .menu-right-wrapper .sticky-menu-box .single-item .link-label {background-color: #E2007A !important;} .contrast #sh135-temp .popup-box {border: 1px solid #FFF;} .contrast #sh135-temp .popup-box .box-left .row-heading .heading-icon path {fill: #FFE800 !important;} .contrast #sh135-temp .popup-box .box-left .row-content .single-row .col-left .icon {background-color: transparent !important;} .contrast #sh135-temp .popup-box .btn-close-popup .close-icon path {stroke: #FFF;} .contrast #sh135-temp .popup-box .btn-close-popup:hover .close-icon path {stroke: #FFE800;} .contrast #sh135-temp .popup-box .box-left .row-heading {justify-content: flex-start;} .contrast #sh135-temp .popup-box .box-left .row-content .box-bg {border: 1px solid #FFF;} .contrast #sh135-temp .section-offer .boxes-wrapper .single-box > .decor { display: none; } .zoom-x2 .sh531-another-faq .sh135-accordion-head h3 {font-size: 20px;} .zoom-x2 .sh531-another-faq .sh135-accordion-container.active .sh135-accordion-body {font-size: 18px;} .zoom-x4 .sh531-another-faq .sh135-accordion-head h3 {font-size: 22px;} .zoom-x4 .sh531-another-faq .sh135-accordion-container.active .sh135-accordion-body {font-size: 20px;} #sh135-temp .section-offer-tiles {margin-top: 48px;} #sh135-temp .section-offer-tiles .title-box { margin-bottom: 32px;} #sh135-temp .section-offer-tiles .boxes-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box {overflow: hidden; position: relative; padding: 2px; background-color: #FFF; box-shadow: -4px -4px 8px rgba(48, 110, 232, 0.2); border-radius: 16px;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box::before {content: ''; position: absolute; inset: 0; pointer-events: none; padding: 2px; background: radial-gradient(300px 500px at 80% 15%, #E2007AAA 0%, rgba(226, 0, 122, 0) 60%), radial-gradient(400px 400px at 0% 40%, #306EE8DD 0%, rgba(48, 110, 232, 0) 70%), linear-gradient(135deg, #757575 0%, #FFF 100%); border-radius: inherit; mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); mask-composite: exclude; -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); -webkit-mask-composite: xor;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .top-box {position: relative; display: flex; justify-content: center; height: 195px;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .top-box .img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 14px 14px 0px 0px;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .top-box .global-small-icon {position: absolute; top: 24px; left: 24px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background: linear-gradient(180deg, #8FB5FF 0%, #306EE8 14.9%, #1B56BF 100%); filter: drop-shadow(0 0 10px #306EE8DD); border-radius: 50%;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .top-box .global-small-icon .svg-icon {filter: drop-shadow(0 0 5px #FFF);} .contrast #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .top-box .global-small-icon .svg-icon {background: transparent !important;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .box-title {position: relative; display: flex; align-items: center; min-height: 85px; padding: 8px 24px; line-height: 1.25;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .box-desc {padding: 0 24px 48px 24px;} .contrast #sh135-temp .section-offer-tiles .boxes-wrapper .single-box {border: 1px solid #FFF;} .contrast #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .top-box .small-icon {background-color: transparent !important;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .single-btn {margin-bottom: 32px; margin-left: 24px; border-radius: 8px;} #sh135-temp .additional-bottom-box {display: flex; align-content: center; justify-content: center; margin-top: 16px; padding: 16px; border: 1px solid #A5A6A6; border-radius: 16px;} #sh135-temp .additional-bottom-box .text-wrapper {display: flex; align-content: center; gap: 8px;} #sh135-temp .additional-bottom-box .text-wrapper .inner-text {color: #757575;} #sh135-temp .additional-bottom-box .text-wrapper svg {display: block; width: 14px; height: auto;} #sh135-temp .additional-bottom-box a {display: inline-flex; align-items: center; gap: 6px; color: #757575; transition: color .3s;} #sh135-temp .additional-bottom-box a:hover {color: #E2007A; text-decoration: underline;} #sh135-temp #faq .faq_container { margin-top: 50px; } #sh135-temp #faq .sh135-accordion-head { padding-right: 80px; } #sh135-temp #faq .sh135-accordion-head .acc_head_trigger { position: absolute; top: 0; bottom: 0; right: 0; align-items: center; font-weight: 600; } #sh135-temp #faq .sh135-accordion-container { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #C7C7C7; cursor: pointer; } #sh135-temp #faq .sh135-accordion-container .sh135-accordion-head { position: relative; background-image: none; } #sh135-temp #faq .sh135-accordion-head:hover .acc_head_trigger { color: #2A64D8; } #sh135-temp #faq .sh135-accordion-head:hover .acc_head_trigger .acc_arrow { border-color: #2A64D8; } #sh135-temp #faq .sh135-accordion-container.active .sh135-accordion-head .acc_head_trigger { color: #2A64D8; } #sh135-temp #faq .sh135-accordion-container .sh135-accordion-head .acc_head_trigger.down { display: flex; } #sh135-temp #faq .sh135-accordion-container .sh135-accordion-head .acc_head_trigger.up { display: none; } #sh135-temp #faq .sh135-accordion-container.active .sh135-accordion-head .acc_head_trigger.up { display: flex; } #sh135-temp #faq .sh135-accordion-container.active .sh135-accordion-head .acc_head_trigger.down { display: none; } #sh135-temp #faq .sh135-accordion-head .acc_head_trigger .acc_arrow { transform: rotate(135deg); display: inline-block; width: 7px; height: 7px; margin-left: 10px; border-width: 2px 2px 0 0; border-color: #000; border-style: solid; } #sh135-temp #faq .sh135-accordion-head:hover .acc_head_trigger .acc_arrow { border-color: #2A64D8; } #sh135-temp #faq .sh135-accordion-container.active .sh135-accordion-head .acc_arrow { transform: rotate(-45deg); margin-top: 7px; margin-left: 10px; border-color: #2A64D8; } #sh135-temp #faq .sh135-accordion-container .sh135-accordion-body { display: none; } #sh135-temp #faq .sh135-accordion-container.active .sh135-accordion-body { display: block; margin-top: 30px; } #sh135-temp #faq img { margin-top: 10px; margin-bottom: 15px; } #sh135-temp #faq .sh135-accordion-container .sh135-accordion-body a {color: #E2007A;} .contrast #sh135-temp #faq .sh135-accordion-container .sh135-accordion-body a {color: #FFE800 !important;} #sh135-temp #faq .sh135-accordion-container .sh135-accordion-body a:hover {text-decoration: underline;} #sh135-temp .section-tiles-info {position: relative; z-index: 2; margin-bottom: 32px;} #sh135-temp .section-tiles-info .section-tiles-wrapper {box-sizing: border-box; overflow: hidden; position: relative; display: flex; flex-direction: column; gap: 32px; padding: 24px 32px; background: linear-gradient(180deg, #2A63D4 0%, #00338F 27.4%, #002361 100%); backdrop-filter: blur(5px); border-radius: 16px;} .contrast #sh135-temp .section-tiles-info .section-tiles-wrapper {background: #000 !important;} #sh135-temp .section-tiles-info .section-tiles-wrapper::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; padding: 1px; background: linear-gradient(180deg, #8FB5FF 0%, #306EE8 14.9%, #00338F 100%); border-radius: inherit; mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); mask-composite: xor; -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0); -webkit-mask-composite: xor;} #sh135-temp .section-tiles-info .section-tiles-wrapper .decoration-img {position: absolute; top: unset !important; bottom: 0; transform: translateY(0) !important; display: block; width: 100%; height: auto; background: transparent !important;} #sh135-temp .section-tiles-info .section-tiles-wrapper .decoration-img.decoration-img-1 {left: 8px; z-index: 1; max-width: 350px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .decoration-img.decoration-img-2 {right: 0; z-index: 3; max-width: 365px;} .contrast #sh135-temp .section-tiles-info .section-tiles-wrapper .decoration-img.decoration-img-2 {z-index: 1;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-heading {line-height: 1.2;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid {position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; width: 100%; max-width: calc(100% - 425px); min-height: 350px; margin: 0 auto;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box {position: relative; display: flex; flex-direction: column; padding: 24px; background: rgba(255, 255, 255, 0.16); backdrop-filter: blur(5px); border: 1px solid #93C1FF; border-radius: 16px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .box-icon {display: block; min-width: 75px; max-width: 75px; height: auto; margin-left: auto;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .text-box {display: flex; flex-direction: column; gap: 24px; margin-top: 4px; margin-bottom: 32px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .text-box .text-label {max-width: 225px; color: #FFF; line-height: 1.2;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .text-box .text-desc {color: #FFF; line-height: 1.35;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .single-btn {margin-top: auto; border-radius: 8px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .owl-nav {display: none;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .owl-dots {display: none; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .owl-dots .owl-dot {width: 24px; height: 24px; background: #FFF; border: 1px solid #757575; border-radius: 50%; transition: background-color .3s, border-color .3s;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .owl-dots .owl-dot:hover {background: #4185FF; border-color: #4185FF;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .owl-dots .owl-dot.active {background: #4185FF; border-color: #4185FF;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .owl-stage {display: flex;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .owl-stage .owl-item {flex: 1; height: 100%;} .section-offer-tiles .owl-stage, .section-offer-tiles .owl-item { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .section-offer-tiles .small-icon { transform: translateZ(0); isolation: isolate; shape-rendering: geometricPrecision; } @media all and (max-width: 1600px) { .sh531-page .additional-banner {margin-top: 32px;} .sh531-page .additional-banner .box-left .single-text {font-size: 22px;} .sh531-page .additional-banner .single-link {font-size: 18px;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.8rem;} #sh135-temp .f-22 {font-size: 2.0rem;} #sh135-temp .f-24 {font-size: 2.2rem;} #sh135-temp .f-26 {font-size: 2.4rem;} #sh135-temp .f-30 {font-size: 2.6rem;} #sh135-temp .f-32 {font-size: 2.8rem;} #sh135-temp .f-34 {font-size: 3.0rem;} #sh135-temp .f-36 {font-size: 3.2rem;} #sh135-temp .f-40 {font-size: 3.6rem;} #sh135-temp .f-42 {font-size: 3.8rem;} #sh135-temp .f-48 {font-size: 4.6rem;} #sh135-temp .f-50 {font-size: 4.0rem;} #sh135-temp .title-box {margin-bottom: 24px;} .menu-right-wrapper {display: none;} #sh135-temp .section-tiles-info .section-tiles-wrapper {gap: 24px; padding: 24px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .decoration-img.decoration-img-1 {max-width: 300px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .decoration-img.decoration-img-2 {max-width: 315px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid {max-width: calc(100% - 350px); min-height: 320px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .box-icon {min-width: 64px; max-width: 64px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .text-box {gap: 16px;} } @media all and (max-width: 1400px) { #sh135-temp .f-16 {font-size: 1.6rem;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.8rem;} #sh135-temp .f-22 {font-size: 2.0rem;} #sh135-temp .f-24 {font-size: 2.2rem;} #sh135-temp .f-26 {font-size: 2.4rem;} #sh135-temp .f-30 {font-size: 2.6rem;} #sh135-temp .f-32 {font-size: 2.8rem;} #sh135-temp .f-34 {font-size: 3.0rem;} #sh135-temp .f-36 {font-size: 3.2rem;} #sh135-temp .f-40 {font-size: 3.4rem;} #sh135-temp .f-42 {font-size: 3.8rem;} #sh135-temp .section-banner-top .banner-box {height: 300px;} #sh135-temp .section-banner-top .banner-box .content-box .breadcrumbs {padding-top: 12px;} #sh135-temp .section-banner-top .banner-box .content-box .description {margin-top: 8px; padding-bottom: 5px;} #sh135-temp .section-menu-inner .menu-inner-box .row-bottom {gap: 12px;} #sh135-temp .section-menu-inner .menu-inner-box .row-bottom .link {padding: 20px;} #sh135-temp .section-info .wrapper { gap: 16px 24px; } #sh135-temp .section-info .wrapper .box { padding: 16px 24px; } #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .box-desc br {display: none;} } @media all and (max-width: 1200px) { #sh135-temp .section-banner-top .banner-box {height: 315px;} #sh135-temp .section-banner-top .banner-box .img-half {display: none;} #sh135-temp .section-get-assistance .title-box {grid-template-columns: 1fr;} #sh135-temp .section-get-assistance .title-box .empty-box {display: none;} #sh135-temp .section-get-assistance .title-box .section-title {text-align: center;} #sh135-temp .section-get-assistance .content-box {grid-template-columns: 1fr; padding: 24px;} #sh135-temp .section-get-assistance .content-box .box-left {display: none;} #sh135-temp .section-get-assistance .content-box .box-right {padding-left: 0; border-left: 0;} #sh135-temp .section-info .wrapper {grid-template-columns: 450px 1fr; gap: 0px 24px;} #sh135-temp .section-info .wrapper .left .picture img { width: 450px; } #sh135-temp .section-info .wrapper .left .picture .icon svg {width: 50px; height: 50px;} #sh135-temp .section-info .wrapper .right .subtitle { margin-top: 8px; } #sh135-temp .section-info .wrapper .box { padding: 12px 16px; } #sh135-temp .section-for-who .wrapper {gap: 30px; padding: 16px 32px; } .zoom-x4 #sh135-temp .section-banner-top .banner-box {grid-template-columns: 1.25fr 1fr;} .zoom-x4 #sh135-temp .section-banner-top .banner-box .content-box .breadcrumbs {margin-top: 0; padding-top: 0;} .zoom-x4 #sh135-temp .section-banner-top .banner-box .content-box .description br {display: none;} #sh135-temp .section-tiles-info .section-tiles-wrapper .decoration-img.decoration-img-1 {max-width: 235px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .decoration-img.decoration-img-2 {max-width: 250px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid {gap: 16px; max-width: calc(100% - 300px); min-height: 300px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .text-box .text-label {max-width: 200px;} } @media all and (max-width: 1100px) { #sh135-temp .section-info .wrapper .box {padding: 18px 24px;} #sh135-temp .section-for-who .wrapper {grid-template-columns: 1fr;} #sh135-temp .section-for-who .wrapper .separator {display: none;} #sh135-temp .section-for-who .wrapper .right {display: none;} } @media all and (max-width: 992px) { .sh531-page .additional-banner {padding: 24px;} .sh531-page .additional-banner .box-left {gap: 16px;} #sh135-temp .breadcrumbs {display: none;} #sh135-temp .section-banner-top {padding: 0;} #sh135-temp .section-banner-top .banner-box {display: flex; flex-direction: column-reverse; gap: 8px; height: auto; max-height: 100%;} #sh135-temp .section-banner-top .banner-box .img {position: static; max-width: 475px; margin: 0 auto;} #sh135-temp .section-banner-top .banner-box .content-box {flex-basis: 100%; margin-right: auto; margin-left: auto; text-align: center;} #sh135-temp .section-banner-top .banner-box .content-box .banner-text {padding-bottom: 24px;} #sh135-temp .section-banner-top .banner-box .content-box .banner-text .page-title {margin-bottom: 8px;} #sh135-temp .popup-box.popup-tooltip {grid-template-columns: 1fr;} #sh135-temp .popup-box.popup-tooltip .box-right {display: none;} #sh135-temp .popup-box .box-left .row-heading {padding: 24px; border-radius: 0;} #sh135-temp .popup-box .box-left .row-content {padding: 24px;} #sh135-temp .section-info .wrapper {grid-template-columns: 1fr; gap: 24px;} #sh135-temp .section-info .wrapper .left { display: none; } #sh135-temp .section-offer .boxes-wrapper {display: block;} #sh135-temp .section-offer .boxes-wrapper .single-box {height: 100%;} #sh135-temp .section-offer {margin-top: 32px;} #sh135-temp .section-tiles-grid {margin-bottom: 24px; padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-info {margin-top: 48px;} #sh135-temp .decoration-img {display: none;} #sh135-temp .section-offer .boxes-wrapper .single-box > .decor {display: none;} #sh135-temp .section-offer-tiles .boxes-wrapper {display: block;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box {height: 100%;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .box-title {padding: 4px 16px;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .box-desc {padding: 0 16px 16px 16px;} #sh135-temp #faq { margin-top: 40px; } #sh135-temp #faq .faq_container { margin-top: 30px; } #sh135-temp .section-banner-top {background: linear-gradient(0deg, rgba(0, 51, 143, 1) 0%, rgba(48, 110, 232, 1) 50%, rgba(0, 51, 143, 1) 100%);} #sh135-temp .section-banner-top .banner-box .content-box .banner-text .description {margin: 0 auto; text-align: center;} #sh135-temp .section-tiles-info {margin-bottom: 16px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .decoration-img {display: none;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid {max-width: 100%;} } @media all and (max-height: 768px) { #sh135-temp .section-menu-inner .menu-inner-box .row-top {padding: 12px 0;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left .img {display: none;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left .info {font-size: 1.4rem;} } @media all and (max-width: 768px) { .sh531-page .additional-banner .box-left .single-text {font-size: 16px;} .sh531-page .additional-banner .single-link {font-size: 16px;} html {font-size: 10px;} html.zoom-x2 {font-size: 10.5px !important;} html.zoom-x4 {font-size: 11px !important;} #sh135-temp .f-16 {font-size: 1.6rem;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.6rem;} #sh135-temp .f-22 {font-size: 1.6rem;} #sh135-temp .f-24 {font-size: 1.6rem;} #sh135-temp .f-26 {font-size: 2.2rem;} #sh135-temp .f-30 {font-size: 2.4rem;} #sh135-temp .f-32 {font-size: 2.4rem;} #sh135-temp .f-34 {font-size: 3.6rem;} #sh135-temp .f-36 {font-size: 2.8rem;} #sh135-temp .f-40 {font-size: 3.0rem;} #sh135-temp .f-42 {font-size: 3.4rem;} #sh135-temp .f-48 {font-size: 3.8rem;} #sh135-temp .section-menu-inner .menu-inner-box .row-top {padding: 12px 0;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left .img {display: none;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left .info {font-size: 1.4rem;} #sh135-temp .section-info .wrapper {grid-template-columns: 1fr; gap: 24px;} #sh135-temp .section-info .wrapper .left .picture {width: 100%;} #sh135-temp .section-info .wrapper .left .picture img {width: 100%;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left .info {font-size: 1.6rem;} #sh135-temp .section-banner-top .banner-box .content-box .banner-text .description {font-size: 2.2rem;} #sh135-temp .section-bottom-bar .wrapper .inner {font-size: 1.8rem;} #sh135-temp .section-tiles-grid .section-title {font-size: 2.4rem; line-height: 1.2;} #sh135-temp .section-tiles-grid .section-title + p {font-size: 1.8rem;} #sh135-temp .section-offer-tiles {margin-top: 32px;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box .box-title {min-height: 60px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box {align-items: center; justify-content: center; padding: 16px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .box-icon {margin: 0 auto;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .text-box {align-items: center; text-align: center;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .text-box .text-label {max-width: 100%;} } @media all and (max-width: 576px) { #sh135-temp .section-menu-inner .menu-inner-box .row-top {flex-direction: column;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left {flex-direction: column; justify-content: center;} #sh135-temp .section-menu-inner .menu-inner-box .row-top .box-left .info {text-align: center;} #sh135-temp .section-get-assistance .content-box .box-right .single-row {grid-template-columns: 1fr; gap: 8px;} #sh135-temp .section-get-assistance .content-box .box-right .single-row .row-content {gap: 24px;} #sh135-temp .section-info .wrapper .box {padding: 12px 16px;} #sh135-temp .section-offer .boxes-wrapper .single-box { display: flex; flex-direction: column; align-items: center; padding: 15px; } #sh135-temp .section-offer .title-box { margin-bottom: 0; } #sh135-temp .section-offer .boxes-wrapper .single-box > * { text-align: center; } #sh135-temp .section-offer .boxes-wrapper .single-box > .decor { display: none; } #sh135-temp .section-bottom-bar {padding: 15px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid {display: flex; flex-direction: column;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .owl-dots {display: flex;} } @media all and (max-width: 460px) { #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .text-box .text-label {max-width: 190px;} #sh135-temp .section-tiles-info .section-tiles-wrapper .tiles-grid .single-box .text-box .text-desc {max-width: 280px;} } /*LAST SLIDER SECTION*/ #sh135-temp .section-platform-intro .slider-navi .navi-btn { transition: opacity 0.3s ease; } #sh135-temp .section-platform-intro .slider-navi .navi-btn.disabled { pointer-events: none; opacity: 0.5; cursor: default; } #sh135-temp .section-platform-intro {overflow: hidden; position: relative; display: block; flex-direction: column; max-width: 100%; margin-top: 48px; padding-top: 64px; padding-bottom: 64px; background: linear-gradient(0deg, #00338F 70%, #002361 100%); color: #FFF;} .contrast #sh135-temp .section-platform-intro {background: #000;} #sh135-temp .section-platform-intro .content-wrapper {position: relative;} #sh135-temp .section-platform-intro .section-title {margin-bottom: 32px;} #sh135-temp .section-platform-intro .boxes-wrapper {display: grid; grid-template-columns: minmax(605px, 1fr) 1fr; align-items: flex-start; gap: 60px;} #sh135-temp .section-platform-intro .boxes-wrapper .owl-dots {display: none !important;} #sh135-temp .section-platform-intro .boxes-wrapper .owl-stage {padding: 0;} #sh135-temp .section-platform-intro .boxes-wrapper iframe {display: block; width: 100%; height: 100%;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left {overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; border-radius: 16px;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {flex: 1;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box .img-cover {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .sh-video-wrapper {position: relative; height: 100%;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .single-video-box {overflow: hidden; height: 100%; border-radius: 16px;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .single-video-box .btn-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; flex-shrink: 0; max-width: max-content; max-height: max-content; background-color: transparent !important;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .single-video-box .btn-play .svg-play-icon {display: block; width: 80px; height: auto; background-color: transparent !important;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .single-video-box .btn-play .svg-play-icon path {transition: fill .3s;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .single-video-box .btn-play:hover .svg-play-icon path[fill] {fill: #E2007A;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .owl-stage {height: 100%;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .owl-stage-outer {height: 100%;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-navi {display: flex; align-items: center; justify-content: space-between; column-gap: 16px; row-gap: 8px; margin-top: 16px; padding: 0 24px;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-navi .title-slider {line-height: 1.2;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-navi .iterator-wrapper {display: flex; align-items: center; gap: 8px;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-navi .iterator-wrapper .slide-max {opacity: 0.5; font-weight: 400; line-height: 1;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-navi .iterator-wrapper .separator-iterator {opacity: 0.5;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-navi .iterator-wrapper .iterator-number {padding-bottom: 2px; white-space: nowrap; line-height: 1.4;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-navi .iterator-wrapper .iterator-number .slide-current {opacity: 1; line-height: 1;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-navi .navi-btn {display: flex; max-width: max-content; color: #FFF; text-decoration: none;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-navi .navi-btn .icon-navi {display: block; flex-shrink: 0; width: 10px; height: auto;} #sh135-temp .section-platform-intro .boxes-wrapper .box-right {height: 100%; padding: 50px 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.9) 100%); backdrop-filter: blur(5px); color: #000; border: 1px solid #EDEDED; border-radius: 16px;} .contrast #sh135-temp .section-platform-intro .boxes-wrapper .box-right {background: #000;} #sh135-temp .section-platform-intro .boxes-wrapper .box-right .global-small-icon {margin-bottom: 54px;} #sh135-temp .section-platform-intro .boxes-wrapper .box-right .box-content {display: flex; flex-direction: column; gap: 6px;} #sh135-temp .section-platform-intro .boxes-wrapper .box-right .box-content .single-text {line-height: 1.25;} #sh135-temp .section-platform-intro .boxes-wrapper .box-right .box-content .single-btn {display: flex; align-items: center; gap: 8px; max-width: max-content; margin-top: 36px; color: #000; text-decoration: none;} .contrast #sh135-temp .section-platform-intro .boxes-wrapper .box-right .box-content .single-btn:hover {text-decoration: underline;} #sh135-temp .section-platform-intro .boxes-wrapper .box-right .box-content .single-btn .btn-text {transition: color .3s;} #sh135-temp .section-platform-intro .boxes-wrapper .box-right .box-content .single-btn:hover .btn-text {color: #E2007A;} #sh135-temp .section-platform-intro .boxes-wrapper .box-right .box-content .single-btn .btn-icon {display: block; width: 19px; height: auto;} #sh135-temp .section-platform-intro .decoration-gradient-bg {position: absolute; bottom: -32px; right: 0; display: block;} .contrast #sh135-temp .section-platform-intro .decoration-gradient-bg {display: none;} @media all and (max-width: 1600px) { #sh135-temp .section-platform-intro {padding-top: 48px; padding-bottom: 48px;} #sh135-temp .section-platform-intro .boxes-wrapper {grid-template-columns: 550px 1fr; gap: 24px;} #sh135-temp .section-platform-intro .boxes-wrapper .box-right {padding: 24px;} #sh135-temp .section-platform-intro .global-small-icon {margin-bottom: 32px !important;} #sh135-temp .section-platform-intro .decoration-gradient-bg {right: 64px; max-width: 400px; height: auto;} } @media all and (max-width: 1200px) { #sh135-temp .section-platform-intro .boxes-wrapper {grid-template-columns: minmax(525px, 1fr) 1fr;} } @media all and (max-width: 992px) { #sh135-temp .section-platform-intro .boxes-wrapper {grid-template-columns: 1fr;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left {min-height: auto !important;} #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 445px;} #sh135-temp .section-platform-intro .content-wrapper {padding-bottom: 0 !important;} } @media all and (max-width: 820px) { #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 400px;} } @media all and (max-width: 768px) { #sh135-temp .section-platform-intro {margin-top: 0;} } @media all and (max-width: 735px) { #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 355px;} } @media all and (max-width: 660px) { #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 315px;} } @media all and (max-width: 590px) { #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 280px;} } @media all and (max-width: 530px) { #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 250px;} } @media all and (max-width: 475px) { #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 225px;} } @media all and (max-width: 435px) { #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 200px;} } @media all and (max-width: 395px) { #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 185px;} } @media all and (max-width: 370px) { #sh135-temp .section-platform-intro .boxes-wrapper .box-left .slider-box {min-height: 175px;} } @-moz-document url-prefix() { #sh135-temp .section-info .wrapper .box::before {background: unset;} #sh135-temp .section-for-who .wrapper::before {background: unset;} #sh135-temp .section-tiles-info .section-tiles-wrapper::before {background: unset;} #sh135-temp .section-offer-tiles .boxes-wrapper .single-box::before {background: unset;} #sh135-temp .section-tiles-grid .tiles-wrapper .single-tile::before {background: unset;} }