.slick-slider { position: relative; display: block; box-sizing: border-box; --webkit-touch-callout: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-slider .slick-list:focus { outline: 0; } .slick-slider .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .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(0, 0, 0); } .slick-slider .slick-track { position: relative; left: 0; top: 0; display: flex; margin-left: auto; margin-right: auto; } .slick-loading .slick-slider .slick-track { visibility: hidden; } .slick-slide { height: 100%; min-height: 1px; display: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-slider .slick-dots { position: relative; width: 100%; margin: 0.94rem 0; padding: 0; text-align: center; } .slick-slider .slick-dots li { display: inline-block; vertical-align: middle; list-style: none; line-height: 0; padding-left: 5px; padding-right: 5px; } .slick-slider .slick-dots li button { width: 20px; height: 20px; padding: 0; border: 2px solid #96eaaa; border-radius: 100%; font-size: 0; background-color: #081d4d; transition: background-color ease 0.3s, opacity ease 0.3s; outline: 0; } .slick-slider .slick-dots li button:focus, .slick-slider .slick-dots li button:hover { outline: 0; cursor: pointer; background-color: #96eaaa; opacity: 0.8; } .slick-slider .slick-dots li.slick-active button { background-color: #96eaaa; } .slick-arrow { --sArrowWidth: 20px; position: absolute; top: calc(50% - var(--sArrowWidth) / 2); padding: 0; width: var(--sArrowWidth); height: var(--sArrowWidth); font-size: 0; background-color: transparent; box-shadow: none; border: calc(var(--sArrowWidth) / 4) solid #081d4d; border-top: 0; border-right: 0; transition: border-color ease 0.3s; z-index: 9; } .slick-arrow:focus, .slick-arrow:hover { outline: 0; cursor: pointer; border-color: #96eaaa; } .slick-arrow.slick-prev { left: 0; border-top: 0; border-right: 0; transform: rotate(45deg); } .slick-arrow.slick-next { right: 0; transform: rotate(-135deg); } .slick-arrow.slick-hidden { display: none; } [data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing='linear'], body[data-aos-easing='linear'] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing='ease'], body[data-aos-easing='ease'] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing='ease-in'], body[data-aos-easing='ease-in'] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing='ease-out'], body[data-aos-easing='ease-out'] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing='ease-in-out'], body[data-aos-easing='ease-in-out'] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing='ease-in-back'], body[data-aos-easing='ease-in-back'] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing='ease-out-back'], body[data-aos-easing='ease-out-back'] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing='ease-in-out-back'], body[data-aos-easing='ease-in-out-back'] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing='ease-in-sine'], body[data-aos-easing='ease-in-sine'] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing='ease-out-sine'], body[data-aos-easing='ease-out-sine'] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing='ease-in-out-sine'], body[data-aos-easing='ease-in-out-sine'] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing='ease-in-quad'], body[data-aos-easing='ease-in-quad'] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing='ease-out-quad'], body[data-aos-easing='ease-out-quad'] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing='ease-in-out-quad'], body[data-aos-easing='ease-in-out-quad'] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing='ease-in-cubic'], body[data-aos-easing='ease-in-cubic'] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing='ease-out-cubic'], body[data-aos-easing='ease-out-cubic'] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing='ease-in-out-cubic'], body[data-aos-easing='ease-in-out-cubic'] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing='ease-in-quart'], body[data-aos-easing='ease-in-quart'] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing='ease-out-quart'], body[data-aos-easing='ease-out-quart'] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing='ease-in-out-quart'], body[data-aos-easing='ease-in-out-quart'] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^='fade'][data-aos^='fade'] { opacity: 0; transition-property: opacity, transform; } [data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; transform: translateZ(0); } [data-aos='fade-up'] { transform: translate3d(0, 100px, 0); } [data-aos='fade-down'] { transform: translate3d(0, -100px, 0); } [data-aos='fade-right'] { transform: translate3d(-100px, 0, 0); } [data-aos='fade-left'] { transform: translate3d(100px, 0, 0); } [data-aos='fade-up-right'] { transform: translate3d(-100px, 100px, 0); } [data-aos='fade-up-left'] { transform: translate3d(100px, 100px, 0); } [data-aos='fade-down-right'] { transform: translate3d(-100px, -100px, 0); } [data-aos='fade-down-left'] { transform: translate3d(100px, -100px, 0); } [data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; transition-property: opacity, transform; } [data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; transform: translateZ(0) scale(1); } [data-aos='zoom-in'] { transform: scale(0.6); } [data-aos='zoom-in-up'] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos='zoom-in-down'] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos='zoom-in-right'] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos='zoom-in-left'] { transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos='zoom-out'] { transform: scale(1.2); } [data-aos='zoom-out-up'] { transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos='zoom-out-down'] { transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos='zoom-out-right'] { transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos='zoom-out-left'] { transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^='slide'][data-aos^='slide'] { transition-property: transform; } [data-aos^='slide'][data-aos^='slide'].aos-animate { transform: translateZ(0); } [data-aos='slide-up'] { transform: translate3d(0, 100%, 0); } [data-aos='slide-down'] { transform: translate3d(0, -100%, 0); } [data-aos='slide-right'] { transform: translate3d(-100%, 0, 0); } [data-aos='slide-left'] { transform: translate3d(100%, 0, 0); } [data-aos^='flip'][data-aos^='flip'] { backface-visibility: hidden; transition-property: transform; } [data-aos='flip-left'] { transform: perspective(2500px) rotateY(-100deg); } [data-aos='flip-left'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-right'] { transform: perspective(2500px) rotateY(100deg); } [data-aos='flip-right'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-up'] { transform: perspective(2500px) rotateX(-100deg); } [data-aos='flip-up'].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos='flip-down'] { transform: perspective(2500px) rotateX(100deg); } [data-aos='flip-down'].aos-animate { transform: perspective(2500px) rotateX(0); } .carousel { position: relative; box-sizing: border-box; } .carousel *, .carousel :after, .carousel :before { box-sizing: inherit; } .carousel.is-draggable { cursor: move; cursor: grab; } .carousel.is-dragging { cursor: move; cursor: grabbing; } .carousel__viewport { position: relative; overflow: hidden; max-width: 100%; max-height: 100%; } .carousel__track { display: flex; } .carousel__slide { flex: 0 0 auto; width: var(--carousel-slide-width, 60%); max-width: 100%; padding: 1rem; position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; } .has-dots { margin-bottom: calc(0.5rem + 22px); } .carousel__dots { margin: 0 auto; padding: 0; position: absolute; top: calc(100% + 0.5rem); left: 0; right: 0; display: flex; justify-content: center; list-style: none; user-select: none; } .carousel__dots .carousel__dot { margin: 0; padding: 0; display: block; position: relative; width: 22px; height: 22px; cursor: pointer; } .carousel__dots .carousel__dot:after { content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: currentColor; opacity: 0.25; transition: opacity 0.15s ease-in-out; } .carousel__dots .carousel__dot.is-selected:after { opacity: 1; } .carousel__button { width: var(--carousel-button-width, 48px); height: var(--carousel-button-height, 48px); padding: 0; border: 0; display: flex; justify-content: center; align-items: center; pointer-events: all; cursor: pointer; color: var(--carousel-button-color, currentColor); background: var(--carousel-button-bg, transparent); border-radius: var(--carousel-button-border-radius, 50%); box-shadow: var(--carousel-button-shadow, none); transition: opacity 0.15s ease; } .carousel__button.is-next, .carousel__button.is-prev { position: absolute; top: 50%; transform: translateY(-50%); } .carousel__button.is-prev { left: 10px; } .carousel__button.is-next { right: 10px; } .carousel__button[disabled] { cursor: default; opacity: 0.3; } .carousel__button svg { width: var(--carousel-button-svg-width, 50%); height: var(--carousel-button-svg-height, 50%); fill: none; stroke: currentColor; stroke-width: var(--carousel-button-svg-stroke-width, 1.5); stroke-linejoin: bevel; stroke-linecap: round; filter: var(--carousel-button-svg-filter, none); pointer-events: none; } html.with-fancybox { scroll-behavior: auto; } body.compensate-for-scrollbar { overflow: hidden !important; touch-action: none; } .fancybox__container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; margin: 0; padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0); box-sizing: border-box; display: flex; flex-direction: column; color: var(--fancybox-color, #fff); -webkit-tap-highlight-color: transparent; overflow: hidden; z-index: 1050; outline: 0; transform-origin: top left; --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 24px; --carousel-button-svg-height: 24px; --carousel-button-svg-stroke-width: 2.5; --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); } .fancybox__container *, .fancybox__container ::after, .fancybox__container ::before { box-sizing: inherit; } .fancybox__container :focus { outline: 0; } body:not(.is-using-mouse) .fancybox__container :focus { box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)); } @media all and (min-width: 1024px) { .fancybox__container { --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 27px; --carousel-button-svg-height: 27px; } } .fancybox__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--fancybox-bg, rgba(24, 24, 27, 0.92)); } .fancybox__carousel { position: relative; flex: 1 1 auto; min-height: 0; height: 100%; z-index: 10; } .fancybox__carousel.has-dots { margin-bottom: calc(0.5rem + 22px); } .fancybox__viewport { position: relative; width: 100%; height: 100%; overflow: visible; cursor: default; } .fancybox__track { display: flex; height: 100%; } .fancybox__slide { flex: 0 0 auto; width: 100%; max-width: 100%; margin: 0; padding: 48px 8px 8px 8px; position: relative; overscroll-behavior: contain; display: flex; flex-direction: column; outline: 0; overflow: auto; --carousel-button-width: 36px; --carousel-button-height: 36px; --carousel-button-svg-width: 22px; --carousel-button-svg-height: 22px; } .fancybox__slide::after, .fancybox__slide::before { content: ''; flex: 0 0 0; margin: auto; } @media all and (min-width: 1024px) { .fancybox__slide { padding: 64px 100px; } } .fancybox__content { margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0); padding: 36px; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); position: relative; align-self: center; display: flex; flex-direction: column; z-index: 20; } .fancybox__content :focus:not(.carousel__button.is-close) { box-shadow: none; } .fancybox__caption { align-self: center; max-width: 100%; margin: 0; padding: 1rem 0 0 0; line-height: 1.375; color: var(--fancybox-color, currentColor); visibility: visible; cursor: auto; flex-shrink: 0; overflow-wrap: anywhere; } .is-loading .fancybox__caption { visibility: hidden; } .fancybox__container > .carousel__dots { top: 100%; color: var(--fancybox-color, #fff); } .fancybox__nav .carousel__button { z-index: 40; } .fancybox__nav .carousel__button.is-next { right: 8px; } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-next { right: 40px; } } .fancybox__nav .carousel__button.is-prev { left: 8px; } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-prev { left: 40px; } } .carousel__button.is-close { position: absolute; top: 8px; right: 8px; top: calc(env(safe-area-inset-top, 0px) + 8px); right: calc(env(safe-area-inset-right, 0px) + 8px); z-index: 40; } @media all and (min-width: 1024px) { .carousel__button.is-close { right: 40px; } } .fancybox__content > .carousel__button.is-close { position: absolute; top: -40px; right: 0; color: var(--fancybox-color, #fff); } .fancybox__no-click, .fancybox__no-click button { pointer-events: none; } .fancybox__spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; color: var(--fancybox-color, currentColor); } .fancybox__slide .fancybox__spinner { cursor: pointer; z-index: 1053; } .fancybox__spinner svg { animation: fancybox-rotate 2s linear infinite; transform-origin: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; } .fancybox__spinner svg circle { fill: none; stroke-width: 2.75; stroke-miterlimit: 10; stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: fancybox-dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: currentColor; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } @keyframes fancybox-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } .carousel__button.is-close, .carousel__dots, .fancybox__backdrop, .fancybox__caption, .fancybox__nav { opacity: var(--fancybox-opacity, 1); } .fancybox__container.is-animated[aria-hidden='false'] .carousel__button.is-close, .fancybox__container.is-animated[aria-hidden='false'] .carousel__dots, .fancybox__container.is-animated[aria-hidden='false'] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden='false'] .fancybox__caption, .fancybox__container.is-animated[aria-hidden='false'] .fancybox__nav { animation: 0.15s ease backwards fancybox-fadeIn; } .fancybox__container.is-animated.is-closing .carousel__button.is-close, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav { animation: 0.15s ease both fancybox-fadeOut; } .fancybox-fadeIn { animation: 0.15s ease both fancybox-fadeIn; } .fancybox-fadeOut { animation: 0.1s ease both fancybox-fadeOut; } .fancybox-zoomInUp { animation: 0.2s ease both fancybox-zoomInUp; } .fancybox-zoomOutDown { animation: 0.15s ease both fancybox-zoomOutDown; } .fancybox-throwOutUp { animation: 0.15s ease both fancybox-throwOutUp; } .fancybox-throwOutDown { animation: 0.15s ease both fancybox-throwOutDown; } @keyframes fancybox-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fancybox-fadeOut { to { opacity: 0; } } @keyframes fancybox-zoomInUp { from { transform: scale(0.97) translate3d(0, 16px, 0); opacity: 0; } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes fancybox-zoomOutDown { to { transform: scale(0.97) translate3d(0, 16px, 0); opacity: 0; } } @keyframes fancybox-throwOutUp { to { transform: translate3d(0, -30%, 0); opacity: 0; } } @keyframes fancybox-throwOutDown { to { transform: translate3d(0, 30%, 0); opacity: 0; } } .fancybox__carousel .carousel__slide { scrollbar-width: thin; scrollbar-color: #ccc rgba(255, 255, 255, 0.1); } .fancybox__carousel .carousel__slide::-webkit-scrollbar { width: 8px; height: 8px; } .fancybox__carousel .carousel__slide::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.1); } .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 2px; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); } .fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content { cursor: move; cursor: grab; } .fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__carousel .fancybox__slide .fancybox__content { cursor: auto; } .fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content { cursor: zoom-in; } .fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content { cursor: zoom-out; } .fancybox__carousel .fancybox__slide.is-draggable .fancybox__content { cursor: move; cursor: grab; } .fancybox__carousel .fancybox__slide.is-dragging .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__image { transform-origin: 0 0; user-select: none; transition: none; } .has-image .fancybox__content { padding: 0; background: 0 0; min-height: 1px; } .is-closing .has-image .fancybox__content { overflow: visible; } .has-image[data-image-fit='contain'] { overflow: visible; touch-action: none; } .has-image[data-image-fit='contain'] .fancybox__content { flex-direction: row; flex-wrap: wrap; } .has-image[data-image-fit='contain'] .fancybox__image { max-width: 100%; max-height: 100%; object-fit: contain; } .has-image[data-image-fit='contain-w'] { overflow-x: hidden; overflow-y: auto; } .has-image[data-image-fit='contain-w'] .fancybox__content { min-height: auto; } .has-image[data-image-fit='contain-w'] .fancybox__image { max-width: 100%; height: auto; } .has-image[data-image-fit='cover'] { overflow: visible; touch-action: none; } .has-image[data-image-fit='cover'] .fancybox__content { width: 100%; height: 100%; } .has-image[data-image-fit='cover'] .fancybox__image { width: 100%; height: 100%; object-fit: cover; } .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible; } .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { width: 100%; height: 80%; } .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .fancybox__carousel .fancybox__slide.has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: 0 0; } .fancybox-placeholder { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .fancybox__thumbs { flex: 0 0 auto; position: relative; padding: 0 3px; opacity: var(--fancybox-opacity, 1); } .fancybox__container.is-animated[aria-hidden='false'] .fancybox__thumbs { animation: 0.15s ease-in backwards fancybox-fadeIn; } .fancybox__container.is-animated.is-closing .fancybox__thumbs { opacity: 0; } .fancybox__thumbs .carousel__slide { flex: 0 0 auto; width: var(--fancybox-thumbs-width, 96px); margin: 0; padding: 8px 3px; box-sizing: content-box; display: flex; align-items: center; justify-content: center; overflow: visible; cursor: pointer; } .fancybox__thumbs .carousel__slide .fancybox__thumb::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-width: 5px; border-style: solid; border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); opacity: 0; transition: opacity 0.15s ease; border-radius: var(--fancybox-thumbs-border-radius, 4px); } .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after { opacity: 0.92; } .fancybox__thumbs .carousel__slide > * { pointer-events: none; user-select: none; } .fancybox__thumb { position: relative; width: 100%; padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5))); background-size: cover; background-position: center center; background-color: rgba(255, 255, 255, 0.1); background-repeat: no-repeat; border-radius: var(--fancybox-thumbs-border-radius, 4px); } .fancybox__toolbar { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: linear-gradient( to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100% ); padding: 0; touch-action: none; display: flex; justify-content: space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4)); } @media all and (min-width: 1024px) { .fancybox__toolbar { padding: 8px; } } .fancybox__container.is-animated[aria-hidden='false'] .fancybox__toolbar { animation: 0.15s ease-in backwards fancybox-fadeIn; } .fancybox__container.is-animated.is-closing .fancybox__toolbar { opacity: 0; } .fancybox__toolbar__items { display: flex; } .fancybox__toolbar__items--left { margin-right: auto; } .fancybox__toolbar__items--center { position: absolute; left: 50%; transform: translateX(-50%); } .fancybox__toolbar__items--right { margin-left: auto; } @media (max-width: 640px) { .fancybox__toolbar__items--center:not(:last-child) { display: none; } } .fancybox__counter { min-width: 72px; padding: 0 10px; line-height: var(--carousel-button-height, 48px); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; } .fancybox__progress { background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); height: 3px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 30; user-select: none; } .fancybox__container:fullscreen::backdrop { opacity: 0; } .fancybox__button--fullscreen g:nth-child(2) { display: none; } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) { display: none; } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) { display: block; } .fancybox__button--slideshow g:nth-child(2) { display: none; } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) { display: none; } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) { display: block; } @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide, swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification, swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .splide__container { box-sizing: border-box; position: relative; } .splide__list { backface-visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; margin: 0 !important; padding: 0 !important; } .splide.is-initialized:not(.is-active) .splide__list { display: block; } .splide__pagination { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 0; pointer-events: none; } .splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto; } .splide__progress__bar { width: 0; } .splide { position: relative; visibility: hidden; } .splide.is-initialized, .splide.is-rendered { visibility: visible; } .splide__slide { backface-visibility: hidden; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative; } .splide__slide img { vertical-align: bottom; } .splide__spinner { animation: splide-loading 1s linear infinite; border: 2px solid #999; border-left-color: transparent; border-radius: 50%; bottom: 0; contain: strict; display: inline-block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .splide__sr { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none; } .splide__toggle.is-active .splide__toggle__pause { display: inline; } .splide__track { overflow: hidden; position: relative; z-index: 0; } @keyframes splide-loading { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .splide__track--fade > .splide__list { display: block; } .splide__track--fade > .splide__list > .splide__slide { left: 0; opacity: 0; position: absolute; top: 0; z-index: 0; } .splide__track--fade > .splide__list > .splide__slide.is-active { opacity: 1; position: relative; z-index: 1; } .splide--rtl { direction: rtl; } .splide__track--ttb > .splide__list { display: block; } .splide__arrow { -ms-flex-align: center; align-items: center; background: #ccc; border: 0; border-radius: 50%; cursor: pointer; display: -ms-flexbox; display: flex; height: 2em; -ms-flex-pack: center; justify-content: center; opacity: 0.7; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 2em; z-index: 1; } .splide__arrow svg { fill: #000; height: 1.2em; width: 1.2em; } .splide__arrow:hover:not(:disabled) { opacity: 0.9; } .splide__arrow:disabled { opacity: 0.3; } .splide__arrow:focus-visible { outline: 3px solid #0bf; outline-offset: 3px; } .splide__arrow--prev { left: 1em; } .splide__arrow--prev svg { transform: scaleX(-1); } .splide__arrow--next { right: 1em; } .splide.is-focus-in .splide__arrow:focus { outline: 3px solid #0bf; outline-offset: 3px; } .splide__pagination { bottom: 0.5em; left: 0; padding: 0 1em; position: absolute; right: 0; z-index: 1; } .splide__pagination__page { background: #ccc; border: 0; border-radius: 50%; display: inline-block; height: 8px; margin: 3px; opacity: 0.7; padding: 0; position: relative; transition: transform 0.2s linear; width: 8px; } .splide__pagination__page.is-active { background: #fff; transform: scale(1.4); z-index: 1; } .splide__pagination__page:hover { cursor: pointer; opacity: 0.9; } .splide__pagination__page:focus-visible { outline: 3px solid #0bf; outline-offset: 3px; } .splide.is-focus-in .splide__pagination__page:focus { outline: 3px solid #0bf; outline-offset: 3px; } .splide__progress__bar { background: #ccc; height: 3px; } .splide__slide { -webkit-tap-highlight-color: transparent; } .splide__slide:focus { outline: 0; } @supports (outline-offset: -3px) { .splide__slide:focus-visible { outline: 3px solid #0bf; outline-offset: -3px; } } @media screen and (-ms-high-contrast: none) { .splide__slide:focus-visible { border: 3px solid #0bf; } } @supports (outline-offset: -3px) { .splide.is-focus-in .splide__slide:focus { outline: 3px solid #0bf; outline-offset: -3px; } } @media screen and (-ms-high-contrast: none) { .splide.is-focus-in .splide__slide:focus { border: 3px solid #0bf; } .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus { border-color: #0bf; } } .splide__toggle { cursor: pointer; } .splide__toggle:focus-visible { outline: 3px solid #0bf; outline-offset: 3px; } .splide.is-focus-in .splide__toggle:focus { outline: 3px solid #0bf; outline-offset: 3px; } .splide__track--nav > .splide__list > .splide__slide { border: 3px solid transparent; cursor: pointer; } .splide__track--nav > .splide__list > .splide__slide.is-active { border: 3px solid #000; } .splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em; } .splide__arrows--rtl .splide__arrow--prev svg { transform: scaleX(1); } .splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto; } .splide__arrows--rtl .splide__arrow--next svg { transform: scaleX(-1); } .splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%); } .splide__arrows--ttb .splide__arrow--prev { top: 1em; } .splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg); } .splide__arrows--ttb .splide__arrow--next { bottom: 1em; top: auto; } .splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg); } .splide__pagination--ttb { bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: auto; padding: 1em 0; right: 0.5em; top: 0; } .ms-parent { display: inline-block; position: relative; vertical-align: middle; } .ms-choice { display: block; width: 100%; height: 26px; padding: 0; overflow: hidden; cursor: pointer; border: 1px solid #aaa; text-align: left; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; } .ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .ms-choice > span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 8px; } .ms-choice > span.placeholder { color: #999; } .ms-choice > div { position: absolute; top: 0; right: 0; width: 20px; height: 25px; } .ms-drop { width: 100%; overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .ms-drop.bottom { top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .ms-drop.top { bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; } .ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url(multiple-select.png) no-repeat 100% -22px; background: url(multiple-select.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url(multiple-select.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(multiple-select.png) no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(multiple-select.png) no-repeat 100% -22px, -o-linear-gradient(bottom, #fff 85%, #eee 99%); background: url(multiple-select.png) no-repeat 100% -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%); background: url(multiple-select.png) no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%); } .ms-search, .ms-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ms-drop ul { overflow: auto; margin: 0; padding: 5px 8px; } .ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; } .ms-drop ul > li .disabled { opacity: 0.35; filter: Alpha(Opacity=35); } .ms-drop ul > li.multiple { display: block; float: left; } .ms-drop ul > li.group { clear: both; } .ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ms-drop ul > li label { font-weight: 400; display: block; white-space: nowrap; } .ms-drop ul > li label.optgroup { font-weight: 700; } .ms-drop input[type='checkbox'] { vertical-align: middle; display: none; } .ms-drop .ms-no-results { display: none; } [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; } .simplebar-content:after, .simplebar-content:before { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: #000; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s 0.5s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition-delay: 0s; transition-duration: 0s; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-scrollbar:before { top: 2px; bottom: 2px; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 0; bottom: 0; min-height: 0; min-width: 10px; width: auto; } [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .simplebar-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: scrollbar !important; } .simplebar-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /* @font-face { font-family: Poppins; font-style: italic; font-weight: 100; font-display: block; src: url(../fonts/Poppins/Poppins-ThinItalic.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: italic; font-weight: 200; font-display: block; src: url(../fonts/Poppins/Poppins-ExtraLightItalic.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: italic; font-weight: 300; font-display: block; src: url(../fonts/Poppins/Poppins-LightItalic.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: italic; font-weight: 400; font-display: block; src: url(../fonts/Poppins/Poppins-Italic.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: italic; font-weight: 500; font-display: block; src: url(../fonts/Poppins/Poppins-MediumItalic.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: italic; font-weight: 600; font-display: block; src: url(../fonts/Poppins/Poppins-SemiBoldItalic.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: italic; font-weight: 700; font-display: block; src: url(../fonts/Poppins/Poppins-BoldItalic.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: italic; font-weight: 800; font-display: block; src: url(../fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: italic; font-weight: 900; font-display: block; src: url(../fonts/Poppins/Poppins-BlackItalic.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: normal; font-weight: 100; font-display: block; src: url(../fonts/Poppins/Poppins-Thin.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: normal; font-weight: 200; font-display: block; src: url(../fonts/Poppins/Poppins-ExtraLight.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: normal; font-weight: 300; font-display: block; src: url(../fonts/Poppins/Poppins-Light.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: block; src: url(../fonts/Poppins/Poppins-Regular.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: block; src: url(../fonts/Poppins/Poppins-Medium.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: block; src: url(../fonts/Poppins/Poppins-SemiBold.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: block; src: url(../fonts/Poppins/Poppins-Bold.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: normal; font-weight: 800; font-display: block; src: url(../fonts/Poppins/Poppins-ExtraBold.ttf) format('truetype'); } @font-face { font-family: Poppins; font-style: normal; font-weight: 900; font-display: block; src: url(../fonts/Poppins/Poppins-Black.ttf) format('truetype'); } */ @font-face { /* font-family: coupa; src: url(../fonts/icons-fonts/coupa.eot); src: url(../fonts/icons-fonts/coupa.eot?#iefix) format('embedded-opentype'), url(../fonts/icons-fonts/coupa.woff) format('woff'), url(../fonts/icons-fonts/coupa.ttf) format('truetype'), url(../fonts/icons-fonts/coupa.svg#coupa) format('svg'); font-weight: 400; font-style: normal; */ } [data-icon]:before { font-family: coupa !important; content: attr(data-icon); font-style: normal !important; font-weight: 400 !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*=' icon-']:before, [class^='icon-']:before { font-family: coupa !important; font-style: normal !important; font-weight: 400 !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before { content: 'a'; } .icon-link:before { content: 'b'; } .icon-linkedin:before { content: 'c'; } .icon-twitter:before { content: 'd'; } .icon-play:before { content: 'e'; } .icon-search:before { content: 'f'; } .icon-play-circle:before { content: 'g'; } .icon-arrow-right:before { content: 'h'; } .icon-arrow-left:before { content: 'i'; } .icon-glassdoor:before { content: 'j'; } .icon-instagram:before { content: 'k'; } .icon-linkedin-2:before { content: 'l'; } .icon-facebook-2:before { content: 'm'; } .icon-arrow-left-2:before { content: 'n'; } .icon-arrow-right-2:before { content: 'o'; } .icon-search-2:before { content: 'p'; } .icon-close:before { content: 'q'; } .icon-global:before { content: 'r'; } .icon-extarnal-share:before { content: 's'; } .icon-account:before { content: 'u'; } .icon-expand-icon:before { content: 't'; } .icon-youtube:before { content: 'v'; } .icon-thumbs-up:before { content: 'w'; } .icon-filter:before { content: 'x'; } .icon-search-3:before { content: 'y'; } .icon-linkdin:before { content: 'z'; } .icon-twitter-1:before { content: 'A'; } .icon-search-1:before { content: 'B'; } .icon-video-icon:before { content: 'C'; } a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; vertical-align: baseline; font-size: inherit; background: 0 0; border: 0; outline: 0; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color: transparent; } *, ::after, ::before { box-sizing: border-box; } article, aside, figcaption, figure, footer, header, main, nav, section { display: block; } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, iframe, video { display: block; max-width: 100%; } html { height: 100%; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { display: flex; flex-wrap: wrap; max-width: 100%; min-height: 100%; height: auto; color: #081d4d; font-size: 1rem; font-family: Poppins, sans-serif; line-height: 1.5; font-weight: 400; background-color: #fff; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { body { height: 100%; } } body.scroll-fixed { overflow: hidden; } body#error-page { max-width: none !important; } ::-moz-selection { color: #fff; background: #1565c0; -webkit-text-fill-color: #fff; } ::selection { color: #fff; background: #1565c0; -webkit-text-fill-color: #fff; } .h1, h1 { margin-bottom: 0.94rem; color: #081d4d; font-family: Poppins, sans-serif; font-size: 3rem; font-weight: 400; line-height: 1.25; word-break: keep-all; } .h1 a, h1 a { display: block; color: inherit; text-decoration: none; } .h1 span, h1 span { font-weight: 400; } @media (max-width: 767px) { .h1, h1 { font-size: 2.38rem; } } .h2, h2 { margin-bottom: 0.94rem; color: #081d4d; font-family: Poppins, sans-serif; font-size: 2.44rem; font-weight: 400; line-height: 1.25; word-break: keep-all; } .h2 a, h2 a { display: block; color: inherit; text-decoration: none; } .h2 span, h2 span { font-weight: 400; } @media (max-width: 767px) { .h2, h2 { font-size: 2.13rem; } } .h3, h3 { margin-bottom: 0.94rem; color: #081d4d; font-family: Poppins, sans-serif; font-size: 1.94rem; font-weight: 400; line-height: 1.25; word-break: keep-all; } .h3 a, h3 a { display: block; color: inherit; text-decoration: none; } .h3 span, h3 span { font-weight: 400; } @media (max-width: 767px) { .h3, h3 { font-size: 1.75rem; } } .h4, h4 { margin-bottom: 0.94rem; color: #081d4d; font-family: Poppins, sans-serif; font-size: 1.57rem; font-weight: 400; line-height: 1.25; word-break: keep-all; font-weight: 500; } .h4 a, h4 a { display: block; color: inherit; text-decoration: none; } .h4 span, h4 span { font-weight: 400; } @media (max-width: 767px) { .h4, h4 { font-size: 1.5rem; } } .h5, h5 { margin-bottom: 0.94rem; color: #081d4d; font-family: Poppins, sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.25; word-break: keep-all; font-weight: 500; } .h5 a, h5 a { display: block; color: inherit; text-decoration: none; } .h5 span, h5 span { font-weight: 400; } .h6, h6 { margin-bottom: 0.94rem; color: #081d4d; font-family: Poppins, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25; word-break: keep-all; } .h6 a, h6 a { display: block; color: inherit; text-decoration: none; } .h6 span, h6 span { font-weight: 400; } .oversized { font-size: 4.25rem; } @media (max-width: 767px) { .oversized { font-size: 43px; } } p { margin-bottom: 1.25rem; } p:last-child { margin-bottom: 0; } :is(ul, ol) { --ulolLeftPadding: 1.25rem; padding-left: var(--ulolLeftPadding); margin-bottom: 0.94rem; } :is(ul, ol) :is(ul, ol) { margin-top: 0.75rem; margin-bottom: 0; } :is(ul, ol) li { padding-top: 0.38rem; padding-bottom: 0.38rem; } .bullet-styled :is(ul, ol) li { position: relative; list-style: none; } .bullet-styled :is(ul, ol) li:before { position: absolute; left: calc(var(--ulolLeftPadding) * -1); color: #081d4d; font-weight: 700; line-height: 1; } :is(ul, ol) li:last-child { padding-bottom: 0; } .bullet-styled ul > li { --ulBox: 6px; } .bullet-styled ul > li::before { content: ''; top: 0.88rem; width: var(--ulBox); height: var(--ulBox); background: #1565c0; border-radius: 100%; } .bullet-styled ul > li > ul > li::before { border: 1px solid #081d4d; height: var(--ulBox); width: var(--ulBox); background-color: transparent; } .bullet-styled ul > li > ul > li > ul > li { --ulBox: 4px; } .bullet-styled ul > li > ul > li > ul > li::before { top: 1em; background: currentColor; border-radius: 0; } .bullet-check ul > li { --ulBox: 19px; padding: 0 0 0 1.57rem; margin-bottom: 0.63rem; position: relative; font-size: 1.13rem; } .bullet-check ul > li::before { content: ''; position: absolute; top: 3px; left: 0; background-image: url(../images/bulletlist.svg); background-repeat: no-repeat; background-size: 100%; width: var(--ulBox); height: var(--ulBox); color: #081d4d; } .bullet-check.-secondary ul > li:before { color: #96eaaa; } .bullet-check ul { padding-left: 0; list-style: none; } .bullet-styled ol > li { counter-increment: counter-1; } .bullet-styled ol > li:before { content: counter(counter-1) '. '; top: 10px; font-size: 0.88em; } .bullet-styled ol > li > ol { counter-reset: counter-2; } .bullet-styled ol > li > ol > li { counter-increment: counter-2; } .bullet-styled ol > li > ol > li:before { content: counter(counter-2, lower-alpha) '. '; color: #1565c0; } blockquote { --bqShapeW: 4.07rem; position: relative; display: block; margin-bottom: 1.57rem; padding: 3.13rem 0 0 calc(var(--bqShapeW) + 0.32rem); color: #081d4d; text-align: left; line-height: 1.5; font-size: 1.57rem; font-style: italic; } @media (max-width: 991px) { blockquote { padding-top: 0; font-size: 1.5rem; } } blockquote::before { content: ''; position: absolute; top: 0; left: 0; width: 1em; height: 1em; font-size: var(--bqShapeW); background: url(../images/without-quote-shape.svg) no-repeat top center/contain; z-index: 1; } blockquote::after { content: ''; position: absolute; bottom: 0; left: calc(var(--bqShapeW) / 2 - 0px); width: 1px; height: calc(100% - var(--bqShapeW)); background-image: linear-gradient(to top, #1565c0, #b5a4fc); } @media (max-width: 991px) { blockquote::after { top: 4rem; height: 11.5rem; } } blockquote.pull-quote { padding: 2.5rem 2rem; font-weight: 500; background: #fff; box-shadow: 0 4px 16px rgba(8, 29, 77, 0.1); } blockquote.pull-quote::after, blockquote.pull-quote::before { display: none; } blockquote p { font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; } blockquote p a { text-decoration: underline; } blockquote p a:hover { text-decoration: none; } blockquote p em { font-size: 1.25rem; } .pull-quote { position: relative; display: block; margin-bottom: 1.57rem; color: #081d4d; text-align: left; line-height: 1.5; font-size: 1.57rem; padding: 2.5rem 2rem; font-weight: 500; background: #fff; box-shadow: 0 4px 16px rgba(8, 29, 77, 0.1); } @media (max-width: 991px) { .pull-quote { font-size: 1.5rem; } } .pull-quote p { font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; } .pull-quote p a { text-decoration: underline; } .pull-quote p a:hover { text-decoration: none; } .pull-quote p em { font-size: 1.25rem; } hr { width: 100%; height: 0; margin: 1.88rem auto; border: 0 #000 solid; border-top-width: 0.07rem; overflow: visible; } img { display: inline-block; height: auto; max-width: 100%; vertical-align: top; border: none; } img[src$='.svg'] { max-height: 100%; } picture { display: inline-block; vertical-align: top; } a { color: #1565c0; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; text-decoration: none; } a:hover { text-decoration: underline; outline: 0; } a.tab-focus { outline-offset: 0.19rem; outline: 1px solid; } .bg-dark a:not(.btn, .btn-link, .btn-play) { color: #5fd6ff; } p a:focus { text-decoration: underline; outline: 1px solid #081d4d; outline-offset: 0.63rem; border-radius: 1.57rem; } .bg-dark p a:focus { outline-color: #fff; } table { border-spacing: 0; border-collapse: collapse; } table td { text-align: left; font-weight: 400; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-bordered { width: 100%; max-width: 100%; text-align: left; } .table-bordered td, .table-bordered th { vertical-align: bottom; border-bottom: 0.07rem solid #ccccd2; padding: 0.63rem; } .fancybox__content > .carousel__button.is-close { top: -3.12rem; right: 0; } .container, .container-fluid, .container-lg { --gutter: 3.13rem; width: min(100% - var(--gutter) * 2, var(--container-width, 100%)); margin-left: auto; margin-right: auto; } @media (max-width: 991px) { .container, .container-fluid, .container-lg { --gutter: 2.5rem; } } @media (max-width: 767px) { .container, .container-fluid, .container-lg { --gutter: 2rem; } } .container { --container-width: 72.5rem; } .container-lg { --container-width: 82.63rem; } .row { display: flex; flex-wrap: wrap; margin-right: -0.94rem; margin-left: -0.94rem; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class*='cell-'] { padding-right: 0; padding-left: 0; } [class*='cell-'] { position: relative; width: 100%; padding-left: 0.94rem; padding-right: 0.94rem; } .d-none { display: none; } .d-block { display: block; } .d-flex { display: flex; flex-wrap: wrap; } .d-flex-inline { display: inline-flex; } .d-flex img { align-self: center; } .flex-nowrap { flex-wrap: nowrap; } .align-items-start { align-items: flex-start; } .align-items-center { align-items: center; } .align-items-end { align-items: flex-end; } .align-content-center { align-content: center; } .alignnone { float: none; margin: 1.25rem 0; } .aligncenter { display: block; clear: both; margin: 1.25rem auto; } .alignleft { float: left; margin: 0 1.25rem 1.25rem 0; } .alignright { float: right; margin: 0 0 1.25rem 1.25rem; } .justify-content-start { justify-content: flex-start; } .justify-content-center { justify-content: center; } .justify-content-end { justify-content: flex-end; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .justify-content-evenly { justify-content: space-evenly; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .bg-white { background-color: #081d4d; } .text-white { color: #fff; } .bg-dark { background-color: #081d4d; } .text-dark { color: #000; } .cell-1 { width: 8.3333333333%; } .cell-2 { width: 16.6666666667%; } .cell-3 { width: 25%; } .cell-4 { width: 33.3333333333%; } .cell-5 { width: 41.6666666667%; } .cell-6 { width: 50%; } .cell-7 { width: 58.3333333333%; } .cell-8 { width: 66.6666666667%; } .cell-9 { width: 75%; } .cell-10 { width: 83.3333333333%; } .cell-11 { width: 91.6666666667%; } .cell-12 { width: 100%; } .m-30, .mt-30, .my-30 { margin-top: 1.875rem; } .p-30, .pt-30, .py-30 { padding-top: 1.875rem; } .m-30, .mb-30, .my-30 { margin-bottom: 1.875rem; } .p-30, .pb-30, .py-30 { padding-bottom: 1.875rem; } .m-30, .ml-30, .mx-30 { margin-left: 1.875rem; } .p-30, .pl-30, .px-30 { padding-left: 1.875rem; } .m-30, .mr-30, .mx-30 { margin-right: 1.875rem; } .p-30, .pr-30, .px-30 { padding-right: 1.875rem; } @media (min-width: 576px) { .cell-sm-1 { width: 8.3333333333%; } .cell-sm-2 { width: 16.6666666667%; } .cell-sm-3 { width: 25%; } .cell-sm-4 { width: 33.3333333333%; } .cell-sm-5 { width: 41.6666666667%; } .cell-sm-6 { width: 50%; } .cell-sm-7 { width: 58.3333333333%; } .cell-sm-8 { width: 66.6666666667%; } .cell-sm-9 { width: 75%; } .cell-sm-10 { width: 83.3333333333%; } .cell-sm-11 { width: 91.6666666667%; } .cell-sm-12 { width: 100%; } .m-sm-30, .mt-sm-30, .my-sm-30 { margin-top: 1.875rem; } .p-sm-30, .pt-sm-30, .py-sm-30 { padding-top: 1.875rem; } .m-sm-30, .mb-sm-30, .my-sm-30 { margin-bottom: 1.875rem; } .p-sm-30, .pb-sm-30, .py-sm-30 { padding-bottom: 1.875rem; } .m-sm-30, .ml-sm-30, .mx-sm-30 { margin-left: 1.875rem; } .p-sm-30, .pl-sm-30, .px-sm-30 { padding-left: 1.875rem; } .m-sm-30, .mr-sm-30, .mx-sm-30 { margin-right: 1.875rem; } .p-sm-30, .pr-sm-30, .px-sm-30 { padding-right: 1.875rem; } } @media (min-width: 768px) { .cell-md-1 { width: 8.3333333333%; } .cell-md-2 { width: 16.6666666667%; } .cell-md-3 { width: 25%; } .cell-md-4 { width: 33.3333333333%; } .cell-md-5 { width: 41.6666666667%; } .cell-md-6 { width: 50%; } .cell-md-7 { width: 58.3333333333%; } .cell-md-8 { width: 66.6666666667%; } .cell-md-9 { width: 75%; } .cell-md-10 { width: 83.3333333333%; } .cell-md-11 { width: 91.6666666667%; } .cell-md-12 { width: 100%; } .m-md-30, .mt-md-30, .my-md-30 { margin-top: 1.875rem; } .p-md-30, .pt-md-30, .py-md-30 { padding-top: 1.875rem; } .m-md-30, .mb-md-30, .my-md-30 { margin-bottom: 1.875rem; } .p-md-30, .pb-md-30, .py-md-30 { padding-bottom: 1.875rem; } .m-md-30, .ml-md-30, .mx-md-30 { margin-left: 1.875rem; } .p-md-30, .pl-md-30, .px-md-30 { padding-left: 1.875rem; } .m-md-30, .mr-md-30, .mx-md-30 { margin-right: 1.875rem; } .p-md-30, .pr-md-30, .px-md-30 { padding-right: 1.875rem; } } @media (min-width: 992px) { .cell-lg-1 { width: 8.3333333333%; } .cell-lg-2 { width: 16.6666666667%; } .cell-lg-3 { width: 25%; } .cell-lg-4 { width: 33.3333333333%; } .cell-lg-5 { width: 41.6666666667%; } .cell-lg-6 { width: 50%; } .cell-lg-7 { width: 58.3333333333%; } .cell-lg-8 { width: 66.6666666667%; } .cell-lg-9 { width: 75%; } .cell-lg-10 { width: 83.3333333333%; } .cell-lg-11 { width: 91.6666666667%; } .cell-lg-12 { width: 100%; } .m-lg-30, .mt-lg-30, .my-lg-30 { margin-top: 1.875rem; } .p-lg-30, .pt-lg-30, .py-lg-30 { padding-top: 1.875rem; } .m-lg-30, .mb-lg-30, .my-lg-30 { margin-bottom: 1.875rem; } .p-lg-30, .pb-lg-30, .py-lg-30 { padding-bottom: 1.875rem; } .m-lg-30, .ml-lg-30, .mx-lg-30 { margin-left: 1.875rem; } .p-lg-30, .pl-lg-30, .px-lg-30 { padding-left: 1.875rem; } .m-lg-30, .mr-lg-30, .mx-lg-30 { margin-right: 1.875rem; } .p-lg-30, .pr-lg-30, .px-lg-30 { padding-right: 1.875rem; } } @media (min-width: 1200px) { .cell-xl-1 { width: 8.3333333333%; } .cell-xl-2 { width: 16.6666666667%; } .cell-xl-3 { width: 25%; } .cell-xl-4 { width: 33.3333333333%; } .cell-xl-5 { width: 41.6666666667%; } .cell-xl-6 { width: 50%; } .cell-xl-7 { width: 58.3333333333%; } .cell-xl-8 { width: 66.6666666667%; } .cell-xl-9 { width: 75%; } .cell-xl-10 { width: 83.3333333333%; } .cell-xl-11 { width: 91.6666666667%; } .cell-xl-12 { width: 100%; } .m-xl-30, .mt-xl-30, .my-xl-30 { margin-top: 1.875rem; } .p-xl-30, .pt-xl-30, .py-xl-30 { padding-top: 1.875rem; } .m-xl-30, .mb-xl-30, .my-xl-30 { margin-bottom: 1.875rem; } .p-xl-30, .pb-xl-30, .py-xl-30 { padding-bottom: 1.875rem; } .m-xl-30, .ml-xl-30, .mx-xl-30 { margin-left: 1.875rem; } .p-xl-30, .pl-xl-30, .px-xl-30 { padding-left: 1.875rem; } .m-xl-30, .mr-xl-30, .mx-xl-30 { margin-right: 1.875rem; } .p-xl-30, .pr-xl-30, .px-xl-30 { padding-right: 1.875rem; } } @media (min-width: 1400px) { .cell-xxl-1 { width: 8.3333333333%; } .cell-xxl-2 { width: 16.6666666667%; } .cell-xxl-3 { width: 25%; } .cell-xxl-4 { width: 33.3333333333%; } .cell-xxl-5 { width: 41.6666666667%; } .cell-xxl-6 { width: 50%; } .cell-xxl-7 { width: 58.3333333333%; } .cell-xxl-8 { width: 66.6666666667%; } .cell-xxl-9 { width: 75%; } .cell-xxl-10 { width: 83.3333333333%; } .cell-xxl-11 { width: 91.6666666667%; } .cell-xxl-12 { width: 100%; } .m-xxl-30, .mt-xxl-30, .my-xxl-30 { margin-top: 1.875rem; } .p-xxl-30, .pt-xxl-30, .py-xxl-30 { padding-top: 1.875rem; } .m-xxl-30, .mb-xxl-30, .my-xxl-30 { margin-bottom: 1.875rem; } .p-xxl-30, .pb-xxl-30, .py-xxl-30 { padding-bottom: 1.875rem; } .m-xxl-30, .ml-xxl-30, .mx-xxl-30 { margin-left: 1.875rem; } .p-xxl-30, .pl-xxl-30, .px-xxl-30 { padding-left: 1.875rem; } .m-xxl-30, .mr-xxl-30, .mx-xxl-30 { margin-right: 1.875rem; } .p-xxl-30, .pr-xxl-30, .px-xxl-30 { padding-right: 1.875rem; } } @media (min-width: 1600px) { .cell-xxxl-1 { width: 8.3333333333%; } .cell-xxxl-2 { width: 16.6666666667%; } .cell-xxxl-3 { width: 25%; } .cell-xxxl-4 { width: 33.3333333333%; } .cell-xxxl-5 { width: 41.6666666667%; } .cell-xxxl-6 { width: 50%; } .cell-xxxl-7 { width: 58.3333333333%; } .cell-xxxl-8 { width: 66.6666666667%; } .cell-xxxl-9 { width: 75%; } .cell-xxxl-10 { width: 83.3333333333%; } .cell-xxxl-11 { width: 91.6666666667%; } .cell-xxxl-12 { width: 100%; } .m-xxxl-30, .mt-xxxl-30, .my-xxxl-30 { margin-top: 1.875rem; } .p-xxxl-30, .pt-xxxl-30, .py-xxxl-30 { padding-top: 1.875rem; } .m-xxxl-30, .mb-xxxl-30, .my-xxxl-30 { margin-bottom: 1.875rem; } .p-xxxl-30, .pb-xxxl-30, .py-xxxl-30 { padding-bottom: 1.875rem; } .m-xxxl-30, .ml-xxxl-30, .mx-xxxl-30 { margin-left: 1.875rem; } .p-xxxl-30, .pl-xxxl-30, .px-xxxl-30 { padding-left: 1.875rem; } .m-xxxl-30, .mr-xxxl-30, .mx-xxxl-30 { margin-right: 1.875rem; } .p-xxxl-30, .pr-xxxl-30, .px-xxxl-30 { padding-right: 1.875rem; } } @media (min-width: 2560px) { .cell-xxxxl-1 { width: 8.3333333333%; } .cell-xxxxl-2 { width: 16.6666666667%; } .cell-xxxxl-3 { width: 25%; } .cell-xxxxl-4 { width: 33.3333333333%; } .cell-xxxxl-5 { width: 41.6666666667%; } .cell-xxxxl-6 { width: 50%; } .cell-xxxxl-7 { width: 58.3333333333%; } .cell-xxxxl-8 { width: 66.6666666667%; } .cell-xxxxl-9 { width: 75%; } .cell-xxxxl-10 { width: 83.3333333333%; } .cell-xxxxl-11 { width: 91.6666666667%; } .cell-xxxxl-12 { width: 100%; } .m-xxxxl-30, .mt-xxxxl-30, .my-xxxxl-30 { margin-top: 1.875rem; } .p-xxxxl-30, .pt-xxxxl-30, .py-xxxxl-30 { padding-top: 1.875rem; } .m-xxxxl-30, .mb-xxxxl-30, .my-xxxxl-30 { margin-bottom: 1.875rem; } .p-xxxxl-30, .pb-xxxxl-30, .py-xxxxl-30 { padding-bottom: 1.875rem; } .m-xxxxl-30, .ml-xxxxl-30, .mx-xxxxl-30 { margin-left: 1.875rem; } .p-xxxxl-30, .pl-xxxxl-30, .px-xxxxl-30 { padding-left: 1.875rem; } .m-xxxxl-30, .mr-xxxxl-30, .mx-xxxxl-30 { margin-right: 1.875rem; } .p-xxxxl-30, .pr-xxxxl-30, .px-xxxxl-30 { padding-right: 1.875rem; } } .btn, input[type='button'], input[type='reset'], input[type='submit'] { position: relative; display: inline-flex; justify-content: center; vertical-align: top; padding: 0.69rem 2.5rem; color: #081d4d; font-size: 1rem; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; border-radius: 1.57rem; border: 1px solid #5fd6ff; background-color: #5fd6ff; transition: background-color 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s; --focucOutlineSpace: -1px; user-select: none; } @media (max-width: 767px) { .btn, input[type='button'], input[type='reset'], input[type='submit'] { padding: 0.57rem 0.88rem; } } .btn::before, input[type='button']::before, input[type='reset']::before, input[type='submit']::before { content: ''; position: absolute; top: var(--focucOutlineSpace); left: var(--focucOutlineSpace); bottom: var(--focucOutlineSpace); right: var(--focucOutlineSpace); opacity: 0; visibility: hidden; transition: 0.4s ease; border: 1px solid #081d4d; border-radius: 2.5rem; pointer-events: none; } .btn:hover, a:hover .btn, a:hover input[type='button'], a:hover input[type='reset'], a:hover input[type='submit'], input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover { color: #fff; text-decoration: none; border-color: #081d4d; background-color: #081d4d; cursor: pointer; } .btn:focus, input[type='button']:focus, input[type='reset']:focus, input[type='submit']:focus { --focucOutlineSpace: -5px; outline: 0; color: #081d4d; border-color: #081d4d; background-color: transparent; } .btn:focus::before, input[type='button']:focus::before, input[type='reset']:focus::before, input[type='submit']:focus::before { opacity: 1; visibility: visible; } .-dark.btn:hover, .bg-dark .btn:hover, .bg-dark input[type='button']:hover, .bg-dark input[type='reset']:hover, .bg-dark input[type='submit']:hover, a:hover .-dark.btn, a:hover .bg-dark .btn, a:hover .bg-dark input[type='button'], a:hover .bg-dark input[type='reset'], a:hover .bg-dark input[type='submit'], a:hover input.-dark[type='button'], a:hover input.-dark[type='reset'], a:hover input.-dark[type='submit'], input.-dark[type='button']:hover, input.-dark[type='reset']:hover, input.-dark[type='submit']:hover { background-color: #96eaaa; color: #081d4d; border-color: #96eaaa; } .-dark.btn:focus, .bg-dark .btn:focus, .bg-dark input[type='button']:focus, .bg-dark input[type='reset']:focus, .bg-dark input[type='submit']:focus, input.-dark[type='button']:focus, input.-dark[type='reset']:focus, input.-dark[type='submit']:focus { color: #fff; border-color: #fff; } .-dark.btn:focus::before, .bg-dark .btn:focus::before, .bg-dark input[type='button']:focus::before, .bg-dark input[type='reset']:focus::before, .bg-dark input[type='submit']:focus::before, input.-dark[type='button']:focus::before, input.-dark[type='reset']:focus::before, input.-dark[type='submit']:focus::before { border-color: #fff; } .-sm.btn, input.-sm[type='button'], input.-sm[type='reset'], input.-sm[type='submit'] { font-size: 0.75rem; padding: 0.25rem 0.57rem; } .btn.-secondary { background-color: #fff; color: #081d4d; border-color: #081d4d; } .btn.-secondary:hover, a:hover .btn.-secondary { color: #fff; background-color: #081d4d; } .bg-dark .btn.-secondary:hover, .btn.-secondary.-dark:hover, a:hover .bg-dark .btn.-secondary, a:hover .btn.-secondary.-dark { color: #081d4d; border-color: #96eaaa; background-color: #96eaaa; } .bg-dark .btn.-secondary:focus, .btn.-secondary.-dark:focus { color: #081d4d; background-color: #fff; border-color: #fff; } .bg-dark .btn.-secondary:focus::before, .btn.-secondary.-dark:focus::before { border-color: #fff; } .btn.-arrow::after { content: 'g'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; order: -1; font-size: 1.5em; margin-right: 0.5em; line-height: 1; } .btn.-arrow.-style1 { padding: 0; color: #fff; background-color: transparent; border: none; } .btn.-arrow.-style1::after { margin-right: 0.38rem; } .btn-link { position: relative; display: inline; align-items: center; color: #1565c0; font-size: 1rem; font-weight: 600; text-decoration: none; border: 0; transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s; user-select: none; } .btn-link::before { content: ''; position: absolute; top: -6px; bottom: -6px; left: -16px; right: -16px; opacity: 0; visibility: hidden; transition: 0.4s ease; border: 1px solid #081d4d; pointer-events: none; border-radius: 1.57rem; } .btn-link::after { content: ''; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; display: inline; font-size: 0.82em; line-height: 1; margin-left: 6px; color: inherit; vertical-align: middle; } .btn-link:hover, a:hover .btn-link { text-decoration: none; color: #081d4d; } .btn-link.tab-focus, a.tab-focus .btn-link { outline: 0; color: #081d4d; } .btn-link.tab-focus::before, a.tab-focus .btn-link::before { opacity: 1; visibility: visible; } .bg-dark .btn-link, .btn-link.-dark { color: #96eaaa; } .bg-dark .btn-link:hover, .btn-link.-dark:hover, a:hover .bg-dark .btn-link, a:hover .btn-link.-dark { color: #fff; } .bg-dark .btn-link:focus, .btn-link.-dark:focus { color: #fff; } .bg-dark .btn-link:focus::before, .btn-link.-dark:focus::before { border-color: #fff; } .btn-play, .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button { display: flex; align-items: center; justify-content: center; width: 1em; height: 0.87em; color: #081d4d; font-size: 3.63rem; background-color: #96eaaa; border-radius: 2.5rem; text-decoration: none; } .btn-play::after, .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button::after { content: 'e'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; font-size: 0.29em; line-height: 1; margin-left: 0.24em; } .btn-play:hover, .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button:hover, .wysiwyg-section .wysiwyg .wp-video a:hover .mejs-overlay-button, a:hover .btn-play, a:hover .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button { background-color: #5fd6ff; text-decoration: none; } .btn-play:focus, .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button:focus { outline: 1px solid #081d4d; outline-offset: 3px; } .bg-dark .btn-play:focus, .bg-dark .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button:focus, .btn-play.-dark:focus, .wysiwyg-section .wysiwyg .wp-video .-dark.mejs-overlay-button:focus, .wysiwyg-section .wysiwyg .wp-video .bg-dark .mejs-overlay-button:focus { outline-color: #fff; } .btn-play.-style1, .wysiwyg-section .wysiwyg .wp-video .-style1.mejs-overlay-button { background-color: #5fd6ff; } .btn-play.-style1:hover, .wysiwyg-section .wysiwyg .wp-video .-style1.mejs-overlay-button:hover, .wysiwyg-section .wysiwyg .wp-video a:hover .-style1.mejs-overlay-button, a:hover .btn-play.-style1, a:hover .wysiwyg-section .wysiwyg .wp-video .-style1.mejs-overlay-button { background-color: #96eaaa; text-decoration: none; } input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; } .play-video { display: flex; align-items: center; justify-content: center; width: 3.67em; height: 3.13em; background-color: #96eaaa; color: #081d4d; border-radius: 2.5rem; font-size: 1.5rem; text-decoration: none; transition: background-color 0.3s ease 0s; } @media (max-width: 991px) { .play-video { font-size: 1.13rem; } } .play-video::before { margin-left: 0.38rem; } .play-video:hover { background-color: #5fd6ff; text-decoration: none; } .swiper-button-next, .swiper-button-prev { --swiper-navigation-size: 30px; width: var(--swiper-navigation-size); padding: 0; color: #5fd6ff; font-size: 0; border: 0; background-color: #081d4d; transition: background-color 0.4s ease, color 0.4s ease; } .swiper-button-next::after, .swiper-button-prev::after { font-size: 0.75rem; line-height: 1; } .swiper-button-next:hover, .swiper-button-prev:hover { color: #081d4d; background-color: #5fd6ff; } .-style1 .swiper-button-next, .-style1 .swiper-button-prev { color: #081d4d; background-color: #96eaaa; } .-style1 .swiper-button-next:hover, .-style1 .swiper-button-prev:hover { color: #96eaaa; background-color: #081d4d; } .swiper-button-prev { padding-right: 0.13rem; } .swiper-button-prev::after { content: 'i'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; } .swiper-button-next { padding-left: 0.13rem; } .swiper-button-next::after { content: 'h'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; } .swiper-arrows { display: flex; } .swiper-arrows .swiper-button-next, .swiper-arrows .swiper-button-prev { position: static; top: 0; margin: 0; } .swiper-arrows .swiper-button-next { margin-left: 0.82rem !important; } .swiper-pagination { --swiper-pagination-bullet-width: 10px; --swiper-pagination-bullet-height: 10px; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-inactive-color: #5fd6ff; --swiper-pagination-color: #081d4d; position: static; display: flex; align-items: center; justify-content: center; } .swiper-pagination .swiper-pagination-bullet { box-shadow: 0 0 0 1px #96eaaa; cursor: pointer; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { box-shadow: none; } .swiper-pagination.-style1 { --swiper-pagination-bullet-width: min(100%, 80px); --swiper-pagination-bullet-height: 3px; --swiper-pagination-bullet-border-radius: 0; --swiper-pagination-bullet-inactive-color: #96eaaa; --swiper-pagination-bullet-inactive-opacity: 0.5; --swiper-pagination-color: #96eaaa; } .swiper-pagination.-style1 .swiper-pagination-bullet { box-shadow: none; } form label { display: block; margin-bottom: 0.63rem; color: #081d4d !important; font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 400; line-height: 1.5; } :is(input, textarea, button, select) { font-family: Poppins, sans-serif; } input[type='button'], input[type='date'], input[type='email'], input[type='password'], input[type='search'], input[type='submit'], input[type='tel'], input[type='text'], input[type='url'], textarea { -webkit-appearance: none; outline: 0; } input[type='date'], input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], select, textarea { width: 100%; height: 3.13rem; padding: 0.75rem; color: #081d4d !important; font-size: 1rem; font-weight: 400; border: 0.07rem solid rgba(28, 31, 42, 0.3); border-radius: 0; } input[type='date']:focus, input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='url']:focus, select:focus, textarea:focus { box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1); border-color: #5fd6ff; outline: 0; } input[type='date']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, input[type='text']::-webkit-input-placeholder, input[type='url']::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 1rem; color: #081d4d; opacity: 1; } input[type='date']:-moz-placeholder, input[type='email']:-moz-placeholder, input[type='number']:-moz-placeholder, input[type='password']:-moz-placeholder, input[type='search']:-moz-placeholder, input[type='tel']:-moz-placeholder, input[type='text']:-moz-placeholder, input[type='url']:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { font-size: 1rem; color: #081d4d; opacity: 1; } input[type='date']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='number']::-moz-placeholder, input[type='password']::-moz-placeholder, input[type='search']::-moz-placeholder, input[type='tel']::-moz-placeholder, input[type='text']::-moz-placeholder, input[type='url']::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { font-size: 1rem; color: #081d4d; opacity: 1; } input[type='date']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, input[type='search']:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder, input[type='text']:-ms-input-placeholder, input[type='url']:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { font-size: 1rem; color: #081d4d; opacity: 1; } textarea { display: block; height: 7.19rem; padding: 0.63rem 0.94rem; resize: none; overflow: auto; } select { -webkit-appearance: none; padding-right: 1.875em; background-color: transparent; background-image: url(../images/select-down-arrow.svg) !important; background-size: 0.88rem 0.44rem !important; background-position: right 0.5em center !important; background-repeat: no-repeat !important; cursor: pointer; } select:focus { outline: 0; } select::-ms-expand { display: none; } button { cursor: pointer; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover { transition: background-color 5000s ease-in-out 0s; } .form-group { margin-bottom: 1.25rem; } .radio-btn-group .radio-option { display: inline-block; vertical-align: middle; padding: 0 0.63rem; } .radio-btn-group .radio-option:first-child { padding-left: 0; } .radio-btn-group .radio-option .radio-custom { position: absolute; opacity: 0; } .radio-btn-group .radio-option .radio-custom:focus + .radio-custom-label { outline: 0; } .radio-btn-group .radio-option .radio-custom:checked + .radio-custom-label:before { background-color: #000; } .radio-btn-group .radio-option .radio-custom-label { margin: 0; cursor: pointer; color: #000; } .radio-btn-group .radio-option .radio-custom-label:before { content: ''; display: inline-block; vertical-align: middle; height: 0.63rem; width: 0.63rem; margin-top: 0.19rem; margin-right: 0.63rem; background-color: #fff; border: 0.13rem solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px #000; cursor: pointer; } .checkbox input[type='checkbox'], .gfield_checkbox input[type='checkbox'] { display: none; width: initial; height: initial; margin-bottom: 0; padding: 0; cursor: pointer; } .checkbox input[type='checkbox']:checked + label::before, .gfield_checkbox input[type='checkbox']:checked + label::before { background-color: #1c1f2a; border-color: #1c1f2a; } .checkbox input[type='checkbox']:checked + label::after, .gfield_checkbox input[type='checkbox']:checked + label::after { content: ''; position: absolute; top: 3px; left: 6px; display: block; width: 0.32rem; height: 0.63rem; border: solid #fff; border-width: 0 0.13rem 0.13rem 0; transform: rotate(42deg); } .checkbox label, .gfield_checkbox label { position: relative; padding-left: 1.5rem; cursor: pointer; } .checkbox label::before, .gfield_checkbox label::before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; margin-top: 1px; vertical-align: middle; padding: 0.44rem; background-color: transparent; border: 0.07rem solid rgba(28, 31, 42, 0.75); -webkit-appearance: none; cursor: pointer; } .mkt-frm { width: 100%; max-width: 28.94rem; margin: 0 auto; box-shadow: 0 0.25rem 1rem 0.5rem rgba(8, 29, 77, 0.1019607843); border-image-slice: 1; border-top: 4px solid; border-image-source: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); } .mkt-frm[data-aos] { opacity: 0; } .mkt-frm.aos-animate { opacity: 1; } .mkt-frm .mktoGutter { display: none !important; } .mkt-frm .mktoForm { width: 100% !important; } .mkt-frm .mktoForm .mktoFieldWrap textarea { height: 7.19rem !important; } .mkt-frm .mktoForm .mktoLabel { margin-bottom: 0.32rem; padding-top: 0 !important; width: auto !important; } .mkt-frm .mktoForm .mktoLabel .mktoAsterix { padding: 3px 0 0; display: block !important; color: inherit; line-height: 1 !important; float: right !important; } .mkt-frm .mktoForm .mktoHtmlText { width: 100% !important; } .mkt-frm .mktoForm .mktoHtmlText span { font-family: Poppins, sans-serif !important; color: #1c1f2a !important; } .mkt-frm .mktoForm .mktoFieldDescriptor { margin-bottom: 0 !important; } .mkt-frm .mktoForm .mktoField { width: 100% !important; height: 3.13rem !important; border: 1px solid rgba(28, 31, 42, 0.3) !important; padding: 0.75rem 1.875em 0.75rem 0.75rem !important; font-size: 1rem !important; color: #081d4d !important; border-radius: 0 !important; } .mkt-frm .mktoForm .mktoButton { width: 100%; border: 0; color: #081d4d !important; background-color: #5fd6ff !important; } .mkt-frm .mktoForm .mktoButtonWrap { margin-left: 0 !important; } .mkt-frm .mktoForm .mktoButtonRow { width: 100%; } .mkt-frm .mktoForm .mktoFormRow:nth-child(8) .mktoFieldDescriptor { display: inline; width: auto; margin-bottom: 0 !important; } .mkt-frm .mktoForm .mktoFormRow:nth-child(8) .mktoFormCol { margin-bottom: 0 !important; } .mkt-frm .mktoForm #Lbliamnotarobot { display: none; } .mkt-frm .mktoForm { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .mkt-frm .mktoForm .mktoError { display: none !important; } .mkt-frm .mktoForm #Email + .mktoError { top: 86% !important; left: 0 !important; display: block !important; width: 100%; } .mkt-frm .mktoForm .mktoButtonRow, .mkt-frm .mktoForm .mktoFormRow { grid-column: span 2; } .mkt-frm .mktoForm .inputFirstName, .mkt-frm .mktoForm .inputLastName { grid-column: span 1; } @media (max-width: 991px) { .mkt-frm .mktoForm .inputFirstName, .mkt-frm .mktoForm .inputLastName { grid-column: span 2; } } .mkt-frm .mktoFormRow:has(input[type='hidden']) { display: none !important; } .mkt-frm .mktoFormRow:has(.mktoFormCol + .mktoFormCol) { grid-column: span 2 !important; } .mkt-frm .mktoFormRow:not(.customCheckboxClass) .mktoFormCol + .mktoFormCol { margin-top: 1rem !important; } .mkt-frm .mktoFormRow .mktoOffset { display: none; } .mkt-frm .mktoFormRow.customCheckboxClass { display: flex; flex-wrap: wrap; align-items: center; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap { width: auto !important; } .mkt-frm .mktoFormRow.customCheckboxClass input[type='checkbox'] { width: 1.44rem !important; height: 1.44rem !important; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFormCol { display: flex; align-items: center; width: auto !important; margin-bottom: 0 !important; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.mktoError) .mktoLabel, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.mktoError) .mktoLabel, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.mktoError) .mktoLabel { color: #b22234 !important; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.mktoError) .mktoField, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.mktoError) .mktoField, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.mktoError) .mktoField { border-color: #b22234 !important; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.mktoError) .mktoField::-webkit-input-placeholder, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.mktoError) .mktoField::-webkit-input-placeholder, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.mktoError) .mktoField::-webkit-input-placeholder { color: #b22234 !important; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.mktoError) .mktoField:-moz-placeholder, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.mktoError) .mktoField:-moz-placeholder, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.mktoError) .mktoField:-moz-placeholder { color: #b22234 !important; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.mktoError) .mktoField::-moz-placeholder, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.mktoError) .mktoField::-moz-placeholder, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.mktoError) .mktoField::-moz-placeholder { color: #b22234 !important; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.mktoError) .mktoField:-ms-input-placeholder, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.mktoError) .mktoField:-ms-input-placeholder, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.mktoError) .mktoField:-ms-input-placeholder { color: #b22234 !important; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.mktoError) select, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.mktoError) select, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.mktoError) select { color: #b22234 !important; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.cust-label) .mktoField::-webkit-input-placeholder, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.cust-label) .mktoField::-webkit-input-placeholder, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.cust-label) .mktoField::-webkit-input-placeholder { opacity: 0; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.cust-label) .mktoField:-moz-placeholder, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.cust-label) .mktoField:-moz-placeholder, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.cust-label) .mktoField:-moz-placeholder { opacity: 0; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.cust-label) .mktoField::-moz-placeholder, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.cust-label) .mktoField::-moz-placeholder, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.cust-label) .mktoField::-moz-placeholder { opacity: 0; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.cust-label) .mktoField:-ms-input-placeholder, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.cust-label) .mktoField:-ms-input-placeholder, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.cust-label) .mktoField:-ms-input-placeholder { opacity: 0; } .mkt-frm .mktoFormRow.customCheckboxClass .mktoFieldWrap:has(.cust-label-notreq) .mktoAsterix, .mkt-frm .mktoFormRow.customInputClass .mktoFieldWrap:has(.cust-label-notreq) .mktoAsterix, .mkt-frm .mktoFormRow.customSelect .mktoFieldWrap:has(.cust-label-notreq) .mktoAsterix { display: none !important; } .mkt-frm .mktoFormRow.customSelect .mktoLabel { display: none !important; } .mkt-frm .mktoFormRow:not(.customTextarea, .customSelect, .customCheckboxClass, .no-label-text) .mktoField { padding: 0.75rem 0.75rem 0.5rem !important; } .mkt-frm .mktoFormRow:not(.customTextarea, .customSelect, .customCheckboxClass, .no-label-text) .mktoLabel { position: absolute; top: 1rem; left: 0.75rem; margin-bottom: 0; color: #081d4d !important; font-size: 1rem !important; font-weight: 400 !important; z-index: 1; transition: 0.4s ease; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; max-width: 93%; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; pointer-events: none; } .mkt-frm .mktoFormRow:not(.customTextarea, .customSelect, .customCheckboxClass, .no-label-text) .mktoFieldWrap.focused .mktoLabel { top: 0.32rem; font-weight: 600 !important; font-size: 0.75rem !important; color: #081d4d; opacity: 60%; } .mkt-frm .mktoFormRow:not(.customTextarea, .customSelect, .customCheckboxClass, .no-label-text) .mktoFieldWrap.focused input { padding-top: 1.25rem !important; } .mkt-frm .mktoFormRow:not(.customTextarea, .customSelect, .customCheckboxClass, .no-label-text) .mktoFieldWrap.focused select, .mkt-frm .mktoFormRow:not(.customTextarea, .customSelect, .customCheckboxClass, .no-label-text) .mktoFieldWrap.focused textarea { box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1) !important; border-color: #5fd6ff !important; } .mkt-frm .mktoFormRow:not(.customTextarea, .customSelect, .customCheckboxClass, .no-label-text) .mktoFieldWrap.blurred input, .mkt-frm .mktoFormRow:not(.customTextarea, .customSelect, .customCheckboxClass, .no-label-text) .mktoFieldWrap.blurred select { border-color: rgba(28, 31, 42, 0.7) !important; box-shadow: none !important; } .mkt-frm .mktoFormRow .mktoLabel { width: auto !important; padding-top: 0 !important; line-height: 1.5 !important; margin-bottom: 0.5rem; color: #081d4d !important; font-family: Poppins, sans-serif !important; font-size: 1rem !important; font-weight: 400 !important; transition: 0.4s ease; } .mkt-frm .mktoButtonRow .mktoButton { font-family: Poppins, sans-serif !important; font-weight: 600 !important; border-radius: 100vh !important; padding: 0.5rem 2.69rem !important; font-size: 1rem !important; transition: 0.4s !important; } .mkt-frm .mktoButtonRow .mktoButton:hover { background-color: #081d4d !important; color: #fff !important; } .mkt-frm .mktoFieldWrap input[type='text']::placeholder, .mkt-frm .mktoFieldWrap textarea::placeholder { color: #081d4d; } .mkt-frm .mktoFieldWrap.focused input[type='email'], .mkt-frm .mktoFieldWrap.focused input[type='text'], .mkt-frm .mktoFieldWrap.focused select, .mkt-frm .mktoFieldWrap.focused textarea { box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1) !important; border-color: #5fd6ff !important; } .mkt-frm .mktoFieldWrap.blurred input[type='email'], .mkt-frm .mktoFieldWrap.blurred input[type='text'], .mkt-frm .mktoFieldWrap.blurred select, .mkt-frm .mktoFieldWrap.blurred textarea { border-color: rgba(28, 31, 42, 0.7) !important; box-shadow: none !important; } form#mktoForm_9929, form#mktoForm_9943 { grid-template-columns: repeat(6, 1fr); } form#mktoForm_9929.mktoForm .mktoFormRow, form#mktoForm_9943.mktoForm .mktoFormRow { grid-column: span 6; } form#mktoForm_9929 .mktoButtonRow, form#mktoForm_9943 .mktoButtonRow { grid-column: span 6; } form#mktoForm_9929 .mktoFormRow:has(.mktoFormCol + .mktoFormCol), form#mktoForm_9943 .mktoFormRow:has(.mktoFormCol + .mktoFormCol) { grid-column: span 6 !important; } form#mktoForm_9929 .grid-column-span-2, form#mktoForm_9943 .grid-column-span-2 { grid-column: span 2 !important; align-self: end; } form#mktoForm_9929 .grid-column-span-4, form#mktoForm_9943 .grid-column-span-4 { grid-column: span 4 !important; align-self: end; } :root { --space-lg: 5rem; --space-md: 3.75rem; --space-sm: 2.5rem; } @media (max-width: 1199px) { :root { --space-lg: 2.5rem; --space-md: 2.19rem; } } @media (max-width: 767px) { :root { --space-md: 1.88rem; --space-sm: 1.25rem; } } #wpadminbar { position: fixed; } .wrapper { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 100%; min-height: 100%; z-index: 0; } .main-container { position: relative; width: 100%; align-self: start; background-color: #fff; border-bottom: 4px solid; border-image-slice: 1; border-image-source: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); z-index: 2; } .main-container.dark-mode { background: #081d4d; } .acf-preview-img { display: none; } .space-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } .space-lg-m { margin-top: var(--space-lg); margin-bottom: var(--space-lg); } .space-md { padding-top: var(--space-md); padding-bottom: var(--space-md); } .space-md-m { margin-top: var(--space-md); margin-bottom: var(--space-md); } .space-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); } .space-sm-m { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } .bg-dark :not(.btn, .btn-link, .btn-play, a), .inner-text-white :not(.btn, .btn-link, .btn-play, a) { color: #fff; } .pagination { margin: 2rem 0; display: flex; align-items: center; justify-content: center; } .pagination ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; } .pagination ul li { position: relative; margin: 0 4px; padding: 0; font-weight: 600; color: rgba(28, 31, 42, 0.6); } .pagination ul li:has(.prev) { margin-right: 0.75rem; } .pagination ul li:has(.next) { margin-left: 0.75rem; } .pagination ul li .prev { display: block; } .pagination ul li .prev:disabled { color: #ccccd2; } .pagination ul li .next { display: block; padding: 0 !important; } .pagination ul li .next i, .pagination ul li .prev i { width: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; color: #081d4d; font-size: 1.13rem; } .pagination ul li .next i::before, .pagination ul li .prev i::before { display: block; } .pagination ul li .page-numbers { display: block; padding: 0.38rem 0.5rem; border-radius: 5px; font-weight: 600; color: #081d4d; } .pagination ul li .page-numbers.current { background-color: #081d4d; color: #fff; } .pagination ul li .dots { display: block; color: #081d4d; pointer-events: none; } .pagination ul li a:hover { color: #96eaaa !important; } .pagination ul li a:not(.prev, .next), .pagination ul li span { color: rgba(28, 31, 42, 0.6); line-height: 1; text-decoration: none; border: none; transition: 0.4s ease background-color, 0.4s ease color; } .pagination ul li a:not(.prev, .next).active, .pagination ul li span.active { border-color: #081d4d; } .pagination ul li .next, .pagination ul li .prev { color: #081d4d; text-decoration: none; cursor: pointer; } .pagination ul li .next::before, .pagination ul li .prev::before { content: ''; position: absolute; top: -4px; bottom: -4px; left: -5px; right: -2px; border: 1px solid #ccccd2; border-radius: 0.38rem; opacity: 0; visibility: hidden; } .pagination ul li .next:hover, .pagination ul li .prev:hover { color: #96eaaa; } .pagination ul li .next:focus::before, .pagination ul li .prev:focus::before { outline: 0; opacity: 1; visibility: visible; } .pagination ul li .next.disabled, .pagination ul li .prev.disabled { opacity: 0.6; pointer-events: none; } .pagination ul li .current { color: #081d4d; } .breadcrumbs { display: flex; flex-wrap: wrap; margin-bottom: 2.13rem; } @media (max-width: 1199px) { .breadcrumbs { margin-bottom: 1.57rem; } } .bg-dark .breadcrumbs .current-item { color: #fff; } .breadcrumbs span { color: #081d4d; font-weight: 400; transition: all 0.35s ease 0s; } .breadcrumbs span.current-item { color: #1565c0; font-weight: 500; } .breadcrumbs [typeof='ListItem']:not(:last-child):after { content: ''; display: inline-block; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #5fd6ff; margin: 0 0.5rem; vertical-align: middle; } .sec-heading { margin-left: auto; margin-right: auto; margin-bottom: 3.13rem; } .sec-heading p { font-size: 1.25rem; } @media (max-width: 767px) { .sec-heading p { font-size: 1.13rem; } } .eyebrow-text { color: #1565c0; font-size: 0.75rem; font-weight: 600; } .eyebrow-text.color-300 { color: #96eaaa; } .otgs-development-site-front-end { display: none !important; } @media (max-width: 767px) { .wc-table { width: 100%; overflow: auto; } } .wc-table td { text-align: left; padding: 1rem; } .wc-table th { padding: 1rem; color: #fff; font-weight: 700; background-color: #1565c0; } .wc-table tr:nth-child(1) td { color: #fff !important; background-color: #1565c0 !important; font-weight: 700 !important; } .wc-table td { color: #1c1f2a; font-size: 0.88rem; } .wc-table tr:nth-child(even) { background: rgba(217, 217, 214, 0.502); } .listing-filter-bar .lfb-search-bar { position: relative; margin-bottom: 2rem; } .listing-filter-bar .lfb-search-bar input[type='search'] { padding: 0.75rem 2.5rem 0.75rem 0.75rem !important; height: 2.82rem !important; font-size: 0.88rem !important; border-color: rgba(28, 31, 42, 0.3); } .listing-filter-bar .lfb-search-bar input[type='search']:focus { border-color: #1c1f2a; box-shadow: none; } .listing-filter-bar .lfb-search-bar .search-btn { position: absolute; top: 0; right: 0; width: auto; height: 100%; padding: 0.63rem 1rem; display: inline-flex; align-items: center; justify-content: center; color: #081d4d; font-size: 1.13rem; background-color: transparent; border: 0; } @media (max-width: 991px) { .listing-filter-bar .lfb-filter-list { display: flex; flex-wrap: wrap; margin: 0 -0.62rem; } } .listing-filter-bar .lfb-filter-item:not(.-title) .lfb-filter-dropdown, .listing-filter-bar .lfb-filter-item:not(.-title) .lfb-filter-title { border: 1px solid rgba(8, 29, 77, 0.3); } .listing-filter-bar .lfb-filter-item:not(:last-child) { margin-bottom: 1rem; } @media (max-width: 991px) { .listing-filter-bar .lfb-filter-item { padding: 0 0.63rem; width: 33.33%; } } @media (max-width: 767px) { .listing-filter-bar .lfb-filter-item { width: 100%; } } .listing-filter-bar .lfb-filter-item.-title { width: 100%; display: flex; align-items: center; justify-content: space-between; } .listing-filter-bar .lfb-filter-item.-title .heading { color: rgba(28, 31, 42, 0.8); font-weight: 700; } .listing-filter-bar .lfb-filter-item.-title .reset-btn { margin-left: 0.63rem; color: #1565c0; font-weight: 600; } .listing-filter-bar .lfb-filter-item.-title .reset-btn:hover { color: #081d4d; } .listing-filter-bar .lfb-filter-item.is-active .lfb-filter-dropdown, .listing-filter-bar .lfb-filter-item.is-active .lfb-filter-title { border-color: #1c1f2a; } .listing-filter-bar .lfb-filter-item.is-active .lfb-filter-title { border-bottom-color: transparent; } .listing-filter-bar .lfb-filter-item.is-active .lfb-filter-title::before { transform: translateY(-50%) scale(-1); } .listing-filter-bar .lfb-filter-title { position: relative; padding: 0.75rem 2.19rem 0.75rem 0.75rem; display: flex; align-items: center; justify-content: space-between; color: #707070; font-size: 0.88rem; transition: 0.35s ease 0s; cursor: pointer; } .listing-filter-bar .lfb-filter-title::before { content: ''; position: absolute; top: 50%; right: 1rem; width: 0; height: 0; border-style: solid; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid #081d4d; border-bottom: 0; transform: translateY(-50%); transition: transform 0.4s ease 0s; } .listing-filter-bar .lfb-filter-title em { font-style: normal; } .listing-filter-bar .lfb-filter-dropdown { display: none; padding: 0.25rem 0.75rem 0.75rem; border-top: 0 !important; margin-top: -1px; } .listing-filter-bar .lfb-filter-dropdown ul { margin: 0; padding: 0; list-style: none; } .listing-filter-bar .lfb-filter-dropdown ul li { padding: 0; } .listing-filter-bar .lfb-filter-dropdown ul li:not(:last-child) { margin-bottom: 16px; } .listing-filter-bar .lfb-filter-dropdown ul li label { margin: 0; color: #081d4d; font-size: 0.75rem; } .listing-filter-bar .lfb-filter-dropdown ul li .child-terms { margin-top: 0.63rem; margin-left: 1rem; } .listing-filter-bar .lfb-filter-dropdown ul li .child-terms > li { margin-bottom: 0.63rem; } .listing-filter-column { position: relative; margin-top: 1rem; } .listing-filter-column .filter { position: relative; display: inline-block; padding-left: 1.25rem; margin: 0.38rem 2rem 0.38rem 0; color: #081d4d; font-size: 0.88rem; font-weight: 600; line-height: 1.2; transition: 0.3s ease 0s; cursor: pointer; } .listing-filter-column .filter:hover { color: #1565c0; } .listing-filter-column .filter:hover .close-icon { background-color: #1565c0; } @media (max-width: 575px) { .listing-filter-column .filter-list { display: flex; flex-wrap: wrap; justify-content: center; } } .listing-filter-column .close-icon { position: absolute; left: 0; top: 0; width: 1rem; height: 1rem; background-color: #081d4d; border-radius: 3px; transition: 0.3s ease 0s; } .listing-filter-column .close-icon::after, .listing-filter-column .close-icon::before { content: ''; position: absolute; left: 0.44rem; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 2px; height: 10px; background-color: #fff; } .listing-filter-column .close-icon::before { transform: translateY(-50%) rotate(45deg); } .filter-radio-slider { overflow: hidden; } .filter-radio-slider-wrap { position: relative; } @media (max-width: 767px) { .filter-radio-slider-wrap { padding: 0 1.38rem; } } @media (min-width: 768px) { .filter-radio-slider-wrap .swiper-button-next, .filter-radio-slider-wrap .swiper-button-prev { display: none; } } .filter-radio-slider-wrap .swiper-button-prev { left: -1.25rem; } .filter-radio-slider-wrap .swiper-button-next { right: -1.25rem; } .filter-radio-option { margin: 0; padding: 0; display: flex; } @media (min-width: 768px) { .filter-radio-option { flex-wrap: wrap; } } .filter-radio-option li { margin-right: 0.63rem; width: auto; padding: 0; list-style-type: none; } @media (min-width: 768px) { .filter-radio-option li { margin-top: 0.63rem; } } .filter-radio-option li.active label, .filter-radio-option li:hover label { background-color: #081d4d; color: #fff !important; } .filter-radio-option li input[type='radio'] { position: absolute; opacity: 0; } .filter-radio-option li label { margin: 0; padding: 0.5rem 1rem; font-size: 0.88rem; font-weight: 500; border-radius: 25px; color: #081d4d; background: rgba(8, 29, 77, 0.1); transition: all 0.3s ease 0s; cursor: pointer; } select { padding-right: 1.875em !important; } select.filter-order { padding-left: 0.63rem !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 1.875em !important; height: 1.5rem !important; color: rgba(28, 31, 42, 0.7) !important; border: 0; box-shadow: none; } select.filter-order:focus { box-shadow: none; } .text-white .h1, .text-white h1 { color: #fff; } .text-white .h2, .text-white h2 { color: #fff; } .text-white .h3, .text-white h3 { color: #fff; } .text-white .h4, .text-white h4 { color: #fff; } .text-white .h5, .text-white h5 { color: #fff; } .text-white .h6, .text-white h6 { color: #fff; } .simplebar-track { width: 0.38rem !important; border-radius: 2.19rem !important; background-color: #e5e5e5 !important; } .simplebar-track.simplebar-horizontal { width: 100% !important; } .simplebar-scrollbar { border-radius: 2.19rem !important; overflow: hidden; } .simplebar-scrollbar::before { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; } @media (max-width: 1199px) { .fancybox__slide { padding: 1.25rem; } } .fancybox__slide.has-iframe .fancybox__content { padding: 0; } .fancybox__slide:not(.has-image) .fancybox__content { aspect-ratio: 16/9; } @media screen and (orientation: landscape) { .fancybox__slide:not(.has-image) .fancybox__content { width: auto !important; height: 100% !important; } } @media screen and (orientation: portrait) { .fancybox__slide:not(.has-image) .fancybox__content { width: 100% !important; height: auto !important; } } .cross-animation { --ms: 0%; -webkit-mask: url(../images/cross-shape.svg); mask: url(../images/cross-shape.svg); mask-repeat: no-repeat; mask-position: center; -webkit-mask-composite: xor; mask-composite: exclude; mask-size: var(--ms, 0); transition: 0.4s; } .skipped-content { position: absolute; width: 100%; top: -999px; text-align: center; pointer-events: none; z-index: 9999; width: 1px; height: 1px; } .skipped-content:active { top: 0; width: auto; height: auto; overflow: visible; opacity: 1; } .skipped-content .skip-link { padding: 0.32rem 0.63rem; width: auto; height: auto; display: inline-block; font-size: 0.88rem; font-weight: 700; outline: 0; background-color: #fff; border: 1px solid #96eaaa !important; border-radius: 0 0 15px 15px; transform: translateY(-100%); text-decoration: none; text-transform: capitalize; pointer-events: auto; z-index: 999; transition: 0.4s ease 0s; } .skipped-content .skip-link:focus { outline: 0; } .skipped-content .skip-show { transform: translateY(0); text-decoration: underline !important; } .skip-content-wrap { position: relative; width: 100%; } .skip-content-wrap .skip-this { position: absolute; opacity: 0; } .listing-sec .load-more-img { position: relative; left: unset; top: unset; transform: unset; } .load-more-img { display: flex; justify-content: center; margin-bottom: 1.88rem; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 2; background: rgba(255, 255, 255, 0.6); } .load-more-img .loading { width: 5rem; height: 5rem; border-radius: 9.38rem; border: 0.32rem solid rgba(181, 164, 252, 0.3); border-top-color: #5fd6ff; box-sizing: border-box; animation: loading 1.2s linear infinite; -webkit-animation: loading 1.2s linear infinite; } @keyframes loading { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } } .hamburger { --humburgerBox: 1.88rem; display: none; align-items: center; justify-content: center; width: var(--humburgerBox); height: var(--humburgerBox); padding: 0.13rem; margin: 0; text-align: center; background-color: transparent; border: 2px solid transparent; border-radius: 100%; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 999; } @media (max-width: 1199px) { .hamburger { display: flex; } } .hamburger:focus, .hamburger:hover { background-color: transparent; outline: 0; cursor: pointer; } .hamburger span { position: relative; left: 0; right: 0; display: block; margin: 0 auto; border-radius: 0; height: 2px; width: 100%; background: #fff; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); cursor: pointer; border-radius: 2px; } .hamburger span:after, .hamburger span:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; background: #fff; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); cursor: pointer; border-radius: 2px; } .hamburger span:before { top: -6px; } .hamburger span:after { bottom: -6px; } .hamburger.is-clicked { padding: 0.25rem; border-color: #081d4d; } .hamburger.is-clicked span { background-color: transparent !important; } .hamburger.is-clicked span:after, .hamburger.is-clicked span:before { top: 0; background-color: #081d4d !important; } .hamburger.is-clicked span:before { transform: rotate(45deg); } .hamburger.is-clicked span:after { transform: translateY(-6px) rotate(-45deg); top: 6px; } .mbnav { position: relative; display: none; z-index: 999; } @media (max-width: 1199px) { .mbnav { display: block; } } .mbnav__state { position: fixed; top: 0; bottom: 0; right: -100%; width: 100%; transition: all 0.3s ease-in-out; overflow: hidden; z-index: 999; pointer-events: none; max-width: 25rem; } @media (max-width: 767px) { .mbnav__state { max-width: 100%; } } .mbnav__inner { position: relative; max-height: 100vh; width: 100%; height: 100%; pointer-events: none; } .mbnav__top { display: flex; justify-content: space-between; background: #96eaaa; } .mbnav__logo { color: #fff; padding: 15px; } .mbnav .menu-wrap { --leftSlide: 0; position: absolute; width: 100%; height: 100%; top: 0; right: var(--leftSlide); transition: 0.4s ease; background-color: #fff; } .mbnav .menu-wrap .menu-wrap { right: -100%; opacity: 0; visibility: hidden; } .mbnav .menu-wrap > .menu-inner { max-height: 100%; padding-top: 5.32rem; padding-bottom: 1.88rem; background-color: #fff; pointer-events: auto; overflow: hidden auto; height: 100%; } .mbnav .menu-wrap > .menu-inner .navigation-mobile { margin-top: 2.5rem; padding: 0 2rem; display: flex; flex-wrap: wrap; align-items: center; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list { margin-top: 1.25rem; display: none; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list-wrap { width: 100%; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.language-list > ul { padding: 0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.language-list > ul > li { position: relative; padding-left: 1.5rem; border: 0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.language-list > ul > li.active::before, .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.language-list > ul > li.wpml-ls-current-language::before { opacity: 1; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.language-list > ul > li.active > a, .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.language-list > ul > li.wpml-ls-current-language > a { color: #1565c0 !important; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.language-list > ul > li::before { content: ''; position: absolute; top: calc(50% - 8px); left: 0; width: 1.07rem; height: 1rem; opacity: 0; /* background-image: url(../images/check-icon.svg); */ background-repeat: no-repeat; background-size: 100% 100%; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.language-list > ul > li:not(:last-child) { margin-bottom: 1.38rem; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.language-list > ul > li > a { padding: 0; color: #081d4d; font-weight: 600; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul { padding: 0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul li { border: 0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul li a { padding: 0; order: inherit; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li { padding: 0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:not(:last-child) { margin-bottom: 1.38rem; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:has(> .ext-link) { display: flex; align-items: center; justify-content: flex-start; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:has(> .ext-link) .ext-link { display: flex; margin-left: 0.5rem; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:has(> .ext-link) .ext-link::before { content: 's'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; color: #1565c0; font-size: 0.75rem; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:last-child { display: flex; align-items: flex-start; flex-direction: column; padding: 0.75rem 1.44rem; background-color: #f0f0f0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:last-child > a { display: inline-flex; align-items: center; flex-direction: row-reverse; color: #1565c0; font-size: 0.88rem; font-weight: 700; margin-top: 1px; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:last-child > a::before { content: 'h'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; line-height: 1; font-size: 0.75rem; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:last-child > a:hover { color: #081d4d; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:last-child .menu-item-description { margin-bottom: 0.38rem; order: -1; font-size: 12px; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li:last-child .menu-item-description b { margin-bottom: 0.25rem; display: block; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li a { color: #081d4d; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li a:hover { color: #1565c0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li > a { font-weight: 600; flex: inherit; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li > .sub-menu { position: static; margin-top: 1.25rem; margin-left: 0.94rem; width: 100%; padding: 0; display: flex; align-items: flex-start; flex-direction: column; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li > .sub-menu > li:not(:last-child) { margin-bottom: 1rem; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li > .sub-menu > li:has(.back-title) { display: none !important; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li > .sub-menu > li:has(.ext-link) { display: inline-flex; align-items: center; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li > .sub-menu > li:has(.ext-link) .ext-link { display: flex; margin-left: 0.5rem; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-menu-list.portal-menu-list > ul > li > .sub-menu > li:has(.ext-link) .ext-link::before { content: 's'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; color: #1565c0; font-size: 0.75rem; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-left, .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-right { width: 50%; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-left { display: flex; align-items: center; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-left-item { margin: 0 0.5rem; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-left-item:first-child { margin-left: 0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-left-item.is-show .nav-left-link { color: #1565c0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-left-link { padding: 0; display: flex; color: #081d4d; font-size: 1.25rem; background-color: transparent; border: 0; transition: color 0.35s ease 0s; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-left-link:hover { color: #1565c0; } .mbnav .menu-wrap > .menu-inner .navigation-mobile .nav-right .btn { padding: 0.38rem 0.94rem; width: 100%; font-size: 0.75rem; } .mbnav ul { position: static; left: 0; width: 100%; margin: 0; padding: 0 15px; transition: 0.4s ease; } .mbnav ul li.is-open > .menu-wrap { opacity: 1; visibility: visible; } .mbnav ul li > .menu-link, .mbnav ul li > a { padding: 0.94rem; } .mbnav ul li > .menu-wrap > .menu-inner > ul > li { border: 0; padding: 0 0.94rem; } .mbnav ul li > .menu-wrap > .menu-inner > ul > li:not(.sub-menu-item) { padding: 0; } .mbnav ul li > .menu-wrap > .menu-inner > ul > li:nth-child(3) { padding-top: 0.94rem; } .mbnav ul li > .menu-wrap > .menu-inner > ul > li:last-child { padding-bottom: 0.94rem; border-bottom: 1px solid #c1c1c1; } .mbnav ul li > .menu-wrap > .menu-inner > ul > li > .sub-menu-link, .mbnav ul li > .menu-wrap > .menu-inner > ul > li > a { padding: 0.94rem; } .mbnav ul li > .menu-wrap > .menu-inner > ul > li .sub-menu-link, .mbnav ul li > .menu-wrap > .menu-inner > ul > li a { font-size: 1rem; font-weight: 600; } .mbnav ul li > .menu-wrap > .menu-inner > ul > li .sub-menu-link.btn-link, .mbnav ul li > .menu-wrap > .menu-inner > ul > li a.btn-link { display: inline-flex; align-items: center; color: #1565c0; } .mbnav ul li > .menu-wrap > .menu-inner > ul > li .sub-menu-link.btn-link:hover, .mbnav ul li > .menu-wrap > .menu-inner > ul > li a.btn-link:hover { color: #081d4d; } .mbnav ul li > .menu-wrap > .menu-inner > ul > li .sub-menu-link.btn-link::after, .mbnav ul li > .menu-wrap > .menu-inner > ul > li a.btn-link::after { content: 'h'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; display: inline-flex; font-size: 0.82em; line-height: 1; margin: 0 0 0 0.38rem; color: inherit; position: static; transform: none; border: 0; } .mbnav ul li > .menu-wrap > .menu-inner > ul.icon-menu .sub-menu-item-wrap { display: flex; width: 100%; margin: 0.5rem; } .mbnav ul li > .menu-wrap > .menu-inner > ul.icon-menu .sub-menu-icon { margin-right: 0.5rem; margin-top: 0.13rem; display: flex; width: 1rem; height: 1rem; } .mbnav ul li > .menu-wrap > .menu-inner > ul.icon-menu .sub-menu-icon img { width: 100%; height: 100%; object-fit: contain; } .mbnav ul li > .menu-wrap > .menu-inner > ul.icon-menu .sub-menu-content { flex: 1; } .mbnav ul li > .menu-wrap > .menu-inner > ul.icon-menu .sub-menu-content p { margin-top: 0.32rem; color: #727272; font-size: 0.75rem; } .mbnav ul li > .menu-wrap > .menu-inner > ul.icon-menu .icon-cta { display: flex; flex-wrap: wrap; justify-content: space-between; } .mbnav ul li > .menu-wrap > .menu-inner > ul.icon-menu .icon-menu-cta { margin: 1.75rem 0.94rem 1.25rem; width: 100%; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu > li.highlight > a, .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu > li.highlight > span { color: #1565c0; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu > li.highlight > .mbnav__caret::before { border-color: #1565c0; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu ul { display: flex; flex-direction: column; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu ul > li > a { font-weight: 400; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu .mm-wrap { padding-top: 0; margin-bottom: 0.94rem; display: block; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu .mm-featured-post { padding: 0.94rem 3.75rem 1.88rem 1.88rem; border-bottom: 1px solid #c1c1c1; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu .mm-featured-post .h6 { margin-bottom: 0.5rem; display: block; font-weight: 600; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu .mm-featured-post .featured-img { position: relative; padding-top: 56.6037735849%; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu .mm-featured-post .featured-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu .mm-featured-post .featured-img-wrap { max-width: 16.88rem; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu .mm-featured-post .btn-link, .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu .mm-featured-post .desc { margin-top: 0.75rem; display: block; } .mbnav ul li > .menu-wrap > .menu-inner > ul.mega-menu .mm-featured-post p { font-size: 0.82rem; } .mbnav ul li:not(.btn-wrap, .icon-cta) { position: static; display: flex; justify-content: space-between; padding: 0; margin: 0; list-style: none; color: #081d4d; font-size: 0.88rem; font-weight: 500; border-bottom: 1px solid #c1c1c1; } .mbnav ul li:not(.btn-wrap, .icon-cta):first-child { border-top: 1px solid #c1c1c1; } .mbnav ul li:not(.btn-wrap, .icon-cta)::before { display: none; } .mbnav ul li:not(.btn-wrap, .icon-cta).has-sub a::after { display: none; } .mbnav ul li:not(.btn-wrap, .icon-cta) .mbnav__caret::before, .mbnav ul li:not(.btn-wrap, .icon-cta) .menu-link::after, .mbnav ul li:not(.btn-wrap, .icon-cta) .sub-menu-link::after, .mbnav ul li:not(.btn-wrap, .icon-cta) a::after { content: ''; --sArrowWidth: 10px; display: flex; align-items: center; margin: auto; width: var(--sArrowWidth); height: var(--sArrowWidth); border: calc(var(--sArrowWidth) / 4) solid #081d4d; border-left: 0; border-bottom: 0; transform: rotate(45deg); } .mbnav ul li:not(.btn-wrap, .icon-cta) .menu-link, .mbnav ul li:not(.btn-wrap, .icon-cta) .sub-menu-link, .mbnav ul li:not(.btn-wrap, .icon-cta) a { position: relative; display: block; color: currentColor; line-height: 1.3; text-decoration: none !important; z-index: 2; cursor: pointer; flex: 1 1 auto; order: -1; } .mbnav ul li:not(.btn-wrap, .icon-cta) .menu-link:hover, .mbnav ul li:not(.btn-wrap, .icon-cta) .sub-menu-link:hover, .mbnav ul li:not(.btn-wrap, .icon-cta) a:hover { color: #1565c0; } .mbnav ul li:not(.btn-wrap, .icon-cta) .menu-link:has(.icon), .mbnav ul li:not(.btn-wrap, .icon-cta) .sub-menu-link:has(.icon), .mbnav ul li:not(.btn-wrap, .icon-cta) a:has(.icon) { display: inline-flex; align-items: center; } .mbnav ul li:not(.btn-wrap, .icon-cta) .menu-link:has(.icon) .icon, .mbnav ul li:not(.btn-wrap, .icon-cta) .sub-menu-link:has(.icon) .icon, .mbnav ul li:not(.btn-wrap, .icon-cta) a:has(.icon) .icon { margin-left: 0.5rem; display: flex; color: #1565c0; font-size: 0.75rem; } .mbnav ul li:not(.btn-wrap, .icon-cta) .menu-link::after, .mbnav ul li:not(.btn-wrap, .icon-cta) .sub-menu-link::after, .mbnav ul li:not(.btn-wrap, .icon-cta) a::after { position: absolute; top: 0; right: 0; bottom: 0; margin-left: auto; margin-right: 0; display: none; } .mbnav__caret { display: grid; align-items: center; justify-content: flex-end; padding-right: 0.94rem; width: 30px; height: auto; cursor: pointer; z-index: 1; } .mbnav__caret:not(.trigger-caret) { pointer-events: none; } .color-mbnav .mbnav__caret::before { color: #081d4d !important; } .mbnav ul li:not(.btn-wrap, .icon-cta).is-open > .mbnav__caret:after { transform: rotate(0); } .mbnav ul li:not(.btn-wrap, .icon-cta).has-sub > a { flex: 1 1 auto; } .mbnav ul li:not(.btn-wrap, .icon-cta) .btn-wrap { position: fixed; bottom: 20px; left: 20px; width: calc(100% - 40px); margin: 0; transform: translateY(200%); transition: 0.4s ease-in-out; } .mbnav ul li:not(.btn-wrap, .icon-cta) .btn-wrap::before { display: none; } .mbnav ul li:not(.btn-wrap, .icon-cta) .btn-wrap a { display: block; } .mbnav ul ul li { font-size: 16px; } .mbnav ul ul li li { font-size: 14px; } .mbnav ul > li > .sub-menu { position: absolute; left: 100%; } .mbnav ul .back-title { width: 100%; padding: 0.75rem 0.94rem; font-size: 1rem; font-weight: 600; border-bottom: 1px solid #c1c1c1; } .mbnav ul .back-click { width: 100%; padding: 0.75rem 0.94rem; display: flex; align-items: center; order: -1; color: currentColor; font-weight: 500; cursor: pointer; } .mbnav ul .back-click::before { content: 'i'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; position: static; display: inline-block; width: auto; height: auto; color: #081d4d; margin-right: 0.63rem; font-size: 0.75rem; border: 0; } .mbnav__backdrop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; transition: all 0.4s ease-in; background: rgba(0, 0, 0, 0.55); opacity: 0; z-index: -1; } .mbnav__overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.3s ease-in; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; z-index: 99; } @media (max-width: 767px) { .mbnav__overlay { background: #fff; } } .mbnav__overlay.is-show { opacity: 1; visibility: visible; } .mbnav.is-open .btn-wrap { transform: translateY(0); } .mbnav.is-open .mbnav__state { right: 0; } .mbnav.is-open .mbnav__backdrop { opacity: 1; z-index: 999; visibility: visible; } body { overflow-x: clip; } .main-header-wrapper { position: sticky; top: 0; z-index: 999; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05); } .main-header { padding-top: 20px; display: flex; align-items: center; --color: #ffffff; top: 0; width: 100%; height: auto; min-height: 6rem; padding: 1.25rem 0; transition: 0.3s; z-index: 999; background-image: linear-gradient(180deg, #081d4d 0, rgba(19, 67, 179, 0) 100%); margin-bottom: -96px; padding-bottom: 20px; } .main-header.is-single-page, .main-header.isFixed { --color: #081d4d; background-image: none; background-color: #fff; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.12); } .main-header.is-single-page .sub-menu::before, .main-header.isFixed .sub-menu::before { background-image: linear-gradient(to bottom, transparent 50%, #fff 50%); } .main-header.is-single-page .brand::before, .main-header.isFixed .brand::before { opacity: 1; } .main-header.is-single-page .brand img, .main-header.isFixed .brand img { opacity: 0; } .main-header.is-single-page .language-list::before, .main-header.is-single-page .portal-menu-list::before, .main-header.isFixed .language-list::before, .main-header.isFixed .portal-menu-list::before { background-color: #fff !important; } .main-header .brand { position: relative; display: block; vertical-align: middle; width: 11.13rem; transition: opacity 0.4s ease 0s; } @media (max-width: 767px) { .main-header .brand { width: 7.19rem; } } .main-header .brand::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: var(--imgURL); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 0.4s ease 0s; pointer-events: none; } .main-header .brand img { width: 100%; } .main-header .main-header-wrap { display: flex; } .main-header .main-header-wrap .h-search-wrap { position: fixed; top: 0; left: 0; padding-top: 11.88rem; width: 100%; height: 100%; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.4s ease 0s; z-index: 9999; } @media (max-width: 991px) { .main-header .main-header-wrap .h-search-wrap { padding-top: 6.25rem; } } .main-header .main-header-wrap .h-search-wrap.is-show { opacity: 1; visibility: visible; pointer-events: all; } .main-header .main-header-wrap .h-search-wrap .h-search-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: -1; } .main-header .main-header-wrap .h-search-form-wrap { display: flex; align-items: center; } .main-header .main-header-wrap .h-search-form-wrap .search-close { display: flex; padding: 0; font-size: 3.5rem; color: #fff; background-color: transparent; border: none; transition: color 0.35s ease 0s; cursor: pointer; } @media (max-width: 991px) { .main-header .main-header-wrap .h-search-form-wrap .search-close { font-size: 2.5rem; } } .main-header .main-header-wrap .h-search-form-wrap .search-close:hover { color: #96eaaa; } .main-header .main-header-wrap .h-search-field { position: relative; flex: auto; margin-right: 2rem; } @media (max-width: 1199px) { .main-header .main-header-wrap .h-search-field { margin-right: 1.25rem; } } @media (max-width: 767px) { .main-header .main-header-wrap .h-search-field { margin-right: 0.5rem; } } .main-header .main-header-wrap .h-search-field input { height: 3.5rem; padding: 1rem 3.13rem 1rem 1rem; font-weight: 600; border-radius: 1.57rem; border: none; } @media (max-width: 1199px) { .main-header .main-header-wrap .h-search-field input { height: 3.13rem; } } @media (max-width: 767px) { .main-header .main-header-wrap .h-search-field input { height: 2.75rem; padding-right: 2.19rem; } } .main-header .main-header-wrap .h-search-field .search-icon { position: absolute; top: 50%; right: 1.5rem; padding: 0; display: flex; color: #081d4d; font-size: 1.5rem; border-radius: 0; border: none; background-color: transparent; transform: translateY(-50%); } @media (max-width: 1199px) { .main-header .main-header-wrap .h-search-field .search-icon { font-size: 1.13rem; right: 1rem; } } @media (max-width: 767px) { .main-header .main-header-wrap .h-search-field .search-icon { font-size: 0.75rem; } } .main-header .main-header-wrap .hamburger span { background: var(--color); } .main-header .main-header-wrap .hamburger span::after, .main-header .main-header-wrap .hamburger span::before { background: var(--color); } .main-header .navigation { margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; word-break: keep-all; } @media (max-width: 1199px) { .main-header .navigation { display: none; } } .main-header .navigation ul { padding: 0; margin: 0; list-style: none; } .main-header .navigation ul li { padding: 0; } .main-header .navigation ul li a { text-decoration: none; } .main-header .navigation ul li a:has(.icon) { display: inline-flex; align-items: center; } .main-header .navigation ul li a:has(.icon) .icon { display: none; margin-left: 0.5rem; color: #1565c0; font-size: 0.75rem; } .main-header .navigation ul li a.external-link { display: inline-block; vertical-align: middle; } .main-header .navigation ul li a.external-link::after { content: 's'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; margin-left: 0.5rem; color: #1565c0; font-size: 0.75rem; } .main-header .navigation .nav-btn { margin-left: 1rem; } .main-header .navigation .nav-btn a { padding: 0.38rem 0.94rem; font-size: 0.75rem; } .main-header .navigation .nav-btn a:focus { color: currentColor; border-color: transparent; background-color: #96eaaa; } .main-header .navigation .nav-btn a::before { opacity: 0; } .main-header .navigation .nav-btn a.tab-focus { outline-offset: 0.19rem; outline: 1px solid var(--color); } .main-header .navigation .nav-center { display: flex; align-items: center; } .main-header .navigation .nav-center .nav-center-item { position: relative; margin: 0 0.5rem; } .main-header .navigation .nav-center .nav-center-item.is-show .nav-center-link { color: #1565c0; } .main-header .navigation .nav-center .nav-center-item.is-show .nav-menu-list { opacity: 1; visibility: visible; pointer-events: all; transform: translateX(-50%) translateY(0); } .main-header .navigation .nav-center .nav-center-item .nav-menu-list { position: absolute; top: calc(100% + 37px); left: 50%; background-color: #fff; border-top: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); box-shadow: 0 2px 20px rgba(8, 29, 77, 0.7); opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(-50%) translateY(-20px); transition: all 0.4s ease 0s; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list::before, .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list::before { content: ''; position: absolute; top: -1.75rem; left: -1rem; right: -1rem; height: 1.57rem; background-color: transparent; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul { padding: 2.5rem 2.5rem 2rem 1rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li { position: relative; padding-left: 1.5rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li.active::before, .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li.wpml-ls-current-language::before { opacity: 1; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li.active > a, .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li.wpml-ls-current-language > a { color: #1565c0 !important; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li::before { content: ''; position: absolute; top: calc(50% - 8px); left: 0; width: 1.07rem; height: 1rem; opacity: 0; /* background-image: url(../images/check-icon.svg); */ background-repeat: no-repeat; background-size: 100% 100%; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li:not(:last-child) { margin-bottom: 1.38rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li > a { color: #081d4d; font-weight: 600; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li > a:hover span { color: #1565c0; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.language-list > ul > li > a span { transition: inherit; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list { min-width: 17.5rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul { padding-top: 2.5rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li { padding: 0 1.88rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:not(:last-child) { margin-bottom: 1.38rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:has(> .ext-link) { display: inline-block; width: 100%; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:has(> .ext-link) .ext-link { display: inline; margin-left: 0.5rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:has(> .ext-link) .ext-link::before { content: 's'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; color: #1565c0; font-size: 0.75rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:last-child { display: flex; align-items: flex-start; flex-direction: column; padding: 0.75rem 1.44rem; background-color: #f0f0f0; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:last-child > a { display: inline-flex; align-items: center; color: #1565c0; font-size: 0.88rem; font-weight: 700; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:last-child > a::after { content: 'h'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; font-size: 0.75rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:last-child > a:hover { color: #081d4d; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:last-child .menu-item-description { margin-bottom: 0.38rem; order: -1; font-size: 12px; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li:last-child .menu-item-description b { margin-bottom: 0.25rem; display: block; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li a { color: #081d4d; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li a:hover { color: #1565c0; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li > a { font-weight: 600; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li > .sub-menu { margin-top: 1.25rem; margin-left: 0.94rem; width: 100%; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li > .sub-menu > li:not(:last-child) { margin-bottom: 1rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li > .sub-menu > li:has(.ext-link) { display: inline-flex; align-items: center; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li > .sub-menu > li:has(.ext-link) .ext-link { display: flex; margin-left: 0.5rem; } .main-header .navigation .nav-center .nav-center-item .nav-menu-list.portal-menu-list > ul > li > .sub-menu > li:has(.ext-link) .ext-link::before { content: 's'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; color: #1565c0; font-size: 0.75rem; } .main-header .navigation .nav-center .nav-center-link { padding: 0; display: flex; color: var(--color); font-size: 1.25rem; background-color: transparent; border: 0; text-decoration: none; transition: color 0.35s ease 0s; } .main-header .navigation .nav-center .nav-center-link:hover { color: #1565c0; } .main-header .navigation .nav-center .header-search-btn { font-size: 1.13rem; text-decoration: none; } .main-header .navigation nav .menu { display: flex; } .main-header .navigation nav .menu > li { position: relative; margin: 0 0.63rem; } .main-header .navigation nav .menu > li:has(.sub-menu)::after { content: ''; position: absolute; top: calc(100% + 32px); left: 50%; width: 7.82rem; height: 4px; transform: translateX(-50%) translateY(-20px); transition: 0.5s ease 0s; transform-origin: center; opacity: 0; visibility: hidden; pointer-events: none; background-image: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); } .main-header .navigation nav .menu > li.menu-focus::after, .main-header .navigation nav .menu > li:hover::after { opacity: 1; visibility: visible; pointer-events: all; transform: translateX(-50%) translateY(0); } .main-header .navigation nav .menu > li.menu-focus > .sub-menu, .main-header .navigation nav .menu > li:hover > .sub-menu { opacity: 1; /* visibility: visible; */ pointer-events: all; transform: translateX(-50%) translateY(0); } .main-header .navigation nav .menu > li > a { display: block; color: var(--color); font-size: 1rem; font-weight: 600; text-align: center; } @media (max-width: 1399px) { .main-header .navigation nav .menu > li > a { font-size: 0.88rem; } } .main-header .navigation nav .menu > li > .sub-menu { position: absolute; top: calc(100% + 35px); left: 50%; background-color: #fff; box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 16px 0 rgba(0, 0, 0, 0.12); opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(-50%) translateY(-20px); transition: all 0.4s ease 0s; } .main-header .navigation nav .menu > li > .sub-menu::before { content: ''; position: absolute; top: -2.62rem; left: -1rem; right: -1rem; height: 2.63rem; } .main-header .navigation nav .menu > li > .sub-menu > ul > li:not(:last-child) { margin-bottom: 1.38rem; } .main-header .navigation nav .menu > li > .sub-menu > ul > li a { color: #081d4d; font-weight: 600; } .main-header .navigation nav .menu > li > .sub-menu > ul > li a:hover { color: #1565c0; } .main-header .navigation nav .menu > li > .sub-menu.simple-menu { min-width: 20.63rem; } .main-header .navigation nav .menu > li > .sub-menu.simple-menu > ul { padding: 2.5rem 2.5rem 2rem; } .main-header .navigation nav .menu > li > .sub-menu.icon-menu { min-width: 44.38rem; padding: 2.5rem 2.5rem 1rem; } .main-header .navigation nav .menu > li > .sub-menu.icon-menu > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } .main-header .navigation nav .menu > li > .sub-menu.icon-menu > ul > li { margin: 0; } .main-header .navigation nav .menu > li > .sub-menu.icon-menu .sub-menu-item-wrap { display: flex; } .main-header .navigation nav .menu > li > .sub-menu.icon-menu .sub-menu-icon { margin-right: 0.5rem; display: flex; width: 1.57rem; height: 1.57rem; } .main-header .navigation nav .menu > li > .sub-menu.icon-menu .sub-menu-icon img { width: 100%; height: 100%; object-fit: contain; } .main-header .navigation nav .menu > li > .sub-menu.icon-menu .sub-menu-content { flex: 1; } .main-header .navigation nav .menu > li > .sub-menu.icon-menu .sub-menu-content p { margin-top: 0.32rem; color: #727272; font-size: 0.75rem; } .main-header .navigation nav .menu > li > .sub-menu.icon-menu .icon-menu-cta { margin-top: 2rem; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu { --minHeight: auto; padding: 2.5rem 0; min-width: 41.57rem; min-height: var(--minHeight); } .main-header .navigation nav .menu > li > .sub-menu.mega-menu.no-featured-post { min-width: 18.75rem; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu.no-featured-post .mm-wrap { grid-template-columns: 100%; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-wrap { display: grid; grid-template-columns: repeat(2, 1fr); } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post { padding: 0 2rem 0 2.5rem; border-right: 1px solid #d9d9d6; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post-wrap { display: block; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post .h6 { margin-bottom: 0.5rem; display: block; font-weight: 600; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post .featured-img { position: relative; padding-top: 56.6037735849%; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post .featured-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post .featured-img-wrap { max-width: 16.88rem; margin: 0 auto; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post .btn-link, .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post .desc { margin-top: 0.75rem; display: block; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post .btn-link { display: inline-flex; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-featured-post p { font-size: 0.82rem; color: #081d4d; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li { transition: background-color 0.4s ease 0s; padding: 0.5rem 2.5rem 0.5rem 2rem; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li:not(:last-child) { margin-bottom: 0.63rem; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li.highlight > a, .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li:hover > a { color: #1565c0; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li:has(> .sub-menu).menu-focus, .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li:has(> .sub-menu):hover { background-color: rgba(217, 217, 217, 0.4); } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li:has(> .sub-menu).menu-focus > .sub-menu, .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li:has(> .sub-menu):hover > .sub-menu { opacity: 1; visibility: visible; pointer-events: all; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li:has(> .sub-menu) > a { display: flex; align-items: center; justify-content: space-between; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li:has(> .sub-menu) > a:has(.icon)::after { flex: 1; text-align: right; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li:has(> .sub-menu) > a::after { content: 'h'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; margin-left: 0.5rem; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li > a { font-weight: 600; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li > .sub-menu { position: absolute; top: 0; left: calc(100% - 15px); min-height: var(--minHeight); padding: 2.5rem 2.5rem 2.5rem 2rem; min-width: 17.19rem; background-color: #f0f0f0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.4s ease 0s; z-index: 1; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li > .sub-menu.two-col { min-width: 30.94rem; column-count: 2; column-gap: 2rem; break-inside: avoid; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li > .sub-menu > li:not(:last-child) { margin-bottom: 1.38rem; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul > li > .sub-menu > li > a:hover { color: #1565c0; } .main-header .navigation nav .menu > li > .sub-menu.mega-menu .mm-menu-wrap > ul a { color: #081d4d; } .main-header .navigation nav .menu li .mega-menu.center-menu { transform: translateX(-96%) translateY(0); } .main-header .navigation nav .menu li .mega-menu.center-menu:has(.mm-featured-post) { transform: translateX(-69%) translateY(0); } .main-header.transparent-header { background-image: none; background: #fff; --color: #081d4d; } .main-header.transparent-header a.brand::before { opacity: 1; } .progress-container { position: absolute; bottom: 0; background-color: #d6d6d6; height: 0.25rem; width: 100%; opacity: 0; visibility: hidden; transition: opacity 0.3s ease 0s; pointer-events: none; z-index: -1; } .progress-container.progressbar { opacity: 1; visibility: visible; } .progress-container .progress-bar { width: 0%; max-width: 100% !important; height: 0.25rem !important; background-color: #1565c0 !important; } .page-template-template-frontpage-v2 .main-header { background-image: none; background: #fff; --color: #081d4d; } .page-template-template-frontpage-v2 .main-header a.brand::before { opacity: 1; } .page-template-template-frontpage-v2 .single-full-width-cta { transform: translateY(0); } @media (min-width: 992px) { .main-footer { position: sticky; bottom: 0; z-index: -2; } } .main-footer .ft-nav { width: 100%; display: flex; justify-content: space-between; gap: 2.5rem; } @media (max-width: 991px) { .main-footer .ft-nav { gap: 0; } } @media (max-width: 767px) { .main-footer .ft-nav { display: block; } } .main-footer .ft-main-wrap { max-width: 17.38rem; width: 100%; } @media (max-width: 991px) { .main-footer .ft-main-wrap { max-width: 13.75rem; } } @media (max-width: 767px) { .main-footer .ft-main-wrap { max-width: 100%; } } @media (max-width: 767px) { .main-footer .ft-wrapper { text-align: center; } } .main-footer .ft-navigation { width: calc(100% - 17.38rem); } @media (max-width: 767px) { .main-footer .ft-navigation { width: 100%; margin-top: 1.88rem; } } .main-footer .ft-navigation .menu { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0; padding: 0; list-style-type: none; } @media (max-width: 767px) { .main-footer .ft-navigation .menu { display: block; } } .main-footer .ft-navigation .menu > li { max-width: 33.33%; } @media (max-width: 991px) { .main-footer .ft-navigation .menu > li { max-width: 50%; } } @media (max-width: 767px) { .main-footer .ft-navigation .menu > li { max-width: 100%; } } .main-footer .ft-navigation .menu li { list-style-type: none; padding: 0 0.63rem; } @media (max-width: 767px) { .main-footer .ft-navigation .menu li.menu-item-has-children { margin-bottom: 1.25rem; } .main-footer .ft-navigation .menu li.menu-item-has-children.active .toggle-arrow { top: 0; transform: scaleY(-1); } } .main-footer .ft-navigation .menu li a[href]:hover { text-decoration: underline !important; } .main-footer .ft-navigation .menu li > a, .main-footer .ft-navigation .menu li > span { color: #081d4d; font-size: 1.25rem; font-weight: 500; } .main-footer .ft-navigation .menu li > a:hover, .main-footer .ft-navigation .menu li > span:hover { text-decoration: none; } @media (max-width: 767px) { .main-footer .ft-navigation .menu li > a, .main-footer .ft-navigation .menu li > span { position: relative; display: inline-block; } .main-footer .ft-navigation .menu li > a:hover, .main-footer .ft-navigation .menu li > span:hover { text-decoration: none; } } @media (max-width: 767px) { .main-footer .ft-navigation .menu li > a .toggle-arrow, .main-footer .ft-navigation .menu li > span .toggle-arrow { content: ''; position: absolute; top: 0.25rem; right: -1.75rem; width: auto; min-width: 1.38rem; height: 1.5rem; background-image: url(../images/footer-down-arrow.svg); background-position: right; background-size: auto; background-repeat: no-repeat; cursor: pointer; transform: scaleY(1); transition: 0.4s ease; } } .main-footer .ft-navigation .menu li .sub-menu { padding: 0; margin-top: 0.5rem; } @media (max-width: 767px) { .main-footer .ft-navigation .menu li .sub-menu { display: none; } } .main-footer .ft-navigation .menu li .sub-menu li { padding: 0 0 0.63rem 0; } .main-footer .ft-navigation .menu li .sub-menu li a { font-size: 1rem; font-weight: 300; } .main-footer .ft-logo { margin-bottom: 32px; } .main-footer .ft-logo a { display: flex; max-width: 13rem; width: 100%; } @media (max-width: 767px) { .main-footer .ft-logo a { margin: 0 auto; } } .main-footer .ft-bottom-left { margin-bottom: 1.82rem; } .main-footer .ft-social-wrap .social_icon_wrapper { display: flex; gap: 1rem; padding: 0; margin-bottom: 0; list-style-type: none; } @media (max-width: 767px) { .main-footer .ft-social-wrap .social_icon_wrapper { justify-content: center; } } .main-footer .ft-social-wrap .social_icon_wrapper li a { display: block; font-size: 0; transition: 0.5s; } .main-footer .ft-social-wrap .social_icon_wrapper li a:hover { text-decoration: none; } .main-footer .ft-social-wrap .social_icon_wrapper li a:hover::before { color: #081d4d; } .main-footer .ft-social-wrap .social_icon_wrapper li a::before { font-size: 1.32rem; } .main-footer .ft-social-wrap .footer-btn .btn { font-weight: 600; } .main-footer .ft-quick { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } @media (max-width: 767px) { .main-footer .ft-quick { line-height: 1.5em; } } .main-footer .ft-quick .menu { display: flex; margin-bottom: 0; padding: 0; list-style-type: none; } @media (max-width: 767px) { .main-footer .ft-quick .menu { display: contents; } } .main-footer .ft-quick .menu li { margin-right: 0.5rem; padding: 0 0.5rem 0 0; border-right: 1px solid #081d4d; line-height: 0.7em; } @media (max-width: 575px) { .main-footer .ft-quick .menu li { line-height: 1em; } } .main-footer .ft-quick .menu li a { color: #081d4d; font-size: 0.75rem; font-weight: 400; } .main-footer .ft-quick .menu li:last-child { padding: 0; margin-right: 0; border-right: 0; } .main-footer .ft-quick .menu li #teconsent { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; } .main-footer .ft-quick .menu li #teconsent a { position: relative; } .main-footer .ft-quick .menu li #teconsent a:not(:last-child) { margin-right: 1rem; } .main-footer .ft-quick .menu li #teconsent a:not(:last-child)::before { content: ''; position: absolute; top: 0; right: -0.5rem; width: 1px; height: 100%; background-color: #081d4d; } .main-footer .ft-information { color: #081d4d; font-size: 0.75rem; font-weight: 400; text-align: center; } @media (max-width: 575px) { .main-footer .ft-information { line-height: 1.6em; } } .main-footer .ft-copyright { text-align: center; line-height: 1em; } @media (max-width: 575px) { .main-footer .ft-copyright { margin-top: 0.57rem; } } .main-footer .ft-copyright .copyright-text { font-weight: 400; } .main-footer .ft-copy { margin-top: 2.5rem; } .main-footer .cft-wrapper { display: flex; justify-content: space-between; } @media (max-width: 991px) { .main-footer .cft-wrapper { flex-direction: column; align-items: center; } } .main-footer .cft-quick { display: flex; flex-wrap: wrap; align-items: center; } @media (max-width: 991px) { .main-footer .cft-quick { justify-content: center; } } .main-footer .cft-quick .menu { display: flex; margin-bottom: 0; padding: 0; list-style-type: none; display: contents; } .main-footer .cft-quick .menu li { margin-right: 0.5rem; padding: 0 0.5rem 0 0; border-right: 1px solid #081d4d; line-height: 0.7em; } @media (max-width: 991px) { .main-footer .cft-quick .menu li { line-height: 1rem; } } .main-footer .cft-quick .menu li #teconsent { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; } .main-footer .cft-quick .menu li #teconsent a { position: relative; } .main-footer .cft-quick .menu li #teconsent a:not(:last-child) { margin-right: 1rem; } .main-footer .cft-quick .menu li #teconsent a:not(:last-child)::before { content: ''; position: absolute; top: 0; right: -0.5rem; width: 1px; height: 100%; background-color: #081d4d; } .main-footer .cft-quick .menu li a { color: #081d4d; font-size: 0.75rem; font-weight: 400; } .main-footer .cft-quick .menu li:last-child { padding: 0; margin-right: 0; border-right: 0; } @media (min-width: 992px) { .main-footer .cft-logo-wrap { padding-right: 1rem; } } .main-footer .cft-copyright { width: 100%; } @media (max-width: 991px) { .main-footer .cft-copyright { text-align: center; margin: 0.57rem 0; } } .main-footer .cft-copyright p { font-size: 0.63rem; font-weight: 400; } .platform-landing-hero { position: relative; background-color: #fff; margin-bottom: 7.5rem; } @media (max-width: 991px) { .platform-landing-hero { margin-bottom: 5rem; } } @media (max-width: 767px) { .platform-landing-hero { margin-bottom: 3.13rem; } } .platform-landing-hero.-no-media { padding-bottom: 3.13rem; } .platform-landing-hero.-no-media .bg-animation { height: 100%; } @media (min-width: 992px) { .platform-landing-hero-wrap { min-height: 500px; max-height: 110vh; overflow: hidden; } } .platform-landing-hero .bg-animation { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100vh; pointer-events: none; background-color: #081d4d; } @media (max-width: 991px) { .platform-landing-hero .bg-animation { height: calc(100% - 75px); } } .platform-landing-hero .bg-animation img { object-fit: cover; } .platform-landing-hero .bg-animation img, .platform-landing-hero .bg-animation video { width: 100%; height: 100%; object-fit: cover; } .platform-landing-hero .container { --pt: 5.94rem; padding-top: var(--pt); } @media (max-width: 991px) { .platform-landing-hero .container { --pt: 4.38rem; } } @media (max-width: 767px) { .platform-landing-hero .container { --pt: 1.25rem; } } .platform-landing-hero .container:has(.plh-breadcrumbs) { --pt: 3.75rem; } @media (max-width: 767px) { .platform-landing-hero .container:has(.plh-breadcrumbs) { --pt: 1.25rem; } } .platform-landing-hero .plh-wrapper { position: relative; max-width: 59.63rem; margin: 0 auto; } .platform-landing-hero .plh-breadcrumbs { position: relative; } .platform-landing-hero .plh-breadcrumbs .breadcrumbs span a span { color: #fff; } .platform-landing-hero .plh-breadcrumbs .breadcrumbs .current-item { color: #fff; } .platform-landing-hero .plh-content { max-width: 53.57rem; margin: 0 auto; } .platform-landing-hero .plh-content h1 { margin: 0; color: #fff; font-size: 3.82rem; font-weight: 300; } @media (max-width: 991px) { .platform-landing-hero .plh-content h1 { font-size: 2.88rem; } } .platform-landing-hero .plh-content .desc { margin-top: 1.5rem; color: #fff; } @media (max-width: 767px) { .platform-landing-hero .plh-content .desc { margin-top: 2.5rem; } } .platform-landing-hero .plh-content .desc p { font-size: 1.25rem; font-weight: 300; } .platform-landing-hero .plh-content .btn-wrap { margin-top: 1.5rem; } @media (max-width: 767px) { .platform-landing-hero .plh-content .btn-wrap { margin-top: 2.5rem; } } @media (max-width: 991px) { .platform-landing-hero .plh-media { margin: 0 2rem; } } .platform-landing-hero .plh-media .plh-video { margin: 2.13rem auto 0; max-width: 59.63rem; width: 100%; height: 100%; } .platform-landing-hero .plh-video.vidyard { padding-top: 0; } .platform-landing-hero .plh-video .video-inner { position: relative; aspect-ratio: 16/9; width: 100%; } .platform-landing-hero .plh-video .video-inner::before { content: ''; position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; background: rgba(8, 29, 77, 0.3); z-index: 2; pointer-events: none; } .platform-landing-hero .plh-video.player-start img { opacity: 0; visibility: hidden; } .platform-landing-hero .plh-video.player-start .video-inner { opacity: 1; } .platform-landing-hero .plh-video.player-start .plh-play-btn { opacity: 0; } .platform-landing-hero .plh-video.player-start::before { opacity: 0; } .platform-landing-hero .plh-video .plh-image { position: relative; display: block; aspect-ratio: 16/9; } .platform-landing-hero .plh-video .plh-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .platform-landing-hero .plh-video .plh-image:hover .icon-play { background-color: #5fd6ff; } .platform-landing-hero .plh-video .plh-image .icon-play { position: absolute; top: 50%; left: 50%; color: #081d4d; transform: translate(-50%, -50%); z-index: 1; } @media (min-width: 768px) { .post-full-width-media .full-width-media { padding: 3.13rem 0; display: flex; align-items: center; justify-content: center; aspect-ratio: 16/9; } } @media (max-width: 767px) { .post-full-width-media .full-width-media .container { width: 100%; } } .in-line-highlight .ilh-card { text-align: center; padding: 2.19rem 1.32rem; box-shadow: 0 0.25rem 1rem 0.5rem rgba(8, 29, 77, 0.1); height: 100%; border: 1px solid transparent; border-image-source: linear-gradient( 115.76deg, #b5a4fc 5.66%, rgba(156, 219, 241, 0.5) 24.04%, #5fd6ff 53.76% ); border-image-slice: 1; word-break: break-word; } .in-line-highlight .ilh-large-text { position: relative; font-size: 3rem; background: -webkit-linear-gradient(270deg, #1565c0 0, #b5a4fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; border-bottom: 1px solid #b5a4fc; } .in-line-highlight .ilh-dec { margin-top: 25px; } .in-line-highlight .ilh-heading { text-align: center; } @media (max-width: 767px) { .in-line-highlight .ilh-heading h2 { margin-bottom: 0; } } .in-line-highlight .ilh-cell { width: 33.33%; margin-top: 2rem; padding-right: 0.94rem; padding-left: 0.94rem; } @media (max-width: 1399px) { .in-line-highlight .ilh-cell { width: 50%; } } @media (max-width: 575px) { .in-line-highlight .ilh-cell { width: 100%; } } .in-line-highlight .ilh-row { display: flex; flex-wrap: wrap; } @media (max-width: 767px) { .in-line-promo { padding-bottom: 1.38rem; } } .in-line-promo .ilp-wrap { background: linear-gradient(272deg, #081d4d 43.16%, #1343b3 99.93%); } .in-line-promo .ilp-detailwrap { padding: 1.25rem 2.88rem 1.25rem 1.25rem; max-width: 25.63rem; margin: 0 auto; } @media (max-width: 767px) { .in-line-promo .ilp-detailwrap { width: 100%; max-width: 100%; padding: 1.38rem 0.94rem; text-align: center; } } .in-line-promo .ilp-detailwrap .h5 { margin-bottom: 1.38rem; color: #fff; } .in-line-promo .ilp-col-left { position: relative; } .in-line-promo .ilp-col-left::before { content: ''; display: block; padding-top: 77.4603174603%; background-image: url(../images/inline-shadow-img1.webp); background-repeat: no-repeat; background-position: left; background-size: cover; } @media (max-width: 767px) { .in-line-promo .ilp-col-left::before { background-position: bottom; padding-top: 102.04778157%; } } .in-line-promo .ilp-full .ilp-detailwrap { width: 100%; max-width: 100%; padding: 1.88rem; } .in-line-promo .ilp-imgwrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 3.13rem 2.69rem; } .in-line-promo .ilp-imgwrap .imgwrap { position: relative; padding-top: 55.6561085973%; width: 100%; } .in-line-promo .ilp-imgwrap .imgwrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .post-series-promo { margin: 3rem 0; } .post-series-promo .psp-wrap { display: flex; justify-content: space-between; } .post-series-promo .psp-left-wrap, .post-series-promo .psp-right-wrap { width: 45%; } .post-series-promo .psp-left-wrap span, .post-series-promo .psp-right-wrap span { color: #1565c0; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; } .post-series-promo .psp-left-wrap a, .post-series-promo .psp-right-wrap a { display: inline-flex; flex-direction: row-reverse; align-items: center; } .post-series-promo .psp-left-wrap a:hover, .post-series-promo .psp-right-wrap a:hover { text-decoration: none; } .post-series-promo .psp-left-wrap a:hover .psp-post, .post-series-promo .psp-right-wrap a:hover .psp-post { text-decoration: underline; } .post-series-promo .psp-left-wrap a .icon-arrow-left::before, .post-series-promo .psp-right-wrap a .icon-arrow-left::before { font-size: 1.25rem; color: #081d4d; } @media (max-width: 767px) { .post-series-promo .psp-left-wrap a .icon-arrow-left::before, .post-series-promo .psp-right-wrap a .icon-arrow-left::before { position: relative; left: -1.25rem; } } .post-series-promo .psp-left-wrap a .psp-post-text, .post-series-promo .psp-right-wrap a .psp-post-text { margin-left: 1.38rem; } @media (max-width: 767px) { .post-series-promo .psp-left-wrap a .psp-post-text, .post-series-promo .psp-right-wrap a .psp-post-text { margin-left: 0; } } .post-series-promo .psp .psp-post-text { margin-left: 1.38rem; } .post-series-promo .psp-post { font-size: 1.25rem; font-weight: 600; color: #081d4d; } @media (max-width: 991px) { .post-series-promo .psp-post { font-size: 0.94rem; } } .post-series-promo .psp-right-wrap a { flex-direction: row; } .post-series-promo .psp-right-wrap a .icon-arrow-right::before { font-size: 1.25rem; color: #081d4d; } @media (max-width: 767px) { .post-series-promo .psp-right-wrap a .icon-arrow-right::before { position: relative; right: -1.25rem; } } .post-series-promo .psp-right-wrap a .psp-post-text { margin-right: 1.38rem; margin-left: 0; } @media (max-width: 767px) { .post-series-promo .psp-right-wrap a .psp-post-text { margin-right: 0; } } .comparison-table-section { overflow: hidden; } @media (min-width: 992px) { .comparison-table-section { margin-bottom: 3.75rem; padding-bottom: 2.5rem; } } .comparison-table-section .sec-heading { max-width: 47.5rem; margin: 0 auto 3.13rem; } @media (max-width: 991px) { .comparison-table-section .sec-heading { margin-bottom: 1.88rem; } } .comparison-table-section .sec-heading p { font-size: 1rem; } .comparison-table-section .cts-table { position: relative; width: 100%; table-layout: fixed; } .comparison-table-section .cts-table-wrap { padding-top: 1.63rem; } .comparison-table-section .cts-table::before { content: ''; position: absolute; top: -1.25rem; bottom: -1.25rem; left: 50%; width: 33.33%; background-color: #fff; box-shadow: 0 4px 16px 8px rgba(8, 29, 77, 0.1); border-top: 4px solid; border-image-slice: 1; border-image-source: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); transform: translateX(-50%); z-index: -1; pointer-events: none; } @media (max-width: 991px) { .comparison-table-section .cts-table::before { bottom: 0; left: -3.12rem; width: calc(50% + 50px); transform: translateX(0); } } .comparison-table-section .cts-table .table-tr:not(:last-child) { border-bottom: 1px solid rgba(8, 29, 77, 0.2); } @media (max-width: 991px) { .comparison-table-section .cts-table .table-tr:nth-last-child(2) { border-bottom: 0; } } @media (max-width: 991px) { .comparison-table-section .cts-table .table-tr:not(:first-child) { background-color: #fff; } } .comparison-table-section .cts-table .table-tr-wrap { display: grid; grid-template-columns: repeat(3, 1fr); } @media (max-width: 991px) { .comparison-table-section .cts-table .table-tr-wrap { grid-template-columns: repeat(2, 1fr); } } .comparison-table-section .cts-table .table-tr.mobile-title { position: relative; display: block; transition: 0.4s ease 0s; } @media (min-width: 992px) { .comparison-table-section .cts-table .table-tr.mobile-title { display: none; } } .comparison-table-section .cts-table .table-tr.mobile-title::before { content: 'h'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; position: absolute; top: calc(50% - 12px); right: 0.75rem; transform: rotate(90deg); transition: transform 0.4s ease 0s; } .comparison-table-section .cts-table .table-tr.mobile-title.is-active { border-bottom: transparent; } .comparison-table-section .cts-table .table-tr.mobile-title.is-active::before { transform: rotate(90deg) scale(-1); } .comparison-table-section .cts-table .table-tr.mobile-title .table-td { width: 100%; padding: 1.57rem 1.88rem 1.57rem 0; font-size: 1.13rem; } @media (max-width: 991px) { .comparison-table-section .cts-table .table-tr:not(.head, .mobile-title) { display: none; } } @media (min-width: 992px) { .comparison-table-section .cts-table .table-td, .comparison-table-section .cts-table .table-th { padding: 2rem 1.44rem; } } .comparison-table-section .cts-table .table-td.-first, .comparison-table-section .cts-table .table-th.-first { text-align: left; padding-left: 0; } @media (max-width: 991px) { .comparison-table-section .cts-table .table-td.-first, .comparison-table-section .cts-table .table-th.-first { display: none; } } .comparison-table-section .cts-table .table-td { font-size: 1.25rem; } @media (max-width: 991px) { .comparison-table-section .cts-table .table-td { padding: 0 1.44rem 1.57rem 1.44rem; } .comparison-table-section .cts-table .table-td:nth-child(2) { padding-left: 0; } .comparison-table-section .cts-table .table-td:last-child { padding-right: 0; } } .comparison-table-section .cts-table .table-th { align-self: center; text-align: center; } @media (max-width: 991px) { .comparison-table-section .cts-table .table-th { padding: 2rem 0.94rem; } .comparison-table-section .cts-table .table-th:nth-child(2) { position: relative; text-align: left; padding-left: 0.44rem; } } .comparison-table-section .cts-table .table-th .h4, .comparison-table-section .cts-table .table-th .h5 { margin: 0; } .comparison-table-section .cts-table .table-th .h5 { font-weight: 700; } @media (max-width: 991px) { .comparison-table-section .cts-table .table-th .h5 { font-size: 1rem; } } .comparison-table-section .cts-table .table-th img { max-height: 3.13rem; } @media (max-width: 991px) { .comparison-table-section .cts-table .table-th img { max-height: 1.82rem; } } .comparison-table-section .cts-table .table-th.-first { align-self: flex-end; text-align: left; } .comparison-table-section .cts-table .table-content { display: flex; align-items: flex-start; } @media (max-width: 767px) { .comparison-table-section .cts-table .table-content { flex-direction: column; } } .comparison-table-section .cts-table .table-content:not(:last-child) { margin-bottom: 1.57rem; } .comparison-table-section .cts-table .table-content .icon { display: flex; color: #1565c0; font-size: 1.5rem; } @media (min-width: 992px) { .comparison-table-section .cts-table .table-content .icon { margin-top: -0.25rem; } } .comparison-table-section .cts-table .table-content .icon.thumb-down { margin-top: 0; transform: scaleY(-1); } .comparison-table-section .cts-table .table-content .content { flex: 1; } @media (max-width: 767px) { .comparison-table-section .cts-table .table-content .content { margin-top: 1.07rem; } } @media (min-width: 768px) { .comparison-table-section .cts-table .table-content .content { margin-left: 1.07rem; } } .comparison-table-section .cts-table .table-content .content p { font-size: 1rem; } @media (max-width: 991px) { .comparison-table-section .cts-table .table-content .content p { font-size: 0.88rem; } } .comparison-table-section .cts-table .table-content-wrap { max-width: 19.75rem; margin: 0 auto; } @media (max-width: 991px) { .comparison-table-section .cts-table .table-content-wrap { max-width: 100%; } } .expandable-listing { position: relative; } .expandable-listing::before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-image: url(../images/expandable-side-img.svg); background-position: right; background-size: auto; background-repeat: repeat-y; pointer-events: none; } .expandable-listing .el-heading { width: 100%; max-width: 37.5rem; margin: 0 auto; margin-bottom: 2.75rem; text-align: center; } @media (max-width: 767px) { .expandable-listing .el-heading { margin-bottom: 1.25rem; } } .expandable-listing .el-heading h2 { margin-bottom: 1.44rem; font-weight: 400; } @media (max-width: 767px) { .expandable-listing .el-heading h2 { margin-bottom: 0.94rem; } } .expandable-listing .el-wrap { width: 100%; max-width: 59.82rem; margin: 0 auto; } .expandable-listing .el-icon-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .expandable-listing .el-icon-heading.clickable { cursor: pointer; } .expandable-listing .el-icon-heading.clickable h5 { padding-right: 1.25rem; } .expandable-listing .el-icon-heading h5 { width: 100%; margin-bottom: 0; color: #081d4d; font-weight: 600; flex: 1; } @media (max-width: 767px) { .expandable-listing .el-icon-heading h5 { width: auto; } } .expandable-listing .el-icon-heading .icon-plus { position: relative; display: block; width: 1.88rem; height: 1.88rem; border: 1px solid #1565c0; border-radius: 3.13rem; } .expandable-listing .el-icon-heading .icon-plus::before { transform: rotate(90deg); } .expandable-listing .el-icon-heading .icon-plus::after, .expandable-listing .el-icon-heading .icon-plus::before { content: ''; position: absolute; top: calc(50% - 1px); left: calc(50% - 8.5px); right: 0; width: 17px; height: 3px; display: block; border: 1px solid #1565c0; background-color: #1565c0; transition: 0.3s; } .expandable-listing .el-des-btn { display: none; margin-top: 2rem; } .expandable-listing .el-tab-des { width: 100%; max-width: 50.94rem; margin-bottom: 0.88rem; } .expandable-listing .el-tab-des p { margin-bottom: 1.88rem; } @media (max-width: 767px) { .expandable-listing .el-tab-des p { margin-bottom: 1rem; } } .expandable-listing .el-tab-des p:last-child { margin-bottom: 0; } .expandable-listing .el-tab-des p a:focus { outline: 0; } .expandable-listing .el-tab-des p a.tab-focus.tab-focus { outline-offset: 0.19rem; outline: 1px solid; } .expandable-listing .el-tab-des h6 { margin-bottom: 0.57rem; } .expandable-listing .el-tab-des .h1, .expandable-listing .el-tab-des h1 { font-weight: 600; } .expandable-listing .el-tab-des .h2, .expandable-listing .el-tab-des h2 { font-weight: 600; } .expandable-listing .el-tab-des .h3, .expandable-listing .el-tab-des h3 { font-weight: 600; } .expandable-listing .el-tab-des .h4, .expandable-listing .el-tab-des h4 { font-weight: 600; } .expandable-listing .el-tab-des .h5, .expandable-listing .el-tab-des h5 { font-weight: 600; } .expandable-listing .el-tab-des .h6, .expandable-listing .el-tab-des h6 { font-weight: 600; } .expandable-listing .el-tab-repet { padding: 1.32rem 2.5rem; border: 1px solid #d9d9d6; margin-bottom: 1rem; transition: all 0.3s ease 0s; } @media (max-width: 767px) { .expandable-listing .el-tab-repet { padding: 1.32rem 0.75rem; } } .expandable-listing .el-tab-repet.active { box-shadow: 0 8px 16px 0 rgba(8, 29, 77, 0.16); background-color: #ededeb; } .expandable-listing .el-tab-repet.active .el-icon-heading h5 { color: #1565c0; } .expandable-listing .el-tab-repet.active .el-icon-heading .icon-plus { background-color: #1565c0; } .expandable-listing .el-tab-repet.active .el-icon-heading .icon-plus::before { opacity: 0; } .expandable-listing .el-tab-repet.active .el-icon-heading .icon-plus::after { border: 1px solid #fff; background-color: #fff; } .featured-customers { position: relative; display: flex; min-height: 50.63rem; } @media (max-width: 767px) { .featured-customers { min-height: auto; } } .featured-customers .fc-main-slide { width: 100%; user-select: auto; } .featured-customers .fc-main-slide .slick-list, .featured-customers .fc-main-slide .slick-track { height: 100%; } .featured-customers .fc-thumb-slider-wrapper { padding: 3.32rem 4.19rem 2.32rem; background-color: #fff; } @media (max-width: 767px) { .featured-customers .fc-thumb-slider-wrapper { padding: 1.25rem 0; } } .featured-customers .fc-thumb-slider-wrapper .slick-slide { padding: 0 1.57rem; } @media (max-width: 767px) { .featured-customers .fc-thumb-slider-wrapper .slick-track { margin: 0; } } .featured-customers .fc-thumb-slider { overflow: hidden; } .featured-customers .fc-logo { display: flex; justify-content: center; } .featured-customers .fc-logo img { width: 100%; max-height: 3.13rem; height: 100%; object-fit: contain; filter: grayscale(1); opacity: 0.2; transition: 0.4s; cursor: pointer; } .featured-customers .fc-logo.slick-current img, .featured-customers .fc-logo:hover img { filter: grayscale(0); opacity: 1; } .featured-customers .fc-content-box { max-width: 39.63rem; background: linear-gradient( 90deg, rgba(255, 255, 255, 0.15) 27.51%, rgba(153, 153, 153, 0.15) 100% ); box-shadow: 0 0.25rem 0.91rem rgba(0, 0, 0, 0.12); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); padding: 3.13rem; margin-top: 5.19rem; border-radius: 0.94rem; border: 1px solid rgba(255, 255, 255, 0.19); max-height: 30rem; overflow: auto; transition: 0.5s ease 0s; } @media (min-width: 768px) { .featured-customers .fc-content-box { opacity: 0; } } @media (max-width: 767px) { .featured-customers .fc-content-box { padding: 0.94rem; margin-top: 2.19rem; margin-bottom: 9.38rem; max-height: none; } } .featured-customers .fc-main-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } @media (min-width: 768px) { .featured-customers .fc-main-image._mobile { display: none; } } @media (max-width: 767px) { .featured-customers .fc-main-image._desktop { display: none; } } @media (min-width: 768px) { .featured-customers .fc-main-image._both { display: none; } } .featured-customers .fc-main-image::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 16.24%, rgba(0, 0, 0, 0.4) 58.94%); } .featured-customers .fc-main-image img { width: 100%; height: 100%; object-fit: cover; object-position: top; } @media (min-width: 768px) and (max-width: 991px) { .featured-customers .fc-main-image img { object-position: bottom; } } .featured-customers .fc-box-logo { margin-bottom: 1.07rem; display: inline-flex; } .featured-customers .fc-box-logo img { width: 100%; height: 100%; max-height: 3.13rem; object-fit: contain; } .featured-customers .fc-box-desc { margin-bottom: 2.19rem; } @media (max-width: 991px) { .featured-customers .fc-box-desc { margin-bottom: 1.57rem; } } .featured-customers .fc-box-desc .h1, .featured-customers .fc-box-desc h1 { font-weight: 300; } @media (max-width: 767px) { .featured-customers .fc-box-desc .h1, .featured-customers .fc-box-desc h1 { font-size: 1.5rem; } } .featured-customers .fc-box-desc .h2, .featured-customers .fc-box-desc h2 { font-weight: 300; } @media (max-width: 767px) { .featured-customers .fc-box-desc .h2, .featured-customers .fc-box-desc h2 { font-size: 1.5rem; } } .featured-customers .fc-box-desc .h3, .featured-customers .fc-box-desc h3 { font-weight: 300; } @media (max-width: 767px) { .featured-customers .fc-box-desc .h3, .featured-customers .fc-box-desc h3 { font-size: 1.5rem; } } .featured-customers .fc-box-desc .h4, .featured-customers .fc-box-desc h4 { font-weight: 300; } @media (max-width: 767px) { .featured-customers .fc-box-desc .h4, .featured-customers .fc-box-desc h4 { font-size: 1.5rem; } } .featured-customers .fc-box-desc .h5, .featured-customers .fc-box-desc h5 { font-weight: 300; } @media (max-width: 767px) { .featured-customers .fc-box-desc .h5, .featured-customers .fc-box-desc h5 { font-size: 1.5rem; } } .featured-customers .fc-box-desc .h6, .featured-customers .fc-box-desc h6 { font-weight: 300; } @media (max-width: 767px) { .featured-customers .fc-box-desc .h6, .featured-customers .fc-box-desc h6 { font-size: 1.5rem; } } .featured-customers .fc-logos-container { border-radius: 0.94rem; overflow: hidden; } @media (max-width: 767px) { .featured-customers .fc-logos-container { border-radius: 0; box-shadow: 0 4px 16px 8px rgba(0, 0, 0, 0.1); } } .featured-customers .fc-logos-wrapper { position: absolute; bottom: 2.25rem; z-index: 2; width: 100%; } .featured-customers .fc-logos-wrapper.less-than-2-slides { display: none; } @media (min-width: 768px) { .featured-customers .fc-logos-wrapper { padding-left: calc((100% - 78.76rem) / 2); padding-right: calc((100% - 78.76rem) / 2); } .featured-customers .fc-logos-wrapper > div { padding-left: 3.13rem; } } @media (min-width: 768px) and (max-width: 767px) { .featured-customers .fc-logos-wrapper > div { padding-left: 1.25rem; } } @media (min-width: 768px) { .featured-customers .fc-logos-wrapper > div { padding-right: 3.13rem; } } @media (min-width: 768px) and (max-width: 767px) { .featured-customers .fc-logos-wrapper > div { padding-right: 1.25rem; } } @media (max-width: 767px) { .featured-customers .fc-logos-wrapper { bottom: 0; } } .featured-customers .fc-logos-wrapper.aos-animate .fc-logo { opacity: 1; transform: translateX(0); transition-delay: var(--delay); } .featured-customers .fc-logos-wrapper .fc-logo { height: auto; opacity: 0; transform: translateX(30px); transition: all 0.8s ease 0s; } .featured-customers .fc-logos-top { text-align: center; background-color: #1565c0; padding: 0.63rem; } .featured-customers .fc-logos-top .btn-link { display: inline; color: #fff; } .featured-customers .fc-logos-top .btn-link::after { position: relative; top: 1px; } @media (min-width: 768px) { .featured-customers .fc-innerwrap { opacity: 1 !important; transition: mask-size 1.6s ease 0s, opacity 0.5s ease 0s !important; -webkit-mask: url(../images/cross-shape.svg); mask: url(../images/cross-shape.svg); mask-repeat: no-repeat; mask-position: center; -webkit-mask-composite: xor; mask-composite: exclude; mask-size: var(--ms, 0); transition: 0.4s; } .featured-customers .fc-innerwrap.slick-current { --ms: 650%; z-index: 1; } } @media (min-width: 768px) and (max-width: 991px) { .featured-customers .fc-innerwrap.slick-current { --ms: 1050%; } } @media (min-width: 768px) { .featured-customers .fc-innerwrap.slick-current .fc-content-box { opacity: 1; } } .fifty-fifty-component .ffc-img { position: relative; display: flex; align-items: center; justify-content: center; } .fifty-fifty-component .ffc-img.-shadow { filter: drop-shadow(0 2px 15.7px rgba(0, 0, 0, 0.12)); } .fifty-fifty-component .ffc-media-wrap .video-link { display: block; } .fifty-fifty-component .ffc-media-wrap .video-link img { width: 100%; } .fifty-fifty-component .ffc-media-wrap .video-link:has(> iframe) { position: relative; padding-top: 55.9714795009%; pointer-events: none; } .fifty-fifty-component .ffc-media-wrap .video-link:has(> iframe) img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .fifty-fifty-component .ffc-media-wrap .video-link:has(> iframe) iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .fifty-fifty-component .ffc-media-wrap .video-link:has(> .vidyard-player-container) { pointer-events: none; } .fifty-fifty-component .ffc-media-wrap .video-link.-shadow { filter: drop-shadow(0 2px 15.7px rgba(0, 0, 0, 0.12)); } .fifty-fifty-component .ffc-media-wrap .ffc-img:has(.expand-img) .expand-img { position: absolute; right: 0; bottom: 0; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 3.13rem; height: 3.13rem; color: #1565c0; font-size: 1.88rem; cursor: pointer; transition: 0.4s ease 0s; } .fifty-fifty-component .ffc-media-wrap .ffc-img:has(.expand-img) .expand-img:hover { color: #96eaaa; } .fifty-fifty-component .ffc-video-inner .video-link { display: block; } .fifty-fifty-component .ffc-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .fifty-fifty-component .ffc-media-content { margin-left: 1.25rem; } @media (max-width: 1199px) { .fifty-fifty-component .ffc-media-content { margin-left: 0; } } .fifty-fifty-component .ffc-media-content .eyebrow_image { margin-block-end: 3.13rem; } .fifty-fifty-component .ffc-media-content .eyebrow-text { display: block; margin-bottom: 0.75rem; } .fifty-fifty-component .ffc-media-content .h2, .fifty-fifty-component .ffc-media-content h2, .fifty-fifty-component .ffc-media-content p { margin-bottom: 1.5rem; word-break: break-word; } .fifty-fifty-component .ffc-cta-wrap .btn-link:first-child { margin-right: 1.5rem; } @media (max-width: 767px) { .fifty-fifty-component .ffc-media-wrap { margin-bottom: 2rem; } } .fifty-fifty-component .ffc-image-caption { position: absolute; bottom: 15%; width: fit-content; background-image: linear-gradient(60deg, #5fd6ff, #96eaaa); background-clip: text; color: transparent; font-size: 0.88rem; line-height: 1.13rem; font-weight: 600; } .fifty-fifty-component.right .ffc-row { flex-direction: row-reverse; } .fifty-fifty-component.right .ffc-media-content { margin-left: 0; margin-right: 1.25rem; } @media (max-width: 1199px) { .fifty-fifty-component.right .ffc-media-content { margin-right: 0; } } .fifty-fifty-component.dark-mode .h2, .fifty-fifty-component.dark-mode h2, .fifty-fifty-component.dark-mode p { color: #fff; } .fifty-fifty-component.dark-mode .btn-link { background-color: #5fd6ff; position: relative; display: inline-flex; justify-content: center; vertical-align: top; padding: 0.69rem 2.5rem; color: #081d4d; font-size: 1rem; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; border-radius: 1.57rem; transition: background-color 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s; --focucOutlineSpace: -1px; user-select: none; margin-block-start: 1.63rem; } .fifty-fifty-component.dark-mode .btn-link:hover { background-color: #96eaaa; } .fifty-fifty-component.dark-mode .text-link { color: #5fd6ff; } .fifty-fifty-component.dark-mode .text-link:hover { text-decoration: underline; } .fifty-fifty-landing-hero { position: relative; overflow: hidden; z-index: 1; } .fifty-fifty-landing-hero .bg-animation { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; } @media (max-width: 991px) { .fifty-fifty-landing-hero .bg-animation.bg-animation-json { display: none; } } .fifty-fifty-landing-hero .bg-animation img, .fifty-fifty-landing-hero .bg-animation video { width: 100%; height: 100%; object-fit: cover; } .fifty-fifty-landing-hero .bg-animation:has(video) { top: 9%; right: 1%; width: auto; transform: scale(1.2); mix-blend-mode: lighten; } .fifty-fifty-landing-hero .bg-animation:has(video)::before { content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; left: -1px; background-color: #081d4d; } @media (max-width: 1599px) { .fifty-fifty-landing-hero .bg-animation:has(video) { right: -16%; } } @media (max-width: 1199px) { .fifty-fifty-landing-hero .bg-animation:has(video) { right: -42%; } } @media (max-width: 767px) { .fifty-fifty-landing-hero .bg-animation:has(video) { top: 0; right: 0; width: 100%; transform: scale(1); } } .fifty-fifty-landing-hero .bg-animation:has(video) video { object-fit: contain; } @media (max-width: 991px) { .fifty-fifty-landing-hero .bg-animation:has(video) video { display: none; } } @media (min-width: 992px) { .fifty-fifty-landing-hero .bg-animation:has(video) video + img { display: none; } } .fifty-fifty-landing-hero .bg-animation svg { position: absolute; bottom: 0; left: 0; height: auto !important; min-height: 100%; } .fifty-fifty-landing-hero.fflh-theme1::before, .fifty-fifty-landing-hero.fflh-theme2::before { content: ''; position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/Watermark-img.webp); background-position: left; background-repeat: no-repeat; background-size: contain; pointer-events: none; } @media (max-width: 991px) { .fifty-fifty-landing-hero.fflh-theme1::before, .fifty-fifty-landing-hero.fflh-theme2::before { background-size: cover; } } .fifty-fifty-landing-hero.fflh-theme1 { background: linear-gradient(104.48deg, #081d4d 32.42%, #1565c0 158.9%); } .fifty-fifty-landing-hero.fflh-theme2 { background: linear-gradient(109.43deg, #081d4d 18.51%, #1565c0 83.5%, #96eaaa 108.28%); } .fifty-fifty-landing-hero.fflh-theme1 .breadcrumbs, .fifty-fifty-landing-hero.fflh-theme2 .breadcrumbs { margin-bottom: 4.44rem; } @media (max-width: 767px) { .fifty-fifty-landing-hero.fflh-theme1 .breadcrumbs, .fifty-fifty-landing-hero.fflh-theme2 .breadcrumbs { margin-bottom: 2.5rem; } } .fifty-fifty-landing-hero.fflh-theme1 .fflh-video-wrap.aos-animate .fflh-img, .fifty-fifty-landing-hero.fflh-theme2 .fflh-video-wrap.aos-animate .fflh-img { opacity: 1; transform: translateX(0); transition-delay: 0.2s; } .fifty-fifty-landing-hero.fflh-theme1 .fflh-video-wrap .fflh-img, .fifty-fifty-landing-hero.fflh-theme2 .fflh-video-wrap .fflh-img { opacity: 0; transform: translateX(25px); transition: all 0.6s ease 0s; } .fifty-fifty-landing-hero.fflh-theme3 { background-color: #062156; } .fifty-fifty-landing-hero.fflh-theme3 .breadcrumbs { margin-bottom: 2.5rem; } .fifty-fifty-landing-hero.fflh-theme3 .fflh-video-wrap.aos-animate .fflh-img { opacity: 1; transform: translateY(0); } .fifty-fifty-landing-hero.fflh-theme3 .fflh-video-wrap .fflh-img { opacity: 0; transform: translateY(50px); transition: all 0.8s ease; } .fifty-fifty-landing-hero .container { position: relative; z-index: 1; } .fifty-fifty-landing-hero .fflh-wrap { margin-top: 2.63rem; } @media (max-width: 991px) { .fifty-fifty-landing-hero .fflh-wrap { margin-top: 1.25rem; } } .fifty-fifty-landing-hero .fflh-btn { margin-top: 1.57rem; opacity: 0; transform: translateX(-20px); transition: all 0.6s ease 0s !important; } .fifty-fifty-landing-hero .fflh-btn.aos-animate { opacity: 1; transform: translateX(0); transition-delay: 0.35s !important; } .fifty-fifty-landing-hero .fflh-btn .btn, .fifty-fifty-landing-hero .fflh-btn .btn-link { margin: 0.94rem 0; } .fifty-fifty-landing-hero .fflh-btn:has(.btn-link) .btn { margin-right: 1.25rem; } .fifty-fifty-landing-hero .fflh-heading .heading { margin-bottom: 2rem; word-break: break-word; } .fifty-fifty-landing-hero .fflh-heading .fflh-dec, .fifty-fifty-landing-hero .fflh-heading .heading { opacity: 0; transform: translateX(-20px); transition: all 0.6s ease 0s; } .fifty-fifty-landing-hero .fflh-heading.aos-animate .fflh-dec, .fifty-fifty-landing-hero .fflh-heading.aos-animate .heading { opacity: 1; transform: translateZ(0); } .fifty-fifty-landing-hero .fflh-heading.aos-animate .fflh-dec { transition-delay: 0.15s; } @media (max-width: 991px) { .fifty-fifty-landing-hero .fflh-video-wrap { margin-top: 2.5rem; } } .fifty-fifty-landing-hero .fflh-video-wrap .video-link .btn-play, .fifty-fifty-landing-hero .fflh-video-wrap .video-link .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button, .wysiwyg-section .wysiwyg .wp-video .fifty-fifty-landing-hero .fflh-video-wrap .video-link .mejs-overlay-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .fifty-fifty-landing-hero .fflh-img { position: relative; padding-top: 65.3024911032%; } .fifty-fifty-landing-hero .fflh-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 767px) { .fifty-fifty-landing-hero .fflh-img { margin-top: 2.5rem; } } .fifty-fifty-landing-hero .fflh-breadcrumbs .breadcrumbs .current-item { color: #fff; } .fifty-fifty-landing-hero .video-link { position: relative; } .fifty-fifty-landing-hero [class^='vidyard-inner-container-'] { width: 100%; height: 180% !important; top: -40% !important; } @media (min-width: 576px) { .fifty-fifty-landing-hero [class^='vidyard-inner-container-'] { height: 140% !important; top: -20% !important; } } .form-component { position: relative; } .form-component.left-align .fc-row { flex-direction: row-reverse; } .form-component .fc-row.two-col .cell-md-6 { width: 100%; } .form-component .fc-row.two-col .fc-left { text-align: center; } .form-component .fc-row.two-col .fc-form-wrap { max-width: 46.88rem; } @media (min-width: 992px) { .form-component .fc-row.two-col .fc-form-wrap { margin-top: 3.13rem; } } .form-component .fc-row.two-col .fc-form-wrap .mktoForm { max-width: 100%; } .form-component .fc-row.two-col .fc-form-wrap .mktoButtonRow { text-align: center; } .form-component .fc-row.two-col .fc-form-wrap .mktoButtonRow .mktoButton { width: auto !important; background-image: none !important; border: none !important; } .form-component .fc-row.two-col .fc-form-wrap .form-submit { text-align: center; } .form-component .fc-row.two-col .fc-form-wrap .form-submit .submit-btn { width: auto; } .form-component .fc-desc li, .form-component .fc-desc p { font-size: 1rem; } @media (max-width: 991px) { .form-component .fc-form-wrap.mktCustom { max-width: 100%; } } .form-component .fc-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; } .form-component .fc-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991px) { .form-component .fc-left { margin-bottom: 3.13rem; } } .form-component .fc-left li::before { background: #5fd6ff; } .form-component .fc-form-wrap { background-color: #fff; padding: 2.5rem 2rem; } .form-component .fc-form-wrap.two-col .from-wrap, .form-component .fc-form-wrap.two-col .mktoForm { align-items: flex-end; } .form-component .fc-form-wrap.two-col .form-group:not(.customTextarea, .customCheckboxClass, .customSelect), .form-component .fc-form-wrap.two-col .mktoFormRow:not(.customTextarea, .customCheckboxClass, .customSelect) { grid-column: span 1; width: auto !important; } @media (max-width: 767px) { .form-component .fc-form-wrap.two-col .form-group:not(.customTextarea, .customCheckboxClass, .customSelect), .form-component .fc-form-wrap.two-col .mktoFormRow:not(.customTextarea, .customCheckboxClass, .customSelect) { grid-column: span 2; } } .form-component .fc-form-wrap.two-col .form-group:has(.mktoHtmlText), .form-component .fc-form-wrap.two-col .mktoFormRow:has(.mktoHtmlText) { grid-column: span 2; } .form-component .fc-form-wrap.two-col .form-group.HtmlText, .form-component .fc-form-wrap.two-col .form-group.form-submit { grid-column: span 2; } .form-component .fc-form-wrap .ms-parent { width: 100% !important; height: 3.13rem !important; padding: 0 !important; border: 0 !important; } .form-component .fc-form-wrap .ms-parent .ms-choice { display: grid; align-items: center; height: 100%; color: #081d4d; font-size: 1rem; line-height: 1; border: 0.07rem solid rgba(28, 31, 42, 0.3) !important; padding: 0.75rem 1.75rem 0.75rem 0.75rem !important; background-image: url(../images/select-down-arrow.svg); background-size: 0.88rem 0.44rem; background-position: right 0.5em center; background-repeat: no-repeat; background-color: transparent; border-radius: 0 !important; } .form-component .fc-form-wrap .ms-parent .ms-choice:focus { box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1); border-color: #5fd6ff !important; outline: 0; } .form-component .fc-form-wrap .ms-parent .ms-choice > span { position: relative; font-family: Poppins, sans-serif; } .form-component .fc-form-wrap .ms-parent .ms-choice > div { display: none; } .form-component .fc-form-wrap .ms-parent .ms-drop { left: 0; } .form-component .fc-form-wrap .ms-parent .ms-drop li label { display: flex; align-items: flex-start; } .form-component .fc-form-wrap .ms-parent .ms-drop li input[type='checkbox'] { display: block; margin-top: 4px; } .form-component .fc-form-wrap .ms-parent .ms-drop li span { display: flex; margin-left: 0.32rem; white-space: normal; } .form-component .fc-form-wrap .mktoFormRow .mktoFieldDescriptor, .form-component .fc-form-wrap .mktoFormRow .mktoFieldWrap { width: 100%; } .form-component .fc-form-wrap .mktoFormRow .mktoField { margin: 0 !important; } .form-component .fc-form-wrap .mktoFormRow .mktoFieldWrap { position: relative; } .form-component .fc-form-wrap .mktoFormRow.cus-select .mktoLabel { position: relative; top: 0; left: 0; margin-bottom: 5px; } .form-component .fc-form-wrap .mktoFormRow.customCheckboxClass .mktoLabel { display: none !important; } .form-component .fc-form-wrap .mktoFormRow.customCheckboxClass .mktoHtmlText span { color: #081d4d !important; font-family: Poppins, sans-serif; } .form-component .fc-form-wrap .mktoFormRow.customSelectClass .mktoFieldDescriptor, .form-component .fc-form-wrap .mktoFormRow.customSelectClass .mktoFieldWrap { width: 100% !important; } .form-component .fc-form-wrap .from-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .form-component .fc-form-wrap .from-wrap .form-group { margin-bottom: 0; grid-column: span 2; } .form-component .fc-form-wrap .from-wrap .form-group:has(input[type='hidden']) { display: none; } .form-component .fc-form-wrap .from-wrap .form-group.inputFirstName, .form-component .fc-form-wrap .from-wrap .form-group.inputLastName { grid-column: span 1; } @media (max-width: 991px) { .form-component .fc-form-wrap .from-wrap .form-group.inputFirstName, .form-component .fc-form-wrap .from-wrap .form-group.inputLastName { grid-column: span 2; } } .form-component .fc-form-wrap .from-wrap .form-group .HtmlText { text-align: center; } .form-component .fc-form-wrap .from-wrap .form-group .HtmlText label { font-size: 0.75rem; } @media (max-width: 575px) { .form-component .fc-form-wrap .from-wrap .form-group .g-recaptcha iframe { transform: scale(0.65); transform-origin: left; } } .form-component .fc-form-wrap .from-wrap .form-group .submit-btn { width: 100%; } .form-component .fc-form-wrap .from-wrap .form-group:not(.customCheckboxClass) label.error { display: none !important; } .form-component .fc-form-wrap .from-wrap .form-group.customCheckboxClass .checkContainer { display: flex; flex-wrap: wrap; align-items: flex-start; } .form-component .fc-form-wrap .from-wrap .form-group.customCheckboxClass .checkContainer input[type='checkbox'] { margin-right: 0.5rem; } .form-component .fc-form-wrap .from-wrap .form-group.customCheckboxClass .checkContainer label.error { margin-bottom: 0; margin-top: 0.63rem; order: 1; } .form-component .fc-form-wrap .from-wrap .form-group.customCheckboxClass .checkContainer a { max-width: 88%; } .form-component .fc-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap { position: relative; } .form-component .fc-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap label { position: absolute; top: 1rem; left: 0.75rem; margin-bottom: 0 !important; font-size: 1rem !important; z-index: 1; line-height: 1.2em; transition: 0.4s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; pointer-events: none; } .form-component .fc-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.focused label { top: 0.32rem; font-weight: 600 !important; font-size: 0.75rem !important; color: #081d4d; opacity: 60%; } .form-component .fc-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.focused input { padding-top: 1.25rem !important; } .form-component .fc-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.focused select, .form-component .fc-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.focused textarea { box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1) !important; border-color: #5fd6ff !important; } .form-component .fc-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.blurred input[type='email'], .form-component .fc-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.blurred input[type='text'], .form-component .fc-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.blurred select { border-color: rgba(28, 31, 42, 0.7) !important; box-shadow: none !important; } .form-component .fc-form-wrap .from-wrap .form-group:has(input.error, textarea.error) label { color: #b22234 !important; } .form-component .fc-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field { border-color: #b22234 !important; } .form-component .fc-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field::-webkit-input-placeholder { color: #b22234 !important; } .form-component .fc-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field:-moz-placeholder { color: #b22234 !important; } .form-component .fc-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field::-moz-placeholder { color: #b22234 !important; } .form-component .fc-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field:-ms-input-placeholder { color: #b22234 !important; } .form-component .fc-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field:focus { border-color: #b22234 !important; box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1) !important; } .form-component .fc-form-wrap #mktoForm_4804 { display: block; padding: 0; } .form-component .fc-form-wrap #mktoForm_4804 .form-custom-inner { display: grid; grid-template-columns: repeat(2, 1fr); } @media (max-width: 767px) { .form-component .fc-form-wrap #mktoForm_4804 .form-custom-inner { grid-template-columns: 100%; } } .form-component .fc-form-wrap #mktoForm_4804 .form-custom-inner .form-left-part { display: flex; flex-direction: column; justify-content: space-between; } .form-component .fc-form-wrap #mktoForm_4804 .mktoClear { display: none; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFormRow.customCheckboxClass { flex-wrap: wrap; } .form-component .fc-form-wrap #mktoForm_4804 .mktoButtonRow { margin-top: 0.94rem; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFormCol { flex-wrap: wrap; margin: 0.63rem 0 !important; } @media (min-width: 768px) { .form-component .fc-form-wrap #mktoForm_4804 .mktoFormCol { padding: 0 0.63rem; } } .form-component .fc-form-wrap #mktoForm_4804 .mktoFormCol:has(input[type='checkbox']) .field-description { padding-left: 2rem; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFormCol .field-description { display: block; margin-top: 0.5rem; padding-left: 0; color: #081d4d; font-size: 0.88rem; float: left; width: 100%; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(input[type='checkbox']) { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(input[type='checkbox']) .mktoLabel { margin-bottom: 0 !important; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(input[type='checkbox']) .mktoCheckboxList { padding: 0 !important; margin-top: -3px !important; margin-right: 0.63rem !important; width: auto !important; height: auto; align-self: flex-start; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap .mktoLabel { display: block !important; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(select) .mktoLabel { display: none !important; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(input[type='text'], input[type='email']) .mktoField { padding: 0.75rem 0.75rem 0.5rem !important; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(input[type='text'], input[type='email']) .mktoLabel { position: absolute; top: 1rem; left: 0.75rem; margin-bottom: 0; color: #081d4d !important; font-size: 1rem !important; font-weight: 400 !important; z-index: 1; transition: 0.4s ease; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; max-width: 93%; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; pointer-events: none; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(input[type='text'], input[type='email']).focused .mktoLabel { top: 0.32rem; font-weight: 600 !important; font-size: 0.75rem !important; color: #081d4d; opacity: 60%; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(input[type='text'], input[type='email']).focused input { padding-top: 1.25rem !important; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(input[type='text'], input[type='email']).blurred input, .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(input[type='text'], input[type='email']).blurred select { border-color: rgba(28, 31, 42, 0.7) !important; box-shadow: none !important; } .form-component .fc-form-wrap #mktoForm_4804 .mktoFieldWrap:has(.mktoError) .mktoLabel { color: #b22234 !important; } .form-component .fc-form-wrap #mktoForm_8936 .mktoFormRow:not(.inputFirstName, .inputLastName) { grid-column: span 2; } .form-component .fc-disabled { opacity: 0.2; pointer-events: none; } .form-component .fc-form-option p { color: #081d4d; } .fc-custom-form-title { background: #fff; text-align: center; color: #081d4d !important; position: relative; z-index: 99; font-size: 1.8rem; padding-top: 0; margin-bottom: 1rem; margin-top: -1.7rem; } .custom-form-title { background: #fff; text-align: center; padding-top: 1rem; margin-bottom: -1.5rem; color: #081d4d !important; position: relative; z-index: 99; font-size: 1.8rem; } .full-width-featured-promo-section .container { --container-width: 79.38rem; } .full-width-featured-promo-section .fwfp-wrap { position: relative; overflow: hidden; padding-bottom: 2px; } .full-width-featured-promo-section .fwfp-wrap .fwfp-button-next, .full-width-featured-promo-section .fwfp-wrap .fwfp-button-prev { --swiper-navigation-size: 50px; } .full-width-featured-promo-section .fwfp-wrap .fwfp-button-next::after, .full-width-featured-promo-section .fwfp-wrap .fwfp-button-prev::after { font-size: 1.25rem; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-wrap .fwfp-button-next, .full-width-featured-promo-section .fwfp-wrap .fwfp-button-prev { display: none !important; } } .full-width-featured-promo-section .fwfp-wrap .fwfp-button-prev { left: 0; } .full-width-featured-promo-section .fwfp-wrap .fwfp-button-next { right: 0; } .full-width-featured-promo-section .fwfp-wrap .fwfp-pagination { margin-top: 3.88rem; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-wrap .fwfp-pagination { margin-top: 2.38rem; margin-bottom: 1.57rem; } } .full-width-featured-promo-section .fwfp-row { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -1.87rem; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-row { margin: 0 -1rem; } } .full-width-featured-promo-section .fwfp-row-wrap { opacity: 0 !important; height: auto; } .full-width-featured-promo-section .fwfp-row-wrap.swiper-slide-active { opacity: 1 !important; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .container { --container-width: 81.25rem; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-row { margin: 0 0.63rem; align-items: unset; border-radius: 0.94rem; overflow: hidden; background: linear-gradient(100.21deg, #081d4d 53.98%, #1565c0 118.38%); } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-row { margin: 0; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-left, .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-right { padding: 0; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-left, .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-right { width: 100%; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-left { height: auto; } @media (min-width: 992px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-left { width: 48%; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-left + .fwfp-right { padding-left: 0; margin-left: -3.75rem; } @media (min-width: 992px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-left + .fwfp-right { width: 52%; } } @media (max-width: 1199px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-left + .fwfp-right { margin: 0; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-right { position: relative; align-self: center; width: 100%; padding-left: 1.57rem; z-index: 2; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-right { padding-left: 0; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-img { padding-top: 87.2%; padding-left: 0; padding-right: 0; height: 100%; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-img { padding-top: 68.9440993789%; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-img::after, .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-img::before { display: none; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-img-wrap { position: relative; height: 100%; max-width: 100%; } @media (min-width: 992px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-img-wrap::before { content: ''; position: absolute; top: 0; right: -1px; width: 75%; height: 100%; background-image: linear-gradient(270deg, #081d4d 50%, rgba(8, 29, 77, 0) 100%); pointer-events: none; z-index: 2; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant { padding: 2.5rem 1.57rem 3rem 0; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant { padding-left: 1.57rem; text-align: left; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .eyebrow-text { color: #96eaaa; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc .h1, .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc h1 { font-weight: 300; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc .h2, .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc h2 { font-weight: 300; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc .h3, .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc h3 { font-weight: 300; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc .h4, .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc h4 { font-weight: 300; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc .h5, .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc h5 { font-weight: 300; } .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc .h6, .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-contant .desc h6 { font-weight: 300; } @media (max-width: 767px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-btn-wrap { justify-content: flex-start; } } @media (max-width: 575px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-blue .fwfp-btn-wrap { align-items: flex-start; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-white .fwfp-img { opacity: 0; transform: translateX(-30px); transition: all 0.8s linear; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-white .fwfp-img-wrap { max-width: 31.25rem; margin: 0 auto; } } .full-width-featured-promo-section .fwfp-row-wrap._bg-white .fwfp-img-wrap.aos-animate .fwfp-img { opacity: 1; transform: translateZ(0); } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-row-wrap._bg-white .fwfp-right { margin-top: 1.57rem; } } .full-width-featured-promo-section .fwfp-row .fwfp-left, .full-width-featured-promo-section .fwfp-row .fwfp-right { padding: 0 1.88rem; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-row .fwfp-left, .full-width-featured-promo-section .fwfp-row .fwfp-right { width: 100%; padding: 0 1rem; } } @media (min-width: 992px) { .full-width-featured-promo-section .fwfp-row .fwfp-left { width: 30%; } } @media (min-width: 992px) { .full-width-featured-promo-section .fwfp-row .fwfp-right { width: 70%; } } .full-width-featured-promo-section .fwfp-img { position: relative; width: 100%; z-index: 1; max-width: 100%; } @media (min-width: 992px) { .full-width-featured-promo-section .fwfp-img { max-width: 95%; height: auto; } } .full-width-featured-promo-section .fwfp-img img { width: 100%; } .full-width-featured-promo-section .fwfp-img .fwfp-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .full-width-featured-promo-section .fwfp-img .fwfp-play:hover { text-decoration: none; } .full-width-featured-promo-section .fwfp-img-wrap { justify-content: space-between !important; display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-contant { text-align: center; } } .full-width-featured-promo-section .fwfp-contant .eyebrow-text { display: block; margin-bottom: 0.75rem; } .full-width-featured-promo-section .fwfp-contant p img { margin: 0; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-contant p img { margin-bottom: 1.13rem; } } .full-width-featured-promo-section .fwfp-contant .desc h2, .full-width-featured-promo-section .fwfp-contant .desc p { margin-bottom: 0.75rem; } .full-width-featured-promo-section .fwfp-btn-wrap { margin-top: 2.38rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1.13rem; } @media (max-width: 991px) { .full-width-featured-promo-section .fwfp-btn-wrap { justify-content: center; } } @media (max-width: 575px) { .full-width-featured-promo-section .fwfp-btn-wrap { flex-direction: column; } } .fw-landing-hero { position: relative; } .fw-landing-hero .fwlh-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .fw-landing-hero .fwlh-img::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(8, 29, 77, 0) 0, rgba(8, 29, 77, 0.75) 53.19%); z-index: 1; } .fw-landing-hero .fwlh-img img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 767px) { .fw-landing-hero .fwlh-img-desktop { display: none; } } .fw-landing-hero .fwlh-img-mobile { display: none; } @media (max-width: 767px) { .fw-landing-hero .fwlh-img-mobile { display: block; } } .fw-landing-hero .fwlh-main-wrap { position: relative; padding-top: 2.69rem; padding-bottom: 6.82rem; width: 100%; z-index: 1; } @media (max-width: 991px) { .fw-landing-hero .fwlh-main-wrap { padding-bottom: 5rem; } } @media (max-width: 767px) { .fw-landing-hero .fwlh-main-wrap { padding-bottom: 3.13rem; } } .fw-landing-hero .fwlh-breadcrumbs .breadcrumbs { margin-bottom: 4.44rem; } .fw-landing-hero .fwlh-breadcrumbs .breadcrumbs span span { color: #fff; } @media (max-width: 991px) { .fw-landing-hero .fwlh-breadcrumbs .breadcrumbs { margin-bottom: 2.5rem; } } .fw-landing-hero .fwlh-headin-dec { margin-bottom: 2.5rem; max-width: 35.13rem; } .fw-landing-hero .fwlh-headin-dec h1 { margin-bottom: 2rem; } @media (max-width: 991px) { .fw-landing-hero .fwlh-headin-dec h1 { margin-bottom: 1.57rem; } } @media (max-width: 767px) { .fw-landing-hero .fwlh-headin-dec h1 { margin-bottom: 1.13rem; } } .fw-landing-hero .fwlh-btn { column-gap: 2rem; row-gap: 1.25rem; align-items: center; } .full-width-media { position: relative; padding: 13.88rem 0; } @media (max-width: 767px) { .full-width-media { padding: 0; } } .full-width-media .fwm-img, .full-width-media .fwm-video-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (max-width: 767px) { .full-width-media .fwm-img, .full-width-media .fwm-video-wrap { position: relative; } } .full-width-media .fwm-img::before, .full-width-media .fwm-video-wrap::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #081d4d; z-index: 1; opacity: 0.85; pointer-events: none; } .full-width-media .fwm-img .video-link, .full-width-media .fwm-video-wrap .video-link { width: 100%; height: 100%; } .full-width-media .fwm-img img, .full-width-media .fwm-video-wrap img { width: 100%; height: 100%; object-fit: cover; } .full-width-media .fwm-play { display: inline-block; text-decoration: none; margin-bottom: 2rem; } .full-width-media .fwm-play._mobile { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9; } @media (min-width: 768px) { .full-width-media .fwm-play._mobile { display: none; } } @media (max-width: 767px) { .full-width-media .fwm-play._desktop { display: none; } } .full-width-media .fwm-content { position: relative; max-width: 29.82rem; width: 100%; margin: 0 auto; z-index: 2; } @media (max-width: 767px) { .full-width-media .fwm-content { padding: 0.63rem 0; } } @media (max-width: 991px) { .full-width-media .fwm-content .h2, .full-width-media .fwm-content h2 { font-size: 2.13rem; } } .full-width-media .fwm-content .h1, .full-width-media .fwm-content h1 { color: #fff; margin-bottom: 1.25rem; } @media (max-width: 767px) { .full-width-media .fwm-content .h1, .full-width-media .fwm-content h1 { color: #081d4d; } } .full-width-media .fwm-content .h2, .full-width-media .fwm-content h2 { color: #fff; margin-bottom: 1.25rem; } @media (max-width: 767px) { .full-width-media .fwm-content .h2, .full-width-media .fwm-content h2 { color: #081d4d; } } .full-width-media .fwm-content .h3, .full-width-media .fwm-content h3 { color: #fff; margin-bottom: 1.25rem; } @media (max-width: 767px) { .full-width-media .fwm-content .h3, .full-width-media .fwm-content h3 { color: #081d4d; } } .full-width-media .fwm-content .h4, .full-width-media .fwm-content h4 { color: #fff; margin-bottom: 1.25rem; } @media (max-width: 767px) { .full-width-media .fwm-content .h4, .full-width-media .fwm-content h4 { color: #081d4d; } } .full-width-media .fwm-content .h5, .full-width-media .fwm-content h5 { color: #fff; margin-bottom: 1.25rem; } @media (max-width: 767px) { .full-width-media .fwm-content .h5, .full-width-media .fwm-content h5 { color: #081d4d; } } .full-width-media .fwm-content .h6, .full-width-media .fwm-content h6 { color: #fff; margin-bottom: 1.25rem; } @media (max-width: 767px) { .full-width-media .fwm-content .h6, .full-width-media .fwm-content h6 { color: #081d4d; } } .full-width-media .fwm-content p { font-size: 1.25rem; } @media (max-width: 767px) { .full-width-media .fwm-content p { color: #081d4d; } } .full-width-media .fwm-content .btn-link { color: #96eaaa; } .full-width-media .fwm-content .btn-link::after, .full-width-media .fwm-content .btn-link::before { color: #96eaaa; } .fw-subscription-promo { position: relative; background: linear-gradient(90.02deg, #081d4d 43.16%, #1343b3 99.93%); padding: 3.13rem 0; } .fw-subscription-promo::before { content: ''; position: absolute; top: 0; right: -4.68rem; left: 0; width: 100%; height: 100%; background-image: url(../images/fw-subscription-promo.webp); background-position: center right calc((100% - 500px) / 2); background-size: contain; background-repeat: no-repeat; } @media (max-width: 991px) { .fw-subscription-promo::before { background-size: cover !important; } } @media (max-width: 767px) { .fw-subscription-promo::before { background-position: center !important; background-image: url(../images/img-promo.webp); } } .fw-subscription-promo .fwsp-left { flex-direction: row-reverse; } .fw-subscription-promo .fwsp-heading h2, .fw-subscription-promo .fwsp-heading p { color: #fff; } .fw-subscription-promo .fwsp-row { align-items: center; } @media (max-width: 767px) { .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap { margin-top: 1.25rem; } } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .pdb-form { margin: 0 -0.62rem; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm { padding: 0; display: flex; flex-wrap: wrap; justify-content: center; width: 100% !important; max-width: 100%; color: #fff !important; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow { margin-bottom: 0.94rem !important; padding: 0 0.63rem; width: 50%; } @media (min-width: 768px) and (max-width: 991px) { .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow { width: 100%; } } @media (max-width: 575px) { .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow { width: 100%; } } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow:nth-child(4n) { display: none !important; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow:has(input[type='hidden']) { display: none !important; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow:not(.customCheckboxClass) .mktoFieldDescriptor, .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow:not(.customCheckboxClass) .mktoFieldWrap { margin-bottom: 0 !important; width: 100%; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow .mktoGutter, .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow .mktoLabel, .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow .mktoOffset { display: none !important; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow.customCheckboxClass { display: flex; align-items: center; justify-content: center; width: 100%; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow.customCheckboxClass .mktoFieldDescriptor, .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow.customCheckboxClass .mktoFormCol { margin-bottom: 0 !important; width: auto !important; min-height: auto !important; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow.customCheckboxClass .mktoClear { display: none !important; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoForm .mktoFormRow.customCheckboxClass .mktoHtmlText { width: auto !important; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoButton { padding: 0.82rem 2.63rem; color: #081d4d; border: 0; border-radius: 1.88rem; background-color: #96eaaa; font-size: 1rem; font-weight: 700; letter-spacing: 0; transition: background-color 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoButton:hover { background-color: #5fd6ff; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoButtonRow { margin: 0 !important; padding: 0 !important; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoCheckboxList .mktoField { width: 1.44rem !important; height: 1.44rem !important; } .fw-subscription-promo .fwsp-main-wrap .pdb-form-wrap .mktoField { width: 100% !important; margin: 0 !important; border-radius: 0.5rem; } .horizontal-tabbed-component { overflow: hidden; } .horizontal-tabbed-component .htc-heading-container { margin-bottom: 1rem; } .horizontal-tabbed-component .htc-heading-container p { margin-left: 0; } .horizontal-tabbed-component .htc-swiper-arrows { justify-content: flex-end; } .horizontal-tabbed-component .htc-heading { text-align: center; margin-bottom: 1rem; } .horizontal-tabbed-component .htc-heading .h1, .horizontal-tabbed-component .htc-heading h1 { margin-bottom: 0; } .horizontal-tabbed-component .htc-heading .h2, .horizontal-tabbed-component .htc-heading h2 { margin-bottom: 0; } .horizontal-tabbed-component .htc-heading .h3, .horizontal-tabbed-component .htc-heading h3 { margin-bottom: 0; } .horizontal-tabbed-component .htc-heading .h4, .horizontal-tabbed-component .htc-heading h4 { margin-bottom: 0; } .horizontal-tabbed-component .htc-heading .h5, .horizontal-tabbed-component .htc-heading h5 { margin-bottom: 0; } .horizontal-tabbed-component .htc-heading .h6, .horizontal-tabbed-component .htc-heading h6 { margin-bottom: 0; } .horizontal-tabbed-component .htc-heading p { max-width: 47.5rem; margin: 0 auto; } .horizontal-tabbed-component .htc-tab { margin-bottom: 3.19rem; } .horizontal-tabbed-component .htc-tab-wrap { position: relative; } @media (max-width: 767px) { .horizontal-tabbed-component .htc-tab-wrap { background-color: #081d4d; border-radius: 0.63rem; overflow: hidden; padding: 0 2.5rem; } } .horizontal-tabbed-component .htc-content-tab { opacity: 0 !important; } .horizontal-tabbed-component .htc-content-tab.swiper-slide-active { opacity: 1 !important; } .horizontal-tabbed-component .htc-content-tab .htc-left-wrap, .horizontal-tabbed-component .htc-content-tab .htc-right-wrap { transition: all 1s ease 0s; } .horizontal-tabbed-component .htc-content-tab.swiper-slide-prev .htc-left-wrap, .horizontal-tabbed-component .htc-content-tab.swiper-slide-prev .htc-right-wrap { transform: translateX(5%); opacity: 0; } .horizontal-tabbed-component .htc-content-tab.swiper-slide-active .htc-left-wrap, .horizontal-tabbed-component .htc-content-tab.swiper-slide-active .htc-right-wrap { transform: translateX(0); opacity: 1; transition-delay: 0.2s; } .horizontal-tabbed-component .htc-content-tab.swiper-slide-active .htc-right-wrap { transition-delay: 0.3s; } .horizontal-tabbed-component .htc-content-tab.swiper-slide-next .htc-left-wrap, .horizontal-tabbed-component .htc-content-tab.swiper-slide-next .htc-right-wrap { opacity: 0; transform: translateX(-5%); } .horizontal-tabbed-component .htc-tabs { overflow: hidden; } .horizontal-tabbed-component .htc-tabs._five .swiper-wrapper { justify-content: center; } @media (max-width: 1199px) { .horizontal-tabbed-component .htc-tabs._five .swiper-wrapper { justify-content: flex-start; } } .horizontal-tabbed-component .htc-tabs._four .swiper-wrapper { justify-content: center; } @media (max-width: 1199px) { .horizontal-tabbed-component .htc-tabs._four .swiper-wrapper { justify-content: flex-start; } } .horizontal-tabbed-component .htc-tabs._three .swiper-wrapper { justify-content: center; } @media (max-width: 991px) { .horizontal-tabbed-component .htc-tabs._three .swiper-wrapper { justify-content: flex-start; } } .horizontal-tabbed-component .htc-tabs._two .swiper-wrapper { justify-content: center; } @media (max-width: 767px) { .horizontal-tabbed-component .htc-tabs._two .swiper-wrapper { justify-content: flex-start; } } .horizontal-tabbed-component .htc-tabs._one .swiper-wrapper { justify-content: center; } @media (max-width: 767px) { .horizontal-tabbed-component .htc-tabs._one .swiper-wrapper { justify-content: flex-start; } } .horizontal-tabbed-component .htc-tabs + .htc-tabs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .horizontal-tabbed-component .htc-tabs + .htc-tabs .tab-link { background-color: transparent; } .horizontal-tabbed-component .htc-tabs .tab-link { padding: 0.38rem 0.75rem; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #e6e8ed; z-index: 1; border: 0; border-radius: 0.63rem; height: auto; width: 11.07rem; margin-right: 1.25rem; overflow: hidden; min-height: 4.69rem; } @media (max-width: 991px) { .horizontal-tabbed-component .htc-tabs .tab-link { min-height: 3.44rem; } } @media (max-width: 767px) { .horizontal-tabbed-component .htc-tabs .tab-link { padding: 0.38rem 0; justify-content: center; background-color: transparent; } } .horizontal-tabbed-component .htc-tabs .tab-link:has(.htc-tab-icon) { justify-content: flex-start; } @media (max-width: 767px) { .horizontal-tabbed-component .htc-tabs .tab-link .tab-link-inner { display: flex; align-items: center; justify-content: center; padding: 0 2.82rem; } } .horizontal-tabbed-component .htc-tabs .tab-link.swiper-slide-thumb-active .tab-icon svg path { fill: #96eaaa; stroke: #96eaaa; } .horizontal-tabbed-component .htc-tabs .tab-link.swiper-slide-thumb-active .tab-link-inner span { color: #fff; } .horizontal-tabbed-component .htc-tabs .tab-link span { color: #081d4d; font-weight: 500; transition: 0.2s; } .horizontal-tabbed-component .htc-tab-icon { position: relative; display: block; width: 2.5rem; height: 2.5rem; margin: 0 auto; } @media (max-width: 767px) { .horizontal-tabbed-component .htc-tab-icon { width: 1.75rem; height: 1.75rem; margin: 0; margin-right: 0.13rem; } } .horizontal-tabbed-component .htc-tab-icon .tab-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.4s; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .horizontal-tabbed-component .htc-tab-icon .tab-icon svg path { transition: 0.4s; } .horizontal-tabbed-component .htc-tab-icon .tab-icon.hover-icon { opacity: 0; } .horizontal-tabbed-component .htc-tab-icon svg { max-height: 1.75rem; object-fit: contain; } @media (max-width: 767px) { .horizontal-tabbed-component .htc-swiper-arrows.desktop-nav { display: none; } } @media (min-width: 768px) { .horizontal-tabbed-component .htc-swiper-arrows.mobile-nav { display: none; } } .horizontal-tabbed-component .htc-swiper-arrows.mobile-nav button { position: absolute; top: 50%; transform: translateY(-50%); } .horizontal-tabbed-component .htc-tab-bg { position: absolute; bottom: 0; height: 4px; background-color: #081d4d; border-radius: 0.63rem; transition: all 0.3s ease-in-out; z-index: -1; } @media (max-width: 767px) { .horizontal-tabbed-component .htc-tab-bg { display: none; } } .horizontal-tabbed-component .htc-row { margin-right: -2.18rem; margin-left: -2.18rem; } .horizontal-tabbed-component .htc-row [class*='cell-'] { padding-left: 2.19rem; padding-right: 2.19rem; } @media (max-width: 1199px) { .horizontal-tabbed-component .htc-row { margin-right: -0.93rem; margin-left: -0.93rem; } .horizontal-tabbed-component .htc-row [class*='cell-'] { padding-left: 0.94rem; padding-right: 0.94rem; } } .horizontal-tabbed-component .htc-row.right-align { flex-direction: row-reverse; } .horizontal-tabbed-component .htc-video-wrap .htc-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .horizontal-tabbed-component .htc-media-wrap.shadow { padding-bottom: 0.63rem; } .horizontal-tabbed-component .htc-media-wrap.shadow .htc-left { box-shadow: 0 0.13rem 0.99rem rgba(0, 0, 0, 0.12); } .horizontal-tabbed-component .htc-media-wrap + .btn { margin-top: 2.5rem; margin-bottom: 0.38rem; } .horizontal-tabbed-component .htc-left .htc-img, .horizontal-tabbed-component .htc-left .video-link { display: block; position: relative; } .horizontal-tabbed-component .htc-left .htc-img img, .horizontal-tabbed-component .htc-left .video-link img { width: 100%; } .horizontal-tabbed-component .htc-left .htc-img:has(.expand-img) .expand-img { position: absolute; right: 0; bottom: 0; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 3.13rem; height: 3.13rem; color: #1565c0; font-size: 1.88rem; cursor: pointer; transition: 0.4s ease 0s; } .horizontal-tabbed-component .htc-left .htc-img:has(.expand-img) .expand-img:hover { color: #96eaaa; } @media (max-width: 991px) { .horizontal-tabbed-component .htc-right { margin-top: 1.57rem; } } .horizontal-tabbed-component .htc-right .btn { margin-top: 1.5rem; } .horizontal-tabbed-component .htc-tab-desc p { margin-bottom: 1rem; } .horizontal-tabbed-component .htc-sublinks { margin-top: 2.5rem; } .horizontal-tabbed-component .htc-sublinks .htc-sublink-header { margin-bottom: 1.25rem; display: block; font-size: 1.57rem; font-weight: 300; } .horizontal-tabbed-component .htc-sublinks ul { column-count: 2; -webkit-column-break-inside: avoid; break-inside: avoid; list-style: none; padding-left: 0; margin: 0 -0.62rem; } @media (max-width: 767px) { .horizontal-tabbed-component .htc-sublinks ul { display: flex; flex-direction: column; } } .horizontal-tabbed-component .htc-sublinks ul li { padding: 0.44rem 0.63rem; margin-bottom: 0.63rem; } @media (max-width: 767px) { .horizontal-tabbed-component .htc-sublinks ul li { width: 100%; } } .horizontal-tabbed-component .htc-sublinks ul li .btn-link { display: inline; } .horizontal-tabbed-component .htc-sublinks ul li .btn-link::after { vertical-align: middle; } .icon-grid { overflow: hidden; } .icon-grid .ig-sec-heading { max-width: 59.38rem; margin: 0 auto 3rem; } @media (min-width: 768px) { .icon-grid .ig-card { row-gap: 5rem; justify-content: center; } } @media (max-width: 767px) { .icon-grid .ig-card { flex-wrap: nowrap; margin: 0; } } .icon-grid .ig-imgwrap { margin-bottom: 2rem; display: inline-flex; width: 3.13rem; height: 3.13rem; } .icon-grid .ig-imgwrap img { width: 100%; height: 100%; object-fit: contain; } .icon-grid .ig-detailwrap h5 { font-weight: 600; } .icon-grid .ig-detailwrap .btn-link { display: inline-block; margin-top: 2.19rem; } .icon-grid .ig-slider-controls { display: none; } .icon-grid .ig-slider-controls:has(.swiper-pagination-bullets) { padding-bottom: 1px; margin-top: 5rem; display: block; } .icon-grid .ig-slider-controls .swiper-pagination { position: relative; left: unset; top: unset; bottom: unset; } @media (max-width: 767px) { .icon-grid .ig-item { text-align: center; padding: 0; } } .latest-updates { position: relative; overflow: hidden; } .latest-updates .lu-heading { display: flex; align-items: center; transition: 0.4s; transform: translateY(20px); } .latest-updates .lu-heading.aos-animate { transform: translateY(0); } @media (max-width: 767px) { .latest-updates .lu-heading { display: block; } } .latest-updates .lu-heading h2 { margin-bottom: 0; margin-right: 1.5rem; } @media (max-width: 767px) { .latest-updates .lu-heading h2 { margin-bottom: 0.63rem; } } .latest-updates .lu-description { transform: translateY(20px); transition: 0.4s; margin-top: 1rem; } .latest-updates .lu-description.aos-animate { transform: translateY(0); } .latest-updates .lu-box-main-wrap { opacity: 0; transform: translateX(20px); height: 100%; } .latest-updates .lu-box-main-wrap.aos-animate { opacity: 1; transform: translateX(0); } .latest-updates .lu-box-wrap { display: flex; flex-direction: column; background-color: #f4f4f4; height: 100%; transition: 0.4s; border-radius: 0.94rem; box-shadow: 0 4px 10px rgba(8, 29, 77, 0.2); overflow: hidden; } .latest-updates .lu-box-wrap .lu-eyebrow-text { flex: 1; transition: all 0.5s ease 0s; overflow: hidden; } .latest-updates .lu-box-wrap .lu-eyebrow-text .h6, .latest-updates .lu-box-wrap .lu-eyebrow-text span { position: relative; z-index: 1; transition: all 0.3s ease 0s; } .latest-updates .lu-box-wrap:hover { text-decoration: none; box-shadow: 0 4px 18px rgba(8, 29, 77, 0.6); } @media (min-width: 992px) { .latest-updates .lu-box-wrap:hover { transform: scale(1.1); } } .latest-updates .lu-box-wrap:hover .lu-eyebrow-text { background-color: #081d4d; } .latest-updates .lu-box-wrap:hover .lu-eyebrow-text::after { opacity: 1; } .latest-updates .lu-box-wrap:hover .lu-eyebrow-text span { color: #96eaaa; } .latest-updates .lu-box-wrap:hover .lu-eyebrow-text .h6 { color: #fff; } .latest-updates .lu-row .swiper-slide { height: auto; max-width: 16.69rem; } .latest-updates .lu-img { position: relative; padding-top: 56.2264150943%; } .latest-updates .lu-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .latest-updates .lu-eyebrow-text { position: relative; padding: 1.5rem 1.5rem 2.75rem; } .latest-updates .lu-eyebrow-text::after { content: ''; position: absolute; right: -1.87rem; bottom: 0; width: 9.38rem; height: 7.5rem; /* background-image: url(../images/latest-updates-shape.svg); */ background-repeat: no-repeat; background-size: cover; transition: 0.4s; opacity: 0; z-index: 0; pointer-events: none; } .latest-updates .lu-eyebrow-text span { display: block; color: #1565c0; /* font-size: 0.75rem; */ font-weight: 600; } .latest-updates .lu-eyebrow-text h6 { margin-bottom: 0; color: #081d4d; font-size: 1rem; font-weight: 500; line-height: 1.5; } .latest-updates .lu-carousel { margin-top: 1.88rem; } @media (max-width: 991px) { .latest-updates .lu-carousel { margin-top: 3.75rem; } } .latest-updates .lu-container { position: relative; } @media (min-width: 992px) { .latest-updates .lu-container:has(.lu-no-carousel) .lu-carousel { margin-top: 0; } } @media (min-width: 992px) { .latest-updates .lu-container:has(.lu-no-carousel) .lu-swiper-arrows { display: none; } } .latest-updates .lu-container:has(.lu-carousel.swiper-initialized) .swiper-slide { max-width: 100%; } @media (min-width: 992px) { .latest-updates .lu-container .lu-no-carousel .lu-row { flex-wrap: wrap; justify-content: center; } } @media (min-width: 992px) { .latest-updates .lu-container .lu-no-carousel .lu-col { margin-top: 2.19rem; padding: 0 0.94rem; width: 33.33%; max-width: 100%; } } @media (min-width: 1200px) { .latest-updates .lu-container .lu-no-carousel .lu-col { width: 25%; } } .latest-updates .lu-swiper-arrows { position: absolute; width: auto; height: auto; top: -4.56rem; right: 10rem; left: auto; } @media (max-width: 991px) { .latest-updates .lu-swiper-arrows { top: -2.87rem; right: 0; } } .latest-updates .lu-swiper-arrows .swiper-button-next, .latest-updates .lu-swiper-arrows .swiper-button-prev { position: static; margin: 0; } .latest-updates .lu-swiper-arrows .swiper-button-next { margin-left: 0.82rem; } .leadership-bio-grid .sec-heading { margin-bottom: 1.63rem; } .leadership-bio-grid .lbg-cell { margin-top: 2rem; display: flex; flex-direction: column; } .leadership-bio-grid .lbg-img { position: relative; padding-top: 100%; background-color: #d9d9d6; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); transition: 0.4s ease 0s; } .leadership-bio-grid .lbg-img.-bio { cursor: pointer; } .leadership-bio-grid .lbg-img:hover { background-color: #b5a4fc; } .leadership-bio-grid .lbg-img img { position: absolute; bottom: 0; width: 100%; height: 90%; object-fit: contain; object-position: bottom; } .leadership-bio-grid .lbg-img-wrap { max-width: 14.07rem; margin: 0 auto 1rem; width: 100%; } .leadership-bio-grid .lbg-company-logo { max-width: 75px; display: block; margin: auto auto 0; padding-top: 0.5rem; } .leadership-bio-grid .lbg-content { flex-grow: 1; } .leadership-bio-grid .lbg-content .lbg-link { display: inline-flex; color: #2699fb; text-decoration: none; } .leadership-bio-grid .lbg-content .lbg-link:hover { color: #1565c0; } .leadership-bio-grid .lbg-content .h5 { margin-bottom: 0; font-weight: 700; transition: color 0.3s ease 0s; } .leadership-bio-grid .lbg-content .h5.-bio { cursor: pointer; } .leadership-bio-grid .lbg-content .h5.-bio:hover { color: #1565c0; } .leadership-bio-grid .lbg-content .position { color: rgba(28, 31, 42, 0.6); } .leadership-bio-grid .lbg-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-start; justify-self: center; padding: 1.88rem 40px; overflow: auto; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.4s ease 0s; z-index: 999; } .leadership-bio-grid .lbg-popup.is-active { opacity: 1; visibility: visible; pointer-events: all; } .leadership-bio-grid .lbg-popup.is-active .simplebar-track { opacity: 1; } .leadership-bio-grid .lbg-popup .leadership-popup-slider { position: relative; margin: 0 auto; padding: 2.5rem 1.5rem 2.5rem 2.5rem; max-width: 60rem; width: 100%; background-color: #fff; align-self: center; filter: drop-shadow(5px 0 15px rgba(0, 0, 0, 0.161)); overflow: hidden; } @media (max-width: 991px) { .leadership-bio-grid .lbg-popup .leadership-popup-slider { padding: 1.88rem; } } @media (max-width: 767px) { .leadership-bio-grid .lbg-popup .leadership-popup-slider { padding: 4.38rem 0.94rem 1.13rem; filter: drop-shadow(0 4px 16px #081d4d); } } .leadership-bio-grid .lbg-popup .leadership-popup-slider .lbg-swiper-arrows { position: absolute; top: 1.5rem; right: 5rem; } @media (max-width: 991px) { .leadership-bio-grid .lbg-popup .leadership-popup-slider .lbg-swiper-arrows { top: 1.07rem; } } @media (max-width: 767px) { .leadership-bio-grid .lbg-popup .leadership-popup-slider .lbg-swiper-arrows { right: auto; left: 0.69rem; } } .leadership-bio-grid .lbg-popup .leadership-popup-slider .lbg-swiper-arrows .swiper-button-next, .leadership-bio-grid .lbg-popup .leadership-popup-slider .lbg-swiper-arrows .swiper-button-prev { position: static; margin: 0; } .leadership-bio-grid .lbg-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .leadership-bio-grid .lbg-popup-close-btn { position: absolute; top: 1.5rem; right: 1.5rem; width: 2rem; height: 2rem; border-radius: 100%; background-color: #1565c0; transform: rotate(45deg); transition: background-color 0.3s ease 0s; z-index: 11; cursor: pointer; } @media (max-width: 991px) { .leadership-bio-grid .lbg-popup-close-btn { top: 1.07rem; right: 1.38rem; } } .leadership-bio-grid .lbg-popup-close-btn:hover { background-color: #081d4d; } .leadership-bio-grid .lbg-popup-close-btn::after, .leadership-bio-grid .lbg-popup-close-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 17px; transform: translate(-50%, -50%); background-color: #fff; } .leadership-bio-grid .lbg-popup-close-btn::after { transform: translate(-50%, -50%) rotate(90deg); } .leadership-bio-grid .lbg-popup-content .desc-wrap { padding-right: 1.57rem; max-height: 13.13rem; overflow-y: auto; } .leadership-bio-grid .lbg-popup-content .desc-wrap .desc { max-width: 32.5rem; } .leadership-bio-grid .lbg-popup-row { display: flex; flex-wrap: wrap; } @media (max-width: 767px) { .leadership-bio-grid .lbg-popup-row { flex-direction: column; } } .leadership-bio-grid .lbg-popup-row .lbg-popup-left { width: 35%; } @media (max-width: 767px) { .leadership-bio-grid .lbg-popup-row .lbg-popup-left { width: 100%; } } .leadership-bio-grid .lbg-popup-row .lbg-popup-right { padding-left: 1.88rem; width: 65%; } @media (min-width: 768px) { .leadership-bio-grid .lbg-popup-row .lbg-popup-right { padding-top: 1.25rem; } } @media (max-width: 991px) { .leadership-bio-grid .lbg-popup-row .lbg-popup-right { padding-left: 1.25rem; } } @media (max-width: 767px) { .leadership-bio-grid .lbg-popup-row .lbg-popup-right { padding-left: 0; width: 100%; } } .leadership-bio-grid .lbg-popup-img { position: relative; padding-top: 100%; background-color: #b5a4fc; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); } .leadership-bio-grid .lbg-popup-img img { position: absolute; bottom: 0; width: 100%; height: 90%; object-fit: contain; object-position: bottom; } .leadership-bio-grid .lbg-popup-img-wrap { max-width: 18.57rem; width: 100%; margin: 0 auto; } @media (max-width: 767px) { .leadership-bio-grid .lbg-popup-img-wrap { margin-bottom: 1.38rem; } } .leadership-bio-grid .lbg-popup-right h3 { margin-bottom: 0; color: #1565c0; } .leadership-bio-grid .lbg-popup-right .position { margin-bottom: 0.63rem; display: block; font-size: 0.75rem; color: #727272; font-weight: 600; } .leadership-bio-grid .lbg-popup-right .link { display: inline-flex; } .leadership-bio-grid .lbg-popup-right .simplebar-track { opacity: 0; } @media (min-width: 768px) { .leadership-bio-grid .lbg-popup-right .simplebar-track { right: 0.75rem !important; } } .logo-carousel { overflow: hidden; } .logo-carousel.has-background { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 2rem; padding-bottom: 4rem; } .logo-carousel.has-background h2 { color: #fff; } .logo-carousel.has-background .lc-wrap:nth-child(odd)::before { background: 0 0 !important; } .logo-carousel.has-background .lc-wrap:nth-child(even)::before { background: 0 0 !important; } .logo-carousel .lc-heading h2 { margin-bottom: 1.38rem; } .logo-carousel .lc-heading p { font-size: 1rem; } .logo-carousel .lc-logowrap { display: flex; flex-direction: column; row-gap: 1.88rem; } @media (max-width: 991px) { .logo-carousel .lc-logowrap { row-gap: 2.19rem; } } .logo-carousel .lc-img-wrap { position: relative; width: 10.63rem; height: 3.13rem; margin: 0 1.25rem; } @media (max-width: 1199px) { .logo-carousel .lc-img-wrap { width: 8.13rem; } } @media (max-width: 767px) { .logo-carousel .lc-img-wrap { width: 6.25rem; height: 2.5rem; margin: 0 0.63rem; } } .logo-carousel .lc-img-wrap img { width: 100%; height: 100%; object-fit: contain; } .logo-carousel .lc-wrap { position: relative; } .logo-carousel .lc-wrap::before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; transition: 2s; } .logo-carousel .lc-wrap:nth-child(1)::before { transition-delay: 0.3s; } .logo-carousel .lc-wrap:nth-child(2)::before { transition-delay: 0.6s; } .logo-carousel .lc-wrap:nth-child(3)::before { transition-delay: 0.9s; } .logo-carousel .lc-wrap:nth-child(4)::before { transition-delay: 1.2s; } .logo-carousel .lc-wrap:nth-child(5)::before { transition-delay: 1.5s; } .logo-carousel .lc-wrap:nth-child(6)::before { transition-delay: 1.8s; } .logo-carousel .lc-wrap:nth-child(7)::before { transition-delay: 2s; } .logo-carousel .lc-wrap:nth-child(8)::before { transition-delay: 2s; } .logo-carousel .lc-wrap:nth-child(9)::before { transition-delay: 2s; } .logo-carousel .lc-wrap:nth-child(10)::before { transition-delay: 2s; } .logo-carousel .lc-wrap:nth-child(odd) { transition: 2s; transform: translateX(-500px); } .logo-carousel .lc-wrap:nth-child(odd).aos-animate { transform: translateX(0); } .logo-carousel .lc-wrap:nth-child(even) { transition: 2s; transform: translateX(500px); } .logo-carousel .lc-wrap:nth-child(even).aos-animate { transform: translateX(0); } .logo-carousel .lc-wrap:nth-child(odd)::before { left: 1px; background: linear-gradient(270deg, #fff 85%, rgba(9, 9, 121, 0) 100%); } .logo-carousel .lc-wrap:nth-child(even)::before { right: 1px; background: linear-gradient(90deg, #fff 85%, rgba(9, 9, 121, 0) 100%); } .logo-carousel .lc-wrap.aos-animate:nth-child(odd)::before { left: 100%; } .logo-carousel .lc-wrap.aos-animate:nth-child(even)::before { right: 100%; } .map-with-pins-section .sec-heading { max-width: 47.5rem; margin: 0 auto 4.25rem; } @media (max-width: 1199px) { .map-with-pins-section .sec-heading { margin-bottom: 2.5rem; } } @media (max-width: 991px) { .map-with-pins-section .sec-heading { margin-bottom: 1rem; } } .map-with-pins-section .sec-heading p { font-size: 1rem; } .map-with-pins-section .tooltip-wrap { width: 100%; padding: 2.5rem 2rem; background-color: #fff; border-radius: 0; border-top: 3px solid; border-image-slice: 1; border-image-source: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); box-shadow: 0 4px 16px 8px rgba(8, 29, 77, 0.1); text-align: left; z-index: 1; } .map-with-pins-section .tooltip-wrap p { color: #081d4d; } .map-with-pins-section .tooltip-wrap p:not(:last-child) { margin-bottom: 0.5rem !important; } .map-with-pins-section .tooltip-wrap a { font-size: 0.88rem; font-weight: 600; } .map-with-pins-section .mwp-map-wrap { display: flex; flex-direction: column; } .map-with-pins-section .mwp-map { aspect-ratio: 1145/740; } @media (max-width: 767px) { .map-with-pins-section .mwp-map { margin: 0 -1.87rem; } } @media (min-width: 768px) { .map-with-pins-section .mwp-map { display: inline-flex; max-width: 100%; max-height: calc(100vh - 300px); margin: 0 auto; } } .map-with-pins-section .mwp-map .wrap_svl_center { vertical-align: top; } @media (max-width: 991px) { .map-with-pins-section .mwp-map .drag_element.tips { pointer-events: none; } } .map-with-pins-section .mwp-map .drag_element.tips .ihotspot_tooltop_html[data-placement='s'] + .tooltip-wrap { left: 50%; transform: translateX(-50%); } .map-with-pins-section .mwp-map .drag_element.tips .ihotspot_tooltop_html[data-placement='w'] + .tooltip-wrap { right: 100%; top: 50%; transform: translateY(-50%); } .map-with-pins-section .mwp-map .drag_element.tips .ihotspot_tooltop_html[data-placement='nw'] + .tooltip-wrap { right: 100%; bottom: 100%; } .map-with-pins-section .mwp-map .drag_element.tips .ihotspot_tooltop_html[data-placement='ne'] + .tooltip-wrap { bottom: 100%; } .map-with-pins-section .mwp-map .drag_element.tips .ihotspot_tooltop_html[data-placement='sw'] + .tooltip-wrap { right: 100%; } .map-with-pins-section .mwp-map .drag_element.tips .ihotspot_tooltop_html[data-placement='e'] + .tooltip-wrap { left: 100%; top: 50%; transform: translateY(-50%); } .map-with-pins-section .mwp-map .drag_element.tips .ihotspot_tooltop_html[data-placement='n'] + .tooltip-wrap { left: 50%; bottom: 50%; transform: translateX(-50%); } .map-with-pins-section .mwp-map .drag_element.tips .point_style::before { content: ''; position: absolute; bottom: 100%; left: 50%; width: 2.5rem; height: 3.82rem; background-image: url(../images/map-pin-white.svg); background-repeat: no-repeat; background-size: cover; background-position: center; filter: drop-shadow(0 4px 16px rgba(8, 29, 77, 0.1)); -webkit-filter: drop-shadow(0 4px 16px rgba(8, 29, 77, 0.1)); transform: translateX(-50%); z-index: 1; opacity: 0; visibility: hidden; pointer-events: none; } @media (max-width: 991px) { .map-with-pins-section .mwp-map .drag_element.tips .point_style::before { width: 0.82rem; height: 1.25rem; } } .map-with-pins-section .mwp-map .drag_element.tips .point_style:hover img { filter: drop-shadow(0 1px 2px #b5a4fc); } .map-with-pins-section .mwp-map .drag_element.tips .point_style img { cursor: pointer; top: 50% !important; left: 50% !important; max-height: inherit !important; filter: drop-shadow(0 1px 2px #081d4d); transform: translate(-50%, -50%); } @media (max-width: 991px) { .map-with-pins-section .mwp-map .drag_element.tips .point_style img { width: 0.32rem; } } .map-with-pins-section .mwp-map .drag_element.tips .tooltip-wrap { position: absolute; margin-bottom: 1.57rem; width: 16.57rem; opacity: 0; visibility: hidden; pointer-events: none; } @media (max-width: 991px) { .map-with-pins-section .mwp-map .drag_element.tips .tooltip-wrap { display: none !important; } } .map-with-pins-section .mwp-map .drag_element.tips.active { z-index: 998; } .map-with-pins-section .mwp-map .drag_element.tips.active .point_style::before, .map-with-pins-section .mwp-map .drag_element.tips.active .tooltip-wrap { opacity: 1; visibility: visible; pointer-events: all; } @media (max-width: 991px) { .map-with-pins-section .mwp-map .drag_element.tips.active .point_style::before, .map-with-pins-section .mwp-map .drag_element.tips.active .tooltip-wrap { pointer-events: none; } } .map-with-pins-section .mwp-map .drag_element.tips.active .ihotspot_tooltop_html .pins_image { display: none !important; } .map-with-pins-section .mwp-map .drag_element.tips.active .ihotspot_tooltop_html .pins_image_hover { display: block !important; filter: drop-shadow(0 1px 2px #b5a4fc); } .map-with-pins-section .mwp-map-content { margin: 1rem auto 0; width: 100%; max-width: 86%; display: none; } @media (min-width: 992px) { .map-with-pins-section .mwp-map-content-wrap { display: none; } } .map-with-pins-section .mwp-map-dropdown { position: absolute; top: calc(100% - 1px); left: 0; display: none; width: 100%; height: auto; max-height: 20.63rem; overflow: auto; padding: 0; margin: 0; list-style: none; background-color: #fff; border: 1px solid rgba(28, 31, 42, 0.3); border-top: 0; z-index: 999; } .map-with-pins-section .mwp-map-dropdown li { padding: 0.38rem 0.75rem; color: #707070; font-size: 0.88rem; } .map-with-pins-section .mwp-map-dropdown li span { cursor: pointer; } .map-with-pins-section .mwp-map-dropdown-wrap { position: relative; max-width: 50%; width: 100%; margin: 0 auto 1rem; } @media (min-width: 992px) { .map-with-pins-section .mwp-map-dropdown-wrap { display: none; } } @media (max-width: 767px) { .map-with-pins-section .mwp-map-dropdown-wrap { max-width: 100%; } } .map-with-pins-section .mwp-map-dropdown-wrap .dropdown-title { position: relative; display: block; padding: 0.75rem 2.19rem 0.75rem 0.75rem; color: #707070; font-size: 0.88rem; cursor: pointer; border: 1px solid rgba(28, 31, 42, 0.3); } .map-with-pins-section .mwp-map-dropdown-wrap .dropdown-title::before { content: ''; position: absolute; top: 50%; right: 1rem; width: 0.94rem; height: 0.5rem; transform: translateY(-50%); background-image: url(../images/select-down-arrow.svg); background-size: cover; background-position: center; background-repeat: no-repeat; transition: 0.35s ease 0s; } .map-with-pins-section .mwp-map-dropdown-wrap .dropdown-title.active { border-bottom: transparent; } .map-with-pins-section .mwp-map-dropdown-wrap .dropdown-title.active::before { transform: translateY(-50%) scale(-1); } #powerTip { display: none !important; } #powerTip::before { display: none; } .margin-multiplier-component { position: relative; padding: 3.75rem 0; overflow: hidden; background: linear-gradient( 45.32deg, #181749 0.06%, #18184a 45.01%, #191d51 60.99%, #1b265d 71.97%, #1e336e 81.96%, #224484 89.95%, #27589e 95.94%, #2a66b0 99.94% ); } @media (max-width: 991px) { .margin-multiplier-component { padding: 2.5rem 0; } } @media (max-width: 767px) { .margin-multiplier-component { padding: 1.57rem 0; } } .margin-multiplier-component .bg-media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0.7; } .margin-multiplier-component .bg-media img, .margin-multiplier-component .bg-media video { width: 100%; height: 100%; object-fit: cover; } .margin-multiplier-component .h3 { margin: 0; font-size: 2rem; font-weight: 600; } @media (max-width: 991px) { .margin-multiplier-component .h3 { font-size: 1.5rem; } } @media (max-width: 767px) { .margin-multiplier-component .h3 { font-size: 0.88rem; } } .margin-multiplier-component .h3 span { font-weight: inherit; } .margin-multiplier-component .h3 .head-line-wrapper { opacity: 0; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(1) span { transition-delay: 1.2s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(2) span { transition-delay: 1.4s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(3) span { transition-delay: 1.6s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(4) span { transition-delay: 1.8s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(5) span { transition-delay: 2s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(6) span { transition-delay: 2.2s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(7) span { transition-delay: 2.4s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(8) span { transition-delay: 2.6s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(9) span { transition-delay: 2.8s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(10) span { transition-delay: 3s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(11) span { transition-delay: 3.2s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(12) span { transition-delay: 3.4s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(13) span { transition-delay: 3.6s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(14) span { transition-delay: 3.8s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(15) span { transition-delay: 4s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(16) span { transition-delay: 4.2s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(17) span { transition-delay: 4.4s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(18) span { transition-delay: 4.6s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(19) span { transition-delay: 4.8s; } .margin-multiplier-component .h3 .head-line-wrapper:nth-child(20) span { transition-delay: 5s; } .margin-multiplier-component .head-line-wrapper span { display: block; opacity: 0; transform: translateY(100%); transition: 1s ease 0s; line-height: 1.4; } .margin-multiplier-component .mmc-wrap { position: relative; z-index: 1; padding: 0 2.13rem; } .margin-multiplier-component .mmc-wrap.aos-animate .h3 .head-line-wrapper { opacity: 1; } .margin-multiplier-component .mmc-wrap.aos-animate .h3 .head-line-wrapper span { opacity: 1; transform: translateY(0); } .margin-multiplier-component .mmc-wrap.aos-animate .mmc-svg-shape { opacity: 1; transform: scale(1.05); transition-delay: 1s; } .margin-multiplier-component .mmc-wrap.aos-animate .mmc-center-animation-wrap, .margin-multiplier-component .mmc-wrap.aos-animate .mmc-line { transform: translate(-50%, -50%) scale(1); } .margin-multiplier-component .mmc-wrap.aos-animate .mmc-img { transform: scale(1); } .margin-multiplier-component .mmc-wrap.aos-animate .mmc-img::before { opacity: 0.18; transition-delay: 1.7s; } .margin-multiplier-component .mmc-wrap.aos-animate .mmc-svg-dots { transform: scale(1) rotate(0); opacity: 1; transition-delay: 50ms; } .margin-multiplier-component .mmc-wrap .mmc-img { transform: scale(0.8); transition: 1.3s ease 0s; } .margin-multiplier-component .mmc-wrap .mmc-svg-dots { opacity: 0; transform: scale(0.8) rotate(-60deg); transition: 1.3s ease 0s; } .margin-multiplier-component .mmc-title { position: absolute; top: 51%; left: 50%; margin: 0 auto; width: 100%; max-width: 48%; z-index: 6; transform: translate(-50%, -50%); transition: 0.35s ease 0s; } @media (max-width: 767px) { .margin-multiplier-component .mmc-title { max-width: 54%; } } .margin-multiplier-component .mmc-center-animation { position: relative; padding-top: 100%; } .margin-multiplier-component .mmc-center-animation video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .margin-multiplier-component .mmc-center-animation-wrap { position: absolute; top: 50%; left: 50%; max-width: 64.1%; width: 100%; height: auto; border-radius: 100%; transform: translate(-50%, -50%) scale(0.8); transition: 1s ease 0s; pointer-events: none; overflow: hidden; z-index: 2; } .margin-multiplier-component .mmc-img { position: relative; padding-top: 100%; } .margin-multiplier-component .mmc-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .margin-multiplier-component .mmc-img::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: radial-gradient( 50% 50% at 50% 50%, #181749 72%, #18194c 79%, #1a2055 84%, #1d2d66 89%, #213f7d 93%, #26569b 98%, #2a66b0 100% ); border-radius: 100%; opacity: 0; z-index: 0; transition: opacity 1s ease 0s; } .margin-multiplier-component .mmc-img-wrap { position: relative; max-width: 49.25rem; margin: 0 auto; } .margin-multiplier-component .mmc-svg-shape { opacity: 0; transform: scale(0.8); transition: 1s ease 0s; } .margin-multiplier-component .mmc-svg-dots-wrap, .margin-multiplier-component .mmc-svg-shape { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } .margin-multiplier-component .mmc-svg-dots { position: relative; padding-top: 100%; width: 100%; } .margin-multiplier-component .mmc-svg-dots .dot { position: absolute; width: 44px; height: 44px; border-radius: 100%; border: 5px solid #081d4d; background-image: radial-gradient( 183.04% 153.75% at 41.87% 33.6%, #5fd6ff 0, #4dbaef 5%, #3ba0e1 12%, #2d8ad4 20%, #2279cb 29%, #1a6dc4 40%, #1666c1 56%, #1565c0 100% ); transition: 0.5s ease 0s; } @media (max-width: 991px) { .margin-multiplier-component .mmc-svg-dots .dot { width: 35px; height: 35px; } } @media (max-width: 767px) { .margin-multiplier-component .mmc-svg-dots .dot { width: 18px; height: 18px; border: 2px solid #081d4d; } } .margin-multiplier-component .mmc-svg-dots .dot:hover::before { opacity: 1; } .margin-multiplier-component .mmc-svg-dots .dot.is-active { background-image: none; } .margin-multiplier-component .mmc-svg-dots .dot.is-active::before { opacity: 0; } .margin-multiplier-component .mmc-svg-dots .dot.is-active::after { opacity: 1; } .margin-multiplier-component .mmc-svg-dots .dot::after, .margin-multiplier-component .mmc-svg-dots .dot::before { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); opacity: 0; background-color: #30ffcc; transition: opacity 0.5s ease 0s; filter: blur(12.5px); -webkit-filter: blur(12.5px); pointer-events: none; z-index: 2; } .margin-multiplier-component .mmc-svg-dots .dot::before { background-image: radial-gradient(77.27% 77.27% at 36.36% 38.64%, #71fbff 13.28%, #2d80d9 100%); box-shadow: 0 0 20px #008bff; } .margin-multiplier-component .mmc-svg-dots .dot::after { box-shadow: 0 0 20px #30ffcc; background-image: radial-gradient(73% 73% at 50% 42%, #6cffee 18%, #64fffa 100%); } .margin-multiplier-component .mmc-svg-dots .dot:nth-child(1) { top: -4.1%; left: 52%; transform: translateX(-50%); } @media (min-width: 768px) and (max-width: 991px) { .margin-multiplier-component .mmc-svg-dots .dot:nth-child(1) { top: -3%; } } .margin-multiplier-component .mmc-svg-dots .dot:nth-child(2), .margin-multiplier-component .mmc-svg-dots .dot:nth-child(5) { top: 27%; } .margin-multiplier-component .mmc-svg-dots .dot:nth-child(2) { right: -1.3%; } @media (min-width: 768px) and (max-width: 991px) { .margin-multiplier-component .mmc-svg-dots .dot:nth-child(2) { right: 1%; } } @media (max-width: 767px) { .margin-multiplier-component .mmc-svg-dots .dot:nth-child(2) { right: 0; } } .margin-multiplier-component .mmc-svg-dots .dot:nth-child(3) { right: 15%; } @media (min-width: 768px) and (max-width: 991px) { .margin-multiplier-component .mmc-svg-dots .dot:nth-child(3) { bottom: 8.5%; } } .margin-multiplier-component .mmc-svg-dots .dot:nth-child(3), .margin-multiplier-component .mmc-svg-dots .dot:nth-child(4) { bottom: 8%; } .margin-multiplier-component .mmc-svg-dots .dot:nth-child(4) { left: 16%; } @media (min-width: 768px) and (max-width: 991px) { .margin-multiplier-component .mmc-svg-dots .dot:nth-child(5) { left: 1%; } } .margin-multiplier-component .mmc-svg-dots-wrap { top: 50%; left: 50%; max-width: 73.4%; height: auto; transform: translate(-50%, -50%); } .margin-multiplier-component .mmc-content { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; opacity: 0; transform: translate(-50%, -50%); pointer-events: none; } .margin-multiplier-component .mmc-content.is-active { z-index: 5; pointer-events: all; } .margin-multiplier-component .mmc-content.is-active .head-line-wrapper span { opacity: 1; transform: translateY(0); } .margin-multiplier-component .mmc-content.is-active h3 + .btn-wrap { transition-delay: 2s; } .margin-multiplier-component .mmc-content.is-active .btn-wrap { opacity: 1; transform: translateY(0); transition-delay: 1.4s; } @media (max-width: 991px) { .margin-multiplier-component .mmc-content h3 { font-size: 1.5rem; } } @media (max-width: 767px) { .margin-multiplier-component .mmc-content h3 { font-size: 0.88rem; } } .margin-multiplier-component .mmc-content .btn-wrap { margin-top: 1rem; opacity: 0; transform: translateY(30px); transition: 1s ease 0s; } @media (max-width: 767px) { .margin-multiplier-component .mmc-content .btn-wrap .btn-link { font-size: 0.88rem; } } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(1) span { transition-delay: 1.5s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(2) span { transition-delay: 1.7s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(3) span { transition-delay: 1.9s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(4) span { transition-delay: 2.1s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(5) span { transition-delay: 2.3s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(6) span { transition-delay: 2.5s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(7) span { transition-delay: 2.7s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(8) span { transition-delay: 2.9s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(9) span { transition-delay: 3.1s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(10) span { transition-delay: 3.3s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(11) span { transition-delay: 3.5s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(12) span { transition-delay: 3.7s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(13) span { transition-delay: 3.9s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(14) span { transition-delay: 4.1s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(15) span { transition-delay: 4.3s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(16) span { transition-delay: 4.5s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(17) span { transition-delay: 4.7s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(18) span { transition-delay: 4.9s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(19) span { transition-delay: 5.1s; } .margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(20) span { transition-delay: 5.3s; } .margin-multiplier-component .mmc-content-wrap { position: absolute; top: 50%; left: 50%; max-width: 48%; min-height: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 6; } @media (max-width: 991px) { .margin-multiplier-component .mmc-content-wrap { max-width: 54%; } } .margin-multiplier-component .mmc-line { position: absolute; top: 50%; left: 50%; z-index: 3; width: 100%; height: auto; max-width: 81.2%; transform: translate(-50%, -50%) scale(0.8); transition: 1s ease 0s; } .margin-multiplier-component .mmc-line svg path { transition: 0.4s ease 0s; } .margin-multiplier-component .mmc-line svg g.is-active .path-color { opacity: 0; } .margin-multiplier-component .mmc-line svg g.is-active .path-gradient { opacity: 1; } .margin-multiplier-component .mmc-line svg .path-gradient { opacity: 0; } @media (max-width: 991px) { .promo-cards { --space-md: 3.75rem; } } .promo-cards .pc-heading { max-width: 59.38rem; margin: 0 auto 2.5rem; width: 100%; } .promo-cards .pc-heading h2 { margin-bottom: 1.5rem; } @media (max-width: 991px) { .promo-cards .pc-heading h2 { margin-bottom: 1.88rem; } } .promo-cards .pc-row { row-gap: 2rem; } .promo-cards .pc-item { position: relative; display: flex; flex-direction: column; height: 100%; text-decoration: none; border-radius: 0.94rem; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12); overflow: hidden; } .promo-cards .pc-item:has(.pc-item-inner) .pc-image { border-radius: 0; } .promo-cards .pc-item .pc-icon svg path { transition: 0.4s; } .promo-cards .pc-item .flex-basis-100 { flex-basis: 100%; } .promo-cards .pc-item .btn-link { margin-top: 2.82rem; } .promo-cards .pc-item .btn-link + .btn-link { margin-top: 1rem; } @media (max-width: 767px) { .promo-cards .pc-item .btn-link { margin-top: 1.88rem; } } .promo-cards .pc-item p { transition: 0.4s; color: #081d4d; } .promo-cards .pc-item .h1, .promo-cards .pc-item h1 { transition: 0.4s; font-weight: 600; } .promo-cards .pc-item .h2, .promo-cards .pc-item h2 { transition: 0.4s; font-weight: 600; } .promo-cards .pc-item .h3, .promo-cards .pc-item h3 { transition: 0.4s; font-weight: 600; } .promo-cards .pc-item .h4, .promo-cards .pc-item h4 { transition: 0.4s; font-weight: 600; } .promo-cards .pc-item .h5, .promo-cards .pc-item h5 { transition: 0.4s; font-weight: 600; } .promo-cards .pc-item .h6, .promo-cards .pc-item h6 { transition: 0.4s; font-weight: 600; } @media (min-width: 992px) { .promo-cards .pc-item:not(._no-link):hover .pc-item-inner { background-color: #081d4d; } .promo-cards .pc-item:not(._no-link):hover :not(a) { color: #fff; } .promo-cards .pc-item:not(._no-link):hover .btn-link { color: #96eaaa; } .promo-cards .pc-item:not(._no-link):hover .pc-item-inner::after { opacity: 0.4; } .promo-cards .pc-item:not(._no-link):hover .pc-icon svg path { fill: #96eaaa; } } .promo-cards .pc-item-inner { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-color: #ededeb; padding: 2rem; transition: 0.4s; height: 100%; z-index: 2; } .promo-cards .pc-item-inner::after { content: ''; position: absolute; right: 0; bottom: 0; width: 11.25rem; height: 11.25rem; background-image: url(../images/promo-card-shape.svg); background-repeat: no-repeat; background-size: 100%; opacity: 0; transition: 0.4s; z-index: -1; pointer-events: none; } .promo-cards .pc-icon { width: 3.13rem; height: 3.13rem; margin-bottom: 2.19rem; } .promo-cards .pc-icon img { width: 100%; height: 100%; object-fit: contain; } .promo-cards .pc-icon svg { width: 100%; height: 100%; } .promo-cards .pc-image { position: relative; padding-top: 56.1983471074%; } .promo-cards .pc-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .scrolling-overview { display: flex; align-items: center; overflow: hidden; --space-lg: 0; } @media (max-width: 991px) { .scrolling-overview { --space-lg: 3.25rem; } } .scrolling-overview .so-heading-wrap { overflow: hidden; margin-bottom: 3.44rem; } @media (min-width: 1199px) and (max-height: 750px) { .scrolling-overview .so-heading-wrap { margin-bottom: 1.88rem; } } @media (max-width: 991px) { .scrolling-overview .so-heading-wrap { margin-bottom: 2rem; } } @media (min-width: 992px) { .scrolling-overview .so-heading { transform: translateY(100%); margin-bottom: 0; transition: 0.4s; transition-delay: 0.2s; } } @media (max-width: 991px) { .scrolling-overview .so-heading { margin-bottom: 0; } } .scrolling-overview .so-highlights-wrap { margin-bottom: 3.25rem; } @media (min-width: 1199px) and (max-height: 750px) { .scrolling-overview .so-highlights-wrap { margin-bottom: 1.88rem; } } @media (max-width: 991px) { .scrolling-overview .so-highlights-wrap { margin-bottom: 0; } } @media (max-width: 991px) { .scrolling-overview .so-section-item .btn-wrap.-desktop { display: none; } } .scrolling-overview .so-section-item .btn-wrap.-mobile { margin-top: 1.5rem; } @media (min-width: 992px) { .scrolling-overview .so-section-item .btn-wrap.-mobile { display: none; } } .scrolling-overview .so-highlights-row { flex-wrap: nowrap; margin-right: -0.62rem; margin-left: -0.62rem; width: auto; } .scrolling-overview .so-highlights-row [class*='cell-'] { padding-left: 0.63rem; padding-right: 0.63rem; } @media (max-width: 991px) { .scrolling-overview .so-highlights-row { margin-right: 0; margin-left: 0; } .scrolling-overview .so-highlights-row [class*='cell-'] { padding-left: 0; padding-right: 0; } } .scrolling-overview .so-highlights-item { padding: 3.13rem 1.25rem; box-shadow: 0 0.13rem 0.99rem rgba(0, 0, 0, 0.12); border-radius: 0.94rem; overflow: hidden; height: 100%; } @media (min-width: 1199px) and (max-height: 750px) { .scrolling-overview .so-highlights-item { padding: 1.88rem 1.25rem; } } @media (max-width: 1199px) { .scrolling-overview .so-highlights-item { padding: 2.5rem 1.25rem; } } .scrolling-overview .so-highlights-item h3 { background: linear-gradient(270deg, #1565c0 0, #b5a4fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-weight: 700; margin-bottom: 0; } @media (max-width: 1199px) { .scrolling-overview .so-highlights-item h3 { font-size: 1.75rem; } } .scrolling-overview .so-desc { padding-bottom: 1.25rem; margin-bottom: 1.25rem; border-bottom: 1px solid #b5a4fc; } .scrolling-overview .so-desc p { font-size: 1.57rem; color: #000; line-height: 1.28; } @media (max-width: 1199px) { .scrolling-overview .so-desc p { font-size: 1.5rem; } } .scrolling-overview .so-icon { width: 4.07rem; height: 4.07rem; margin: 0 auto 2.38rem; } @media (min-width: 1199px) and (max-height: 750px) { .scrolling-overview .so-icon { margin-bottom: 1.25rem; } } .scrolling-overview .so-icon img { width: 100%; height: 100%; object-fit: contain; } .scrolling-overview .so-pagination { margin-top: 2rem; padding-bottom: 0.32rem; } @media (min-width: 992px) { .scrolling-overview .so-pagination { display: none; } } .scrolling-overview .so-highlights-item { transition: 0.6s; transform: translateX(20px); opacity: 0; } @media (max-width: 991px) { .scrolling-overview .so-highlights-item { opacity: 1; transform: translateY(0); } } .scrolling-overview .so-section { opacity: 0; background-color: #fff; } @media (min-width: 992px) { .scrolling-overview .so-section { pointer-events: none; } } .scrolling-overview .so-section:first-child { transform: translateY(0); pointer-events: all; } @media (max-width: 991px) { .scrolling-overview .so-section { opacity: 1; } } .scrolling-overview .so-section.hover-active { z-index: 1; pointer-events: all; } .scrolling-overview .so-section.active { transform: translateY(0); } .scrolling-overview .so-section.active .so-highlights-item { opacity: 1; transform: translateX(0); } .scrolling-overview .so-section.active .so-heading { transform: translateY(0); } .scrolling-overview .so-section:first-child .so-heading { transform: translateY(0); } @media (max-width: 991px) { .scrolling-overview .so-section:not(:last-child) .so-section-item { margin-bottom: 3.25rem; } } .scrolling-overview .so-section-col { height: auto; } .scrolling-overview .so-section-col:nth-child(1) .so-highlights-item { transition-delay: 0.4s; } .scrolling-overview .so-section-col:nth-child(2) .so-highlights-item { transition-delay: 0.6s; } .scrolling-overview .so-section-col:nth-child(3) .so-highlights-item { transition-delay: 0.8s; } .scrolling-overview .so-section:first-child .so-highlights-item.aos-animate { opacity: 1; transform: translateX(0); } @media (min-width: 992px) { .so-content-wrap { display: flex; flex-direction: row; height: 100vh; justify-content: space-around; } .so-content-box { position: relative; display: flex; align-items: center; justify-content: left; width: 100%; } .numbers-box { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; } .so-section-animate:first-child { opacity: 1; } .so-section-animate { opacity: 0; position: absolute; } } .statistics-component { position: relative; background: linear-gradient(104.48deg, #081d4d 32.42%, #1565c0 158.9%); overflow: hidden; } .statistics-component::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 108.44rem; height: 100%; /* background-image: url(../images/statistic-bg-shape1.svg); */ background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.1; pointer-events: none; } @media (max-width: 767px) { .statistics-component::before { width: 53.13rem; height: 100%; background-position: top; top: 0; transform: translate(-50%, 0); } } .statistics-component .sc-heading { position: relative; margin-bottom: 3.44rem; } @media (max-width: 991px) { .statistics-component .sc-heading { margin-bottom: 2.19rem; } } .statistics-component .sc-row { margin-right: -0.62rem; margin-left: -0.62rem; row-gap: 1.57rem; } .statistics-component .sc-row [class*='cell-'] { padding-left: 0.63rem; padding-right: 0.63rem; } @media (max-width: 991px) { .statistics-component .sc-row { margin-right: -0.31rem; margin-left: -0.31rem; row-gap: 0.63rem; } .statistics-component .sc-row [class*='cell-'] { padding-left: 0.32rem; padding-right: 0.32rem; } } @media (max-width: 575px) { .statistics-component .sc-row { margin-left: -1.25rem; margin-right: -1.25rem; } } .statistics-component .sc-cad-inner { position: relative; padding: 1.25rem 1.25rem 2.5rem; background: linear-gradient( 90deg, rgba(255, 255, 255, 0.15) 27.51%, rgba(153, 153, 153, 0.15) 100% ); box-shadow: 0 0.25rem 0.91rem rgba(0, 0, 0, 0.12); backdrop-filter: blur(10px); border-radius: 0.94rem; border: 1px solid rgba(255, 255, 255, 0.19); height: 100%; transition-duration: 1.8s !important; } @media (max-width: 991px) { .statistics-component .sc-cad-inner { padding: 0.94rem; } } .statistics-component .sc-cad-inner.aos-animate .sc-card-pattern { clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); } .statistics-component .sc-cad-inner .sc-card-pattern { transition: clip-path 1.5s ease 0s; transition-delay: inherit; clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); } .statistics-component .sc-counter { display: block; line-height: 1; font-size: 4.38rem; font-weight: 500; background: linear-gradient(270deg, #96eaaa 0, #5fd6ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin-bottom: 0.5rem; word-wrap: break-word; } @media (max-width: 1399px) { .statistics-component .sc-counter { font-size: 2.75rem; } } @media (max-width: 991px) { .statistics-component .sc-counter { margin-bottom: 0.63rem; font-size: 2rem; } } .statistics-component .sc-card-pattern { margin-bottom: 0.88rem; max-height: 1.69rem; } @media (max-width: 767px) { .statistics-component .sc-card-pattern { max-height: 1.19rem; margin-bottom: 0.63rem; } } .statistics-component .sc-card-desc p { font-size: 1.5rem; } @media (max-width: 1199px) { .statistics-component .sc-card-desc p { font-size: 1.25rem; } } .timeline-component { position: relative; overflow: hidden; } .timeline-component .eyebrow-text { font-size: 1rem; font-weight: 700; margin-bottom: 0.69rem; } @media (max-width: 991px) { .timeline-component .eyebrow-text { margin-bottom: 0.94rem; } } @media (max-width: 767px) { .timeline-component .tc-text-carousel { margin-bottom: 2rem; } } .timeline-component .tc-head-block { max-width: 47.5rem; text-align: center; margin: auto; padding-bottom: 2.5rem; } @media (max-width: 991px) { .timeline-component .tc-head-block { padding-bottom: 1.25rem; } } .timeline-component .tc-video-img { position: relative; display: block; } .timeline-component .tc-video-img .btn-play, .timeline-component .tc-video-img .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button, .wysiwyg-section .wysiwyg .wp-video .timeline-component .tc-video-img .mejs-overlay-button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #96eaaa; transition: 0.3s; } .timeline-component .tc-video-img .btn-play:hover, .timeline-component .tc-video-img .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button:hover, .wysiwyg-section .wysiwyg .wp-video .timeline-component .tc-video-img .mejs-overlay-button:hover { background: #2699fb; } .timeline-component .tc-year-wrap { position: absolute; bottom: 0; right: 0; padding: 0.75rem 1.5rem; min-width: 13.13rem; display: inline-flex; justify-content: center; background-color: #081d4d; opacity: 0; } @media (max-width: 991px) { .timeline-component .tc-year-wrap { min-width: 11.25rem; padding: 0.5rem 1.5rem; } } .timeline-component .tc-year-wrap span { font-size: 2rem; font-weight: 700; background: linear-gradient(270deg, #96eaaa 0, #5fd6ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 991px) { .timeline-component .tc-year-wrap span { font-size: 1.25rem; } } .timeline-component .tc-cell .tc-text-item-wrap, .timeline-component .tc-cell .tc-year-wrap span { transition: all 0.8s ease 0s; } .timeline-component .tc-cell .swiper-slide-prev .tc-text-item-wrap, .timeline-component .tc-cell .swiper-slide-prev .tc-year-wrap span { transform: translateX(10%); opacity: 0; } .timeline-component .tc-cell .swiper-slide-active .tc-text-item-wrap, .timeline-component .tc-cell .swiper-slide-active .tc-year-wrap span { transform: translateX(0); opacity: 1; transition-delay: 0.2s; } .timeline-component .tc-cell .swiper-slide-active .tc-year-wrap { opacity: 1; } .timeline-component .tc-cell .swiper-slide-next .tc-text-item-wrap, .timeline-component .tc-cell .swiper-slide-next .tc-year-wrap span { opacity: 0; transform: translateX(-10%); } .timeline-component .tc-img-wrap { position: relative; overflow: hidden; } @media (max-width: 991px) { .timeline-component .tc-img-wrap { width: 100%; } } .timeline-component .tc-media-item { display: flex; align-items: flex-start; opacity: 1 !important; } .timeline-component .tc-media-item .tc-media-item-wrap { position: relative; width: 100%; padding-bottom: 2.19rem; } @media (max-width: 991px) { .timeline-component .tc-media-item .tc-media-item-wrap { padding-bottom: 1.25rem; } } .timeline-component .tc-media-item .media-ratio { aspect-ratio: 562/314; background-color: #081d4d; } .timeline-component .tc-media-item .media-ratio .tc-img, .timeline-component .tc-media-item .media-ratio .tc-video-img { height: 100%; } .timeline-component .tc-media-item .tc-video-img { width: 100%; } .timeline-component .tc-media-item .cross-animation { transition: none; } .timeline-component .tc-media-item.swiper-slide-active { z-index: 1; } .timeline-component .tc-media-item.custom-active-slide .cross-animation, .timeline-component .tc-media-item.swiper-slide-active .cross-animation { transition: 0.8s ease mask-size; --ms: 350%; } .timeline-component .tc-img { position: relative; } .timeline-component .tc-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .timeline-component .tc-container { position: relative; margin-top: 2.5rem; } .timeline-component .tc-text-wrap { margin: 0; } @media (max-width: 991px) { .timeline-component .tc-text-wrap { width: 100%; padding-left: 0; } } .timeline-component .tc-bg-label { position: relative; margin-bottom: 1.5rem; } .timeline-component .tc-bg-label span { display: block; width: 100%; color: #081d4d; font-size: 31px; font-weight: 400; line-height: 1.48; } @media (max-width: 991px) { .timeline-component .tc-bg-label span { font-size: 1.75rem; } } .timeline-component .tc-dec { position: relative; color: #081d4d; font-size: 1rem; z-index: 9; } .timeline-component .tc-title { padding-right: 11.88rem; } @media (max-width: 767px) { .timeline-component .tc-title { padding-right: 0; } } .timeline-component .tc-title h2 { margin-bottom: 2.5rem; color: #1565c0; text-transform: uppercase; } .timeline-component .tc-swiper-arrows { margin-bottom: 2rem; } @media (max-width: 767px) { .timeline-component .tc-swiper-arrows .tc-button-next, .timeline-component .tc-swiper-arrows .tc-button-prev { position: static; pointer-events: auto; } } .timeline-component .tc-pagination { --swiper-pagination-bottom: 0; --swiper-pagination-top: 0; position: relative; display: flex; white-space: nowrap; width: 100%; justify-content: space-between; } .timeline-component .tc-pagination-outer { position: relative; padding: 2rem; box-shadow: 0 4px 16px 8px rgba(8, 29, 77, 0.1); } @media (max-width: 767px) { .timeline-component .tc-pagination-outer { margin-left: calc(var(--gutter) * -1); margin-right: calc(var(--gutter) * -1); padding-left: 0; padding-right: 0; } } .timeline-component .tc-pagination-outer::before { content: ''; position: absolute; bottom: 2.57rem; left: 2rem; right: 2rem; height: 2px; background-image: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); z-index: 0; } @media (max-width: 767px) { .timeline-component .tc-pagination-outer::before { left: 0; right: 0; } } .timeline-component .tc-pagination-wrapper { position: relative; display: flex; overflow: hidden; } .timeline-component .tc-pagination .swiper-pagination-custom { --swiper-pagination-bullet-height: auto; --swiper-pagination-bullet-horizontal-gap: 0; --swiper-pagination-bullet-border-radius: 0; position: relative; display: inline-flex; flex-direction: column; justify-content: flex-end; flex: 1 0 105px; width: 105px; background: 0 0; opacity: 1; user-select: none; text-align: center; align-items: start; overflow: clip; } @media (max-width: 767px) { .timeline-component .tc-pagination .swiper-pagination-custom { align-items: center; flex: 1 0 26vw; width: 26vw; } } .timeline-component .tc-pagination .swiper-pagination-custom.swiper-pagination-bullet-active .swiper-pagination-dots { background-color: #96eaaa; border: 2px solid #081d4d; transform: scale(1.3); } .timeline-component .tc-pagination .swiper-pagination-custom.swiper-pagination-bullet-active .swiper-pagination-label { color: #1565c0; opacity: 1; } .timeline-component .tc-pagination .swiper-pagination-custom:first-child .swiper-pagination-dots { position: relative; } .timeline-component .tc-pagination .swiper-pagination-custom:first-child .swiper-pagination-dots::before { content: ''; position: absolute; top: 50%; right: 100%; width: 50px; height: 4px; margin-top: -2px; background-color: #fff; } .timeline-component .tc-pagination .swiper-pagination-custom:first-child.swiper-pagination-bullet-active .swiper-pagination-dots::before { margin-right: 2px; } .timeline-component .tc-pagination .swiper-pagination-custom:last-child { padding: 0 3px; } @media (min-width: 768px) { .timeline-component .tc-pagination .swiper-pagination-custom:last-child { width: auto; flex: none; } } .timeline-component .tc-pagination .swiper-pagination-custom:last-child .swiper-pagination-dots { position: relative; } .timeline-component .tc-pagination .swiper-pagination-custom:last-child .swiper-pagination-dots::before { content: ''; position: absolute; top: 50%; left: 100%; width: 500px; height: 4px; margin-top: -2px; background-color: #fff; } .timeline-component .tc-pagination .swiper-pagination-custom:last-child.swiper-pagination-bullet-active .swiper-pagination-dots::before { margin-left: 2px; } .timeline-component .tc-pagination .swiper-pagination-bullet-active::before { display: none; } .timeline-component .tc-pagination .swiper-pagination-bullet::before { display: none; } .timeline-component .tc-pagination .swiper-pagination-dots { display: block; width: 0.94rem; height: 0.94rem; margin: 0 auto; margin-top: 8px; background-color: #b5a4fc; border-radius: 100%; opacity: 1; } .timeline-component .tc-pagination .swiper-pagination-label { display: grid; padding-bottom: 3px; color: #081d4d; font-weight: 400; font-size: 0.94rem; } .timeline-component .tc-pagination .swiper-pagination-label strong { font-size: 1.13rem; } .timeline-component .swiper-button-next, .timeline-component .swiper-button-prev { margin: 0; } .vertical-interactive-scroll { position: relative; z-index: 1; } .vertical-interactive-scroll .vis-heading { text-align: center; padding-top: 0.63rem; padding-bottom: 0.63rem; z-index: 99; background-color: #fff; margin-bottom: 5.63rem; } @media (max-width: 991px) { .vertical-interactive-scroll .vis-heading { margin-bottom: 3rem; } } .vertical-interactive-scroll .vis-heading::before { content: ''; position: absolute; right: 0; top: 100%; width: 50%; height: 60px; background: linear-gradient(0deg, rgba(9, 9, 121, 0) 3%, #fff 93%); } @media (max-width: 767px) { .vertical-interactive-scroll .vis-heading::before { display: none; } } .vertical-interactive-scroll .vis-heading::after { content: ''; position: absolute; left: 0; top: -1.06rem; z-index: -1; right: 0; height: calc(100% - 25px); background-color: #fff; pointer-events: none; } .vertical-interactive-scroll .vis-heading h2 { margin-bottom: 0; } .vertical-interactive-scroll .vis-heading .head-line-wrapper { overflow: hidden; } .vertical-interactive-scroll .vis-heading .head-line-wrapper span { display: block; transform: translateY(100%); transition: 1s; line-height: 1.4; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(1) span { transition-delay: 0.2s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(2) span { transition-delay: 0.4s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(3) span { transition-delay: 0.6s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(4) span { transition-delay: 0.8s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(5) span { transition-delay: 1s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(6) span { transition-delay: 1.2s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(7) span { transition-delay: 1.4s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(8) span { transition-delay: 1.6s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(9) span { transition-delay: 1.8s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(10) span { transition-delay: 2s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(11) span { transition-delay: 2.2s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(12) span { transition-delay: 2.4s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(13) span { transition-delay: 2.6s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(14) span { transition-delay: 2.8s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(15) span { transition-delay: 3s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(16) span { transition-delay: 3.2s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(17) span { transition-delay: 3.4s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(18) span { transition-delay: 3.6s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(19) span { transition-delay: 3.8s; } .vertical-interactive-scroll .vis-heading .head-line-wrapper:nth-child(20) span { transition-delay: 4s; } .vertical-interactive-scroll .vis-heading .vis-heading-inner.aos-animate .head-line-wrapper span { transform: translateY(0); } .vertical-interactive-scroll .vis-row { display: flex; flex-wrap: nowrap; } .vertical-interactive-scroll .vis-content-inner .total-slides { margin-bottom: 1rem; } .vertical-interactive-scroll .vis-content-inner .total-slides .active-slide { font-weight: 700; color: #1565c0; margin-right: 0.75rem; } .vertical-interactive-scroll .vis-content-inner .total-slides .label { color: #1565c0; font-weight: 400; } .vertical-interactive-scroll .vis-content-inner p { color: #081d4d; } .vertical-interactive-scroll .vis-content-inner .currunt-counter { margin-bottom: 0.5rem; color: #081d4d; } .vertical-interactive-scroll .vis-content-inner .btn-wrap { margin-top: 2rem; } .vertical-interactive-scroll .vis-desc { margin-bottom: 2rem; } @media (max-width: 1199px) { .vertical-interactive-scroll .vis-col.left { width: 50%; } } @media (max-width: 767px) { .vertical-interactive-scroll .vis-col.left { width: 100%; } } .vertical-interactive-scroll .vis-col.right { position: relative; height: 100vh; display: flex; flex-direction: column; } @media (max-width: 1199px) { .vertical-interactive-scroll .vis-col.right { width: 50%; } } @media (max-width: 767px) { .vertical-interactive-scroll .vis-col.right { display: none; height: auto; } } .vertical-interactive-scroll .vis-content { margin: auto; } @media (min-width: 768px) { .vertical-interactive-scroll .vis-content { display: flex; flex-direction: column; gap: 150px; } } @media (max-width: 767px) { .vertical-interactive-scroll .vis-content { position: relative; margin-top: 0; } } .vertical-interactive-scroll .vis-content .vis-content-item { display: flex; flex-direction: column; margin-bottom: 4.38rem; } @media (max-width: 767px) { .vertical-interactive-scroll .vis-content .vis-content-item { min-height: auto; margin-bottom: 4.38rem; position: relative; } .vertical-interactive-scroll .vis-content .vis-content-item:last-child { margin-bottom: 0; } } .vertical-interactive-scroll .vis-content .vis-content-item:not(:first-child) { padding-top: 0 !important; } .vertical-interactive-scroll .vis-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .vertical-interactive-scroll .vis-media { width: 100%; max-height: 19.57rem; height: 100%; position: relative; overflow: hidden; } .vertical-interactive-scroll .vis-image-wrap.-mobile { margin-bottom: 2rem; } @media (min-width: 768px) { .vertical-interactive-scroll .vis-image-wrap.-mobile { display: none; } } .vertical-interactive-scroll .vis-image-wrap.-mobile .img { display: block; position: relative; padding-top: 56.2111801242%; } .vertical-interactive-scroll .vis-image-wrap.-mobile .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .vertical-interactive-scroll .vis-responsive { padding-right: 2rem; } @media (min-width: 768px) { .vertical-interactive-scroll .vis-responsive { display: none; } } .vertical-interactive-scroll .vis-responsive .img-block { position: relative; padding-top: 66.6666666667%; } .vertical-interactive-scroll .vis-responsive .img-block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .vertical-interactive-scroll .vis-responsive .img-block img { border-radius: 0.63rem; } .vertical-interactive-scroll .vis-responsive .video-block { position: relative; padding-top: 66.6666666667%; border-radius: 0.63rem; overflow: hidden; } .vertical-interactive-scroll .vis-responsive .video-block iframe, .vertical-interactive-scroll .vis-responsive .video-block video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 0.63rem; object-fit: cover; } .vertical-interactive-scroll .desktopPhoto { position: absolute; width: 100%; height: 100%; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.4s; } .vertical-interactive-scroll .desktopPhoto.cross-animation { transition: 1s ease-in-out; opacity: 1; visibility: visible; pointer-events: all; } .vertical-interactive-scroll .desktopPhoto .img { height: 100%; } .vertical-interactive-scroll .desktopPhoto .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .vertical-interactive-scroll .desktopPhoto.active { opacity: 1; visibility: visible; pointer-events: all; --ms: 720%; z-index: 1; } .vertical-interactive-scroll .desktopPhoto .video-block { width: 100%; height: 100%; } .vertical-interactive-scroll .desktopPhoto .video-block video { width: 100%; height: 100%; object-fit: cover; } .wysiwyg-component .container { margin: auto !important; width: min(100% - var(--gutter) * 2, var(--container-width, none)) !important; } @media (max-width: 767px) { .wysiwyg-component .container .wc-table { padding-bottom: 0.75rem; margin-bottom: 1rem; width: 100%; overflow: auto; } } .wysiwyg-component .container p { word-break: break-word; } .wysiwyg-component .container .wp-caption { width: 100% !important; } .wysiwyg-component .container .wp-caption-text { font-style: italic; } .wysiwyg-section .wp-caption { width: 100% !important; } .wysiwyg-section .wp-caption-text { font-style: italic; } .double-full-width-cta { overflow: hidden; } .double-full-width-cta .h1, .double-full-width-cta h1 { color: #fff; margin-bottom: 0.5rem; } .double-full-width-cta .h2, .double-full-width-cta h2 { color: #fff; margin-bottom: 0.5rem; } .double-full-width-cta .h3, .double-full-width-cta h3 { color: #fff; margin-bottom: 0.5rem; } .double-full-width-cta .h4, .double-full-width-cta h4 { color: #fff; margin-bottom: 0.5rem; } .double-full-width-cta .h5, .double-full-width-cta h5 { color: #fff; margin-bottom: 0.5rem; } .double-full-width-cta .h6, .double-full-width-cta h6 { color: #fff; margin-bottom: 0.5rem; } .double-full-width-cta .dfwc-col { position: relative; overflow: hidden; } .double-full-width-cta .dfwc-col .dfwc-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .double-full-width-cta .dfwc-col .dfwc-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .double-full-width-cta .dfwc-left-content { flex: 1; margin-right: 1.25rem; transition: 0.4s; opacity: 0; } @media (min-width: 768px) { .double-full-width-cta .dfwc-left-content { transform: translateX(-20px); } } .double-full-width-cta .dfwc-left-content.aos-animate { opacity: 1; transform: translateX(0); } @media (max-width: 767px) { .double-full-width-cta .dfwc-left-content { margin-right: 0; margin-bottom: 1.44rem; } } .double-full-width-cta .dfwc-left-col { padding-left: 2.5rem; background: linear-gradient(90.02deg, #081d4d 43.16%, #1343b3 99.93%); } .double-full-width-cta .dfwc-right-col { padding-right: 2.5rem; background-color: #1565c0; } @media (max-width: 1199px) { .double-full-width-cta .dfwc-col { padding: 0 4.07rem; } } @media (max-width: 767px) { .double-full-width-cta .dfwc-col { padding: 0 2.19rem; } } .double-full-width-cta .dfwc-wrap { position: relative; display: flex; height: 100%; padding: 3.75rem 2.63rem; z-index: 2; } @media (max-width: 1199px) { .double-full-width-cta .dfwc-wrap { max-width: 100%; } } @media (max-width: 767px) { .double-full-width-cta .dfwc-wrap { padding: 5rem 2rem; } } .double-full-width-cta .dfwc-inner { display: flex; justify-content: space-between; align-items: center; width: 100%; } @media (max-width: 767px) { .double-full-width-cta .dfwc-inner { text-align: center; flex-direction: column; } } .double-full-width-cta.image .dfwc-col::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(8, 29, 77, 0) 0.07%, rgba(8, 29, 77, 0.8) 50.03%); z-index: 1; } .double-full-width-cta.default .dfwc-left-col { background: linear-gradient(90.02deg, #081d4d 43.16%, #1343b3 99.93%); } .double-full-width-cta.default .dfwc-wrap { position: relative; } .double-full-width-cta.default .dfwc-wrap::before { content: ''; position: absolute; top: 50%; right: -9%; transform: translateY(-50%); width: 27.88rem; aspect-ratio: 89/50; height: 100%; background-image: url(../images/cta-bg-pattern1.svg); background-repeat: no-repeat; background-size: cover; pointer-events: none; background-position: center; } @media (max-width: 767px) { .double-full-width-cta.default .dfwc-wrap::before { left: 50%; width: 120%; height: 100%; transform: translate(-50%, -50%); } } .double-full-width-cta.default .dfwc-right-col .dfwc-btn-wrap::before { opacity: 0.5; } .double-full-width-cta.default .dfwc-btn-wrap { max-width: 16.57rem; } .single-full-width-cta { position: relative; transform: translateY(40px); transition: 0.4s; overflow: hidden; } .single-full-width-cta.aos-animate { transform: translateY(0); } @media (min-width: 768px) { .single-full-width-cta.aos-animate::before { right: 0; } } .single-full-width-cta::before { content: ''; position: absolute; top: 0; right: -30px; width: 100%; height: 100%; background-position: right; background-size: contain; background-repeat: no-repeat; pointer-events: none; transition: 1s; } @media (max-width: 767px) { .single-full-width-cta::before { right: 0; } } @media (min-width: 992px) { .single-full-width-cta.sfwc-default .sfwc-wrap .btn, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn { padding-left: 3.44rem; padding-right: 3.44rem; } } .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-wrap, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-wrap { position: relative; display: flex; align-items: center; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn span, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn span { transition: 0.8s; color: #081d4d; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow { position: absolute; right: 14px; top: 42%; transform: translateY(-50%); width: 15px; height: 15px; transition: 0.4s; } @media (max-width: 991px) { .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow { display: none; } } .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow i, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow i { position: absolute; right: 0; top: 50%; transform: rotate(45deg) translateY(-50%); width: 10px; height: 10px; opacity: 0; transition: 0.4s; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow i:nth-child(2), .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow i:nth-child(2) { right: -10px; transition-delay: 0.2s; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow i:nth-child(3), .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow i:nth-child(3) { right: -20px; transition-delay: 0.4s; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow i:nth-child(4), .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow i:nth-child(4) { right: -30px; transition-delay: 0.6s; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow i::before, .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow i:after, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow i::before, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow i:after { content: ''; position: absolute; background-color: #081d4d; border-radius: 50%; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow i::before, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow i::before { top: -3px; left: 0; width: 100%; height: 1.7px; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn .sfwc-btn-arrow i::after, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn .sfwc-btn-arrow i::after { right: -3px; top: 0; width: 1.7px; height: 100%; } @media (min-width: 992px) { .single-full-width-cta.sfwc-default .sfwc-wrap .btn:hover, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn:hover { background-color: #5fd6ff; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn:hover span, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn:hover span { transform: translateX(-23px); } .single-full-width-cta.sfwc-default .sfwc-wrap .btn:hover .sfwc-btn-arrow, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn:hover .sfwc-btn-arrow { right: 5px; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn:hover .sfwc-btn-arrow i:nth-child(1), .single-full-width-cta.sfwc-featured .sfwc-wrap .btn:hover .sfwc-btn-arrow i:nth-child(1) { opacity: 0.6; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn:hover .sfwc-btn-arrow i:nth-child(2), .single-full-width-cta.sfwc-featured .sfwc-wrap .btn:hover .sfwc-btn-arrow i:nth-child(2) { opacity: 0.8; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn:hover .sfwc-btn-arrow i:nth-child(3), .single-full-width-cta.sfwc-featured .sfwc-wrap .btn:hover .sfwc-btn-arrow i:nth-child(3) { opacity: 0.9; } .single-full-width-cta.sfwc-default .sfwc-wrap .btn:hover .sfwc-btn-arrow i:nth-child(4), .single-full-width-cta.sfwc-featured .sfwc-wrap .btn:hover .sfwc-btn-arrow i:nth-child(4) { opacity: 1; } } .single-full-width-cta.sfwc-default .sfwc-wrap .btn:focus, .single-full-width-cta.sfwc-featured .sfwc-wrap .btn:focus { background-color: #5fd6ff; } .single-full-width-cta.sfwc-default { padding: 3.13rem 0; } .single-full-width-cta.sfwc-default::before { background-image: url(../images/single-full-width-default.webp); } @media (max-width: 767px) { .single-full-width-cta.sfwc-default::before { background-image: url(../images/single-full-width-mobile-default.webp); background-position: bottom; background-size: contain; } } .single-full-width-cta.sfwc-featured { padding: 1.88rem 0; overflow: hidden; } @media (max-width: 991px) { .single-full-width-cta.sfwc-featured { padding: 3.32rem 0 4.44rem 0; } } .single-full-width-cta.sfwc-featured::before { /* background-image: url(../images/single-full-width-pattern.webp); */ } @media (max-width: 767px) { .single-full-width-cta.sfwc-featured::before { top: auto; bottom: -14.06rem; width: 100%; height: 42.57rem; /* background-image: url(../images/single-full-width-pattern-mobile.webp); */ background-position: bottom; background-size: cover; pointer-events: none; } } @media (max-width: 575px) { .single-full-width-cta.sfwc-featured::before { background-size: contain; } } @media (max-width: 575px) { .single-full-width-cta.sfwc-featured::before { top: 5.63rem; } } @media (max-width: 991px) { .single-full-width-cta.sfwc-featured .sfwc-wrap .sfwc-row { justify-content: center; } } @media (max-width: 991px) { .single-full-width-cta.sfwc-featured .sfwc-wrap .sfwc-btn { margin-top: 2.5rem; } } .single-full-width-cta.sfwc-featured .sfwc-wrap .sfwc-title { margin-bottom: 0; } @media (max-width: 767px) { .single-full-width-cta .sfwc-title { text-align: center; margin-bottom: 2.25rem; } } .single-full-width-cta .sfwc-title h2 { color: #fff; } .single-full-width-cta .sfwc-decs { color: #fff; } .single-full-width-cta .sfwc-decs p { font-size: 1.25rem; } .single-full-width-cta .sfwc-btn { text-align: center; } @media (min-width: 768px) { .single-full-width-cta .sfwc-btn { text-align: right; } } @media (max-width: 575px) { .single-full-width-cta .sfwc-btn a { width: 100%; justify-content: center; } } .single-full-width-cta .sfwc-img { border-radius: 0.63rem; } @media (max-width: 767px) { .single-full-width-cta .sfwc-img { text-align: center; margin-bottom: 2.5rem; } } .single-full-width-cta .sfwc-img img { border-radius: inherit; } .post-three-column-section { position: relative; padding-top: 2.5rem; margin: 2.5rem 0; } @media (max-width: 767px) { .post-three-column-section { padding-top: 1.88rem; margin: 1.88rem 0; } } .post-three-column-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background-image: linear-gradient(90deg, #1565c0 0, #5fd6ff 50%, #96eaaa 100%); pointer-events: none; } .post-three-column-section .ptc-col .h3 { padding-bottom: 1.57rem; margin-bottom: 1.57rem; border-bottom: 1px solid #b5a4fc; } @media (max-width: 991px) { .post-three-column-section .ptc-col .h3 { padding-bottom: 1.25rem; margin-bottom: 1.25rem; } } .post-three-column-section .ptc-content { padding: 1.5rem; } .episode-cards .me-data .vid-link { text-decoration: none; } .episode-cards .me-data .me-text-link { text-decoration: none; } .episode-cards .me-data .btn-link { display: block; margin-top: 1.25rem; } .episode-cards .me-row-container .cafe-row-post:hover { text-decoration: none; } .episode-cards .me-title-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.5rem; } .episode-cards .me-title { flex: 1; align-items: center; gap: 1.75rem; margin-right: 1.88rem; } @media (max-width: 767px) { .episode-cards .me-title { margin-bottom: 1.25rem; } } .episode-cards .me-title h2 { margin-bottom: 0; } .episode-cards .me-bottom-content { text-decoration: none; } .episode-cards .me-button-next, .episode-cards .me-button-prev { background-color: #96eaaa; color: #081d4d; border: 1px solid #96eaaa; } .episode-cards .me-button-next:hover, .episode-cards .me-button-prev:hover { background-color: #081d4d; color: #96eaaa; } .episode-cards .me-main .row { margin-right: -1.56rem; margin-left: -1.56rem; row-gap: 5rem; } .episode-cards .me-main .row [class*='cell-'] { padding-left: 1.57rem; padding-right: 1.57rem; } @media (max-width: 1199px) { .episode-cards .me-main .row { margin-right: -0.93rem; margin-left: -0.93rem; row-gap: 1.88rem; } .episode-cards .me-main .row [class*='cell-'] { padding-left: 0.94rem; padding-right: 0.94rem; } } .episode-cards .me-image-wrap { position: relative; display: flex; flex-direction: column; } .episode-cards .me-image-wrap.has-date .me-image img { filter: blur(3.5px); } .episode-cards .me-date { display: flex; flex-direction: column; justify-content: center; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 1; color: #fff; } .episode-cards .me-date span { font-size: 1rem; line-height: 1; font-weight: 600; } @media (max-width: 991px) { .episode-cards .me-date span { font-size: 1.13rem; } } @media (max-width: 767px) { .episode-cards .me-date span { font-size: 1rem; } } .episode-cards .me-date-title { margin-bottom: 0.13rem; display: block; } .episode-cards .me-content { gap: 0.69rem; margin-bottom: 1.07rem; opacity: 0.94; } .episode-cards .me-content .h6, .episode-cards .me-content h6 { margin-bottom: 0; } .episode-cards .me-col-item { display: block; text-decoration: none; } .episode-cards .me-col-item:hover .btn-link { color: #fff; } .episode-cards .me-col-item [data-fancybox] { cursor: pointer; } .episode-cards .me-image { position: relative; padding-top: 56.25%; border-radius: 0.94rem; margin-bottom: 0.94rem; overflow: hidden; } .episode-cards .me-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .episode-cards .me-image:is(a):hover::before { opacity: 1; visibility: visible; } .episode-cards .me-image::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6, 17, 49, 0.51); z-index: 1; pointer-events: none; opacity: 0; visibility: hidden; border-radius: 0.94rem; transition: 0.4s; } .episode-cards .me-image img { border-radius: 0.94rem; } .episode-cards .me-image img.is-blurred { filter: blur(5px) brightness(1); transform: scale(1); } .episode-cards .me-image:hover .icon-play { background-color: #5fd6ff; } .episode-cards .me-data h5 { opacity: 0.94; } .episode-cards .me-data p { font-size: 0.88rem; opacity: 0.94; } .episode-cards .me-data .btn-link { font-size: 0.88rem; } .episode-cards .me-play-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; } .episode-cards .me-play-icon .icon-play { width: 2.88rem; height: 2.44rem; font-size: 1.13rem; color: #081d4d; } .episode-cards .me-play-icon .icon-play:hover { text-decoration: none; } .episode-cards .me-play-icon:hover { text-decoration: none; } .episode-cards .me-play-icon:hover .icon-play { text-decoration: none; } .episode-cards .me-slider { overflow: hidden; } .episode-cards .me-slider .row.swiper-wrapper { flex-wrap: nowrap; margin-right: 0; margin-left: 0; } .episode-cards .me-slider .row.swiper-wrapper [class*='cell-'] { padding-left: 0; padding-right: 0; } .episode-cards .dmfp-title-container { padding-top: 3.13rem; } .episode-cards .dmfp-slide-inner { text-decoration: none; } .episode-cards .dmfp-slide { overflow: hidden; margin-right: -1.56rem; margin-left: -1.56rem; } .episode-cards .dmfp-slide [class*='cell-'] { padding-left: 1.57rem; padding-right: 1.57rem; } @media (max-width: 1199px) { .episode-cards .dmfp-slide { margin-right: -0.93rem; margin-left: -0.93rem; } .episode-cards .dmfp-slide [class*='cell-'] { padding-left: 0.94rem; padding-right: 0.94rem; } } @media (min-width: 768px) { .episode-cards .dmfp-no-slide.less-three .dmfp-slide-item { flex: 1; max-width: 37.82rem; } } @media (max-width: 767px) { .episode-cards .dmfp-no-slide.less-three .swiper-wrapper { row-gap: 1.88rem; } } .episode-cards .dmfp-no-slide.less-three .swiper-wrapper { flex-wrap: wrap; } .episode-cards .dmfp-title { margin-bottom: 0; flex: 1; margin-right: 1.25rem; } .episode-cards .dmfp-title-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.5rem; } .episode-cards .dmfp-button-next, .episode-cards .dmfp-button-prev { background-color: #96eaaa; color: #081d4d; border: 1px solid #96eaaa; } .episode-cards .dmfp-button-next:hover, .episode-cards .dmfp-button-prev:hover { background-color: #081d4d; color: #96eaaa; } .episode-cards .dmfp-slide-item [data-fancybox] { cursor: pointer; } .main-container.dark-mode .episode-cards .me-content { color: #fff; } .main-container.dark-mode .episode-cards .me-content .h6, .main-container.dark-mode .episode-cards .me-content h6 { color: #fff; } .main-container.dark-mode .episode-cards .me-data { color: #fff; } .main-container.dark-mode .episode-cards .me-data .btn-link { display: block; margin-top: 1.25rem; } .main-container.dark-mode .episode-cards .me-data .vid-link { color: #fff; text-decoration: none; } .main-container.dark-mode .episode-cards .me-data .h5, .main-container.dark-mode .episode-cards .me-data h5, .main-container.dark-mode .episode-cards .me-data p { color: #fff; } .main-container.dark-mode .episode-cards .me-title { color: #fff; } .main-container.dark-mode .episode-cards .me-title .h2, .main-container.dark-mode .episode-cards .me-title h2 { color: #fff; } .main-container.dark-mode .episode-cards .btn-link { color: #96eaaa; } .main-container.dark-mode .episode-cards .btn-link:hover { color: #fff; } .main-container.dark-mode .episode-cards .dmfp-slide-item img { transition: 0.4s filter, 0.4s transform; will-change: filter, transform; } .main-container.dark-mode .episode-cards .dmfp-slide-item:hover img { transition: 0.4s; filter: brightness(0.5); transform: scale(1); } .main-container.dark-mode .episode-cards .dmfp-slide-item:hover img.is-blurred { filter: blur(5px) brightness(0.5); transition: filter 0.4s; transform: scale(1); } .meet-the-hosts { background-color: #081d4d; } .meet-the-hosts .dmpp-wrapper { padding: 3.13rem 1.88rem; background: rgba(191, 160, 255, 0.15); border-radius: 0.88rem; } @media (max-width: 991px) { .meet-the-hosts .dmpp-wrapper { padding: 1.88rem; } } .meet-the-hosts .dmpp-wrapper .row { row-gap: 1.25rem; } .meet-the-hosts .dmpp-item-inner { display: flex; align-items: center; } @media (max-width: 767px) { .meet-the-hosts .dmpp-item-inner { flex-direction: column; align-items: flex-start; } } .meet-the-hosts .dmpp-content { flex: 1; } .meet-the-hosts .dmpp-content h5 { margin-bottom: 0; color: #f5f5f5; } .meet-the-hosts .dmpp-content p { color: #f5f5f5; font-weight: 400; font-size: 0.88rem; } .meet-the-hosts .dmpp-img { max-width: 9.38rem; width: 100%; margin-right: 1.88rem; } @media (max-width: 1199px) { .meet-the-hosts .dmpp-img { max-width: 7.5rem; margin-right: 0.94rem; } } .meet-the-hosts .dmpp-img-inner { position: relative; padding-top: 114.5%; } .meet-the-hosts .dmpp-img-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .meet-the-hosts .dmpp-title { margin-bottom: 3.13rem; color: #fff; } @media (max-width: 991px) { .meet-the-hosts .dmpp-title { margin-bottom: 1.25rem; } } .single-coupa-cafe .dark-mode-people-promo { background-color: transparent; } .video-hero { position: relative; color: #fff; min-height: 36.25rem; } .video-hero:has(video) { padding-bottom: 50px; overflow: hidden; } @media (max-width: 767px) { .video-hero:has(video) { padding-bottom: 30px; } } .video-hero .bg-animation { background: radial-gradient(circle at 50% 50%, rgba(255, 255, 0, 0) 61%, #081d4d 100%); max-width: 58.13rem; width: 100%; height: auto; } .video-hero .bg-animation:has(video)::before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: radial-gradient(circle at top, rgba(8, 29, 77, 0) 1%, #081d4d); } @media (min-width: 992px) { .video-hero .bg-animation { position: absolute; top: -90px; right: 0; z-index: -1; } } .video-hero .vh-wrap { margin-top: 3.13rem; } @media (max-width: 991px) { .video-hero .vh-wrap { margin-top: 0; } } @media (max-width: 991px) { .video-hero .vh-all-wrap { display: flex; flex-direction: column-reverse; } } .video-hero .vh-eyebrow { background-image: linear-gradient(60deg, #5fd6ff, #96eaaa); background-clip: text; color: transparent; font-size: 0.75rem; line-height: 1.13rem; font-weight: 600; } .video-hero .vh-eyebrow-logo { margin-bottom: 2rem; } .video-hero .vh-heading { margin-bottom: 2rem; color: #fff; } @media (max-width: 991px) { .video-hero .vh-heading { margin-bottom: 1.57rem; } } @media (max-width: 767px) { .video-hero .vh-heading { margin-bottom: 1.13rem; } } .video-hero .vh-btn-wrap { display: flex; flex-wrap: wrap; align-items: center; margin-top: 1rem; } .video-hero .vh-btn-wrap .btn { margin: 0.5rem 1rem 0.5rem 0; } .video-hero .vh-btn-wrap .btn:last-child { margin-right: 0; } .video-hero .vh-btn-wrap .btn.secondary { background-color: #96eaaa; border-color: #96eaaa; } .video-hero .vh-btn-wrap .btn.secondary:hover { color: #081d4d; background-color: #5fd6ff; border-color: #5fd6ff; } .video-hero .vh-btn-wrap .btn-link { color: #fff; margin: 0.5rem 1rem 0.5rem 0; } .video-hero .vh-btn-wrap .btn-link:hover { color: #96eaaa; } .logo-slider .container { position: relative; } .ls-swiper { height: 180px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .ls-swiper img { max-height: 85%; } .ls-swiper .swiper-wrapper { width: fit-content; margin: 0 auto; } .ls-swiper .swiper-slide { height: auto; border-radius: 15px; background: linear-gradient( 90deg, rgba(255, 255, 255, 0.15) 27.51%, rgba(153, 153, 153, 0.15) 100% ); border: 1px solid; border-image-source: linear-gradient( 76.5deg, rgba(0, 0, 0, 0.44) -3.65%, rgba(255, 255, 255, 0.19) 79.14% ); display: flex; align-items: center; justify-content: center; } .ls-swiper :not(.swiper-initialized) .swiper-slide { width: 218px; margin-right: 18px; } .ls-swiper-controls { display: flex; justify-content: flex-end; margin-top: 1rem; } .ls-swiper-button-next:not(.swiper-button-lock), .ls-swiper-button-prev:not(.swiper-button-lock) { border: 1px solid #96eaaa; height: 30px; width: 30px; cursor: pointer; transition: background-color 0.4s ease, color 0.4s ease; display: flex; align-items: center; justify-content: center; color: #96eaaa; } .ls-swiper-button-next:not(.swiper-button-lock):hover, .ls-swiper-button-prev:not(.swiper-button-lock):hover { color: #081d4d !important; background: #96eaaa; } .ls-swiper-button-next:not(.swiper-button-lock)::after, .ls-swiper-button-prev:not(.swiper-button-lock)::after { content: 'h'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; font-size: 0.75rem; } .ls-swiper-button-next:not(.swiper-button-lock).swiper-button-disabled, .ls-swiper-button-prev:not(.swiper-button-lock).swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .ls-swiper-button-next { right: 0; padding-left: 0.13rem; } .ls-swiper-button-prev { left: 0; transform: rotate(180deg); } .nb { background: #081d4d; padding: 0.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: 100% 100%; background-repeat: no-repeat; position: relative; z-index: 1; } @media (min-width: 992px) { .nb { flex-direction: row; } } .nb--block { padding: 3.13rem; justify-content: space-evenly; opacity: 0; transition: all 1s ease 0s; } .nb--block.aos-animate { opacity: 1; transition-delay: 0.8s; } .nb--block .nb__content-wrap { padding: 1rem; text-align: center; } @media (min-width: 992px) { .nb--block .nb__content-wrap { padding: 0 1.5rem; text-align: left; } } .nb--block .nb__content-wrap p { font-size: 1.25rem; } .nb--block .nb__content-wrap a { color: #5fd6ff; } .nb--block .nb__content-wrap a:hover { color: #96eaaa; } .nb--block .nb__date { font-size: 1.25rem; } .nb__above-header { display: none; } @media (min-width: 1200px) { .nb__above-header { display: flex; justify-content: space-evenly; } } .nb__above-header .nb__content-wrap { display: flex; } .nb__logo { height: 60px; width: auto; } .nb__content-wrap p { color: #fff; margin-bottom: 0; } @media (min-width: 576px) { .nb__content-wrap { text-align: center; padding: 0; } } .nb__title { color: #fff; margin-bottom: 0; font-weight: 500; } @media (min-width: 576px) { .nb__title { margin-right: 0.5rem; } } .nb__cta { color: #5fd6ff; font-size: 0.94rem; font-weight: 500; text-decoration: underline; } .nb__cta:hover { color: #96eaaa; } .nb__cta-btn:hover { background-color: #96eaaa; color: #081d4d; border-color: #96eaaa; } .nb__date { color: #fff; font-size: 0.82rem; font-weight: 600; } .nb.above-header { display: none; } @media (min-width: 1200px) { .nb.above-header { display: flex; } } @media (min-width: 992px) { .nb__wrap .btn { padding-left: 3.44rem; padding-right: 3.44rem; } } .nb__wrap .btn .nb__cta-wrap { position: relative; display: flex; align-items: center; } .nb__wrap .btn span { transition: 0.8s; color: #081d4d; } @media (min-width: 992px) { .nb__wrap .btn:hover { background-color: #5fd6ff; } .nb__wrap .btn:hover span { transform: translateX(-23px); } .nb__wrap .btn:hover .nb__cta-btn-arrow { right: 5px; } .nb__wrap .btn:hover .nb__cta-btn-arrow i:nth-child(1) { opacity: 0.6; } .nb__wrap .btn:hover .nb__cta-btn-arrow i:nth-child(2) { opacity: 0.8; } .nb__wrap .btn:hover .nb__cta-btn-arrow i:nth-child(3) { opacity: 0.9; } .nb__wrap .btn:hover .nb__cta-btn-arrow i:nth-child(4) { opacity: 1; } } .nb__wrap .btn:focus { background-color: #5fd6ff; } .nb__cta-btn-arrow { position: absolute; right: 14px; top: 42%; transform: translateY(-50%); width: 15px; height: 15px; transition: 0.4s; } @media (max-width: 991px) { .nb__cta-btn-arrow { display: none; } } .nb__cta-btn-arrow i { position: absolute; right: 0; top: 50%; transform: rotate(45deg) translateY(-50%); width: 10px; height: 10px; opacity: 0; transition: 0.4s; } .nb__cta-btn-arrow i:nth-child(2) { right: -10px; transition-delay: 0.2s; } .nb__cta-btn-arrow i:nth-child(3) { right: -20px; transition-delay: 0.4s; } .nb__cta-btn-arrow i:nth-child(4) { right: -30px; transition-delay: 0.6s; } .nb__cta-btn-arrow i::before, .nb__cta-btn-arrow i:after { content: ''; position: absolute; background-color: #081d4d; border-radius: 50%; } .nb__cta-btn-arrow i::before { top: -3px; left: 0; width: 100%; height: 1.7px; } .nb__cta-btn-arrow i::after { right: -3px; top: 0; width: 1.7px; height: 100%; } .contact-us { padding-top: 4rem; padding-bottom: 6rem; position: relative; overflow-y: hidden; } .contact-us .container { padding-top: 10px; } .contact-us-bg { position: absolute; top: 50%; max-width: 60%; transform: translateY(-50%); } .contact-us .cu-row { gap: 4rem; justify-content: space-between; } @media (min-width: 768px) { .contact-us .cu-row { gap: 0; } } .contact-us .cu-row [class*='cell-'] { display: flex; } .contact-us.left-align .cu-row { flex-direction: row-reverse; padding-top: 2rem; } @media (max-width: 767px) { .contact-us.left-align .cu-row { flex-direction: column-reverse; } } .contact-us .cu-row .cell-md-6 { width: 100%; } .contact-us .cu-row .cu-left { text-align: center; } .contact-us .cu-row .cu-form-wrap { max-width: 100%; } @media (min-width: 992px) { .contact-us .cu-row .cu-form-wrap { margin-top: 3.13rem; } } @media (min-width: 576px) { .contact-us .cu-row .cu-form-wrap.mkt-frm .mktoFormRow.inputFirstName.inputLastName:not(.customCheckboxClass) .mktoFormCol + .mktoFormCol { margin-top: 0 !important; } .contact-us .cu-row .cu-form-wrap.mkt-frm .mktoFormRow.inputCompany.inputTitle:not(.customCheckboxClass) .mktoFormCol + .mktoFormCol { margin-top: 0 !important; } } .contact-us .cu-row .cu-form-wrap .mktoForm { max-width: 100%; } .contact-us .cu-row .cu-form-wrap .mktoForm .mktoCheckboxList { padding: 0; } .contact-us .cu-row .cu-form-wrap .inputFirstName.inputLastName > .mktoFieldDescriptor:first-child { margin-bottom: 1rem; } @media (min-width: 576px) { .contact-us .cu-row .cu-form-wrap .inputCompany.inputTitle, .contact-us .cu-row .cu-form-wrap .inputFirstName.inputLastName { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1rem; row-gap: 0; } .contact-us .cu-row .cu-form-wrap .inputCompany.inputTitle .mktoFormCol:last-child, .contact-us .cu-row .cu-form-wrap .inputFirstName.inputLastName .mktoFormCol:last-child { margin-top: 0 !important; } } .contact-us .cu-row .cu-form-wrap #LblComments__c { display: none; } .contact-us .cu-row .cu-form-wrap .mktoButtonRow { text-align: center; } .contact-us .cu-row .cu-form-wrap .mktoButtonRow .mktoButton { width: 100%; background-image: none !important; border: none !important; } .contact-us .cu-row .cu-form-wrap .form-submit { text-align: center; } .contact-us .cu-row .cu-form-wrap .form-submit .submit-btn { width: auto; } .contact-us .cu-header-wrap { max-width: 80%; margin: 0 auto; } .contact-us .cu-desc li, .contact-us .cu-desc p { font-size: 1.25rem; } @media (max-width: 991px) { .contact-us .cu-form-wrap.mktCustom { max-width: 100%; } } .contact-us .cu-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; } .contact-us .cu-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991px) { .contact-us .cu-left { margin-bottom: 3.13rem; } } .contact-us .cu-left li::before { background: #5fd6ff; } .contact-us .cu-form-wrap { background-color: #fff; padding: 2.5rem 2rem; } .contact-us .cu-form-wrap .mktoFormRow .mktoFieldDescriptor, .contact-us .cu-form-wrap .mktoFormRow .mktoFieldWrap { width: 100%; } .contact-us .cu-form-wrap .mktoFormRow .mktoField { margin: 0 !important; } .contact-us .cu-form-wrap .mktoFormRow .mktoFieldWrap { position: relative; } .contact-us .cu-form-wrap .mktoFormRow.cus-select .mktoLabel { position: relative; top: 0; left: 0; margin-bottom: 5px; } .contact-us .cu-form-wrap .mktoFormRow.customCheckboxClass .mktoLabel { display: none !important; } .contact-us .cu-form-wrap .mktoFormRow.customCheckboxClass .mktoHtmlText span { color: #081d4d !important; font-family: Poppins, sans-serif; } .contact-us .cu-form-wrap .mktoFormRow.customSelectClass .mktoFieldDescriptor, .contact-us .cu-form-wrap .mktoFormRow.customSelectClass .mktoFieldWrap { width: 100% !important; } .contact-us .cu-form-wrap .from-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .contact-us .cu-form-wrap .from-wrap .form-group { margin-bottom: 0; grid-column: span 2; } .contact-us .cu-form-wrap .from-wrap .form-group:has(input[type='hidden']) { display: none; } .contact-us .cu-form-wrap .from-wrap .form-group.inputFirstName, .contact-us .cu-form-wrap .from-wrap .form-group.inputLastName { grid-column: span 1; } @media (max-width: 991px) { .contact-us .cu-form-wrap .from-wrap .form-group.inputFirstName, .contact-us .cu-form-wrap .from-wrap .form-group.inputLastName { grid-column: span 2; } } .contact-us .cu-form-wrap .from-wrap .form-group .HtmlText { text-align: center; } .contact-us .cu-form-wrap .from-wrap .form-group .HtmlText label { font-size: 0.75rem; } @media (max-width: 575px) { .contact-us .cu-form-wrap .from-wrap .form-group .g-recaptcha iframe { transform: scale(0.65); transform-origin: left; } } .contact-us .cu-form-wrap .from-wrap .form-group .submit-btn { width: 100%; } .contact-us .cu-form-wrap .from-wrap .form-group:not(.customCheckboxClass) label.error { display: none !important; } .contact-us .cu-form-wrap .from-wrap .form-group.customCheckboxClass .checkContainer { display: flex; flex-wrap: wrap; align-items: flex-start; } .contact-us .cu-form-wrap .from-wrap .form-group.customCheckboxClass .checkContainer input[type='checkbox'] { margin-right: 0.5rem; } .contact-us .cu-form-wrap .from-wrap .form-group.customCheckboxClass .checkContainer label.error { margin-bottom: 0; margin-top: 0.63rem; order: 1; } .contact-us .cu-form-wrap .from-wrap .form-group.customCheckboxClass .checkContainer a { max-width: 88%; } .contact-us .cu-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap { position: relative; } .contact-us .cu-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap label { position: absolute; top: 1rem; left: 0.75rem; margin-bottom: 0 !important; font-size: 1rem !important; z-index: 1; line-height: 1.2em; transition: 0.4s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; pointer-events: none; } .contact-us .cu-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.focused label { top: 0.32rem; font-weight: 600 !important; font-size: 0.75rem !important; color: #081d4d; opacity: 60%; } .contact-us .cu-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.focused input { padding-top: 1.25rem !important; } .contact-us .cu-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.focused select, .contact-us .cu-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.focused textarea { box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1) !important; border-color: #5fd6ff !important; } .contact-us .cu-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.blurred input[type='email'], .contact-us .cu-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.blurred input[type='text'], .contact-us .cu-form-wrap .from-wrap .form-group:not( .customTextarea, .customSelect, .customCheckboxClass, .no-label-text, .HtmlText, .error ) .form-group-wrap.blurred select { border-color: rgba(28, 31, 42, 0.7) !important; box-shadow: none !important; } .contact-us .cu-form-wrap .from-wrap .form-group:has(input.error, textarea.error) label { color: #b22234 !important; } .contact-us .cu-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field { border-color: #b22234 !important; } .contact-us .cu-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field::-webkit-input-placeholder { color: #b22234 !important; } .contact-us .cu-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field:-moz-placeholder { color: #b22234 !important; } .contact-us .cu-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field::-moz-placeholder { color: #b22234 !important; } .contact-us .cu-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field:-ms-input-placeholder { color: #b22234 !important; } .contact-us .cu-form-wrap .from-wrap .form-group:has(input.error, textarea.error) .form-field:focus { border-color: #b22234 !important; box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1) !important; } .contact-us .cu-form-wrap .mktoHtmlText { font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; } .contact-us .cu-disabled { opacity: 0.2; pointer-events: none; } .contact-us .cu-form-option p { color: #081d4d; } .contact-us .cu-custom-form-title { color: #081d4d; font-family: Poppins; font-size: 40px; font-style: normal; font-weight: 400; } .contact-us .cu-desc p { color: #081d4d; font-size: 16px; font-style: normal; font-weight: 400; margin-bottom: 3rem; } .contact-us .cu-sidebar { border-radius: 15px; background-color: #f5f8fa; padding: 3rem 2rem; } .contact-us .cu-sidebar[data-aos] { opacity: 0; } .contact-us .cu-sidebar.aos-animate { opacity: 1; } @media (min-width: 992px) { .contact-us .cu-sidebar { margin-top: 3.13rem; } } .contact-us .cu-sidebar-title { text-align: center; font-size: 31px; font-style: normal; font-weight: 400; } .contact-us .cu-sidebar-description { text-align: center; font-size: 15px; font-style: normal; font-weight: 400; } .contact-us .cu-sidebar-card { border-bottom: 1px solid #d0d5d9; padding: 2rem 0; } .contact-us .cu-sidebar-card:first-of-type { padding-top: 0 !important; } .contact-us .cu-sidebar-card:last-child { padding-bottom: 0; border-bottom: none; } .contact-us .cu-sidebar-card-title { font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; } .contact-us .cu-sidebar-card-description { font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 0.32rem; } .contact-us .cu-sidebar-card-cta { font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } @media (max-width: 575px) { .contact-us form { padding: 0; } } .addsRp--title { margin-bottom: 0.94rem !important; color: #081d4d !important; font-size: 25px !important; line-height: 1.25 !important; word-break: keep-all !important; font-weight: 500 !important; } .addsRp--title:hover { text-decoration: underline; } .addsRp--hit { padding-bottom: 48px !important; margin-bottom: 48px !important; border-bottom: 1px solid rgba(8, 29, 77, 0.3) !important; } .addsRp--hit:hover { background: 0 0 !important; border: 1px solid #c9c9c9 !important; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; border-top: 1px solid transparent !important; } .addsRp--hit.active { background-color: transparent !important; border-top: 1px solid transparent !important; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; border-radius: 0 !important; } .addsRp--hit-content > span:last-child { margin-bottom: 0 !important; font-size: 16px !important; font-weight: 400 !important; } .addsRp--category { color: #1565c0 !important; background: 0 0 !important; font-size: 12px !important; font-weight: 600 !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; text-transform: capitalize !important; margin-bottom: 0.5rem !important; } .addsRp--published-date { font-size: 12px !important; } .addsearch-pagination button { background: 0 0 !important; border: none !important; font-size: 16px !important; color: rgba(28, 31, 42, 0.6) !important; font-weight: 600 !important; } .addsRp--img { border: none !important; } .addsRp--footer { justify-content: center !important; border-top: none !important; } .addsRp-pagination-container-class .addsearch-pagination button[data-active='true'] { background: #081d4d !important; color: #fff !important; border-radius: 5px !important; } .adds-components-srp-search-field { margin-bottom: 2rem !important; } .adds-components-srp-results { position: relative; } .sortby-container-class { float: left; } @media (max-width: 767px) { .sortby-container-class { float: none; } } @media (max-width: 575px) { .sortby-container-class { align-items: center !important; justify-content: center !important; } } @media (max-width: 575px) { .addsRp-searchfield-container-class .addsRp-searchfield-container { flex-direction: column !important; } } .number-of-results { position: absolute; left: 0; top: 4rem; padding: 1rem 1rem 1rem 0.2rem !important; } @media (max-width: 767px) { .number-of-results { position: initial; } } @media (max-width: 575px) { .number-of-results { align-self: center; } } .addsRp-searchfield input[type='search'] { border-radius: 100px !important; } @media (max-width: 575px) { .addsRp-searchfield input[type='search'] { min-width: 0 !important; } } .wysiwyg-section .addsRp-searchfield-container-class .addsRp-searchfield-container > button { border-radius: 1.57rem !important; border: 1px solid #5fd6ff !important; background-color: #5fd6ff !important; color: #081d4d; padding: 0.69rem 2.5rem !important; font-size: 1rem; font-weight: 700; line-height: 1.5; margin-left: 1rem; } @media (max-width: 575px) { .wysiwyg-section .addsRp-searchfield-container-class .addsRp-searchfield-container > button { margin-left: 0; margin-top: 1rem; } } @media (max-width: 575px) { .addsRp--hit { flex-direction: column !important; } } @media (max-width: 575px) { .addsRp--hit .addsRp--main-image { display: none; } } .video-presentation-hero { --vph-pb: 20rem; --vph-mb: 20rem; padding: calc(var(--padding-top) + 1.88rem) 0; padding-bottom: var(--vph-pb); margin-bottom: var(--vph-mb); } .video-presentation-hero .container { position: relative; padding-top: var(--padding-top); } .video-presentation-hero .vph-video-wrap { position: absolute; top: calc(100% + 48px); width: 100%; text-align: center; } .video-presentation-hero .vph-video-wrap img { max-width: 920px; width: 100%; } .video-presentation-hero .vph-video-link { display: inline-block; } .video-presentation-hero .vph-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-presentation-component .container { position: relative; padding-top: var(--padding-top); } .video-presentation-component .vpc-video-wrap { margin: auto; max-width: 920px; text-align: center; width: 100%; } .video-presentation-component .vpc-video-wrap img { width: 100%; } .video-presentation-component .vpc-video-link { position: relative; display: inline-block; width: 100%; } .video-presentation-component .vpc-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-presentation-component .desc { margin-bottom: 24px; } .video-presentation-component .link-wrap { margin-top: 24px; } .anchor-link-listing .all-list { list-style: none; margin: 24px 0 72px; padding: 0; } .anchor-link-listing .all-list-item { margin: 0 16px; } .graphical-promo-section .container { height: 100%; --container-width: 79.38rem; } .graphical-promo-section .gp-wrap { position: relative; } .graphical-promo-section .gp-wrap .gp-button-next, .graphical-promo-section .gp-wrap .gp-button-prev { --swiper-navigation-size: 50px; } .graphical-promo-section .gp-wrap .gp-button-next::after, .graphical-promo-section .gp-wrap .gp-button-prev::after { font-size: 1.25rem; } @media (max-width: 991px) { .graphical-promo-section .gp-wrap .gp-button-next, .graphical-promo-section .gp-wrap .gp-button-prev { display: none !important; } } .graphical-promo-section .gp-wrap .gp-button-prev { left: 0; } .graphical-promo-section .gp-wrap .gp-button-next { right: 0; } .graphical-promo-section .gp-row { display: flex; flex-wrap: wrap; align-items: center; height: 100%; } .graphical-promo-section .gp-row-wrap { opacity: 0 !important; height: auto; padding: 4rem 3rem; background-size: cover; background-repeat: no-repeat; } @media (max-width: 575px) { .graphical-promo-section .gp-row-wrap { padding: 2rem; } } .graphical-promo-section .gp-row-wrap.swiper-slide-active { opacity: 1 !important; } @media (min-width: 992px) { .graphical-promo-section .gp-row .gp-right { width: 56%; } } .graphical-promo-section .gp-content { border-radius: 15px; background: linear-gradient( 90deg, rgba(255, 255, 255, 0.15) 27.51%, rgba(153, 153, 153, 0.15) 100% ); box-shadow: 0 4px 14.5px 0 rgba(0, 0, 0, 0.12); backdrop-filter: blur(15px); padding: 2rem; } .graphical-promo-section .gp-content .title { color: #fff; } @media (max-width: 575px) { .graphical-promo-section .gp-content .title { font-size: 1.5rem; } } .graphical-promo-section .gp-content .desc { color: #fff; } @media (max-width: 991px) { .graphical-promo-section .gp-content { text-align: center; } } .graphical-promo-section .gp-content .eyebrow-text { display: block; margin-bottom: 0.75rem; } .graphical-promo-section .gp-content p img { margin: 0; } @media (max-width: 991px) { .graphical-promo-section .gp-content p img { margin-bottom: 1.13rem; } } .graphical-promo-section .gp-content .desc h2, .graphical-promo-section .gp-content .desc p { margin-bottom: 0.75rem; } .graphical-promo-section .gp-btn-wrap { margin-top: 2.38rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1.13rem; } @media (max-width: 991px) { .graphical-promo-section .gp-btn-wrap { justify-content: center; } } @media (max-width: 575px) { .graphical-promo-section .gp-btn-wrap { flex-direction: column; } } .poll-component { background-size: cover; background-repeat: no-repeat; } .poll-component .description { margin-bottom: 2rem; } .poll-component input[type='radio']:hover { cursor: pointer; } .poll-component label { width: fit-content; } .poll-component label:hover { cursor: pointer; } .poll-item { display: none; } .poll-item-question { color: #fff; font-size: 19px; font-weight: 600; line-height: 24px; margin-bottom: 2rem; } .poll-item__qa-wrapper { margin-bottom: 0.5rem; display: grid; grid-template-columns: 1em auto; gap: 0.5em; } .poll-item__qa-wrapper label { color: #fff; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .poll-item__qa-wrapper input[type='radio'] { -webkit-appearance: none; appearance: none; background-color: transparent; margin: 0; font: inherit; color: rgba(255, 255, 255, 0.3607843137); width: 1.15em; height: 1.15em; background-color: rgba(255, 255, 255, 0.3607843137); border-radius: 50%; transform: translateY(0.1rem); display: grid; place-content: center; } .poll-item__qa-wrapper input[type='radio']::before { content: ''; width: 0.65em; height: 0.65em; border-radius: 50%; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em #fff; } .poll-item__qa-wrapper input[type='radio']:checked { border: 1px solid rgba(255, 255, 255, 0.3607843137); } .poll-item__qa-wrapper input[type='radio']:checked::before { transform: scale(1); } .poll-item.active { display: block; } .poll-item-result { color: #fff; font-style: italic; } .poll-item-end { color: #fff; } .poll-item-end-image { text-align: center; } .poll-items { position: relative; background: linear-gradient(270deg, #36a0eb 0, #1565c0 100%); border-radius: 10px; max-width: 650px; margin: 0 auto; padding: 2rem; } @media (min-width: 576px) { .poll-items { padding: 2rem 2rem 5rem 2rem; } } .poll-items .poll-progress { margin-bottom: 2rem; } .poll-items .progress-bar-bg { background: rgba(255, 255, 255, 0.3); height: 10px; width: 100%; border-radius: 10px; overflow: hidden; } .poll-items .progress-bar-fill { background: #fff; height: 100%; width: 0; transition: width 0.3s ease; } .poll-last-button, .poll-next-button, .poll-result-button { background: 0 0; color: #fff; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; border-radius: 100px; padding: 0.5rem 1rem; border: 1px solid #fff; margin-top: 0.5rem; } @media (min-width: 576px) { .poll-last-button, .poll-next-button, .poll-result-button { position: absolute; right: 2rem; } } .poll-last-button.disabled, .poll-next-button.disabled, .poll-result-button.disabled { pointer-events: none; opacity: 0.8; filter: grayscale(50%); } @media (min-width: 576px) { .poll-component .poll-item-answers { display: grid; grid-template-columns: 1fr 1fr; } } .poll-component button:after { content: '>'; margin-left: 0.5rem; } .poll-component button:hover { background: #fff; border-color: #fff; color: #1565c0; } .animated-ring-counter__row { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-bottom: 4rem; text-align: center; } @media (max-width: 991px) { .animated-ring-counter__row { grid-template-columns: 3fr; } } .animated-ring-counter__card { width: 100%; padding: 1rem; } .animated-ring-counter__progress-circle { position: relative; width: 100%; max-width: 200px; aspect-ratio: 1/1; display: inline-block; margin: 0 auto 2rem; } @media (max-width: 400px) { .animated-ring-counter__progress-circle { width: 160px; height: 160px; margin: 10px auto; } } .animated-ring-counter__progress-circle svg { transform: rotate(-90deg); width: 100%; height: auto; display: block; } .animated-ring-counter__circle-bg { fill: none; stroke: #e6f0fa; stroke-width: 15; } .animated-ring-counter__circle-progress { fill: none; stroke: #007bff; stroke-width: 15; stroke-dasharray: 591; stroke-dashoffset: 591; transition: stroke-dashoffset 1.5s ease-out; stroke-linecap: round; } .animated-ring-counter__percentage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 50px; font-weight: 700; } .animated-ring-counter__description { font-size: 20px; } .fwcs { margin: 4rem 0; } .fwcs__title { text-align: center; margin-bottom: 2rem; } .fwcs__description { text-align: center; } .fwcs__wrapper { position: relative; } .fwcs__card { border-style: solid; border-width: 4px; border-radius: 18px; display: grid; grid-template-columns: 3fr 2fr; min-height: 200px; } @media (max-width: 575px) { .fwcs__card { display: flex; flex-direction: column-reverse; } } .fwcs__left-content { padding: 4rem; } .fwcs__right-content { display: flex; align-items: center; justify-content: center; padding: 2rem; border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-right: -1px; } @media (max-width: 575px) { .fwcs__right-content { border-bottom-right-radius: 0; border-top-left-radius: 10px; } } .fwcs__image { height: auto; max-width: 75%; } .fwcs__slide-title { font-size: 1.5rem; } .fwcs__slide-description { font-size: 1rem; } .fwcs__slide-cta { font-weight: 600; text-decoration: underline; color: #081d4d; } .fwcs__slide-cta:hover { color: #1565c0; } .fwcs .swiper-button-prev { left: -2rem; background: 0 0; } .fwcs .swiper-button-prev:after { color: #081d4d; font-size: 1.5rem; } .fwcs .swiper-button-next { right: -2rem; background: 0 0; } .fwcs .swiper-button-next:after { color: #081d4d; font-size: 1.5rem; } .persona-tabs { padding: 4rem 0 !important; } @media (min-width: 768px) { .persona-tabs .hh-bottom { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (max-width: 575px) { .persona-tabs .hh-bottom .hh-content { padding: 0 1rem 1rem; } .persona-tabs .hh-bottom .hh-tab-list { border-radius: 0.63rem 0.63rem 0 0; background-color: #e7e7ec; } .persona-tabs .hh-bottom .hh-bottom-wrap button::after, .persona-tabs .hh-bottom .hh-tab-link h2 { color: #081d4d; } .persona-tabs .hh-bottom .hh-tab-list { margin-bottom: 1.75rem; } } .single-page { --pt: 2.63rem; padding-top: calc(var(--padding-top) + var(--pt)); margin-bottom: var(--pt); } @media (max-width: 991px) { .single-page { --pt: 2.19rem; } } .single-page.event-hero, .single-page.resources-hero { position: relative; padding-bottom: 2.5rem; overflow: hidden; } .single-page.event-hero::before, .single-page.resources-hero::before { content: ''; position: absolute; top: 67%; right: -25%; width: 77.38rem; height: 77.38rem; background-image: url(../images/listing-hero-bg.svg); background-position: right; background-repeat: no-repeat; background-size: cover; pointer-events: none; opacity: 5%; transform: translateY(-50%); } @media (max-width: 767px) { .single-page.event-hero::before, .single-page.resources-hero::before { right: auto; left: 50%; transform: translate(-50%, -40%); } } .single-page.event-hero .breadcrumbs .current-item, .single-page.resources-hero .breadcrumbs .current-item { color: #5fd6ff; } .single-page.event-hero .social-label span, .single-page.resources-hero .social-label span { color: #fff !important; } .single-page.event-hero .sp-type, .single-page.resources-hero .sp-type { color: #5fd6ff; } .single-page.event-hero .sp-published-date, .single-page.resources-hero .sp-published-date { color: #fff; } .single-page.event-hero .sp-gated-btn, .single-page.resources-hero .sp-gated-btn { margin-top: 1.75rem !important; } .single-page.event-hero .sp-topic > span, .single-page.resources-hero .sp-topic > span { color: #d9d9d6; } .single-page.event-hero .heateor_sss_sharing_ul a:hover, .single-page.resources-hero .heateor_sss_sharing_ul a:hover { color: #1565c0 !important; } .single-page.event-hero .heateor_sss_sharing_ul a:hover .heateor_sss_svg svg path, .single-page.resources-hero .heateor_sss_sharing_ul a:hover .heateor_sss_svg svg path { fill: #1565c0 !important; } .single-page.event-hero .heateor_sss_button_copy_link .heateor_sss_svg svg path, .single-page.event-hero .heateor_sss_button_linkedin .heateor_sss_svg svg path, .single-page.event-hero .heateor_sss_button_x .heateor_sss_svg svg path, .single-page.event-hero .heateor_sss_facebook .heateor_sss_svg svg path, .single-page.resources-hero .heateor_sss_button_copy_link .heateor_sss_svg svg path, .single-page.resources-hero .heateor_sss_button_linkedin .heateor_sss_svg svg path, .single-page.resources-hero .heateor_sss_button_x .heateor_sss_svg svg path, .single-page.resources-hero .heateor_sss_facebook .heateor_sss_svg svg path { fill: #5fd6ff !important; } .single-page.event-hero { margin-bottom: 0; } .single-page .sp-cate { display: flex; align-items: center; margin-bottom: 1.5rem; } @media (max-width: 767px) { .single-page .sp-cate { margin-bottom: 1rem; } } .single-page .sp-cate a { margin-right: 0.75rem; color: #081d4d; font-size: 12px; font-weight: 600; font-family: Poppins, sans-serif; } .single-page .sp-type { color: #1565c0; font-size: 0.75rem; font-weight: 600; } .single-page .sp-type + .sp-published-date { margin-left: 0.75rem; } .single-page .sp-published-date { color: #1c1f2a; font-size: 0.75rem; } .single-page .sp-title { margin-bottom: 2rem; } @media (max-width: 767px) { .single-page .sp-title { margin-bottom: 1rem; } } .single-page .sp-title h1 { margin-bottom: 0; } .single-page .sp-author { margin-bottom: 1rem; } .single-page .sp-author .sp-author-name { text-transform: capitalize; } .single-page .sp-topic-tag { visibility: hidden; height: 0; font-size: 1rem; } .single-page .sp-heading .breadcrumbs { margin-bottom: 4.75rem; } @media (max-width: 991px) { .single-page .sp-heading .breadcrumbs { margin-bottom: 2.5rem; } } .post-detail-block { position: relative; margin: 3.75rem 0; } @media (max-width: 991px) { .post-detail-block { margin: 2.5rem 0; } } .post-detail-block + section { margin-top: 0; } .post-detail-block .pdb-main-wrap { --gridCol: 16.5rem; --gap: 2rem; position: relative; display: grid; grid-template-columns: var(--gridCol) calc(100% - var(--gridCol) - var(--gap)); gap: var(--gap); } @media (max-width: 991px) { .post-detail-block .pdb-main-wrap { --gap: 3.44rem; grid-template-columns: 100%; } } .post-detail-block .pdb-heading h5 { color: #081d4d; font-weight: 700; } .post-detail-block .pdb-fimage { margin-bottom: 1.25rem; } .post-detail-block .pdb-right section:first-child { margin-top: 0; } .post-detail-block .pdb-tabs-links { display: grid; } .post-detail-block .pdb-tabs-links a { padding: 0.5rem 0 0.5rem 1rem; color: rgba(8, 29, 77, 0.7); font-size: 0.88rem; font-weight: 500; border-left: 1px solid #d6d6d6; } .post-detail-block .pdb-tabs-links a:hover { text-decoration: none; } .post-detail-block .pdb-tabs-links a.active { position: relative; color: #fff; background: #1565c0; border-color: #96eaaa; } .post-detail-block .pdb-tabel-content { margin-top: 3.5rem; margin-bottom: 2.5rem; } @media (max-width: 991px) { .post-detail-block .pdb-tabel-content { margin-top: 2.5rem; } } @media (max-width: 991px) { .post-detail-block .pdb-tabel-content.desktop { display: none; } } .post-detail-block .pdb-tabel-content.mobile { display: none; } @media (max-width: 991px) { .post-detail-block .pdb-tabel-content.mobile { display: block; } } .post-detail-block .pdb-tabel-content.mobile .pdb-heading { position: relative; } .post-detail-block .pdb-tabel-content.mobile .toggle-dropdown { position: relative; width: 100%; margin: 0; padding: 0.38rem 0.63rem; text-align: left; font-weight: 700; background-color: #f4f4f4; border: 1px solid rgba(8, 29, 77, 0.3); border-radius: 0; } .post-detail-block .pdb-tabel-content.mobile .toggle-dropdown::before { content: ''; position: absolute; top: 0.44rem; right: 0.94rem; width: auto; min-width: 1.38rem; height: 1.5rem; background-image: url(../images/footer-down-arrow.svg); background-position: right; background-size: auto; background-repeat: no-repeat; cursor: pointer; transform: scaleY(1); transition: 0.4s ease; } .post-detail-block .pdb-tabel-content.mobile .toggle-dropdown.active::before { top: 0.38rem; transform: scaleY(-1); } .post-detail-block .pdb-tabel-content.mobile .pdb-tabs-links { position: absolute; width: 100%; left: 0; right: 0; background-color: #fff; white-space: normal; z-index: 10; } @media (max-width: 767px) { .post-detail-block .pdb-gated-content { margin-bottom: 2rem; } } .post-detail-block .pdb-form-wrap { text-align: center; box-shadow: 0 0.25rem 1rem 0.5rem rgba(8, 29, 77, 0.1); } .post-detail-block .pdb-form-wrap .pdb-form-title { padding: 2rem 2rem 1rem; } .post-detail-block .pdb-form-wrap .pdb-form-title .h5 { margin-bottom: 0; font-weight: 600; } .post-detail-block .pdb-form-wrap .thank-you { padding: 1rem 2rem 2rem; } .post-detail-block .pdb-form-wrap .thank-you-desc { color: green; font-size: 1.13rem; font-weight: 600; } .post-detail-block .pdb-form-wrap .mktoForm { width: 100% !important; max-width: 100%; padding: 1.5rem 2rem 2.5rem !important; } @media (max-width: 991px) { .post-detail-block .pdb-form-wrap .mktoForm { max-width: 26.57rem !important; } } @media (max-width: 767px) { .post-detail-block .pdb-form-wrap .mktoForm { max-width: 100% !important; } } .post-detail-block .pdb-form-wrap .mktoForm .customCheckboxClass { display: flex; align-items: center; } .post-detail-block .pdb-form-wrap .mktoForm .customCheckboxClass .mktoFieldDescriptor, .post-detail-block .pdb-form-wrap .mktoForm .customCheckboxClass .mktoFormCol, .post-detail-block .pdb-form-wrap .mktoForm .customCheckboxClass .mktoHtmlText { width: auto !important; } .post-detail-block .pdb-form-wrap .mktoOffset { display: none; } .post-detail-block .pdb-form-wrap .mktoCheckboxList #iamnotarobot { width: 1.44rem !important; height: 1.44rem !important; } .post-detail-block .pdb-form-wrap .mktoFormCol { min-height: 0 !important; width: 100% !important; } .post-detail-block .pdb-form-wrap .mktoGutter { display: inline; width: auto !important; } .post-detail-block .pdb-form-wrap .mktoFieldWrap { float: none !important; } .post-detail-block .pdb-form-wrap .mktoFieldWrap .mktoField { width: 100% !important; max-width: 100%; } .post-detail-block .pdb-form-wrap .mktoButtonRow { margin-bottom: 0 !important; } .post-detail-block .pdb-form-wrap .mktoButton { padding: 0.5rem 2.69rem !important; color: #081d4d !important; font-size: 1rem !important; font-weight: 600 !important; letter-spacing: 0 !important; border-radius: 1.57rem !important; background-color: #5fd6ff !important; border: 1px solid #5fd6ff !important; transition: background-color 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s !important; background-image: none !important; } .post-detail-block .pdb-form-wrap .mktoButton:hover { background-color: #081d4d !important; color: #fff !important; border: 1px solid #081d4d !important; } @media (max-width: 767px) { .post-detail-block .pdb-form-wrap .mktoLabel { width: auto !important; } } .post-detail-block .pdb-social-block-wrap { --top: 6.13rem; position: sticky; top: var(--top); width: 100%; z-index: 1; } @media (max-width: 767px) { .post-detail-block .pdb-social-block-wrap { top: 0; min-width: 100%; max-width: 100%; } } .post-detail-block .pdb-social-block-wrap .social-wrap { margin-bottom: 3.5rem; } @media (max-width: 991px) { .post-detail-block .pdb-social-block-wrap .social-wrap { margin-bottom: 2.5rem; } } @media (max-width: 991px) { .post-detail-block .pdb-social-block-wrap .social-wrap.desktop { display: none; } } .post-detail-block .pdb-social-block-wrap .social-wrap.mobile { display: none; } @media (max-width: 991px) { .post-detail-block .pdb-social-block-wrap .social-wrap.mobile { display: block; } } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul { overflow: hidden; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_copy_link .heateor_sss_svg, .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_linkedin .heateor_sss_svg, .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_x .heateor_sss_svg, .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_facebook .heateor_sss_svg { background: 0 0 !important; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_copy_link .heateor_sss_svg svg path, .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_linkedin .heateor_sss_svg svg path, .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_x .heateor_sss_svg svg path, .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_facebook .heateor_sss_svg svg path { fill: #1565c0; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_copy_link:hover svg path, .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_linkedin:hover svg path, .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_x:hover svg path, .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_facebook:hover svg path { fill: #081d4d; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul span { width: 25px !important; height: 25px !important; object-fit: contain !important; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_facebook { position: relative; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_facebook::after { content: 'a'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; position: absolute; left: 3px; top: 1px; font-size: 1.13rem; transition: 0.4s; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_facebook:hover::after { color: #081d4d; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_facebook svg { display: none !important; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_copy_link { position: relative; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_copy_link::after { content: 'b'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; position: absolute; left: 3px; top: 1px; font-size: 1rem; transition: 0.4s; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_copy_link:hover::after { color: #081d4d; } .post-detail-block .pdb-social-block-wrap .heateor_sss_sharing_ul .heateor_sss_button_copy_link svg { display: none !important; } .post-detail-block .pdb-social-block-wrap .heateor_sss_more { position: absolute; display: none !important; opacity: 0 !important; visibility: hidden !important; } .post-detail-block .pdb-social-block-wrap .social-label span { color: #081d4d; font-size: 0.88rem; font-weight: 700; } .post-detail-block .pdb-detail-content { width: 100%; } .post-detail-block .pdb-detail-content .container { width: 100%; } @media (max-width: 767px) { .wysiwyg-section .wc-table { width: 100%; overflow: auto; } } .wysiwyg-section .wysiwyg .wp-video { margin: 1.25rem auto; } .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button { background-image: none; } .wysiwyg-section .wysiwyg .wp-video .mejs-container { position: relative; } .wysiwyg-section .wysiwyg .wp-video .mejs-container::before { content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: rgba(8, 29, 77, 0.4); z-index: 1; } .wysiwyg-section .wysiwyg .h1, .wysiwyg-section .wysiwyg h1 { color: #081d4d; } .wysiwyg-section .wysiwyg .h2, .wysiwyg-section .wysiwyg h2 { color: #081d4d; } .wysiwyg-section .wysiwyg .h3, .wysiwyg-section .wysiwyg h3 { color: #081d4d; } .wysiwyg-section .wysiwyg .h4, .wysiwyg-section .wysiwyg h4 { color: #081d4d; } .wysiwyg-section .wysiwyg .h5, .wysiwyg-section .wysiwyg h5 { color: #081d4d; } .wysiwyg-section .wysiwyg .h6, .wysiwyg-section .wysiwyg h6 { color: #081d4d; } .single-events .post-detail-block .pdb-social-block, .single-resources .post-detail-block .pdb-social-block { position: unset; max-width: max-content; } .single-events .post-detail-block .pdb-social-block .social-wrap, .single-resources .post-detail-block .pdb-social-block .social-wrap { position: unset; } @media (max-width: 767px) { .single-events .post-detail-block .pdb-social-block .social-wrap, .single-resources .post-detail-block .pdb-social-block .social-wrap { margin-bottom: 2.5rem; } } .single-events .post-detail-block .pdb-gated-content img, .single-resources .post-detail-block .pdb-gated-content img { margin: 0 !important; } .single-events .post-detail-block .pdb-form-wrap .mktoForm, .single-resources .post-detail-block .pdb-form-wrap .mktoForm { max-width: 100%; } .single-events .post-detail-block .pdb-main-wrap, .single-resources .post-detail-block .pdb-main-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; margin-top: 2rem; } @media (max-width: 767px) { .single-events .post-detail-block .pdb-main-wrap, .single-resources .post-detail-block .pdb-main-wrap { flex-direction: column-reverse; align-items: flex-start; } } .single-events .post-detail-block .pdb-gated-wrap .thank-you, .single-resources .post-detail-block .pdb-gated-wrap .thank-you { width: 100%; max-width: 28.94rem; margin: 0 auto; padding: 2.5rem; box-shadow: 0 0.25rem 1rem 0.5rem rgba(8, 29, 77, 0.1); border-image-slice: 1; border-top: 4px solid; border-image-source: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); } .single-events .post-detail-block .pdb-gated-wrap .thank-you-cta .btn, .single-resources .post-detail-block .pdb-gated-wrap .thank-you-cta .btn { width: 100%; justify-content: center; } .single-events .post-detail-block .pdb-gated-wrap .thank-you-desc h3, .single-resources .post-detail-block .pdb-gated-wrap .thank-you-desc h3 { margin-bottom: 2rem; color: #081d4d; font-weight: 400; } .single-events .post-detail-block .pdb-gated-wrap .thank-you-desc p, .single-resources .post-detail-block .pdb-gated-wrap .thank-you-desc p { width: 100%; color: #2f2f2f; } .single-events .post-detail-block .pdb-gated-wrap .thank-you-desc + .thank-you-cta, .single-resources .post-detail-block .pdb-gated-wrap .thank-you-desc + .thank-you-cta { margin-top: 2rem; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul { overflow: hidden; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link .heateor_sss_svg, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_linkedin .heateor_sss_svg, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_x .heateor_sss_svg, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook .heateor_sss_svg, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link .heateor_sss_svg, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_linkedin .heateor_sss_svg, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_x .heateor_sss_svg, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook .heateor_sss_svg { background: 0 0 !important; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link .heateor_sss_svg svg path, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_linkedin .heateor_sss_svg svg path, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_x .heateor_sss_svg svg path, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook .heateor_sss_svg svg path, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link .heateor_sss_svg svg path, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_linkedin .heateor_sss_svg svg path, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_x .heateor_sss_svg svg path, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook .heateor_sss_svg svg path { fill: #1565c0; transition: 0.3s; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link:hover, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_linkedin:hover, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_x:hover, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook:hover, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link:hover, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_linkedin:hover, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_x:hover, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook:hover { color: #081d4d; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link:hover svg path, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_linkedin:hover svg path, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_x:hover svg path, .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook:hover svg path, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link:hover svg path, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_linkedin:hover svg path, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_x:hover svg path, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook:hover svg path { fill: #081d4d; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook { position: relative; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook::after, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook::after { content: 'a'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; position: absolute; left: 3px; top: 1px; font-size: 1.13rem; transition: 0.4s; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook svg, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_facebook svg { display: none !important; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link { position: relative; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link::after, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link::after { content: 'b'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; position: absolute; left: 3px; top: 1px; font-size: 1rem; transition: 0.4s; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link svg, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul .heateor_sss_button_copy_link svg { display: none !important; } .single-events .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul span, .single-resources .single-page .sp-btn-social .pdb-social-block .heateor_sss_sharing_ul span { width: 1.57rem !important; height: 1.57rem !important; object-fit: contain !important; } .single-events .single-page .sp-btn-social .pdb-social-block .social-label span, .single-resources .single-page .sp-btn-social .pdb-social-block .social-label span { color: #081d4d; font-size: 0.88rem; font-weight: 700; } .single-events .single-page .sp-social-topic, .single-resources .single-page .sp-social-topic { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 767px) { .single-events .single-page .sp-social-topic, .single-resources .single-page .sp-social-topic { flex-direction: column; align-items: flex-start; } } @media (max-width: 767px) { .single-events .single-page .sp-topic-tag + .sp-btn-social, .single-resources .single-page .sp-topic-tag + .sp-btn-social { margin-top: 2.5rem; } } .single-events .single-page .sp-gated-btn, .single-resources .single-page .sp-gated-btn { margin-top: 0.38rem; } .single-post .pdb-main-wrap { --gridCol: 17.63rem; --gap: 2.94rem; } @media (max-width: 991px) { .single-post .pdb-main-wrap { display: flex; flex-direction: column-reverse; --gap: 0; } } .single-customers .single-page, .single-partners .single-page { position: relative; padding-top: var(--padding-top); padding-bottom: 3.13rem; background-color: #081d4d; } .single-customers .single-page::before, .single-partners .single-page::before { content: ''; position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/bg-partner.png); background-position: right; background-repeat: no-repeat; background-size: auto; pointer-events: none; } .single-customers .single-page > div, .single-partners .single-page > div { margin-top: 43px; } .single-customers .single-page .breadcrumbs span, .single-partners .single-page .breadcrumbs span { color: #fff; } .single-customers .single-page .sp-cate, .single-partners .single-page .sp-cate { color: #fff; } .single-customers .single-page .sp-title, .single-partners .single-page .sp-title { color: #fff; } .single-customers .single-page .sp-title h1, .single-partners .single-page .sp-title h1 { margin-bottom: 1.63rem; color: #fff; } .single-customers .single-page .sp-logo, .single-partners .single-page .sp-logo { text-align: center; } .single-customers .single-page .sp-logo img, .single-partners .single-page .sp-logo img { width: 22.5rem; height: 5.94rem; object-fit: contain; } .single-customers .post-detail-block .pdb-partner-sidebar-wrap, .single-partners .post-detail-block .pdb-partner-sidebar-wrap { --top: 6.13rem; position: sticky; top: var(--top); width: 100%; z-index: 1; } @media (max-width: 991px) { .single-customers .post-detail-block .pdb-partner-sidebar-wrap, .single-partners .post-detail-block .pdb-partner-sidebar-wrap { position: unset; } } .single-customers .post-detail-block .pdb-partner-sidebar, .single-partners .post-detail-block .pdb-partner-sidebar { padding: 2rem; box-shadow: 0 4px 16px 8px rgba(8, 29, 77, 0.1); border-top: 4px solid; border-image-slice: 1; border-image-source: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); word-break: break-word; } .single-customers .post-detail-block .pdb-partner-sidebar .h1, .single-customers .post-detail-block .pdb-partner-sidebar h1, .single-partners .post-detail-block .pdb-partner-sidebar .h1, .single-partners .post-detail-block .pdb-partner-sidebar h1 { margin-bottom: 2px; color: #081d4d; font-size: 1rem; font-weight: 500; } .single-customers .post-detail-block .pdb-partner-sidebar .h2, .single-customers .post-detail-block .pdb-partner-sidebar h2, .single-partners .post-detail-block .pdb-partner-sidebar .h2, .single-partners .post-detail-block .pdb-partner-sidebar h2 { margin-bottom: 2px; color: #081d4d; font-size: 1rem; font-weight: 500; } .single-customers .post-detail-block .pdb-partner-sidebar .h3, .single-customers .post-detail-block .pdb-partner-sidebar h3, .single-partners .post-detail-block .pdb-partner-sidebar .h3, .single-partners .post-detail-block .pdb-partner-sidebar h3 { margin-bottom: 2px; color: #081d4d; font-size: 1rem; font-weight: 500; } .single-customers .post-detail-block .pdb-partner-sidebar .h4, .single-customers .post-detail-block .pdb-partner-sidebar h4, .single-partners .post-detail-block .pdb-partner-sidebar .h4, .single-partners .post-detail-block .pdb-partner-sidebar h4 { margin-bottom: 2px; color: #081d4d; font-size: 1rem; font-weight: 500; } .single-customers .post-detail-block .pdb-partner-sidebar .h5, .single-customers .post-detail-block .pdb-partner-sidebar h5, .single-partners .post-detail-block .pdb-partner-sidebar .h5, .single-partners .post-detail-block .pdb-partner-sidebar h5 { margin-bottom: 2px; color: #081d4d; font-size: 1rem; font-weight: 500; } .single-customers .post-detail-block .pdb-partner-sidebar .h6, .single-customers .post-detail-block .pdb-partner-sidebar h6, .single-partners .post-detail-block .pdb-partner-sidebar .h6, .single-partners .post-detail-block .pdb-partner-sidebar h6 { margin-bottom: 2px; color: #081d4d; font-size: 1rem; font-weight: 500; } .single-customers .post-detail-block .pdb-partner-sidebar p, .single-partners .post-detail-block .pdb-partner-sidebar p { margin-bottom: 1.5rem; color: #081d4d; font-size: 1rem; font-weight: 400; } .single-customers .post-detail-block .pdb-black-logo, .single-partners .post-detail-block .pdb-black-logo { margin-bottom: 2rem; } .single-customers .single-page::before { background-image: url(../images/x-pattern-bg-1-2.webp); background-position: center right calc((100% - 690px) / 2); background-size: auto 100%; } @media (max-width: 1199px) { .single-customers .single-page::before { background-position: center right calc((100% - 690px) / 2); } } @media (max-width: 767px) { .single-customers .single-page::before { background-image: url(../images/bg-customer-mobile.webp); background-position: center; } } .single-customers .single-page .sp-logo { position: relative; z-index: 9; } .single-customers .single-page .sp-btn-wrap { margin-top: 1.69rem; gap: 0.63rem 1.63rem; overflow: hidden; } .single-customers .single-page .sp-heading .breadcrumbs { margin-bottom: 40px; } .single-resources .thank-you-content .pdb-gated-form .thank-you { max-width: 100%; } .single-resources .thank-you-content .pdb-gated-form .thank-you-additional-asset { margin-top: 1.25rem; } .single-resources .thank-you-content .pdb-gated-form .thank-you-note { font-size: 14px; color: #707070; } .single-resources .thank-you-content .pdb-gated-form .thank-you-note a { color: #707070; } .single-resources .thank-you-content .pdb-gated-form .thank-you hr { border-color: #707070; } .single-resources .thank-you-content .pdb-gated-form .thank-you .btn { width: auto; } .single-resources .thank-you-content .swiper-wrapper { height: auto; } img.animated { opacity: 0; } img.animated.aos-animate { opacity: 1; transition: opacity 0.4s ease; } @media (max-width: 767px) { .partner-listing-section .pagination { margin-top: 0.94rem; } } @media (max-width: 991px) { .partner-listing-section .pls-left { margin-bottom: 2rem; } } .partner-listing-section .pls-result-wrap { margin-bottom: 1rem; } @media (min-width: 992px) { .partner-listing-section .pls-result-wrap { order: -1; } } .partner-listing-section .pls-result-wrap .result-show { color: rgba(28, 31, 42, 0.7); } .partner-listing-section .pls-result-wrap .pls-result-inner { margin-left: auto; } @media (max-width: 991px) { .partner-listing-section .pls-item-grid { margin-right: -0.62rem; margin-left: -0.62rem; } .partner-listing-section .pls-item-grid [class*='cell-'] { padding-left: 0.63rem; padding-right: 0.63rem; } } @media (max-width: 767px) { .partner-listing-section .pls-item-grid { margin-right: -0.5rem; margin-left: -0.5rem; } .partner-listing-section .pls-item-grid [class*='cell-'] { padding-left: 0.5rem; padding-right: 0.5rem; } } .partner-listing-section .pls-item-col { margin-bottom: 2rem; } @media (max-width: 991px) { .partner-listing-section .pls-item-col { margin-bottom: 1.25rem; } } @media (max-width: 767px) { .partner-listing-section .pls-item-col { margin-bottom: 1rem; } } .partner-listing-section .pls-col-box { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; aspect-ratio: 265/178; background-color: #fff; border: 1px solid #d9d9d6; box-shadow: 0 4px 16px rgba(8, 29, 77, 0.1); border-radius: 0.94rem; } .partner-listing-section .pls-col-box img { position: absolute; padding: 1.25rem; max-width: 100%; max-height: 100%; object-fit: contain; } .partner-listing-section .pls-filter-item.visually-hidden { display: none; } .no-result { font-weight: 700; } .customer-listing-section { margin-top: 3.44rem; margin-bottom: 4.5rem; overflow: hidden; } @media (max-width: 991px) { .customer-listing-section { margin-bottom: 3.44rem; } } .customer-listing-section .cls-type-title .h6 { font-weight: 600; } .customer-listing-section .cls-row { margin-right: -1rem; margin-left: -1rem; } .customer-listing-section .cls-row [class*='cell-'] { padding-left: 1rem; padding-right: 1rem; } .customer-listing-section .cls-result-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin-bottom: 1rem; row-gap: 0.63rem; } @media (max-width: 991px) { .customer-listing-section .cls-result-wrap { margin-bottom: 1.88rem; } } @media (min-width: 992px) { .customer-listing-section .cls-result-wrap { order: -1; } } .customer-listing-section .cls-result-wrap .cls-filter-order { margin-left: 0.38rem; } @media (max-width: 575px) { .customer-listing-section .cls-result-wrap .cls-filter-order { margin-left: 0; } } @media (max-width: 991px) { .customer-listing-section .cls-result-wrap .cls-filter-order .filter-order { padding-left: 0; } } .customer-listing-section .cls-result-wrap .result-show { color: rgba(28, 31, 42, 0.7); } @media (max-width: 575px) { .customer-listing-section .cls-result-wrap .result-show { text-align: center; margin-right: 0.32rem; } } .customer-listing-section .cls-result-inner { padding: 0; margin-left: auto; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; padding-left: 0.38rem; } @media (max-width: 575px) { .customer-listing-section .cls-result-inner { width: 100%; align-items: center; } } .customer-listing-section .cls-result-inner:has(.filter-list) { display: block; } .customer-listing-section .cls-result-inner .cls-result-right { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } @media (max-width: 575px) { .customer-listing-section .cls-result-inner .cls-result-right { width: 100%; justify-content: center; } } .customer-listing-section .cls-result-inner .cls-result-left { flex: 1; } @media (max-width: 991px) { .customer-listing-section .cls-result-inner .cls-result-left { width: 100%; margin-bottom: 1.57rem; } } .customer-listing-section .cls-quick-filter h5 { margin-bottom: 5px; font-weight: 700; } @media (max-width: 767px) { .customer-listing-section .cls-quick-filter h5 { margin-bottom: 0.63rem; } } @media (max-width: 991px) { .customer-listing-section .cls-left { margin-bottom: 1.88rem; } } .customer-listing-section .cls-item-row { margin-right: -1rem; margin-left: -1rem; } .customer-listing-section .cls-item-row [class*='cell-'] { padding-left: 1rem; padding-right: 1rem; } .customer-listing-section .cls-item-col { margin-bottom: 2rem; } .customer-listing-section .cls-row.default-post-list .cls-result-wrap, .customer-listing-section .cls-row.event-post-list .cls-result-wrap { margin-bottom: 2.5rem; } @media (max-width: 767px) { .customer-listing-section .cls-row.default-post-list .cls-result-wrap, .customer-listing-section .cls-row.event-post-list .cls-result-wrap { margin-bottom: 3.44rem; } } @media (max-width: 575px) { .customer-listing-section .cls-row.default-post-list .cls-col-box, .customer-listing-section .cls-row.event-post-list .cls-col-box { max-width: 20.38rem; } } .customer-listing-section .cls-row.default-post-list .cls-feat-img, .customer-listing-section .cls-row.event-post-list .cls-feat-img { padding-top: 56.25%; border-radius: 1.07rem 1.07rem 0 0; } .customer-listing-section .cls-row.default-post-list .cls-feat-img::after, .customer-listing-section .cls-row.event-post-list .cls-feat-img::after { display: none; } .customer-listing-section .cls-row.default-post-list .cls-feat-img img, .customer-listing-section .cls-row.event-post-list .cls-feat-img img { border-radius: inherit; } .customer-listing-section .cls-row.default-post-list .cls-type, .customer-listing-section .cls-row.event-post-list .cls-type { display: block; margin-bottom: 0.5rem; font-size: 0.75rem; font-weight: 600; } .customer-listing-section .cls-row.default-post-list .cls-topic, .customer-listing-section .cls-row.event-post-list .cls-topic { margin-top: 0.63rem; display: block; font-size: 0.75rem; color: #081d4d; } .customer-listing-section .cls-row.default-post-list .cls-content, .customer-listing-section .cls-row.event-post-list .cls-content { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; flex: 1; word-break: break-word; } .customer-listing-section .cls-row.default-post-list .cls-content .h5, .customer-listing-section .cls-row.event-post-list .cls-content .h5 { font-weight: 600; } .customer-listing-section .cls-row.default-post-list .event-location, .customer-listing-section .cls-row.event-post-list .event-location { position: absolute; top: 1.5rem; left: 1.5rem; display: inline-block; padding: 0.44rem 0.63rem; border-radius: 4px; text-transform: uppercase; line-height: 1; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1px; background: linear-gradient(270deg, #1565c0 0, #b5a4fc 100%); text-shadow: 0 1px 3px #081d4d; } .customer-listing-section .cls-row.default-post-list .cls-datetime, .customer-listing-section .cls-row.event-post-list .cls-datetime { margin-top: 3.69rem; display: block; color: #081d4d; font-size: 0.75rem; } .customer-listing-section .cls-row.default-post-list .cls-datetime .cls-date, .customer-listing-section .cls-row.event-post-list .cls-datetime .cls-date { font-weight: 700; } .customer-listing-section .cls-col-box { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; min-height: 16.57rem; height: 100%; background-color: #f4f4f4; border-radius: 0.94rem; overflow: hidden; } @media (max-width: 575px) { .customer-listing-section .cls-col-box { max-width: 16.57rem; margin: 0 auto; } } .customer-listing-section .cls-col-box:hover { text-decoration: none; } .customer-listing-section .cls-col-box:hover .cls-feat-img { opacity: 0; transition: 0.4s ease-in 0.2s; } .customer-listing-section .cls-col-box:hover .cls-hover-content { transform: translateY(0); opacity: 1; } .customer-listing-section .cls-img-wrap { position: relative; width: 100%; } .customer-listing-section .cls-img-wrap .cls-feat-img { position: relative; padding-top: 56.25%; } .customer-listing-section .cls-img-wrap .cls-feat-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .customer-listing-section .cls-img-wrap .cls-feat-img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(8, 29, 77, 0.4); pointer-events: none; } .customer-listing-section .cls-img-wrap .cls-logo { position: absolute; top: 0; left: 0; padding: 1rem; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 0; } .customer-listing-section .cls-img-wrap .cls-logo img { max-height: 5.82rem; } .customer-listing-section .cls-content { padding: 1.5rem; flex: 1; } .customer-listing-section .cls-content .cls-tag { display: block; color: #1565c0; font-size: 0.75rem; font-weight: 600; } .customer-listing-section .cls-content .h5 { margin-bottom: 0; font-weight: 700; } .customer-listing-section .cls-hover-content { position: absolute; top: 0; left: 0; padding: 2rem 1.5rem; width: 100%; height: 100%; opacity: 0; background-color: #f4f4f4; transform: translateY(100%); transition: all 0.4s ease 0s; } @media (max-width: 991px) { .customer-listing-section .cls-hover-content { padding: 1.88rem 1.25rem; } } .customer-listing-section .cls-hover-content .h6 { margin-bottom: 1rem; font-weight: 600; } .customer-listing-section .cls-hover-content p { color: #081d4d; font-size: 0.88rem; } .customer-listing-section .cls-hover-content .btn-link { color: #1565c0; } .customer-listing-section .cls-hover-content .btn-link:hover { color: #081d4d; } .newsroom-hero { --padding-top: 5.88rem; position: relative; background-color: #081d4d; padding-top: calc(var(--padding-top) + 1.25rem); overflow: hidden; } @media (max-width: 991px) { .newsroom-hero { padding-bottom: 3.13rem; } } .newsroom-hero .nh-wrap { position: relative; } .newsroom-hero .nh-wrap::before { content: ''; position: absolute; top: 50%; right: -44%; width: 77.38rem; height: 77.38rem; background-image: url(../images/listing-hero-bg.svg); background-position: right; background-repeat: no-repeat; background-size: cover; pointer-events: none; opacity: 5%; transform: translateY(-50%); } @media (max-width: 991px) { .newsroom-hero .nh-wrap::before { right: -63%; } } @media (max-width: 767px) { .newsroom-hero .nh-wrap::before { right: auto; left: 50%; transform: translate(-50%, -40%); } } .newsroom-hero .nh-wrapper { position: relative; display: block; width: 100%; height: 100%; background: #f4f4f4; border-radius: 0.63rem; text-decoration: none; overflow: hidden; } .newsroom-hero .nh-wrapper:hover .nh-img-wrap img { transform: scale(1.1); } .newsroom-hero .nh-slider { position: relative; max-width: 22.75rem; margin-left: auto; } .newsroom-hero .nh-slider .newsroom-hero-slider { overflow: hidden; border-radius: 0.63rem; } .newsroom-hero .nh-slider .newsroom-hero-slider .swiper-slide { height: auto; } @media (max-width: 767px) { .newsroom-hero .nh-slider { margin-top: 2.5rem; margin-right: auto; } } .newsroom-hero .nh-slider .nh-pagination { margin-top: 1.5rem; } @media (max-width: 991px) { .newsroom-hero .nh-slider .nh-pagination { margin-top: 3.57rem; } } @media (max-width: 991px) { .newsroom-hero .nh-slider .nh-arrows { display: flex; align-items: center; justify-content: center; margin-top: 2.5rem; } } @media (max-width: 991px) { .newsroom-hero .nh-slider .nh-button-next, .newsroom-hero .nh-slider .nh-button-prev { position: static; top: 0; margin: 0 1.25rem; } } @media (min-width: 992px) { .newsroom-hero .nh-slider .nh-button-prev { left: -2.37rem; } } @media (min-width: 1400px) { .newsroom-hero .nh-slider .nh-button-prev { left: -2.87rem; } } @media (min-width: 992px) { .newsroom-hero .nh-slider .nh-button-next { right: -2.37rem; } } @media (min-width: 1400px) { .newsroom-hero .nh-slider .nh-button-next { right: -2.87rem; } } .newsroom-hero .nh-img-wrap { position: relative; padding-top: 56.25%; overflow: hidden; } .newsroom-hero .nh-img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .newsroom-hero .nh-img-wrap img { transition: transform 0.4s ease 0s; } .newsroom-hero .nh-feature-tag { position: absolute; left: 1.57rem; top: 1.25rem; display: inline-block; padding: 0.44rem 0.63rem; border-radius: 4px; text-transform: uppercase; line-height: 1; color: #fff; font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; background: linear-gradient(270deg, #1565c0 0, #b5a4fc 100%); box-shadow: 0 0.07rem 0.19rem 0 #081d4d; } .newsroom-hero .nh-content-block { padding: 1.5rem; } .newsroom-hero .nh-content-block h6 { margin-bottom: 0; font-weight: 500; } .newsroom-hero .nh-content-block span { display: block; margin-bottom: 6px; font-size: 0.75rem; color: #1565c0; font-weight: 600; } .newsroom-hero .nh-content-block .cls-datetime { margin-top: 2.82rem; display: block; font-size: 0.75rem; } @media (max-width: 991px) { .newsroom-hero .nh-content-block .cls-datetime { margin-top: 1.57rem; } } .newsroom-hero .nh-content-block .cls-datetime .cls-date { font-weight: 700; } .newsroom-hero .nh-content-block .cls-datetime span { margin: 0; display: inline-block; color: #081d4d !important; } .newsroom-hero .nh-breadcrumbs span { color: #fff; } .newsroom-hero .nh-title h1 { margin-bottom: 2rem; } @media (max-width: 991px) { .newsroom-hero .nh-title h1 { margin-bottom: 1.13rem; } } .newsroom-listing { margin: 0.94rem 0 4.5rem; } @media (max-width: 991px) { .newsroom-listing { margin-bottom: 3.44rem; } } .newsroom-listing .post-detail-block .pdb-form-wrap { box-shadow: none; } .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm { padding: 0 !important; width: 100% !important; } .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm .mktoFieldWrap:has(.mktoError) .mktoField { border-color: #b22234 !important; } .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm .mktoFieldWrap:has(.mktoError) .mktoField::-webkit-input-placeholder { color: #b22234 !important; } .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm .mktoFieldWrap:has(.mktoError) .mktoField:-moz-placeholder { color: #b22234 !important; } .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm .mktoFieldWrap:has(.mktoError) .mktoField::-moz-placeholder { color: #b22234 !important; } .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm .mktoFieldWrap:has(.mktoError) .mktoField:-ms-input-placeholder { color: #b22234 !important; } @media (max-width: 767px) { .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm .mktoFormRow { justify-content: center; } } .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm .mktoFormCol, .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm .mktoHtmlText { width: auto !important; } .newsroom-listing .post-detail-block .pdb-form-wrap .mktoForm .mktoError { display: none !important; } .newsroom-listing .nl-main-wrap { position: relative; display: flex; align-items: flex-start; gap: 2.94rem; } @media (max-width: 767px) { .newsroom-listing .nl-main-wrap { flex-direction: column-reverse; gap: 0; } } @media (max-width: 767px) { .newsroom-listing .nl-title-wrap { margin-top: 2rem; } } .newsroom-listing .nl-right .no-result { margin-top: 1.25rem; text-align: left; } .newsroom-listing .nl-right .pagination { margin: 4rem 0 0 !important; } .newsroom-listing .nl-wrap { position: sticky; top: 4.88rem; width: 100%; max-width: 16.57rem; z-index: 1; padding-top: 2.5rem; padding-bottom: 1.25rem; } @media (max-width: 767px) { .newsroom-listing .nl-wrap { position: unset; max-width: 100%; padding-top: 0; margin-top: 2.82rem; } } .newsroom-listing .nl-filter-order select.filter-order { width: 8.75rem; color: rgba(28, 31, 42, 0.7) !important; background-image: url(../images/down-arrow.svg); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075); overflow: hidden; text-overflow: ellipsis; } .newsroom-listing .nl-total-result { display: flex; align-items: center; margin-top: 0.63rem; } @media (max-width: 767px) { .newsroom-listing .nl-total-result { justify-content: center; margin-top: 1.25rem; } } .newsroom-listing .nl-total-result span { color: rgba(28, 31, 42, 0.7); } .newsroom-listing .nl-detail-content { width: 100%; padding-top: 2.5rem; } .newsroom-listing .nl-sidebar { padding: 0 2rem 2rem; box-shadow: 0 0.25rem 1rem 0.5rem rgba(8, 29, 77, 0.1); text-align: center; word-break: break-word; } .newsroom-listing .nl-filter h5 { display: block; margin-bottom: 0.63rem; font-weight: 700; margin-bottom: 0; } @media (max-width: 767px) { .newsroom-listing .nl-filter h5 { margin-bottom: 0.63rem; text-align: center; } } @media (max-width: 767px) { .newsroom-listing .nl-filter .filter-radio-option { display: block; } } @media (max-width: 767px) { .newsroom-listing .nl-filter .filter-radio-option li { text-align: center; margin-bottom: 0.63rem; } } .newsroom-listing .nl-top-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; } @media (max-width: 1199px) { .newsroom-listing .nl-top-wrap { display: block; } } .newsroom-listing .nl-content-img { display: flex; gap: 1.5rem; padding-bottom: 3rem; margin-top: 3rem; border-bottom: 1px solid rgba(28, 31, 42, 0.3); } @media (max-width: 991px) { .newsroom-listing .nl-content-img { display: block; } } @media (max-width: 767px) { .newsroom-listing .nl-content-img { margin-top: 1.88rem; } } .newsroom-listing .nl-img { width: 100%; max-width: 16.57rem; } @media (max-width: 767px) { .newsroom-listing .nl-img { max-width: 100%; } } .newsroom-listing .nl-img img { width: 100%; height: 100%; max-height: 11.07rem; object-fit: cover; } @media (max-width: 767px) { .newsroom-listing .nl-img img { max-height: 100%; } } .newsroom-listing .nl-heading-sidebar { padding-bottom: 2rem; text-align: center; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(92.87deg, #1565c0 0, #96eaaa 100%); } .newsroom-listing .nl-heading-sidebar h5 { font-weight: 600; } .newsroom-listing .nl-heading-sidebar { padding-top: 2rem; } .newsroom-listing .nl-heading-sidebar a { font-weight: 600; padding: 0.69rem 1.25rem; } .newsroom-listing .nl-content { margin-top: 2rem; } .newsroom-listing .nl-content a { font-weight: 500; } .newsroom-listing .nl-form-title { margin-top: 2rem; } .newsroom-listing .nl-form-title h5 { font-weight: 600; } .newsroom-listing .nl-form-title .post-detail-block { padding: 0; } .newsroom-listing .nl-form-title .post-detail-block .pdb-form-wrap .mktoFormRow:nth-child(2) .mktoFormCol { width: auto !important; } .newsroom-listing .nl-form-title .post-detail-block .pdb-form-wrap .mktoFieldWrap input::placeholder { color: #707070; font-size: 0.82rem; } .newsroom-listing .nl-tag-date { display: flex; align-items: center; margin-bottom: 1rem; } .newsroom-listing .nl-tag { color: #1565c0; font-size: 0.75rem; font-weight: 600; margin-right: 1rem; } .newsroom-listing .nl-date { color: #1c1f2a; font-size: 0.75rem; font-weight: 400; } .newsroom-listing .nl-heading h4 { margin-bottom: 1.5rem; font-weight: 500; } .newsroom-listing .nl-heading p { color: #081d4d; opacity: 70%; } .newsroom-listing .nl-heading .post-publication { display: block; color: #081d4d; font-style: italic; } .home-hero:has(.hh-bottom), .persona-tabs:has(.hh-bottom) { padding-bottom: 1.25rem; } @media (min-width: 768px) { .home-hero:has(.bg-animation).aos-animate .hh-heading .heading, .persona-tabs:has(.bg-animation).aos-animate .hh-heading .heading { transition-delay: 1.4s; } .home-hero:has(.bg-animation).aos-animate .hh-heading .desc, .persona-tabs:has(.bg-animation).aos-animate .hh-heading .desc { transition-delay: 1.7s; } .home-hero:has(.bg-animation).aos-animate .hh-heading .btn-wrap, .persona-tabs:has(.bg-animation).aos-animate .hh-heading .btn-wrap { transition-delay: 2.2s; } .home-hero:has(.bg-animation).aos-animate .home-promo, .persona-tabs:has(.bg-animation).aos-animate .home-promo { transition: all 1s ease 2.9s !important; } .home-hero.aos-animate .hh-heading .btn-wrap, .home-hero.aos-animate .hh-heading .desc, .home-hero.aos-animate .hh-heading .heading, .persona-tabs.aos-animate .hh-heading .btn-wrap, .persona-tabs.aos-animate .hh-heading .desc, .persona-tabs.aos-animate .hh-heading .heading { opacity: 1; transform: translateZ(0); } .home-hero.aos-animate .hh-heading .desc, .persona-tabs.aos-animate .hh-heading .desc { transition-delay: 0.3s; } .home-hero.aos-animate .hh-heading .btn-wrap, .persona-tabs.aos-animate .hh-heading .btn-wrap { transition-delay: 0.8s; } .home-hero.aos-animate .home-promo, .persona-tabs.aos-animate .home-promo { opacity: 1; transform: translateZ(0); } } .home-hero .hh-heading .btn-wrap, .home-hero .hh-heading .desc, .home-hero .hh-heading .heading, .persona-tabs .hh-heading .btn-wrap, .persona-tabs .hh-heading .desc, .persona-tabs .hh-heading .heading { transition: all 1s ease 0s; } @media (min-width: 768px) { .home-hero .hh-heading .btn-wrap, .home-hero .hh-heading .desc, .home-hero .hh-heading .heading, .persona-tabs .hh-heading .btn-wrap, .persona-tabs .hh-heading .desc, .persona-tabs .hh-heading .heading { opacity: 0; transform: translateY(30px); } } @media (min-width: 768px) { .home-hero .home-promo, .persona-tabs .home-promo { opacity: 0; transform: translateY(50px); transition: all 1s ease 1.2s !important; } } .home-hero .hh-top, .persona-tabs .hh-top { --padding-top: 5.94rem; position: relative; display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: calc(var(--padding-top) + 1.88rem) 0 7.5rem; overflow: hidden; } @media (max-width: 991px) { .home-hero .hh-top, .persona-tabs .hh-top { padding-bottom: 5.5rem; } } .home-hero .bg-animation, .persona-tabs .bg-animation { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; background-image: url(../images/Coupa_Hero_Fallback_image.webp); background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: overlay; } .home-hero .bg-animation img, .home-hero .bg-animation video, .persona-tabs .bg-animation img, .persona-tabs .bg-animation video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .home-hero .bg-animation video, .persona-tabs .bg-animation video { transition: opacity 0.3s ease 0s; } .home-hero .bg-animation video.video-first, .persona-tabs .bg-animation video.video-first { z-index: 1; } .home-hero .bg-animation video.video-end, .persona-tabs .bg-animation video.video-end { opacity: 0; } .home-hero .hh-wrap, .persona-tabs .hh-wrap { text-align: center; position: relative; } .home-hero .hh-heading .heading, .persona-tabs .hh-heading .heading { color: #fff; margin-bottom: 1.88rem; font-size: 4.25rem; } @media (max-width: 1199px) { .home-hero .hh-heading .heading, .persona-tabs .hh-heading .heading { font-size: 3.63rem; } } @media (max-width: 767px) { .home-hero .hh-heading .heading, .persona-tabs .hh-heading .heading { font-size: 2.88rem; } } .home-hero .hh-heading .heading span, .persona-tabs .hh-heading .heading span { font-weight: 600; } .home-hero .hh-heading .heading sup, .persona-tabs .hh-heading .heading sup { top: -2.18rem; left: 0.25rem; font-size: 1.19rem; font-weight: 600; letter-spacing: 0.0025em; } @media (max-width: 991px) { .home-hero .hh-heading .heading sup, .persona-tabs .hh-heading .heading sup { top: -1.37rem; left: 0.25rem; font-size: 0.88rem; } } .home-hero .hh-heading .desc, .persona-tabs .hh-heading .desc { max-width: 45.63rem; margin: 0 auto; } .home-hero .hh-heading p, .persona-tabs .hh-heading p { color: #fff; margin-bottom: 2.63rem; font-size: 1.63rem; } .home-hero .hh-bottom, .persona-tabs .hh-bottom { position: relative; transition: all 1.2s ease 0s !important; transform: translateY(98px); } @media (max-width: 1199px) { .home-hero .hh-bottom, .persona-tabs .hh-bottom { margin-top: -4.06rem; } } @media (max-width: 991px) { .home-hero .hh-bottom, .persona-tabs .hh-bottom { margin-top: -2.81rem; } } @media (max-width: 575px) { .home-hero .hh-bottom, .persona-tabs .hh-bottom { margin-top: 0; } } @media (min-width: 768px) { .home-hero .hh-bottom, .persona-tabs .hh-bottom { margin-top: -6.12rem; } } .home-hero .hh-bottom.aos-animate, .persona-tabs .hh-bottom.aos-animate { transform: translateY(0); } .home-hero .hh-bottom-wrap, .persona-tabs .hh-bottom-wrap { background-color: #fff; border-radius: 1rem; } @media (min-width: 576px) { .home-hero .hh-bottom-wrap, .persona-tabs .hh-bottom-wrap { padding: 1.57rem 1.57rem 3rem; border-radius: 1.25rem; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); } } @media (max-width: 575px) { .home-hero .hh-bottom-wrap, .persona-tabs .hh-bottom-wrap { margin: 1.57rem 0 2.75rem; } } .home-hero .hh-content-wrap, .home-hero .hh-tab-list, .persona-tabs .hh-content-wrap, .persona-tabs .hh-tab-list { overflow: hidden; } .home-hero .hh-content, .persona-tabs .hh-content { opacity: 0 !important; } .home-hero .hh-content.swiper-slide-active, .persona-tabs .hh-content.swiper-slide-active { opacity: 1 !important; } .home-hero .hh-content.swiper-slide-active .hhc-row, .persona-tabs .hh-content.swiper-slide-active .hhc-row { transform: translateZ(0); } .home-hero .hh-content .hhc-row, .persona-tabs .hh-content .hhc-row { transform: translateX(-30px); transition: transform 0.6s ease 0s; } @media (max-width: 991px) { .home-hero .hh-content .hhc-row, .persona-tabs .hh-content .hhc-row { flex-direction: column-reverse; } } @media (max-width: 991px) { .home-hero .hh-content .hhc-left, .persona-tabs .hh-content .hhc-left { margin-top: 2.5rem; } } .home-hero .hh-content .hhc-img, .persona-tabs .hh-content .hhc-img { position: relative; border-radius: 0.63rem; overflow: hidden; /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); */ } .home-hero .hh-content .hhc-img img, .persona-tabs .hh-content .hhc-img img { width: 100%; } .home-hero .hh-content .hhc-img:has(.expand-img) .expand-img, .persona-tabs .hh-content .hhc-img:has(.expand-img) .expand-img { position: absolute; right: 0; bottom: 0; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 3.13rem; height: 3.13rem; color: #1565c0; font-size: 1.88rem; cursor: pointer; transition: 0.4s ease 0s; } .home-hero .hh-content .hhc-img:has(.expand-img) .expand-img:hover, .persona-tabs .hh-content .hhc-img:has(.expand-img) .expand-img:hover { color: #96eaaa; } .home-hero .hh-content .hhc-img .fwm-play, .persona-tabs .hh-content .hhc-img .fwm-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-decoration: none; } .home-hero .hh-content .hhc-img-wrap, .persona-tabs .hh-content .hhc-img-wrap { padding: 0.63rem; width: 100%; } @media (max-width: 991px) { .home-hero .hh-content .hhc-img-wrap, .persona-tabs .hh-content .hhc-img-wrap { padding: 0.63rem; } } .home-hero .hh-content .hhc-desc, .persona-tabs .hh-content .hhc-desc { padding: 0 0.88rem; } @media (max-width: 767px) { .home-hero .hh-content .hhc-desc, .persona-tabs .hh-content .hhc-desc { padding: 0 0.63rem; } } .home-hero .hh-content .hhc-desc .btn-wrap, .persona-tabs .hh-content .hhc-desc .btn-wrap { margin-top: 1.25rem; } .home-hero .hh-content .hhc-desc .desc h3, .persona-tabs .hh-content .hhc-desc .desc h3 { font-weight: 300; } .home-hero .hh-content-wrap, .persona-tabs .hh-content-wrap { max-width: 65.63rem; margin: 0 auto; } .home-hero .hh-tab-list, .persona-tabs .hh-tab-list { margin-bottom: 2.75rem; position: relative; } .home-hero .hh-tab-list:not(.swiper-initialized) .swiper-wrapper, .persona-tabs .hh-tab-list:not(.swiper-initialized) .swiper-wrapper { gap: 3.13rem; } .home-hero .hh-tab-list:not(.swiper-initialized) .hh-tab-link, .persona-tabs .hh-tab-list:not(.swiper-initialized) .hh-tab-link { flex: 1 1 33.33%; } @media (max-width: 575px) { .home-hero .hh-tab-list, .persona-tabs .hh-tab-list { border-radius: 0.63rem; background-color: #081d4d; } } @media (min-width: 992px) { .home-hero .hh-tab-list .swiper-wrapper._three, .persona-tabs .hh-tab-list .swiper-wrapper._three { justify-content: center; } } @media (min-width: 768px) { .home-hero .hh-tab-list .swiper-wrapper._two, .persona-tabs .hh-tab-list .swiper-wrapper._two { justify-content: center; } } @media (min-width: 576px) { .home-hero .hh-tab-list .swiper-wrapper._one, .persona-tabs .hh-tab-list .swiper-wrapper._one { justify-content: center; } } .home-hero .hh-tab-list .hh-button-next, .home-hero .hh-tab-list .hh-button-prev, .persona-tabs .hh-tab-list .hh-button-next, .persona-tabs .hh-tab-list .hh-button-prev { width: auto; color: #fff; background-color: transparent; } .home-hero .hh-tab-list .hh-button-next::after, .home-hero .hh-tab-list .hh-button-prev::after, .persona-tabs .hh-tab-list .hh-button-next::after, .persona-tabs .hh-tab-list .hh-button-prev::after { font-size: 0.94rem; } @media (min-width: 576px) { .home-hero .hh-tab-list .hh-button-next, .home-hero .hh-tab-list .hh-button-prev, .persona-tabs .hh-tab-list .hh-button-next, .persona-tabs .hh-tab-list .hh-button-prev { display: none; } } .home-hero .hh-tab-link, .persona-tabs .hh-tab-link { padding: 0.75rem; border: 0; width: auto; text-align: center; background-color: transparent; transition: background-color 0.3s ease 0s; cursor: pointer; } @media (min-width: 576px) { .home-hero .hh-tab-link, .persona-tabs .hh-tab-link { border-radius: 0.63rem; background-color: rgba(8, 29, 77, 0.1); } .home-hero .hh-tab-link.swiper-slide-thumb-active, .home-hero .hh-tab-link:hover, .persona-tabs .hh-tab-link.swiper-slide-thumb-active, .persona-tabs .hh-tab-link:hover { background-color: #081d4d; } .home-hero .hh-tab-link.swiper-slide-thumb-active h2, .home-hero .hh-tab-link:hover h2, .persona-tabs .hh-tab-link.swiper-slide-thumb-active h2, .persona-tabs .hh-tab-link:hover h2 { color: #fff; } } .home-hero .hh-tab-link h2, .persona-tabs .hh-tab-link h2 { font-size: 1.57rem; font-weight: 500; margin: 0; transition: color 0.3s ease 0s; } @media (max-width: 575px) { .home-hero .hh-tab-link h2, .persona-tabs .hh-tab-link h2 { color: #fff; } } .home-hero .home-promo, .persona-tabs .home-promo { position: relative; width: 100%; max-width: 47.5rem; margin: 0 auto; margin-top: 6.25rem; transition: all 1s ease 1.2s !important; } @media (max-width: 991px) { .home-hero .home-promo, .persona-tabs .home-promo { margin-top: 5rem; } } @media (min-width: 768px) { .home-hero .home-promo, .persona-tabs .home-promo { opacity: 0; transform: translateY(50px); } .home-hero .home-promo.aos-animate, .persona-tabs .home-promo.aos-animate { opacity: 1; transform: translateY(0); } } .home-hero .home-promo .hp-grid-wrap, .persona-tabs .home-promo .hp-grid-wrap { border-radius: 0.63rem; overflow: hidden; } .home-hero .home-promo .hp-heading-wrap, .persona-tabs .home-promo .hp-heading-wrap { position: relative; padding: 1.94rem 2.44rem 1.32rem; background-image: linear-gradient(270deg, rgba(8, 29, 77, 0) 0, #081d4d 48%); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 0.63rem; z-index: 1; } @media (max-width: 767px) { .home-hero .home-promo .hp-heading-wrap, .persona-tabs .home-promo .hp-heading-wrap { padding: 1.25rem 0.94rem 4rem; background-image: linear-gradient(0deg, rgba(8, 29, 77, 0) 0, #081d4d 65%); } } @media (max-width: 767px) { .home-hero .home-promo .hp-img._desktop, .persona-tabs .home-promo .hp-img._desktop { display: none; } } @media (min-width: 768px) { .home-hero .home-promo .hp-img._mobile, .persona-tabs .home-promo .hp-img._mobile { display: none; } } .home-hero .home-promo .hp-img img, .persona-tabs .home-promo .hp-img img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; max-width: 23.13rem; object-fit: cover; object-position: top; } @media (max-width: 767px) { .home-hero .home-promo .hp-img img, .persona-tabs .home-promo .hp-img img { top: auto; bottom: 0; height: 65%; max-width: 100%; } } .home-hero .home-promo .hp-heading, .persona-tabs .home-promo .hp-heading { width: 100%; max-width: 21.44rem; } .home-hero .home-promo .hp-heading h5, .persona-tabs .home-promo .hp-heading h5 { font-weight: 400; } .home-hero .home-promo .hp-heading .btn:hover, .persona-tabs .home-promo .hp-heading .btn:hover { color: #96eaaa; } .home-hero .home-promo .hp-heading .btn.-style2, .persona-tabs .home-promo .hp-heading .btn.-style2 { padding: 0; background-color: transparent; color: #fff; border: 0; } .home-hero .home-promo .hp-heading .btn.-style2:hover, .persona-tabs .home-promo .hp-heading .btn.-style2:hover { color: #96eaaa; } .home-hero .home-promo .hp-heading .btn-link, .persona-tabs .home-promo .hp-heading .btn-link { color: #fff; } .home-hero .home-promo .hp-heading .btn-link:hover, .persona-tabs .home-promo .hp-heading .btn-link:hover { color: #96eaaa; } .home-hero .home-promo .hp-content, .persona-tabs .home-promo .hp-content { overflow: hidden; } .home-hero .home-promo .hp-content-wrap, .persona-tabs .home-promo .hp-content-wrap { position: relative; padding: 0 2.5rem; } @media (max-width: 767px) { .home-hero .home-promo .hp-content-wrap, .persona-tabs .home-promo .hp-content-wrap { padding: 0 0.94rem; } } .home-hero .home-promo .hp-content-wrap .hp-button-next, .home-hero .home-promo .hp-content-wrap .hp-button-prev, .persona-tabs .home-promo .hp-content-wrap .hp-button-next, .persona-tabs .home-promo .hp-content-wrap .hp-button-prev { padding: 0; width: auto; color: rgba(255, 255, 255, 0.5); background-color: transparent; } .home-hero .home-promo .hp-content-wrap .hp-button-next:hover, .home-hero .home-promo .hp-content-wrap .hp-button-prev:hover, .persona-tabs .home-promo .hp-content-wrap .hp-button-next:hover, .persona-tabs .home-promo .hp-content-wrap .hp-button-prev:hover { color: #fff; } .home-hero .home-promo .hp-content-wrap .hp-button-next::after, .home-hero .home-promo .hp-content-wrap .hp-button-prev::after, .persona-tabs .home-promo .hp-content-wrap .hp-button-next::after, .persona-tabs .home-promo .hp-content-wrap .hp-button-prev::after { font-size: 1.5rem; } .home-hero .home-promo .hp-content-wrap .hp-button-prev, .persona-tabs .home-promo .hp-content-wrap .hp-button-prev { left: 0; } @media (max-width: 991px) { .home-hero .home-promo .hp-content-wrap .hp-button-prev, .persona-tabs .home-promo .hp-content-wrap .hp-button-prev { left: -1rem; } } .home-hero .home-promo .hp-content-wrap .hp-button-next, .persona-tabs .home-promo .hp-content-wrap .hp-button-next { right: 0; } @media (max-width: 991px) { .home-hero .home-promo .hp-content-wrap .hp-button-next, .persona-tabs .home-promo .hp-content-wrap .hp-button-next { right: -1rem; } } .home-hero.v2 .container, .persona-tabs.v2 .container { position: relative; } .home-hero.v2 .hh-top, .persona-tabs.v2 .hh-top { min-height: auto; background-size: contain; background-repeat: no-repeat; background-position: 100% 5rem; padding: calc(var(--padding-top) + 0.1rem) 0 0.5rem 0; } @media (min-width: 2560px) { .home-hero.v2 .hh-top, .persona-tabs.v2 .hh-top { background-position: 80% 5rem; } } @media (max-width: 1130px) { .home-hero.v2 .hh-top, .persona-tabs.v2 .hh-top { background-position: 100% 12rem; } } @media (max-width: 991px) { .home-hero.v2 .hh-top, .persona-tabs.v2 .hh-top { background-position: center 5rem; background-size: cover; } } @media (min-width: 992px) and (max-width: 1440px) { .home-hero.v2 .hh-top, .persona-tabs.v2 .hh-top { background-position: bottom -5rem right -23rem; } } @media (max-width: 991px) { .home-hero.v2 .hh-top::before, .persona-tabs.v2 .hh-top::before { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7490196078); opacity: 1; content: ''; position: absolute; bottom: 0; } } .home-hero.v2 .hh-heading, .persona-tabs.v2 .hh-heading { position: relative; z-index: 1; } .home-hero.v2 .hh-heading .heading, .persona-tabs.v2 .hh-heading .heading { color: #081d4d; font-size: 3.13rem; transform: none; } .home-hero.v2 .hh-heading .desc, .persona-tabs.v2 .hh-heading .desc { margin: 0 0; transform: none; } .home-hero.v2 .hh-heading .desc p, .persona-tabs.v2 .hh-heading .desc p { color: #081d4d; font-size: 1.25rem; } .home-hero.v2 .hh-heading .btn-wrap, .home-hero.v2 .hh-heading .desc, .home-hero.v2 .hh-heading h1, .persona-tabs.v2 .hh-heading .btn-wrap, .persona-tabs.v2 .hh-heading .desc, .persona-tabs.v2 .hh-heading h1 { opacity: 1; } .home-hero.v2 .hh-bottom, .persona-tabs.v2 .hh-bottom { margin-top: -9.37rem; margin-top: -11rem; } .home-hero.v2 .btn-wrap, .persona-tabs.v2 .btn-wrap { transform: none; display: flex; align-items: center; } .home-hero.v2 .btn-wrap a::after, .persona-tabs.v2 .btn-wrap a::after { width: 24px !important; } .home-hero.v2 .btn-wrap .btn-link, .persona-tabs.v2 .btn-wrap .btn-link { margin-left: 1rem; color: #1565c0; } .home-hero.v2 .btn-wrap .btn-link:hover, .persona-tabs.v2 .btn-wrap .btn-link:hover { color: #081d4d; } .home-hero.v2 .home-promo, .persona-tabs.v2 .home-promo { margin-bottom: 2rem; max-width: 80%; margin-top: 6.25rem; opacity: 1; transform: translateY(0); } .home-hero.v2 .home-promo[data-aos], .persona-tabs.v2 .home-promo[data-aos] { opacity: 0; transition: all 0.4s ease 0.4s !important; } .home-hero.v2 .home-promo[data-aos].aos-animate, .persona-tabs.v2 .home-promo[data-aos].aos-animate { opacity: 1; } .home-hero.v2 .home-promo .hp-content-wrap, .persona-tabs.v2 .home-promo .hp-content-wrap { padding: 15px; overflow: visible; } .home-hero.v2 .home-promo .hp-content, .persona-tabs.v2 .home-promo .hp-content { overflow: hidden; margin: -15px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); border-radius: 1.25rem; } .home-hero.v2 .home-promo .hp-grid-wrap, .persona-tabs.v2 .home-promo .hp-grid-wrap { height: auto; padding: 0; } .home-hero.v2 .home-promo .hp-heading, .persona-tabs.v2 .home-promo .hp-heading { max-width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 3.75rem 0 2.5rem 3.75rem; } @media (max-width: 575px) { .home-hero.v2 .home-promo .hp-heading, .persona-tabs.v2 .home-promo .hp-heading { padding: 2.5rem 0 1.25rem 1.88rem; } } .home-hero.v2 .home-promo .hp-heading h2, .persona-tabs.v2 .home-promo .hp-heading h2 { color: #081d4d; } .home-hero.v2 .home-promo .hp-heading-wrap, .persona-tabs.v2 .home-promo .hp-heading-wrap { background: #fff; background-image: none; border-radius: 1.25rem; height: 100%; border: 0; padding: 0; } .home-hero.v2 .home-promo .card-content-wrapper, .persona-tabs.v2 .home-promo .card-content-wrapper { height: 100%; display: flex; flex-direction: row; align-items: center; } .home-hero.v2 .home-promo .card-text-wrapper, .persona-tabs.v2 .home-promo .card-text-wrapper { width: 62%; } @media (max-width: 575px) { .home-hero.v2 .home-promo .card-text-wrapper, .persona-tabs.v2 .home-promo .card-text-wrapper { width: 80%; } } .home-hero.v2 .home-promo .card-image-wrapper, .persona-tabs.v2 .home-promo .card-image-wrapper { position: absolute; height: 100%; right: 0; top: 0; max-width: 440px; z-index: -1; } @media (max-width: 575px) { .home-hero.v2 .home-promo .card-image-wrapper, .persona-tabs.v2 .home-promo .card-image-wrapper { right: -30%; } } .home-hero.v2 .home-promo .card-image-wrapper img, .persona-tabs.v2 .home-promo .card-image-wrapper img { object-fit: cover; height: 100%; margin-left: 1px; } .home-hero.v2 .home-promo .gradient-overlay, .persona-tabs.v2 .home-promo .gradient-overlay { width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } .home-hero.v2 .home-promo .btn-link, .persona-tabs.v2 .home-promo .btn-link { color: #1565c0; margin-top: auto; } .home-hero.v2 .home-promo .btn-link:hover, .persona-tabs.v2 .home-promo .btn-link:hover { color: #081d4d; } .home-hero.v2 .home-promo .hp-img img, .persona-tabs.v2 .home-promo .hp-img img { z-index: 1; top: initial; bottom: 0; right: 2rem; width: auto; max-height: calc(100% - 2rem); height: auto; object-fit: unset; object-position: unset; max-width: 270px; } @media (min-width: 992px) { .home-hero.v2 .home-promo .hp-img img, .persona-tabs.v2 .home-promo .hp-img img { max-width: 330px; } } .home-hero.v2 .home-promo .hp-button-next, .home-hero.v2 .home-promo .hp-button-prev, .persona-tabs.v2 .home-promo .hp-button-next, .persona-tabs.v2 .home-promo .hp-button-prev { color: #5fd6ff; } .home-hero.v2 .home-promo .hp-button-prev, .persona-tabs.v2 .home-promo .hp-button-prev { left: -2rem; } .home-hero.v2 .home-promo .hp-button-next, .persona-tabs.v2 .home-promo .hp-button-next { right: -2rem; } .home-hero.v2 .home-promo .hp-button-next, .home-hero.v2 .home-promo .hp-button-prev, .persona-tabs.v2 .home-promo .hp-button-next, .persona-tabs.v2 .home-promo .hp-button-prev { padding: 0; width: auto; color: #5fd6ff; background-color: transparent; } .home-hero.v2 .home-promo .hp-button-next:hover, .home-hero.v2 .home-promo .hp-button-prev:hover, .persona-tabs.v2 .home-promo .hp-button-next:hover, .persona-tabs.v2 .home-promo .hp-button-prev:hover { color: #fff; } .home-hero.v2 .home-promo .hp-button-next::after, .home-hero.v2 .home-promo .hp-button-prev::after, .persona-tabs.v2 .home-promo .hp-button-next::after, .persona-tabs.v2 .home-promo .hp-button-prev::after { font-size: 1.5rem; } .home-hero.v2 .home-promo .hp-button-prev, .persona-tabs.v2 .home-promo .hp-button-prev { left: -2rem; } .home-hero.v2 .home-promo .hp-button-next, .persona-tabs.v2 .home-promo .hp-button-next { right: -2rem; } .home-hero.v2 .section-background, .persona-tabs.v2 .section-background { width: 100%; height: 85%; position: absolute; z-index: -1; top: 75px; background: linear-gradient(104deg, #081d4d 32.42%, #1565c0 158.9%); } .home-hero.v2 .section-background img, .persona-tabs.v2 .section-background img { position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .home-hero.v2 .hp-bottom, .persona-tabs.v2 .hp-bottom { margin-top: -11rem; } .home-hero.v2 .hh-bottom-wrap, .persona-tabs.v2 .hh-bottom-wrap { opacity: 1; } .home-hero.v2 .hp-grid-wrap, .persona-tabs.v2 .hp-grid-wrap { padding: 1px; } @media (max-width: 575px) { .home-hero.v2 .hh-bottom-wrap, .persona-tabs.v2 .hh-bottom-wrap { border-radius: 1.25rem; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); } .home-hero.v2 .hh-bottom-wrap button::after, .persona-tabs.v2 .hh-bottom-wrap button::after { color: #081d4d; } .home-hero.v2 .hh-tab-list, .persona-tabs.v2 .hh-tab-list { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .home-hero.v2 .hh-tab-link, .persona-tabs.v2 .hh-tab-link { background-color: #e7e7ec; } .home-hero.v2 h2, .persona-tabs.v2 h2 { color: #081d4d; } .home-hero.v2 .hh-content, .persona-tabs.v2 .hh-content { padding: 0 2rem; } } .mac.chrome .campaign-landing-hero { background-color: #052057; } .mac.safari .campaign-landing-hero { background-color: #082159; } .mac.gecko .campaign-landing-hero { background-color: #032059; } .campaign-landing-hero { --padding-top: 5.94rem; position: relative; padding-top: var(--padding-top); padding-bottom: 3.13rem; overflow: hidden; } .campaign-landing-hero .cell-12 { max-width: 75%; } .campaign-landing-hero .thank-you-btn { margin-top: 1.57rem; } .campaign-landing-hero:has(.cl-row.form-success) { min-height: auto; } .campaign-landing-hero:has(.cl-row.form-success)::after { display: none; } .campaign-landing-hero:has(.cl-right) { padding-bottom: 0; margin-bottom: 2.19rem; } @media (min-width: 768px) { .campaign-landing-hero:has(.cl-right) { min-height: calc(100vh + 60px); display: flex; } } .campaign-landing-hero:has(.cl-right)::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; max-height: 3.75rem; background-color: #fff; pointer-events: none; z-index: 1; } @media (max-width: 767px) { .campaign-landing-hero:has(.cl-right)::after { max-height: 47.5rem; } } @media (max-width: 575px) { .campaign-landing-hero:has(.cl-right)::after { max-height: 52.82rem; } } .campaign-landing-hero .container { position: relative; height: auto; z-index: 2; } .campaign-landing-hero .cl-bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; } .campaign-landing-hero .cl-bg img, .campaign-landing-hero .cl-bg video { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991px) { .campaign-landing-hero .cl-bg video { display: none; } } @media (min-width: 992px) { .campaign-landing-hero .cl-bg:has(video) { top: -4%; right: -36%; width: auto; } } @media (min-width: 1600px) { .campaign-landing-hero .cl-bg:has(video) { right: -30%; } } .campaign-landing-hero .cl-bg:has(video) video { object-fit: contain; } @media (min-width: 992px) { .campaign-landing-hero .cl-bg:has(video) video + img { display: none; } } .campaign-landing-hero .cl-bg.cl-bg-gradient::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(8, 29, 77, 0) 0, rgba(8, 29, 77, 0.75) 53.19%); z-index: 1; } .campaign-landing-hero .cl-content .cl-btn, .campaign-landing-hero .cl-content .cl-desc, .campaign-landing-hero .cl-content .heading { opacity: 0; transform: translateX(-25px); transition: all 0.7s ease 0s; } .campaign-landing-hero .cl-content.aos-animate .cl-btn, .campaign-landing-hero .cl-content.aos-animate .cl-desc, .campaign-landing-hero .cl-content.aos-animate .heading { opacity: 1; transform: translateX(0); } .campaign-landing-hero .cl-content.aos-animate .cl-desc { transition-delay: 0.2s; } .campaign-landing-hero .cl-content.aos-animate .cl-btn { transition-delay: 0.3s; } .campaign-landing-hero .cl-row { position: relative; padding: 1.88rem 0; height: 100%; } .campaign-landing-hero .cl-left { align-self: center; } .campaign-landing-hero .cl-left h1 { margin-bottom: 1.32rem; } .campaign-landing-hero .cl-right { display: flex; } @media (max-width: 767px) { .campaign-landing-hero .cl-right { margin-top: 1.88rem; } } .campaign-landing-hero .cl-right .thank-you { align-self: center; } @media (min-width: 992px) { .campaign-landing-hero .cl-right .thank-you { margin-top: -2.93rem; } } .campaign-landing-hero .cl-btn { margin-top: 2.57rem; gap: 1.25rem 2rem; } .campaign-landing-hero .cl-btn .btn-second { padding: 0; color: #96eaaa; border: none; background-color: transparent; } .campaign-landing-hero .cl-btn .btn-second:hover { color: #fff; background-color: transparent; } .campaign-landing-hero .cl-form-wrap { box-shadow: none; opacity: 0; transform: translateY(30px); transition: all 0.7s ease 0.35s !important; } .campaign-landing-hero .cl-form-wrap.aos-animate { opacity: 1; transform: translateY(0); } @media (max-width: 767px) { .campaign-landing-hero .cl-form-wrap { margin-top: 3.63rem; } } .campaign-landing-hero .cl-form-wrap .mktoForm { position: relative; z-index: 9; max-width: 100%; padding: 2.5rem !important; background-color: #fff; box-shadow: 0 4px 16px 8px rgba(8, 29, 77, 0.1); } .campaign-landing-hero .cl-form-wrap .mktoForm .FieldWrap, .campaign-landing-hero .cl-form-wrap .mktoForm .customTextarea, .campaign-landing-hero .cl-form-wrap .mktoForm .inputFirstName, .campaign-landing-hero .cl-form-wrap .mktoForm .mktoFieldWrap, .campaign-landing-hero .cl-form-wrap .mktoForm .mktoFormCol { width: 100% !important; } .campaign-landing-hero .cl-form-wrap .mktoForm .customCheckboxClass .mktoFieldDescriptor, .campaign-landing-hero .cl-form-wrap .mktoForm .customCheckboxClass .mktoFormCol { width: auto !important; } .campaign-landing-hero .cl-form-wrap .mktoForm .mktoField { margin: 0 !important; } .campaign-landing-hero .cl-form-wrap .mktoForm .mktoField option { color: #081d4d !important; } .campaign-landing-hero .cl-form-wrap .mktoForm .mktoButtonRow { margin-bottom: 0 !important; } .campaign-landing-hero .cl-form-wrap .mktoForm .mktoInvalid option { color: #081d4d; } .campaign-landing-hero .cl-video-wrap.aos-animate .cl-img { opacity: 1; transform: translateX(0); transition-delay: 0.2s; } .campaign-landing-hero .cl-video-wrap .cl-img { opacity: 0; transform: translateX(25px); transition: all 0.6s ease 0s; } .campaign-landing-hero .cl-video-wrap .btn-play, .campaign-landing-hero .cl-video-wrap .wysiwyg-section .wysiwyg .wp-video .mejs-overlay-button, .wysiwyg-section .wysiwyg .wp-video .campaign-landing-hero .cl-video-wrap .mejs-overlay-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .error-404 { display: flex; align-items: center; padding: 12.19rem 0; min-height: 37.88rem; background-image: url(../images/error-page-bg.webp); background-repeat: no-repeat; background-size: cover; background-position: center; } @media (max-width: 767px) { .error-404 { background-image: url(../images/error-page-bg-mobile.webp); } } .error-404 h1 { font-weight: 500; } .error-404 .er-description, .error-404 h1 { margin-bottom: 2.5rem; } .error-404 .er-description { font-size: 1.25rem; } .search-result-section { padding-top: 0 !important; } .search-banner-section { position: relative; padding-top: 11.88rem; padding-bottom: 7.32rem; background-image: url(../images/error-page-bg.webp); background-repeat: no-repeat; background-size: cover; background-position: top; } @media (max-width: 1199px) { .search-banner-section { padding-top: 9.38rem; padding-bottom: 5rem; } } @media (max-width: 767px) { .search-banner-section { padding-top: 7.75rem; padding-bottom: 3.88rem; background-image: url(../images/search-page-bg-mobile.webp); } } .search-banner-section .search-form-wrap { position: relative; } .search-banner-section .search-form-wrap input { padding: 1rem 1.88rem 1rem 1rem; height: 2.75rem; color: #081d4d; font-weight: 600; border: none; border-radius: 1.57rem; } .search-banner-section .search-icon { position: absolute; top: calc(50% - 6px); right: 1rem; padding: 0; display: flex; color: #081d4d; font-size: 0.75rem; border: none; background-color: transparent; } .search-result-block { margin: 2.75rem 0 5rem; } .search-result-block .pagination { margin: 0; } @media (max-width: 767px) { .search-result-block .sr-left { margin-bottom: 3.44rem; } } .search-result-block .sr-right .sr-no-post { text-align: center; font-weight: 700; } .search-result-block .sr-right-top { margin-bottom: 3rem; } @media (max-width: 991px) { .search-result-block .sr-right-top { margin-bottom: 1.88rem; } } .search-result-block .sr-value { margin-bottom: 1.25rem; display: block; color: rgba(28, 31, 42, 0.7); } .search-result-block .sr-result-wrap { gap: 0.63rem; } .search-result-block .sr-result-wrap .result-show { color: rgba(28, 31, 42, 0.7); } .search-result-block .sr-result-items { --pm: 3rem; margin-bottom: var(--pm); padding-bottom: var(--pm); border-bottom: 1px solid rgba(8, 29, 77, 0.3); } @media (max-width: 767px) { .search-result-block .sr-result-items:last-child { margin-bottom: 1.88rem; } } .search-result-block .sr-img { position: relative; padding-top: 56.6037735849%; } .search-result-block .sr-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991px) { .search-result-block .sr-img-wrap { margin-bottom: 2rem; } } .search-result-block .sr-content { flex: auto; } .search-result-block .sr-content .sr-type-wrap { margin-bottom: 0.75rem; display: flex; align-items: center; } .search-result-block .sr-content .sr-type-wrap .sr-date, .search-result-block .sr-content .sr-type-wrap .sr-type { font-size: 0.75rem; line-height: 1; } .search-result-block .sr-content .sr-type-wrap .sr-type { color: #1565c0; font-weight: 600; } .search-result-block .sr-content .sr-type-wrap .sr-type + .sr-date { margin-left: 0.75rem; } .search-result-block .sr-content .sr-type-wrap .sr-date { color: #1c1f2a; } .search-result-block .sr-filter-item { width: 100%; } .cafe-main-content { background-image: url(../images/coupa-cafe-bg.png); background-repeat: no-repeat; background-size: cover; background-position: right; } .episode-detail-section { margin: 0; } .episode-detail-section .ecp-top { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.44rem; } .episode-detail-section .ecp-top .icon-video-icon { font-size: 1.82rem; } .episode-detail-section .ecp-top .icon-video-icon::before { display: block; } .episode-detail-section .ecp-top .h6, .episode-detail-section .ecp-top h6 { margin-bottom: 0; } .episode-detail-section .episode-custom-post { display: flex; align-items: flex-start; } @media (max-width: 991px) { .episode-detail-section .episode-custom-post { flex-direction: column; } } .episode-detail-section .episode-custom-post .ecp-heading p { opacity: 0.94; } .episode-detail-section .episode-custom-post .ecp-left { position: relative; max-width: 80%; width: 100%; padding-right: 2.5rem; } @media (max-width: 1199px) { .episode-detail-section .episode-custom-post .ecp-left { padding-right: 1.25rem; } } @media (max-width: 991px) { .episode-detail-section .episode-custom-post .ecp-left { max-width: 100%; padding-right: 0; padding-bottom: 1.88rem; margin-bottom: 1.88rem; } } .episode-detail-section .episode-custom-post .ecp-right { position: relative; max-width: 20%; width: 100%; padding-left: 3.13rem; } .episode-detail-section .episode-custom-post .ecp-right::before { content: ''; position: absolute; top: 0; left: 0; width: 1.4px; height: 100%; background-color: #fff; opacity: 0.2; } @media (max-width: 991px) { .episode-detail-section .episode-custom-post .ecp-right::before { top: 100%; left: 0; width: 170px; height: 1px; } } @media (max-width: 1199px) { .episode-detail-section .episode-custom-post .ecp-right { padding-left: 1.57rem; } } @media (max-width: 991px) { .episode-detail-section .episode-custom-post .ecp-right { max-width: 100%; padding-left: 0; } } .episode-detail-section .episode-custom-post .ecp-share-icon { gap: 0.94rem; margin-bottom: 3.13rem; } @media (max-width: 991px) { .episode-detail-section .episode-custom-post .ecp-share-icon { margin-bottom: 1.25rem; } } .episode-detail-section .episode-custom-post .ecp-share-icon svg { cursor: pointer; transition: 0.3s; } .episode-detail-section .episode-custom-post .ecp-share-icon svg:hover path { fill: #96eaaa; } .episode-detail-section .episode-custom-post .ecp-share-icon .social-label span { font-size: 1.25rem; font-weight: 600; } .episode-detail-section .episode-custom-post .ecp-share-icon .heateor_sss_sharing_ul svg { display: none !important; } .episode-detail-section .episode-custom-post .ecp-share-icon .heateor_sss_sharing_ul .heateor_sss_svg { display: none !important; } .episode-detail-section .episode-custom-post .ecp-share-icon .heateor_sss_sharing_ul a { margin-right: 0.94rem; } .episode-detail-section .episode-custom-post .ecp-share-icon .heateor_sss_sharing_ul a::after { font-size: 1.57rem; color: #fff; transition: 0.4s; display: block; } .episode-detail-section .episode-custom-post .ecp-share-icon .heateor_sss_sharing_ul a:hover::after { color: #96eaaa; } .episode-detail-section .episode-custom-post .ecp-share-icon .heateor_sss_sharing_ul .heateor_sss_button_x::after { content: 'A'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; } .episode-detail-section .episode-custom-post .ecp-share-icon .heateor_sss_sharing_ul .heateor_sss_facebook::after { content: 'm'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; } .episode-detail-section .episode-custom-post .ecp-share-icon .heateor_sss_sharing_ul .heateor_sss_button_linkedin::after { content: 'l'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; } .episode-detail-section .episode-custom-post .ecp-share-icon .heateor_sss_sharing_ul .heateor_sss_button_copy_link::after { content: 'b'; font-family: coupa !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none; } .episode-detail-section .episode-custom-post .ecp-share-bottom p { opacity: 0.94; } .coupa-cafe-hero { --padding-top: 5.94rem; padding-top: var(--padding-top); background-color: #0d172e; } .coupa-cafe-hero .cch-image { display: block; position: relative; padding-top: 56.24%; } .coupa-cafe-hero .cch-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .coupa-cafe-hero .cch-image:hover .cch-icon { background-color: #5fd6ff; } .coupa-cafe-hero .cch-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .coupa-cafe-hero .cch-image { cursor: pointer; } .coupa-cafe-hero .cch-image .icon-play, .coupa-cafe-hero .cch-image img { z-index: 1; } .coupa-cafe-hero .cch-image.player-pause .icon-play, .coupa-cafe-hero .cch-image.player-pause img, .coupa-cafe-hero .cch-image.player-start .icon-play, .coupa-cafe-hero .cch-image.player-start img { opacity: 0; pointer-events: none; } .coupa-cafe-hero .cch-image-wrap .video-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } @media (min-width: 992px) { .resource-listing .listing-filter-bar .lfb-filter-title::before { display: none; } } /*# sourceMappingURL=style.css.map */ .swiper-item { height: 380px; padding-top: 40px; } .head-wrap { height: 480px; } .hh-tab-link { margin-right: 50px; } .h-fixed { height: 100px; } .no-swiping-txt { font-size: 1.25rem; font-weight: 500; color: #081d4d; } .no-swiping-title { font-size: 2rem; } .h-40 { height: 40px; } @media (max-width: 991px) { .home-hero.v2 .hh-heading .heading, .persona-tabs.v2 .hh-heading .heading { font-size: 1.2rem; } .home-hero.v2 .hh-heading .desc p, .persona-tabs.v2 .hh-heading .desc p { font-size: 0.85rem; } .swiper-item { height: 300px; padding-top: 40px; padding-left: 50px; padding-right: 50px; } .writing-assistant { font-size: 0.7rem!important; padding: 0.2rem 0.5rem; line-height: 1.2; } .head-wrap { height: 400px; } .home-hero .hh-tab-link h2, .persona-tabs .hh-tab-link h2 { /* width: 50%; */ font-size: 0.7rem; word-break:normal; } .hh-tab-link { margin-right: 10px!important; /* width: 21.5%!important; */ flex: 1; height: 52px!important; display: flex; align-items: center; justify-content: center; } .hh-tab-link:first-child { margin-left: 10px; } .home-hero .hh-tab-link.swiper-slide-thumb-active, .home-hero .hh-tab-link:hover, .persona-tabs .hh-tab-link.swiper-slide-thumb-active, .persona-tabs .hh-tab-link:hover { background-color: #081d4d; } .home-hero .hh-tab-list, .persona-tabs .hh-tab-list { background-color: #fff; } .home-hero .hh-tab-link.swiper-slide-thumb-active h2, .home-hero .hh-tab-link:hover h2, .persona-tabs .hh-tab-link.swiper-slide-thumb-active h2, .persona-tabs .hh-tab-link:hover h2 { color: #fff; } .home-hero .hh-tab-list, .persona-tabs .hh-tab-list { padding-top: 20px; } .home-hero .hh-tab-link, .persona-tabs .hh-tab-link { border-radius: 0.63rem; padding: 0.5rem; } .home-hero .hh-heading p, .persona-tabs .hh-heading p { margin-bottom: 1rem; } .service-method { flex-wrap: wrap; justify-content: center; } .service-method > div { margin-bottom: 24px; margin-left: 30px; } .home-hero.v2 .hh-bottom, .persona-tabs.v2 .hh-bottom { margin-top: 0rem; } .home-hero.v2 .section-background, .persona-tabs.v2 .section-background { top: 0; } .h-fixed { height: 10px; } .home-hero .hh-bottom, .persona-tabs .hh-bottom { transform: translateY(0px); } .home-hero.v2 .hh-top, .persona-tabs.v2 .hh-top { padding-bottom: 0px; } .no-swiping-txt { font-size: 0.9rem; } .no-swiping-title { font-size: 1.4rem; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px!important; } .space-lg-m { margin-bottom: 0; } .pad-bott { padding-bottom: 2.5rem!important; } .home-hero.v2 .section-background, .persona-tabs.v2 .section-background { height: 100%; } .home-hero .hh-bottom-wrap, .persona-tabs .hh-bottom-wrap { margin-bottom: 0; } .h-40 { height: 0; } }