@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap"'); .back-to-top-wrapper, a, button, p, input, select, textarea, li { transition: all 0.3s ease-out; } .fz-ds-1 { font-size: 80px !important; } @media screen and (min-width: 1441px) { .fz-ds-1 { font-size: 124px !important; } .col-xxl-10 { flex: 0 0 auto; width: 66.66666667% !important; } } .swiper-button-wrapper { display: flex; gap: 10px; } .swiper-btn-next, .swiper-btn-prev { display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border-radius: 100px; border: 1px solid var(--at-neutral-700); background-color: var(--at-neutral-800); transition: all 0.3s ease-in-out; color: var(--at-common-white); } .swiper-btn-next::after, .swiper-btn-prev::after { content: ""; } .swiper-btn-next:hover, .swiper-btn-next :active, .swiper-btn-prev:hover, .swiper-btn-prev :active { border-color: rgba(255, 255, 255, 0.3); background-color: var(--at-neutral-700); transition: all 0.3s ease-in-out; } .swiper-pagination { display: inline-flex; justify-content: center; align-items: center; padding: 5px 8px; align-items: center; left: 50% !important; width: unset !important; gap: 5px; border-radius: 100px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(1px); transform: translateX(-50%); } .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; text-align: center; line-height: 8px; font-size: 12px; color: var(--at-neutral-900); opacity: 1; background-color: var(--at-neutral-0); } .swiper-pagination .swiper-pagination-bullet-active { color: var(--at-neutral-900); background-color: var(--at-neutral-900); } .border-bottom-900 { border-bottom: 1px solid var(--at-neutral-900); } .client-capsule-wrapper-box { pointer-events: none; } .client-capsule-wrapper { position: relative; overflow: hidden; pointer-events: none; margin-top: -200px; height: 633px; } .client-box { width: 250px; height: 100px; padding: 10px 20px; background-color: var(--at-neutral-900); display: inline-flex; justify-content: center; align-items: center; border-radius: 100px; transform: translate(-50%, -50%) rotate(0rad); } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .client-box { width: 200px; height: 75px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .client-box { width: 150px; height: 60px; } } @media (max-width: 574.98px) { .client-box { width: 100px; height: 40px; } } .client-capsule-wrapper > * { position: absolute; display: inline-block; margin-bottom: 0; left: 0; top: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: auto; transition: none; } .client-box img { pointer-events: none; max-width: 100%; max-height: 100%; } :root { --at-ff-body: 'DM Sans', sans-serif; --at-ff-heading: 'DM Sans', sans-serif; --at-ff-fontawesome: "Font Awesome 6 Pro"; --at-fz-body: 14px; --at-fz-font-label: 12px; --at-fz-font-md: 16px; --at-fz-font-lg: 20px; --at-fz-font-xl: 22px; --at-fz-font-2xl: 28px; --at-fz-font-3xl: 32px; --at-fz-ds-1: 124px; --at-fz-24: 24px; --at-fz-10: 10px; --at-common-white: #ffffff; --at-common-white-rgb: 255, 255, 255; --at-common-black: #1e1e1e; --at-common-black-rgb: 30, 30, 30; --at-common-bubbles: #e1eeb7; --at-common-dark-white: #1e1e1e; --at-common-dark-white-rgb: 30, 30, 30; --at-common-dark-black: #FFFFFF; --at-common-dark-black-rgb: 255, 255, 255; --at-common-dark-bubbles: #040403; --at-neutral-0: #FEFEFE; --at-neutral-0-rgb: 254, 254, 254; --at-neutral-50: #F2F2F2; --at-neutral-50-rgb: 242, 242, 242; --at-neutral-100: #DFDFDF; --at-neutral-200: #CDCCCC; --at-neutral-300: #B7B7B7; --at-neutral-500: #585959; --at-neutral-700: #303030; --at-neutral-800: #212121; --at-neutral-900: #1D1D1D; --at-neutral-950: #0F0F0F; --at-neutral-dark-0: #0C0C0C; --at-neutral-dark-0-rgb: 12, 12, 12; --at-neutral-dark-50: #141414; --at-neutral-dark-50-rgb: 20, 20, 20; --at-neutral-dark-100: #212121; --at-neutral-dark-200: #2D2D2D; --at-neutral-dark-300: #404040; --at-neutral-dark-500: #B3B3B3; --at-neutral-dark-700: #535353; --at-neutral-dark-800: #EAEAEA; --at-neutral-dark-900: #EFEFEF; --at-neutral-dark-950: #F4F4F4; --at-grey-1: #5e5959; --at-grey-2: #f3f3f3; --at-grey-3: #b6bcc6; --at-grey-4: #f6f6f6; --at-grey-5: #d7cdcd; --at-theme-primary: #F0460E; --at-gradient-primary: linear-gradient(90deg, #a020f0 0%, #00ffd1 100%); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-size: 16px; line-height: 1.2; font-weight: normal; color: var(--at-neutral-900); background-color: var(--at-neutral-0); font-family: var(--at-ff-body); } img { max-width: 100%; height: auto; } a { text-decoration: none; } h1, h2, h3 { margin-top: 0px; font-weight: 700; line-height: 1.2; letter-spacing: -5%; transition: color 0.3s ease-out; color: var(--at-neutral-900); font-family: var(--at-ff-body); } h1, .h1 { font-size: 70px; } h2, .h2 { font-size: 60px; } h3, .h3 { font-size: 52px; } @media screen and (min-width: 1401px) { h1, .h1 { font-size: 84px; } h2, .h2 { font-size: 72px; } h3, .h3 { font-size: 64px; } .col-3xl-6 { width: 50% !important; } } ul { margin: 0px; padding: 0px; } p { font-size: 16px; font-weight: 500; margin-bottom: 15px; letter-spacing: -2%; line-height: 1.2; font-family: var(--at-ff-body); color: var(--at-neutral-500); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } a:focus, .button:focus { text-decoration: none; outline: none; } a:focus, a:hover { color: inherit; text-decoration: none; } a, button { color: inherit; outline: none; border: none; background: transparent; } button:hover { cursor: pointer; } button:focus { outline: 0; } .uppercase { text-transform: uppercase; } input[type=text], input[type=email], input[type=tel], input[type=number], input[type=url], textarea { outline: none; height: 56px; width: 100%; line-height: 56px; font-size: 14px; color: var(--at-neutral-900); } input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder { color: var(--at-neutral-500); } input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder { color: var(--at-neutral-500); } input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=number]::placeholder, input[type=url]::placeholder, textarea::placeholder { color: var(--at-neutral-500); } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=url]:focus, textarea:focus { border-color: var(--at-neutral-900); } input[type=text]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 0; } input[type=text]:focus::placeholder, input[type=email]:focus::placeholder, input[type=tel]:focus::placeholder, input[type=number]:focus::placeholder, input[type=url]:focus::placeholder, textarea:focus::placeholder { opacity: 0; } textarea { line-height: 1.4; padding-top: 17px; padding-bottom: 17px; } input[type=color] { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; border: 0; cursor: pointer; height: 100%; width: 100%; padding: 0; border-radius: 50%; } *::-moz-selection { background: var(--at-neutral-900); color: var(--at-neutral-0); text-shadow: none; } ::-moz-selection { background: var(--at-neutral-900); color: var(--at-neutral-0); text-shadow: none; } ::selection { background: var(--at-neutral-900); color: var(--at-neutral-0); text-shadow: none; } *::-moz-placeholder { color: var(--at-neutral-900); font-size: 14px; opacity: 1; } *::placeholder { color: var(--at-neutral-900); font-size: 14px; opacity: 1; } .fix { overflow: hidden; } .img-cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fz-font-3xl { font-size: var(--at-fz-font-3xl); } .fz-ds-1 { font-size: var(--at-fz-ds-1); } .common-black { color: var(--at-common-black) !important; } .neutral-900 { color: var(--at-neutral-900) !important; } .bg-neutral-500 { background-color: var(--at-neutral-500) !important; } #smooth-content { pointer-events: none; } #smooth-content > * { pointer-events: auto; } #smooth-content main { position: relative; z-index: 2; will-change: transform; min-height: 100vh; } #smooth-content .footer-placeholder { pointer-events: none; } .footer-fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1; transform-origin: center bottom; will-change: transform; } .footer-fixed-bottom .at-footer-area { position: relative; z-index: 1; } .footer-placeholder { width: 100%; pointer-events: none; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .pt-150 { padding-top: 100px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .pt-100 { padding-top: 60px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .pb-100 { padding-bottom: 60px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .fz-font-3xl { font-size: 28px !important; } .fz-ds-1 { font-size: 72px !important; } h1, .h1 { font-size: 58px; } h2, .h2 { font-size: 50px; } h3, .h3 { font-size: 42px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .fz-font-3xl { font-size: 26px !important; } .fz-ds-1 { font-size: 60px !important; } h1, .h1 { font-size: 54px; } h2, .h2 { font-size: 52px; } h3, .h3 { font-size: 40px; } br { display: none; } } @media (max-width: 574.98px) { .fz-font-3xl { font-size: 24px !important; } .fz-ds-1 { font-size: 54px !important; } h1, .h1 { font-size: 50px; } h2, .h2 { font-size: 42px; } h3, .h3 { font-size: 36px; } .w-75 { width: 100% !important; } br { display: none; } } @media (min-width: 1400px) { .container { max-width: 1750px; } } .at-header-logo { display: flex; align-items: center; } .at-header-logo a { display: inline-flex; align-items: center; gap: 4px; } :root { --basic-ease: cubic-bezier(.625, .05, 0, 1); } @keyframes postbox-marquee-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @keyframes postbox-marquee-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } } .blog-card { display: flex; flex-direction: column; gap: 25px; } .blog-card__img-link { display: block; width: 100%; height: 100%; } .blog-card__title { font-weight: 600; color: var(--at-neutral-900); margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 4.5em; } .blog-card__meta { font-family: var(--at-ff-body); font-size: 16px; font-weight: 500; line-height: 100%; color: #585959; margin: 0; } .at-offcanvas { background-position: center; background-size: cover; background-repeat: no-repeat; position: fixed; top: 0; right: -100%; width: 460px; bottom: 0; box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8); background-color: var(--at-common-white); z-index: 997; padding: 50px; scrollbar-width: none; opacity: 0; visibility: hidden; transition: 0.45s ease-in-out; overflow-y: scroll; } @media (max-width: 574.98px) { .at-offcanvas { width: 100%; padding: 40px 35px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .at-offcanvas { width: 400px; padding: 40px; } } .at-offcanvas.opened { opacity: 1; visibility: visible; right: 0; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-duration: 0.6s; } .at-offcanvas-2-area.menu-open { position: fixed; top: 0; right: 0; left: auto; height: 100%; transition: all 0s 2s; width: 600px; z-index: 1000; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .at-offcanvas-2-area.menu-open { width: 100%; } } .at-offcanvas-2-area { position: fixed; left: 100%; } .at-offcanvas-2-area.menu-open .at-header-logo { visibility: visible; opacity: 1; transform: translateY(0); } .at-letter-span { display: inline-block; } @keyframes footer11-grid { from { transform: translate(0, 0); } to { transform: translate(57px, 57px); } } @keyframes footer11-scan { 0% { top: -40%; opacity: 0; } 8% { opacity: 1; } 88% { opacity: 1; } 100% { top: 115%; opacity: 0; } } @media (max-width: 574.98px) { } .footer-15 { --footer15-panel-bg: #0f0f0f; --footer15-panel-radius: 32px; --footer15-panel-pad: 64px; --footer15-panel-min-h: 369px; --footer15-gap: 8px; --footer15-text: #fefefe; --footer15-muted: #b7b7b7; --footer15-faint: #585959; --footer15-input-bg: #1d1d1d; --footer15-stroke: rgba(255, 255, 255, 0.3); padding: 80px 8px 80px 5px; background-color: var(--at-neutral-0); color: var(--footer15-text); } .footer-15__grid { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--footer15-gap); } .footer-15__panel { position: relative; overflow: hidden; min-height: var(--footer15-panel-min-h); padding: var(--footer15-panel-pad); background-color: var(--footer15-panel-bg); border-radius: var(--footer15-panel-radius); display: flex; flex-direction: column; } .footer-15__panel--nav { grid-column: span 2; } .footer-15__panel--news { grid-column: span 1; justify-content: center; } .footer-15__panel--brand { grid-column: span 1; justify-content: space-between; gap: 48px; } .footer-15__panel--contact { grid-column: span 2; justify-content: space-between; gap: 32px; } .footer-15__panel--nav { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 48px; } .footer-15__nav-wrap { display: flex; align-items: flex-start; gap: 56px; flex: 0 0 auto; } .footer-15__nav { display: flex; flex-direction: column; gap: 14px; } .footer-15__nav li { position: relative; } .footer-15__nav a { display: inline-flex; align-items: center; gap: 10px; font-family: var(--at-ff-heading); font-weight: 400; font-size: 22px; line-height: 1.1; letter-spacing: -0.05em; color: var(--footer15-muted); text-decoration: none; transition: color 0.3s ease; } .footer-15__nav a:hover, .footer-15__nav a:focus-visible, .footer-15__nav a.is-current { color: var(--footer15-text); } .footer-15__nav-icon { display: inline-flex; align-items: center; justify-content: center; color: currentColor; transition: transform 0.3s ease; } a:hover .footer-15__nav-icon, a:focus-visible .footer-15__nav-icon { transform: translate(2px, -2px); } .footer-15__social { flex: 1 1 auto; max-width: 360px; display: flex; flex-direction: column; gap: 26px; align-items: flex-start; } .footer-15__eyebrow { font-family: var(--at-ff-heading); font-weight: 500; font-size: 12px; line-height: 1; letter-spacing: 0.16em; color: var(--footer15-text); text-transform: uppercase; opacity: 0.5; } .footer-15__tags { display: flex; flex-wrap: wrap; gap: 8px; } .footer-15__tags a { display: inline-flex; align-items: center; gap: 10px; padding: 10px 19px; border: 1px solid var(--footer15-stroke); border-radius: 32px; font-family: var(--at-ff-heading); font-weight: 500; font-size: 14px; line-height: 1.15; letter-spacing: -0.02em; color: var(--footer15-text); text-decoration: none; transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; } .footer-15__tags a svg { transition: transform 0.3s ease; } .footer-15__tags a:hover, .footer-15__tags a:focus-visible { background-color: var(--at-theme-primary); border-color: var(--at-theme-primary); color: var(--footer15-text); } .footer-15__tags a:hover svg, .footer-15__tags a:focus-visible svg { transform: translate(2px, -2px); } .footer-15__news-bg { position: absolute; inset: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.42; pointer-events: none; z-index: 0; } .footer-15__news-inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 410px; margin-top: auto; margin-bottom: auto; } .footer-15__news-label { font-family: var(--at-ff-heading); font-weight: 500; font-size: 14px; line-height: 1.25; letter-spacing: -0.05em; color: var(--footer15-text); text-transform: uppercase; } .footer-15__form { display: flex; flex-direction: column; gap: 8px; width: 100%; } input.footer-15__form-input { width: 100%; height: 50px; padding: 0 24px; background-color: var(--footer15-input-bg); border: 1px solid transparent; border-radius: 16px; font-family: var(--at-ff-heading); font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: -0.05em; color: var(--footer15-text); outline: none; transition: border-color 0.3s ease; } input.footer-15__form-input::-moz-placeholder { color: rgba(254, 254, 254, 0.5); } input.footer-15__form-input::placeholder { color: rgba(254, 254, 254, 0.5); } input.footer-15__form-input:focus { border-color: rgba(255, 255, 255, 0.25); } .footer-15__form-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 50px; padding: 0 24px; background-color: var(--footer15-input-bg); border: 0; border-radius: 16px; font-family: var(--at-ff-heading); font-weight: 600; font-size: 16px; line-height: 1; letter-spacing: 0.04em; color: var(--footer15-text); text-transform: uppercase; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; } .footer-15__form-btn svg { transition: transform 0.3s ease; } .footer-15__form-btn:hover, .footer-15__form-btn:focus-visible { background-color: var(--at-theme-primary); } .footer-15__form-btn:hover svg, .footer-15__form-btn:focus-visible svg { transform: translate(2px, -2px); } .footer-15__brand-head { display: flex; align-items: flex-start; gap: 22px; } .footer-15__brand-mark { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: auto; text-decoration: none; } .footer-15__brand-icon { display: block; max-width: 100%; height: auto; } .footer-15__brand-title { font-family: var(--at-ff-heading); font-weight: 600; font-size: clamp(36px, 3.4vw, 48px); line-height: 1.08; letter-spacing: -0.05em; margin: 0; } .footer-15__brand-title-strong { color: var(--footer15-text); } .footer-15__brand-title-muted { color: var(--footer15-faint); } .footer-15__services { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 32px; column-gap: 32px; row-gap: 14px; } .footer-15__services a { display: inline-flex; align-items: center; gap: 12px; font-family: var(--at-ff-heading); font-weight: 600; font-size: 16px; line-height: 1.2; letter-spacing: -0.05em; color: var(--footer15-muted); text-decoration: none; transition: color 0.3s ease; } .footer-15__services a:hover, .footer-15__services a:focus-visible { color: var(--footer15-text); } .footer-15__services a:hover .footer-15__service-icon, .footer-15__services a:focus-visible .footer-15__service-icon { transform: translate(2px, -2px); } .footer-15__services .is-current a { color: var(--footer15-text); } .footer-15__service-dot { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background-color: var(--at-theme-primary); } .footer-15__service-icon { display: inline-flex; align-items: center; color: currentColor; transition: transform 0.3s ease; } .footer-15__contact-row { display: grid; grid-template-columns: 1.45fr 1fr; gap: 48px; align-items: start; } .footer-15__intro { font-family: var(--at-ff-heading); font-weight: 500; font-size: 20px; line-height: 1.4; letter-spacing: -0.02em; color: var(--footer15-text); max-width: 460px; } .footer-15__contact { display: flex; flex-direction: column; gap: 24px; font-style: normal; } .footer-15__contact-line { display: inline-block; font-family: var(--at-ff-heading); font-weight: 600; font-size: 24px; line-height: 1.2; letter-spacing: -0.05em; color: var(--footer15-text); text-decoration: none; transition: color 0.3s ease; } .footer-15__contact-line[href]:hover, .footer-15__contact-line[href]:focus-visible { color: var(--at-theme-primary); } .footer-15__legal { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .footer-15__copy { font-family: var(--at-ff-heading); font-weight: 500; font-size: 16px; line-height: 1.25; letter-spacing: -0.02em; color: rgba(254, 254, 254, 0.5); } .footer-15__legal-links { display: flex; flex-wrap: wrap; gap: 16px; } .footer-15__legal-links a { font-family: var(--at-ff-heading); font-weight: 500; font-size: 14px; line-height: 1.25; letter-spacing: -0.02em; color: rgba(254, 254, 254, 0.5); text-decoration: none; transition: color 0.3s ease; } .footer-15__legal-links a:hover, .footer-15__legal-links a:focus-visible { color: var(--footer15-text); } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .footer-15 { --footer15-panel-pad: 52px; --footer15-panel-min-h: 340px; } .footer-15__nav-wrap { gap: 44px; } .footer-15__nav a { font-size: 20px; } .footer-15__intro { font-size: 18px; } .footer-15__contact-line { font-size: 22px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer-15 { --footer15-panel-pad: 44px; --footer15-panel-min-h: 320px; } .footer-15__nav-wrap { gap: 36px; } .footer-15__nav a { font-size: 18px; } .footer-15__brand-title { font-size: 38px; } .footer-15__intro { font-size: 17px; } .footer-15__contact-line { font-size: 20px; } .footer-15__contact-row { gap: 32px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-15 { padding: 56px 8px 56px 5px; --footer15-panel-pad: 40px; --footer15-panel-min-h: 0; } .footer-15__panel--nav { flex-direction: column; align-items: flex-start; gap: 36px; } .footer-15__nav-wrap { gap: 56px; } .footer-15__nav a { font-size: 18px; } .footer-15__brand-title { font-size: 36px; } .footer-15__intro { font-size: 16px; } .footer-15__contact-line { font-size: 20px; } .footer-15__contact-row { gap: 24px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-15 { padding: 48px 8px 48px 5px; --footer15-panel-pad: 32px; --footer15-panel-min-h: 0; } .footer-15__grid { grid-template-columns: 1fr; gap: 8px; } .footer-15__panel--nav, .footer-15__panel--news, .footer-15__panel--brand, .footer-15__panel--contact { grid-column: 1/-1; } .footer-15__panel--nav { flex-direction: column; align-items: flex-start; gap: 32px; } .footer-15__nav-wrap { gap: 56px; } .footer-15__nav a { font-size: 18px; } .footer-15__panel--news { min-height: 280px; } .footer-15__news-inner { max-width: 100%; } .footer-15__brand-title { font-size: 36px; } .footer-15__contact-row { grid-template-columns: 1fr; gap: 28px; } .footer-15__intro { font-size: 18px; max-width: 100%; } .footer-15__contact-line { font-size: 22px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .footer-15 { padding: 40px 8px 40px 5px; --footer15-panel-pad: 24px; --footer15-gap: 6px; } .footer-15__grid { grid-template-columns: 1fr; gap: 6px; } .footer-15__panel--nav, .footer-15__panel--news, .footer-15__panel--brand, .footer-15__panel--contact { grid-column: 1/-1; } .footer-15__panel--nav { flex-direction: column; align-items: flex-start; gap: 28px; } .footer-15__nav-wrap { gap: 40px; } .footer-15__nav a { font-size: 17px; } .footer-15__panel--news { min-height: 260px; } .footer-15__news-inner { max-width: 100%; gap: 16px; } .footer-15__brand-head { gap: 16px; } .footer-15__brand-title { font-size: 32px; } .footer-15__contact-row { grid-template-columns: 1fr; gap: 24px; } .footer-15__intro { font-size: 16px; max-width: 100%; } .footer-15__contact-line { font-size: 20px; } .footer-15__legal { gap: 16px; } } @media (max-width: 574.98px) { .footer-15 { padding: 32px 8px 32px 5px; --footer15-panel-pad: 20px; --footer15-panel-radius: 24px; --footer15-gap: 5px; } .footer-15__grid { grid-template-columns: 1fr; gap: 5px; } .footer-15__panel--nav, .footer-15__panel--news, .footer-15__panel--brand, .footer-15__panel--contact { grid-column: 1/-1; } .footer-15__panel--nav { flex-direction: column; align-items: flex-start; gap: 24px; } .footer-15__nav-wrap { flex-direction: column; gap: 18px; } .footer-15__nav { gap: 10px; } .footer-15__nav a { font-size: 18px; } .footer-15__tags { gap: 6px; } .footer-15__tags a { padding: 8px 14px; font-size: 13px; } .footer-15__panel--news { min-height: 240px; } .footer-15__news-inner { max-width: 100%; gap: 14px; } input.footer-15__form-input, .footer-15__form-btn { height: 46px; font-size: 14px; padding: 0 18px; } .footer-15__brand-head { flex-direction: column; align-items: flex-start; gap: 14px; } .footer-15__brand-mark { width: 40px; } .footer-15__brand-title { font-size: 28px; } .footer-15__services { grid-template-columns: 1fr; row-gap: 10px; } .footer-15__services a { font-size: 15px; } .footer-15__contact-row { grid-template-columns: 1fr; gap: 20px; } .footer-15__intro { font-size: 15px; } .footer-15__contact { gap: 16px; } .footer-15__contact-line { font-size: 18px; } .footer-15__legal { flex-direction: column; align-items: flex-start; gap: 12px; } .footer-15__copy { font-size: 14px; } .footer-15__legal-links { gap: 12px; } .footer-15__legal-links a { font-size: 13px; } } .at-service-item { background-color: var(--at-neutral-0); border-bottom: 1px solid var(--at-neutral-100); padding-top: 21px; padding-bottom: 29px; display: grid; align-items: center; gap: 15px 30px; grid-template-columns: 100px 1fr 280px; pointer-events: auto; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .at-service-item { grid-template-columns: 70px 1fr 295px; } } @media (max-width: 574.98px) { .at-service-item { grid-template-columns: 1fr; } } .at-service-item .number { color: var(--at-neutral-500); font-size: 36px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -1.8px; opacity: 0.3; transition: all 0.5s; } .at-service-item .content .title { color: var(--at-neutral-900); font-weight: 600; opacity: 0.3; transition: all 0.5s; margin-bottom: 0; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .at-service-item .content .title { font-size: 42px; line-height: 42px; letter-spacing: -2.4px; } } @media screen and (max-width: 1725px) { .at-service-item .content .title { font-size: 50px; } } .at-service-item .content .text { opacity: 0; max-height: 0px; transition: all 0.5s; max-width: 370px; margin-bottom: 0; } .at-service-item .thumb { text-align: right; } .at-service-item .thumb img { width: 100%; max-width: 190px; height: auto; transition: all 0.5s; border-radius: 8px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .at-service-item:hover .number { color: var(--at-theme-primary); opacity: 1; } .at-service-item:hover .title { opacity: 1; transition: all 0.5s; } .at-service-item:hover .text { opacity: 1; max-height: 100px; transition: all 0.5s; } .at-service-item:hover .thumb img { max-width: 284px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .at-service-content { margin-right: 0; } } .at-service-img-wrapper { height: 450px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .at-service-img-wrapper { height: 440px; } } @media (max-width: 574.98px) { .at-service-img-wrapper { height: 300px; } } .at-service-img-wrapper.image-container { position: relative; overflow: hidden; } .at-service-img-wrapper .hover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; border-top-left-radius: 16px; border-top-right-radius: 16px; } .at-service-img-wrapper .hover-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; border-top-left-radius: 16px; border-top-right-radius: 16px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .at-service-list-wrap { margin-left: 0; } } @media only screen and (max-width: 991px) { } @keyframes sd2-pulse { 0% { box-shadow: 0 0 0 0 rgba(61, 207, 142, 0.55); } 70% { box-shadow: 0 0 0 10px rgba(61, 207, 142, 0); } 100% { box-shadow: 0 0 0 0 rgba(61, 207, 142, 0); } } :root { --numOfSlides: 5; --slidingAT: 1.3s; --controlSize: 60px; } .testimonial-cart-wrap { position: relative; border-radius: 16px; border: 1px solid var(--at-neutral-700); background: var(--at-neutral-800); } .testimonial-cart-wrap .rectangular { content: ""; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 90%; height: 50px; background: var(--at-neutral-800); border-radius: 16px; border: 1px solid var(--at-neutral-700); padding: 50px; z-index: -2; overflow: hidden; transition: all 0.3s ease; } .testimonial-cart-wrap .rectangular::after { content: ""; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 0; height: 0; background: var(--at-theme-primary); filter: blur(125px); opacity: 0; z-index: -1; transition: all 0.5s ease; } .testimonial-cart-wrap:hover .testimonial-content-author::before { transition: all 0.3s ease; width: 100px; background: var(--at-theme-primary); } .testimonial-cart-wrap:hover .rectangular::after { opacity: 1; width: 99px; height: 99px; transition: all 0.3s ease; } .testimonial-top { margin-bottom: 45px; } .testimonial-top-left-img { margin-right: 20px; width: 85px; height: 85px; border-radius: 16px; overflow: hidden; } .testimonial-top-left-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .testimonial-content-author { position: relative; margin-top: 80px; } .testimonial-content-author::before { content: ""; position: absolute; top: -20px; left: 0; width: 57px; height: 1px; background: var(--at-neutral-500); transition: all 0.3s ease; } .slider-testimonial { padding-bottom: 12px; } .slider-testimonial .swiper-slide-active .testimonial-cart-wrap .rectangular::after { opacity: 1; width: 99px; height: 99px; transition: all 0.5s ease; } .slider-testimonial .swiper-slide-active .testimonial-cart-wrap .rectangular::before { bottom: -12px; transition: all 0.3s ease; } .at-faq-dec { font-weight: 500; font-size: 22px; letter-spacing: -0.04em; } .at-faq-item { border-radius: 0; box-shadow: 0 0 2px 0 rgba(39, 39, 46, 0.04); background: var(--at-neutral-50); padding: 10px 30px 10px 30px; margin-bottom: 16px; } .at-faq-body { font-size: 16px; line-height: 26px; padding-bottom: 14px; padding-right: 112px; padding-left: 45px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .at-faq-body { padding-right: 0; } } .at-faq-body p { font-weight: 400; font-size: 15px; line-height: 167%; color: var(--at-neutral-700); } @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .at-faq-body p br { display: none; } } .at-faq-number { font-size: 16px; font-weight: 600; display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; border-radius: 42px; background: var(--at-neutral-900); color: var(--at-common-white); } .at-faq-header { padding: 15px 0; } .at-faq-button { background: transparent; font-weight: 600; font-size: 24px; color: var(--at-common-black); font-family: var(--at-ff-body); position: relative; width: 100%; text-align: left; padding-right: 50px; } @media (max-width: 574.98px) { .at-faq-button { font-size: 18px; } } .at-faq-button span { font-weight: 500; margin-right: 70px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .at-faq-button span { margin-right: 30px; } } .at-faq-button::before, .at-faq-button:after { content: "\f068"; font-family: "Font Awesome 6 Pro"; position: absolute; right: 0; top: -3px; width: 36px; height: 36px; text-align: center; border-radius: 30px; line-height: 35px; font-size: 16px; font-weight: 400; color: var(--at-common-black); transition: all 0.5s ease; } .at-faq-button.collapsed:after { content: "\f067"; } .at-banner-thumb { height: 800px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .at-banner-thumb { height: 600px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .at-banner-thumb { height: 400px; } } .sec-5-home-7__throw .client-capsule-wrapper { margin-top: 0; height: 420px; } @media (min-width: 992px) { .sec-5-home-7__throw .client-capsule-wrapper { height: 520px; } } @media (min-width: 1400px) { .sec-5-home-7__throw .client-capsule-wrapper { height: 580px; } } .sec-5-home-7__throw .client-box--brand-h7 { background-color: var(--at-theme-primary); } @keyframes sec7Home7Spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } [data-bs-theme=dark] .sec-5-home-9 { --sec5-text: var(--at-neutral-950, #f4f4f4); } @keyframes sec5-home-9-marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } @keyframes sec-7-home-9-deco-spin { to { transform: rotate(360deg); } } @keyframes h10-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes scroll-line-drop { 0% { top: -40%; } 100% { top: 140%; } } @keyframes sec-6-home-13-ripple { 0% { opacity: 0.55; transform: scale(1); } 100% { opacity: 0; transform: scale(4); } } @keyframes sec8home14TickerScroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } .sec-1-home-15 { padding-top: 66px; padding-bottom: 80px; background-color: var(--at-neutral-0); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-1-home-15 { padding-top: 60px; padding-bottom: 56px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15 { padding-top: 60px; padding-bottom: 40px; } } .sec-1-home-15 { } .sec-1-home-15__card { position: relative; width: 100%; height: 637px; max-height: calc(100vh - 160px); overflow: hidden; border-radius: 16px; background-color: var(--at-neutral-900); isolation: isolate; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-1-home-15__card { height: 560px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-1-home-15__card { height: 520px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-1-home-15__card { height: 480px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-1-home-15__card { height: 560px; max-height: none; } } @media (max-width: 574.98px) { .sec-1-home-15__card { height: 520px; max-height: none; border-radius: 12px; } } .sec-1-home-15__bg { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; pointer-events: none; } .sec-1-home-15__grid { position: absolute; inset: 0; z-index: 2; pointer-events: none; background-repeat: no-repeat; background-position: center center; background-size: 80% auto; opacity: 0.5; mix-blend-mode: screen; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__grid { opacity: 0.35; background-size: 130% auto; } } .sec-1-home-15 { } .sec-1-home-15__top { position: absolute; top: 30px; left: 35px; right: 35px; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--at-common-white); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__top { top: 20px; left: 20px; right: 20px; } } .sec-1-home-15__coord { display: inline-flex; align-items: center; gap: 8px; font-family: var(--at-ff-body); font-weight: 600; font-size: 16px; line-height: 1; letter-spacing: -0.05em; text-transform: uppercase; color: var(--at-common-white); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__coord { font-size: 12px; gap: 6px; } } .sec-1-home-15__coord-icon { flex-shrink: 0; width: 20px; height: 20px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__coord-icon { width: 16px; height: 16px; } } .sec-1-home-15__email { font-family: var(--at-ff-body); font-weight: 600; font-size: 16px; line-height: 1; letter-spacing: -0.05em; text-transform: uppercase; color: var(--at-common-white); text-decoration: none; transition: opacity 0.3s ease; } .sec-1-home-15__email:hover, .sec-1-home-15__email:focus-visible { color: var(--at-common-white); opacity: 0.7; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__email { font-size: 12px; } } .sec-1-home-15 { } .sec-1-home-15__scroll { position: absolute; right: 40px; top: 50%; z-index: 4; display: flex; flex-direction: column; align-items: center; gap: 18px; transform: translateY(-50%); color: var(--at-neutral-100); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__scroll { display: none; } } .sec-1-home-15__scroll-line { display: block; width: 1px; height: 70px; background-color: #fff; opacity: 0.7; animation: secOneHome15ScrollLine 2.4s ease-in-out infinite; } .sec-1-home-15__scroll-label { font-family: var(--at-ff-body); font-weight: 600; font-size: 12px; line-height: 1; letter-spacing: 0.05em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); } @keyframes secOneHome15ScrollLine { 0%, 100% { transform: scaleY(0.4); transform-origin: top; opacity: 0.4; } 50% { transform: scaleY(1); transform-origin: top; opacity: 0.9; } } .sec-1-home-15 { } .sec-1-home-15__bottom { position: absolute; left: 35px; right: 35px; bottom: 40px; z-index: 4; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-1-home-15__bottom { flex-direction: column; align-items: flex-start; gap: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__bottom { left: 20px; right: 20px; bottom: 24px; flex-direction: column; align-items: flex-start; gap: 18px; } } .sec-1-home-15__tags { display: flex; flex-wrap: wrap; gap: 12px; max-width: 540px; padding: 0; margin: 0; list-style: none; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__tags { max-width: none; } } .sec-1-home-15__tag { display: inline-flex; align-items: center; gap: 10px; padding: 15px 19px; background-color: rgba(70, 70, 70, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 32px; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); color: #fff; font-family: var(--at-ff-body); font-weight: 500; font-size: 16px; line-height: 1; letter-spacing: -0.02em; white-space: nowrap; } .sec-1-home-15__tag svg { flex-shrink: 0; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__tag { padding: 11px 14px; font-size: 13px; gap: 8px; } } .sec-1-home-15__clients { display: flex; flex-direction: column; align-items: flex-end; gap: 15px; color: var(--at-common-white); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__clients { align-items: flex-start; } } .sec-1-home-15__avatars { display: inline-flex; align-items: center; } .sec-1-home-15__avatar { width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--at-common-white); -o-object-fit: cover; object-fit: cover; background-color: var(--at-neutral-700); } .sec-1-home-15__avatar + .sec-1-home-15__avatar { margin-left: -12px; } .sec-1-home-15__clients-text { font-family: var(--at-ff-body); font-weight: 500; font-size: 16px; line-height: 1.25; letter-spacing: -0.02em; text-align: right; color: var(--at-common-white); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__clients-text { text-align: left; } .sec-1-home-15__clients-text br { display: none; } } @media (max-width: 574.98px) { .sec-1-home-15__clients-text { font-size: 14px; } } .sec-1-home-15 { } .sec-1-home-15__title-block { position: relative; padding-top: 44px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-1-home-15__title-block { padding-top: 36px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-1-home-15__title-block { padding-top: 28px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-1-home-15__title-block { padding-top: 22px; } } .sec-1-home-15__title { font-family: var(--at-ff-heading); font-weight: 700; font-size: 173px; line-height: 1; letter-spacing: -0.05em; text-align: center; color: var(--at-neutral-900); margin: 0; } @media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) { .sec-1-home-15__title { font-size: 150px; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .sec-1-home-15__title { font-size: 128px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-1-home-15__title { font-size: 110px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-1-home-15__title { font-size: 92px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-1-home-15__title { font-size: 72px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-1-home-15__title { font-size: 56px; } } @media (max-width: 574.98px) { .sec-1-home-15__title { font-size: 40px; } } .sec-1-home-15__title-meta { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: -22px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-1-home-15__title-meta { margin-top: -16px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-1-home-15__title-meta { margin-top: -10px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-1-home-15__title-meta { margin-top: 8px; } } @media (max-width: 574.98px) { .sec-1-home-15__title-meta { margin-top: 10px; flex-wrap: wrap; gap: 8px; } } .sec-1-home-15__title-side { font-family: var(--at-ff-body); font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; text-decoration: underline; text-underline-offset: 3px; color: var(--at-neutral-900); } @media (max-width: 574.98px) { .sec-1-home-15__title-side { font-size: 13px; } } .sec-2-home-15 { background-color: var(--at-neutral-0); border-top: 1px solid var(--at-neutral-200); } .sec-2-home-15__heading { font-family: var(--at-ff-heading); font-weight: 600; font-size: 48px; line-height: 1.08; letter-spacing: -0.05em; color: var(--at-neutral-950); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-2-home-15__heading { font-size: 42px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-2-home-15__heading { font-size: 38px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-2-home-15__heading { font-size: 34px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-2-home-15__heading { font-size: 30px; } } @media (max-width: 574.98px) { .sec-2-home-15__heading { font-size: 26px; } } .sec-2-home-15 { } .sec-2-home-15__media-1 { position: relative; width: 100%; aspect-ratio: 553/533; overflow: hidden; border-radius: 16px; background-color: var(--at-neutral-200); } .sec-2-home-15__media-1-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sec-2-home-15 { } .sec-2-home-15__media-1-badge { position: absolute; right: 20px; bottom: 20px; z-index: 2; display: inline-flex; align-items: center; gap: 14px; padding: 12px 18px; border-radius: 14px; background-color: rgba(37, 99, 235, 0.32); border: 1px solid rgba(255, 255, 255, 0.28); backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18); color: #fff; max-width: calc(100% - 32px); } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-2-home-15__media-1-badge { right: 16px; bottom: 16px; padding: 10px 14px; gap: 12px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__media-1-badge { right: 12px; bottom: 12px; padding: 10px 12px; gap: 10px; border-radius: 12px; } } .sec-2-home-15__media-1-badge-dot { position: relative; flex-shrink: 0; width: 10px; height: 10px; border-radius: 50%; background-color: #4ade80; box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.7); animation: sec-2-home-15-pulse 1.8s ease-out infinite; } @media (prefers-reduced-motion: reduce) { .sec-2-home-15__media-1-badge-dot { animation: none; } } .sec-2-home-15__media-1-badge-text { display: inline-flex; flex-direction: column; line-height: 1.2; min-width: 0; } .sec-2-home-15__media-1-badge-title { font-family: var(--at-ff-body); font-weight: 600; font-size: 14px; letter-spacing: -0.01em; color: #fff; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__media-1-badge-title { font-size: 13px; } } .sec-2-home-15__media-1-badge-meta { font-family: var(--at-ff-body); font-weight: 400; font-size: 12px; letter-spacing: 0; color: rgba(255, 255, 255, 0.82); } @media (max-width: 574.98px) { .sec-2-home-15__media-1-badge-meta { font-size: 11px; } } .sec-2-home-15 { } .sec-2-home-15__content { display: flex; flex-direction: column; gap: 40px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-2-home-15__content { gap: 32px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__content { gap: 24px; } } .sec-2-home-15__body { font-family: var(--at-ff-body); font-weight: 600; font-size: 24px; line-height: 1.3; letter-spacing: -0.05em; color: var(--at-neutral-950); max-width: 620px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-2-home-15__body { font-size: 22px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-2-home-15__body { font-size: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__body { font-size: 18px; } } .sec-2-home-15 { } .sec-2-home-15__features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 39px; max-width: 620px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__features { grid-template-columns: 1fr; gap: 14px; } } .sec-2-home-15__feature { display: flex; align-items: center; gap: 12px; font-family: var(--at-ff-body); font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; color: var(--at-neutral-700); } @media (max-width: 574.98px) { .sec-2-home-15__feature { font-size: 15px; } } .sec-2-home-15__feature-icon { flex-shrink: 0; color: var(--at-neutral-900); } .sec-2-home-15 { } .sec-2-home-15__form { display: flex; flex-direction: column; gap: 20px; max-width: 620px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__form { gap: 16px; } } .sec-2-home-15__form-label { font-family: var(--at-ff-body); font-weight: 600; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; color: var(--at-neutral-900); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__form-label { font-size: 16px; } } .sec-2-home-15__form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__form-row { grid-template-columns: 1fr; gap: 0; } } .sec-2-home-15__form-textarea { min-height: 96px; } .sec-2-home-15__form-actions { margin-top: 12px; margin-bottom: 0; } .sec-2-home-15 { } .sec-2-home-15__object { position: absolute; right: 24px; bottom: -40px; z-index: 1; pointer-events: none; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-2-home-15__object { right: 16px; transform: scale(0.85); transform-origin: right bottom; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__object { display: none; } } .sec-2-home-15 { } .sec-2-home-15__stats { margin-left: 0; margin-right: 0; } .sec-2-home-15__stat { display: flex; flex-direction: column; } .sec-2-home-15__stat-num { display: inline-flex; align-items: baseline; font-family: var(--at-ff-heading); font-weight: 600; font-size: 84px; line-height: 1; letter-spacing: -0.05em; color: var(--at-neutral-900); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-2-home-15__stat-num { font-size: 72px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-2-home-15__stat-num { font-size: 64px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-2-home-15__stat-num { font-size: 56px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-2-home-15__stat-num { font-size: 56px; } } @media (max-width: 574.98px) { .sec-2-home-15__stat-num { font-size: 48px; } } .sec-2-home-15__stat-num .odometer { font: inherit; color: inherit; } .sec-2-home-15__stat-num .odometer-inside, .sec-2-home-15__stat-num .odometer-digit, .sec-2-home-15__stat-num .odometer-formatting-mark { font: inherit !important; color: inherit !important; } .sec-2-home-15__stat-suffix { display: inline-block; font: inherit; color: inherit; } .sec-2-home-15__stat-label { font-family: var(--at-ff-body); font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; color: var(--at-neutral-500); max-width: 200px; } @media (max-width: 574.98px) { .sec-2-home-15__stat-label { font-size: 14px; } } .sec-2-home-15 { } .sec-2-home-15__media-2 { position: relative; width: 100%; aspect-ratio: 322/401; overflow: hidden; border-radius: 16px; background-color: var(--at-neutral-200); } .sec-2-home-15__media-2-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sec-2-home-15 { } .sec-2-home-15__media-2-badge { position: absolute; right: 14px; bottom: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 12px; background-color: rgba(37, 99, 235, 0.32); border: 1px solid rgba(255, 255, 255, 0.28); backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18); color: #fff; max-width: calc(100% - 28px); } @media (max-width: 574.98px) { .sec-2-home-15__media-2-badge { right: 10px; bottom: 10px; padding: 8px 11px; gap: 8px; border-radius: 10px; } } .sec-2-home-15__media-2-badge-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.18); color: #ffd166; } @media (max-width: 574.98px) { .sec-2-home-15__media-2-badge-icon { width: 24px; height: 24px; } .sec-2-home-15__media-2-badge-icon svg { width: 14px; height: 14px; } } .sec-2-home-15__media-2-badge-text { display: inline-flex; flex-direction: column; line-height: 1.2; min-width: 0; } .sec-2-home-15__media-2-badge-title { font-family: var(--at-ff-body); font-weight: 600; font-size: 13px; letter-spacing: -0.01em; color: #fff; } @media (max-width: 574.98px) { .sec-2-home-15__media-2-badge-title { font-size: 12px; } } .sec-2-home-15__media-2-badge-meta { font-family: var(--at-ff-body); font-weight: 400; font-size: 11px; color: rgba(255, 255, 255, 0.82); } .sec-2-home-15 { } .sec-2-home-15__statement { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; max-width: 323px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-2-home-15__statement { gap: 20px; } } .sec-2-home-15__statement-icon { width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; flex-shrink: 0; } .sec-2-home-15__statement-text { font-family: var(--at-ff-body); font-weight: 500; font-size: 20px; line-height: 1.3; letter-spacing: -0.02em; color: var(--at-neutral-500); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-2-home-15__statement-text { font-size: 18px; } } @media (max-width: 574.98px) { .sec-2-home-15__statement-text { font-size: 16px; } } @keyframes sec-2-home-15-pulse { 0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.7); } 70% { box-shadow: 0 0 0 12px rgba(74, 222, 128, 0); } 100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); } } .sec-3-home-15 { overflow-x: hidden; background-color: var(--at-neutral-0); padding-top: 24px; padding-bottom: 24px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-3-home-15 { padding-top: 16px; padding-bottom: 16px; } } .sec-3-home-15 { } .sec-3-home-15__strip { width: 100%; } .sec-3-home-15 { } .sec-3-home-15 .at-brand-item { background-color: var(--at-neutral-50); } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .sec-3-home-15 .at-brand-item { width: 170px; height: 170px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-3-home-15 .at-brand-item { width: 150px; height: 150px; } } @media (max-width: 574.98px) { .sec-3-home-15 .at-brand-item { width: 140px; height: 140px; } } .sec-4-home-15 { background-color: var(--at-neutral-0); } .sec-4-home-15__title-bar { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 30px; border: 1px solid var(--at-neutral-200); border-radius: 16px; background-color: var(--at-neutral-0); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-4-home-15__title-bar { padding: 26px; margin-bottom: 72px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-4-home-15__title-bar { padding: 24px; margin-bottom: 56px; flex-direction: column; align-items: flex-start; gap: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-4-home-15__title-bar { padding: 20px; margin-bottom: 40px; flex-direction: column; align-items: flex-start; gap: 18px; } } .sec-4-home-15__heading { font-family: var(--at-ff-heading); font-weight: 600; font-size: 72px; line-height: 1.05; letter-spacing: -0.05em; color: var(--at-neutral-900); margin: 0; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-4-home-15__heading { font-size: 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-4-home-15__heading { font-size: 52px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-4-home-15__heading { font-size: 44px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-4-home-15__heading { font-size: 38px; } } @media (max-width: 574.98px) { .sec-4-home-15__heading { font-size: 32px; } } .sec-4-home-15 { } .sec-4-home-15__cards { display: flex; flex-direction: column; gap: 92px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-4-home-15__cards { gap: 72px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-4-home-15__cards { gap: 56px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-4-home-15__cards { gap: 40px; } } .sec-4-home-15__card { position: relative; display: block; width: 100%; aspect-ratio: 1428/1011; overflow: hidden; border-radius: 16px; background-color: var(--at-neutral-200); text-decoration: none; } @media (max-width: 574.98px) { .sec-4-home-15__card { border-radius: 12px; aspect-ratio: 4/5; } } .sec-4-home-15__card:hover, .sec-4-home-15__card:focus-visible { color: inherit; } .sec-4-home-15__card-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .sec-4-home-15__card-badge { position: absolute; top: 23px; right: 23px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; padding: 8px 10px; border-radius: 20px; background-color: var(--at-common-white); color: var(--at-neutral-950); font-family: var(--at-ff-body); font-weight: 600; font-size: 10px; line-height: 1; letter-spacing: -0.02em; text-transform: uppercase; white-space: nowrap; } .sec-4-home-15__card-bar { position: absolute; left: 20px; right: 20px; bottom: 21px; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 45px; height: 100px; background-color: var(--at-neutral-0); border-radius: 16px; overflow: hidden; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-4-home-15__card-bar { padding: 0 32px; height: 84px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-4-home-15__card-bar { padding: 0 22px; height: 72px; } } @media (max-width: 574.98px) { .sec-4-home-15__card-bar { left: 12px; right: 12px; bottom: 12px; padding: 0 16px; height: 64px; gap: 12px; } } .sec-4-home-15__card-name { font-family: var(--at-ff-heading); font-weight: 600; font-size: 64px; line-height: 1.1; letter-spacing: -0.05em; color: var(--at-neutral-900); white-space: nowrap; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-4-home-15__card-name { font-size: 56px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-4-home-15__card-name { font-size: 44px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-4-home-15__card-name { font-size: 38px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-4-home-15__card-name { font-size: 30px; } } @media (max-width: 574.98px) { .sec-4-home-15__card-name { font-size: 22px; } } .sec-4-home-15__card-cta { display: inline-flex; align-items: center; gap: 8px; font-family: var(--at-ff-body); font-weight: 600; font-size: 12px; line-height: 1; letter-spacing: -0.02em; text-transform: uppercase; color: var(--at-neutral-900); white-space: nowrap; transition: opacity 0.3s ease; } .sec-4-home-15__card-cta svg { flex-shrink: 0; transition: transform 0.3s ease; } .sec-4-home-15__card:hover .sec-4-home-15__card-cta, .sec-4-home-15__card:focus-visible .sec-4-home-15__card-cta { opacity: 0.85; } .sec-4-home-15__card:hover .sec-4-home-15__card-cta svg, .sec-4-home-15__card:focus-visible .sec-4-home-15__card-cta svg { transform: rotate(45deg); } .sec-4-home-15 { } .sec-4-home-15__repos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 32px; padding: 0; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-4-home-15__repos { margin-top: 72px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-4-home-15__repos { margin-top: 56px; justify-content: center; gap: 24px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-4-home-15__repos { margin-top: 40px; justify-content: center; gap: 14px 20px; } } .sec-4-home-15__repos a { font-family: var(--at-ff-body); font-weight: 500; font-size: 16px; line-height: 1; letter-spacing: -0.02em; color: var(--at-neutral-900); text-decoration: none; transition: opacity 0.3s ease; } .sec-4-home-15__repos a:hover, .sec-4-home-15__repos a:focus-visible { color: var(--at-neutral-900); opacity: 0.7; } @media (max-width: 574.98px) { .sec-4-home-15__repos a { font-size: 14px; } } .sec-5-home-15 { background-color: var(--at-neutral-950); color: var(--at-common-white); padding-top: 140px; padding-bottom: 140px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-5-home-15 { padding-top: 110px; padding-bottom: 110px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-5-home-15 { padding-top: 90px; padding-bottom: 90px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-5-home-15 { padding-top: 60px; padding-bottom: 60px; } } .sec-5-home-15 { } .sec-5-home-15__eyebrow { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; font-family: var(--at-ff-body); font-size: 11px; line-height: 1; text-transform: uppercase; } .sec-5-home-15__eyebrow-dot { width: 8px; height: 8px; border-radius: 4px; background-color: var(--at-common-white); flex-shrink: 0; } .sec-5-home-15__eyebrow-key { font-weight: 600; color: var(--at-common-white); letter-spacing: 2px; } .sec-5-home-15__eyebrow-meta { font-weight: 400; color: var(--at-neutral-500); letter-spacing: 1.2px; } .sec-5-home-15 { } .sec-5-home-15__heading { font-family: var(--at-ff-heading); font-weight: 500; font-size: 84px; line-height: 1; letter-spacing: -0.025em; color: var(--at-common-white); margin: 0; max-width: 1100px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-5-home-15__heading { font-size: 72px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-5-home-15__heading { font-size: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-5-home-15__heading { font-size: 52px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-5-home-15__heading { font-size: 42px; } } @media (max-width: 574.98px) { .sec-5-home-15__heading { font-size: 34px; } .sec-5-home-15__heading br { display: none; } } .sec-5-home-15 { } .sec-5-home-15__intro { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-5-home-15__intro { align-items: flex-start; } } .sec-5-home-15__copy { font-family: var(--at-ff-body); font-weight: 400; font-size: 14px; line-height: 1.6; color: var(--at-neutral-50); text-align: right; max-width: 446px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-5-home-15__copy { text-align: left; max-width: none; } } .sec-5-home-15 { } .sec-5-home-15__cta.at-btn-group .at-btn-circle, .sec-5-home-15__cta.at-btn-group .at-btn { background-color: var(--at-theme-primary); color: var(--at-common-white); border-color: var(--at-theme-primary); } .sec-5-home-15__cta.at-btn-group .at-btn:hover, .sec-5-home-15__cta.at-btn-group .at-btn:focus-visible, .sec-5-home-15__cta.at-btn-group .at-btn-circle:hover, .sec-5-home-15__cta.at-btn-group .at-btn-circle:focus-visible { background-color: var(--at-theme-primary); color: var(--at-common-white); opacity: 0.92; } .sec-5-home-15 { } .sec-5-home-15__phases { --bs-gutter-x: 0; } .sec-5-home-15 { } .sec-5-home-15__phase { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 0; height: 100%; padding: 40px 32px; color: var(--at-common-white); border-left: 1px solid var(--at-neutral-800); transition: background-color 0.4s ease, transform 0.4s ease; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-5-home-15__phase { padding: 32px 24px; } } .sec-5-home-15__phase:hover { background-color: rgba(255, 255, 255, 0.025); transform: translateY(-5px); } .sec-5-home-15 { } @media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) { .sec-5-home-15 .row-cols-xxl-5 > .col:nth-child(5n+1) .sec-5-home-15__phase { border-left: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-5-home-15 .row-cols-xl-5 > .col:nth-child(5n+1) .sec-5-home-15__phase { border-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-5-home-15 .row-cols-lg-3 > .col:nth-child(3n+1) .sec-5-home-15__phase { border-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .sec-5-home-15 .row-cols-md-2 > .col:nth-child(2n+1) .sec-5-home-15__phase { border-left: 0; } } @media (max-width: 574.98px) { .sec-5-home-15 .row-cols-1 > .col .sec-5-home-15__phase { border-left: 0; border-top: 1px solid var(--at-neutral-800); } } @media (max-width: 574.98px) { .sec-5-home-15 .row-cols-1 > .col:first-child .sec-5-home-15__phase { border-top: 0; } } .sec-5-home-15 { } .sec-5-home-15__phase-dot { width: 12px; height: 12px; background-color: var(--at-common-white); border-radius: 50%; margin-bottom: 32px; flex-shrink: 0; transition: background-color 0.4s ease, border-radius 0.4s ease, transform 0.4s ease; } .sec-5-home-15__phase-dot--active { border-radius: 0; background-color: var(--at-theme-primary); } .sec-5-home-15__phase:hover .sec-5-home-15__phase-dot { background-color: var(--at-theme-primary); border-radius: 0; transform: scale(1.1); } .sec-5-home-15__phase-num { font-family: var(--at-ff-heading); font-weight: 500; font-size: 64px; line-height: 1; letter-spacing: -0.03em; color: var(--at-common-white); margin-bottom: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-5-home-15__phase-num { font-size: 56px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-5-home-15__phase-num { font-size: 52px; } } .sec-5-home-15__phase-title { font-family: var(--at-ff-body); font-weight: 500; font-size: 22px; line-height: 1.2; letter-spacing: -0.013em; color: var(--at-common-white); margin-bottom: 12px; } @media (max-width: 574.98px) { .sec-5-home-15__phase-title { font-size: 20px; } } .sec-5-home-15__phase-desc { font-family: var(--at-ff-body); font-weight: 400; font-size: 13px; line-height: 1.6; color: var(--at-common-white); margin-bottom: 24px; max-width: 280px; } .sec-5-home-15__phase-duration { font-family: var(--at-ff-body); font-weight: 500; font-size: 11px; line-height: 1; letter-spacing: 1.6px; text-transform: uppercase; color: var(--at-theme-primary); margin-bottom: 20px; } .sec-5-home-15 { } .sec-5-home-15__phase-thumb { position: relative; width: 100%; max-width: 280px; aspect-ratio: 280/84; overflow: hidden; border-radius: 8px; background-color: var(--at-neutral-100); margin-top: auto; opacity: 0; transform: translateY(10px); transition: opacity 0.45s ease, transform 0.45s ease; } .sec-5-home-15__phase:hover .sec-5-home-15__phase-thumb { opacity: 1; transform: translateY(0); } .sec-5-home-15__phase-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transform: scale(1.05); transition: transform 0.6s ease; } .sec-5-home-15__phase:hover .sec-5-home-15__phase-img { transform: scale(1); } .sec-6-home-15 { position: relative; padding-top: clamp(48px, 6vw, 100px); padding-bottom: clamp(56px, 8vw, 140px); background: var(--at-neutral-0, #fefefe); overflow: hidden; } .sec-6-home-15__container { max-width: 2200px; margin: 0 auto; padding-left: clamp(20px, 5.2vw, 100px); padding-right: clamp(20px, 5.2vw, 100px); } .sec-6-home-15__layout { display: flex; flex-direction: column; gap: clamp(28px, 4vw, 40px); } @media (min-width: 1200px) { .sec-6-home-15__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, min(28vw, 407px)) minmax(0, 1fr); grid-template-rows: auto auto auto; gap: clamp(6px, 0.8vw, 10px); align-items: start; } } .sec-6-home-15__title-block { text-align: center; } @media (min-width: 1200px) { .sec-6-home-15__title-block { grid-column: 2; grid-row: 1/span 2; align-self: center; justify-self: center; z-index: 2; max-width: min(765px, 100%); padding: clamp(16px, 3vw, 48px) 0; pointer-events: none; } .sec-6-home-15__title-block .sec-6-home-15__eyebrow, .sec-6-home-15__title-block .sec-6-home-15__title { pointer-events: auto; } } .sec-6-home-15__eyebrow img { width: 14px; height: 13px; } .sec-6-home-15__eyebrow-text { font-family: var(--at-ff-body); font-weight: 600; font-size: 16px; line-height: 1.2; letter-spacing: -0.05em; color: var(--at-neutral-900, #1d1d1d); } .sec-6-home-15__title { font-family: var(--at-ff-heading); font-weight: 600; font-size: clamp(40px, 6vw, 84px); line-height: 0.95; letter-spacing: -0.05em; color: var(--at-neutral-950, #0f0f0f); text-wrap: balance; } .sec-6-home-15__member { min-width: 0; backface-visibility: hidden; transform-style: preserve-3d; } @media (min-width: 1200px) { .sec-6-home-15__member { max-width: 407px; } .sec-6-home-15__member--1 { grid-column: 1; grid-row: 1; justify-self: start; } .sec-6-home-15__member--2 { grid-column: 3; grid-row: 1; justify-self: end; margin-top: 0; } .sec-6-home-15__member--3 { grid-column: 1; grid-row: 2; justify-self: start; margin-top: 0; } .sec-6-home-15__member--4 { grid-column: 3; grid-row: 2; justify-self: end; margin-top: clamp(4px, 1vw, 14px); } } .sec-6-home-15__member-link { display: block; color: inherit; text-decoration: none; transition: opacity 0.3s ease; } .sec-6-home-15__member-link:hover { opacity: 0.92; } .sec-6-home-15__member-frame { position: relative; border-radius: 16px; overflow: hidden; background: var(--at-neutral-100, #dfdfdf); aspect-ratio: 407/550; } .sec-6-home-15__member-img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .sec-6-home-15__member-overlay { position: absolute; left: 0; right: 0; bottom: 0; min-height: 34.5%; padding: clamp(28px, 3vw, 40px) clamp(24px, 3.5vw, 46px); display: flex; flex-direction: column; align-items: flex-start; gap: 12px; background: linear-gradient(180deg, rgba(26, 26, 26, 0) 11.9%, rgba(26, 26, 26, 0.92) 100%); backdrop-filter: blur(3px); pointer-events: none; } .sec-6-home-15__member-name { font-family: var(--at-ff-heading); font-weight: 600; font-size: clamp(26px, 2.2vw, 32px); line-height: 1.1; letter-spacing: -0.05em; color: var(--at-neutral-0, #fefefe); } .sec-6-home-15__member-role { font-family: var(--at-ff-body); font-weight: 500; font-size: clamp(18px, 1.4vw, 22px); line-height: 1.2; letter-spacing: -0.02em; color: var(--at-neutral-0, #fefefe); opacity: 0.8; } .sec-6-home-15__member-fab { position: absolute; top: clamp(20px, 2vw, 26px); right: clamp(20px, 2vw, 26px); z-index: 2; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; pointer-events: none; } .sec-6-home-15__member-fab--light { background: var(--at-neutral-0, #fefefe); color: var(--at-neutral-900, #1d1d1d); } .sec-6-home-15__member-fab--dark { background: var(--at-neutral-900, #1d1d1d); color: var(--at-neutral-0, #fefefe); } @media (min-width: 1200px) { .sec-6-home-15__foot { grid-column: 2/-1; grid-row: 3; justify-self: end; max-width: min(775px, 100%); text-align: left; } } .sec-6-home-15__foot-text { font-family: var(--at-ff-heading); font-weight: 600; font-size: clamp(22px, 2.2vw, 36px); line-height: 1.2; letter-spacing: -0.05em; text-transform: capitalize; color: var(--at-neutral-700, #303030); } .sec-6-home-15__cta { height: 50px; padding: 14px 27px; border-radius: 50px; background: var(--at-neutral-900, #1d1d1d); font-family: var(--at-ff-body); font-weight: 600; font-size: 16px; line-height: 1; letter-spacing: -0.05em; color: var(--at-neutral-0, #fefefe) !important; text-decoration: none !important; white-space: nowrap; transition: background 0.25s ease, color 0.25s ease; } .sec-6-home-15__cta:hover { background: var(--at-theme-primary); color: var(--at-neutral-0) !important; } .sec-6-home-15__cta-arrow { flex-shrink: 0; color: currentColor; } .sec-6-home-15 { } .sec-6-home-15__throw { margin-top: 0; position: absolute; bottom: 0; height: 600px; z-index: 1; width: 100%; } .sec-6-home-15__throw .client-capsule-wrapper { margin-top: 0; height: 380px; } @media (min-width: 768px) { .sec-6-home-15__throw .client-capsule-wrapper { height: 460px; } } @media (min-width: 992px) { .sec-6-home-15__throw .client-capsule-wrapper { height: 520px; } } @media (min-width: 1400px) { .sec-6-home-15__throw .client-capsule-wrapper { height: 580px; } } .sec-6-home-15__throw .client-box--brand-h15 { background-color: var(--at-theme-primary); } .sec-7-home-15 { position: relative; background: var(--at-neutral-50, #f2f2f2); padding-top: 120px; padding-bottom: 140px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-7-home-15 { padding-top: 100px; padding-bottom: 110px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-7-home-15 { padding-top: 80px; padding-bottom: 90px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-7-home-15 { padding-top: 60px; padding-bottom: 60px; } } .sec-7-home-15 { } .sec-7-home-15__head { max-width: 1430px; margin-bottom: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-7-home-15__head { margin-bottom: 48px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-7-home-15__head { margin-bottom: 36px; } } .sec-7-home-15__eyebrow { color: var(--at-neutral-900, #1d1d1d); margin-bottom: 16px; } .sec-7-home-15__eyebrow svg { flex-shrink: 0; } .sec-7-home-15__eyebrow-text { font-family: var(--at-ff-body); font-weight: 600; font-size: 16px; line-height: 1.2; letter-spacing: -0.05em; } .sec-7-home-15__heading { font-family: var(--at-ff-heading); font-weight: 600; font-size: clamp(32px, 4.6vw, 64px); line-height: 1.125; letter-spacing: -0.05em; color: var(--at-neutral-900, #1d1d1d); } .sec-7-home-15__heading-muted { color: var(--at-neutral-300, #b7b7b7); } .sec-7-home-15 { } .sec-7-home-15__body { align-items: flex-start; } .sec-7-home-15 { } .sec-7-home-15__media { margin-bottom: 28px; } .sec-7-home-15__media-frame { position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 551/345; } .sec-7-home-15__media-img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .sec-7-home-15__caption { font-family: var(--at-ff-body); font-weight: 500; font-size: clamp(18px, 1.4vw, 22px); line-height: 1.45; letter-spacing: -0.02em; color: var(--at-neutral-950, #0f0f0f); max-width: 551px; } .sec-7-home-15 { } .sec-7-home-15__services { border-top: 1px solid var(--at-neutral-200, #cdcccc); border-bottom: 1px solid var(--at-neutral-200, #cdcccc); } .sec-7-home-15__service + .sec-7-home-15__service { border-top: 1px solid var(--at-neutral-200, #cdcccc); } .sec-7-home-15__service-link { display: flex; align-items: center; gap: 32px; padding: 28px 8px; color: inherit; text-decoration: none; transition: padding-left 0.35s ease; } .sec-7-home-15__service-link:hover { padding-left: 16px; } .sec-7-home-15__service-link:hover .sec-7-home-15__service-title { font-size: clamp(26px, 2.5vw, 36px); } .sec-7-home-15__service-link:hover .sec-7-home-15__service-fab { width: 56px; height: 56px; background: var(--at-theme-primary, #f0460e); border-color: var(--at-theme-primary, #f0460e); color: var(--at-neutral-0, #fefefe); } .sec-7-home-15__service-link:hover .sec-7-home-15__service-fab svg { width: 16px; height: 15px; stroke-width: 1.5; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-7-home-15__service-link { gap: 16px; padding: 22px 4px; } .sec-7-home-15__service-link:hover { padding-left: 8px; } } .sec-7-home-15__service-index { flex-shrink: 0; width: 100px; font-family: var(--at-ff-heading); font-weight: 600; font-size: clamp(22px, 2.2vw, 32px); line-height: 1; letter-spacing: -0.03em; color: var(--at-neutral-950, #0f0f0f); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-7-home-15__service-index { width: 64px; } } .sec-7-home-15__service-title { flex: 1 1 auto; min-width: 0; font-family: var(--at-ff-heading); font-weight: 600; font-size: clamp(22px, 2vw, 28px); line-height: 1; letter-spacing: -0.03em; color: var(--at-neutral-950, #0f0f0f); transition: font-size 0.3s ease; } .sec-7-home-15__service-fab { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--at-neutral-200, #cdcccc); background: transparent; color: var(--at-neutral-950, #0f0f0f); display: inline-flex; align-items: center; justify-content: center; transition: width 0.3s ease, height 0.3s ease, background 0.3s ease, color 0.3s ease, border-color 0.3s ease; } .sec-7-home-15__service-fab svg { transition: width 0.3s ease, height 0.3s ease, stroke-width 0.3s ease; } .sec-7-home-15 { } .sec-7-home-15__cta-block { max-width: 590px; margin-top: 64px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-7-home-15__cta-block { margin-top: 48px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-7-home-15__cta-block { margin-top: 36px; } } .sec-7-home-15__cta-mark { display: inline-flex; width: 40px; height: 40px; margin-bottom: 24px; } .sec-7-home-15__cta-copy { font-family: var(--at-ff-body); font-weight: 500; font-size: clamp(16px, 1.3vw, 20px); line-height: 1.5; letter-spacing: -0.02em; color: var(--at-neutral-900, #1d1d1d); margin-bottom: 28px; } .sec-7-home-15__cta-actions { gap: 0; } .sec-8-home-15 { position: relative; padding-top: 100px; padding-bottom: 110px; border-bottom: 1px solid var(--at-neutral-200, #cdcccc); text-align: center; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-8-home-15 { padding-top: 88px; padding-bottom: 96px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-8-home-15 { padding-top: 72px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-8-home-15 { padding-top: 56px; padding-bottom: 64px; } } .sec-8-home-15 { } .sec-8-home-15__eyebrow { color: var(--at-neutral-900, #1d1d1d); margin-bottom: 56px; } .sec-8-home-15__eyebrow svg { flex-shrink: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-8-home-15__eyebrow { margin-bottom: 44px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-8-home-15__eyebrow { margin-bottom: 32px; } } .sec-8-home-15__eyebrow-text { font-family: var(--at-ff-body); font-weight: 600; font-size: 16px; line-height: 1.2; letter-spacing: -0.05em; } .sec-8-home-15 { } .sec-8-home-15__slider { max-width: 1330px; margin-left: auto; margin-right: auto; margin-bottom: 64px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-8-home-15__slider { margin-bottom: 48px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-8-home-15__slider { margin-bottom: 36px; } } .sec-8-home-15__slide { display: flex; align-items: center; justify-content: center; } .sec-8-home-15__quote { font-family: var(--at-ff-heading); font-weight: 600; font-size: clamp(22px, 3.4vw, 48px); line-height: 1.085; letter-spacing: -0.05em; color: var(--at-neutral-950, #0f0f0f); max-width: 1330px; } .sec-8-home-15 { } .sec-8-home-15__thumbs { max-width: 814px; margin-left: auto; margin-right: auto; } .sec-8-home-15__thumbs .swiper-wrapper { align-items: center; } .sec-8-home-15__thumb { flex-shrink: 0; height: auto; aspect-ratio: 1/1; padding: 0; background: transparent; border: 5px solid var(--at-neutral-50, #f2f2f2); cursor: pointer; overflow: hidden; transition: border-color 0.3s ease; } .sec-8-home-15__thumb:hover { border-color: var(--at-neutral-200, #cdcccc); } .sec-8-home-15__thumb.swiper-slide-thumb-active { border-color: var(--at-theme-primary, #f0460e); } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-8-home-15__thumb { border-width: 4px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-8-home-15__thumb { border-width: 4px; } } @media (max-width: 574.98px) { .sec-8-home-15__thumb { border-width: 3px; } } .sec-8-home-15__thumb-img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .sec-9-home-15 { padding-top: 140px; padding-bottom: 140px; background-color: var(--at-neutral-0); } @media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-9-home-15 { padding-top: 110px; padding-bottom: 110px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-9-home-15 { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-9-home-15 { padding-top: 60px; padding-bottom: 60px; } } .sec-9-home-15__inner { max-width: 1920px; margin: 0 auto; padding-left: 100px; padding-right: 100px; } @media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) { .sec-9-home-15__inner { padding-left: 60px; padding-right: 60px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-9-home-15__inner { padding-left: 40px; padding-right: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-9-home-15__inner { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-9-home-15__inner { padding-left: 20px; padding-right: 20px; } } @media (max-width: 574.98px) { .sec-9-home-15__inner { padding-left: 16px; padding-right: 16px; } } .sec-9-home-15 { } .sec-9-home-15__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding-bottom: 42px; border-bottom: 1px solid var(--at-neutral-100); margin-bottom: 42px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-9-home-15__head { padding-bottom: 32px; margin-bottom: 32px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-9-home-15__head { flex-direction: column; align-items: flex-start; gap: 24px; padding-bottom: 28px; margin-bottom: 28px; } } .sec-9-home-15__head-left { display: flex; flex-direction: column; gap: 16px; min-width: 0; } .sec-9-home-15__eyebrow { display: inline-flex; align-items: center; gap: 8px; font-family: var(--at-ff-body); font-weight: 600; font-size: 16px; line-height: 1; letter-spacing: -0.05em; text-transform: uppercase; color: var(--at-neutral-900); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-9-home-15__eyebrow { font-size: 13px; } } .sec-9-home-15__eyebrow-label { white-space: nowrap; } .sec-9-home-15__eyebrow-icon { flex-shrink: 0; display: inline-block; } .sec-9-home-15__title { font-family: var(--at-ff-heading); font-weight: 500; font-size: 124px; line-height: 1; letter-spacing: -0.05em; color: var(--at-neutral-900); } @media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) { .sec-9-home-15__title { font-size: 110px; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .sec-9-home-15__title { font-size: 96px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-9-home-15__title { font-size: 84px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-9-home-15__title { font-size: 76px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-9-home-15__title { font-size: 64px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .sec-9-home-15__title { font-size: 56px; } } @media (max-width: 574.98px) { .sec-9-home-15__title { font-size: 44px; } } .sec-9-home-15__cta { display: inline-flex; align-items: center; gap: 12px; padding: 14px 27px; border-radius: 50px; background-color: var(--at-neutral-900); color: var(--at-neutral-0); font-family: var(--at-ff-body); font-weight: 600; font-size: 16px; letter-spacing: -0.05em; line-height: 1; white-space: nowrap; text-decoration: none; text-transform: uppercase; transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; } .sec-9-home-15__cta:hover, .sec-9-home-15__cta:focus-visible { background-color: var(--at-neutral-700, #2a2a2a); color: var(--at-neutral-0); transform: translateY(-2px); } @media (max-width: 574.98px) { .sec-9-home-15__cta { font-size: 14px; padding: 12px 22px; } } .sec-9-home-15__cta-icon { display: inline-flex; align-items: center; justify-content: center; } .sec-9-home-15 { } .sec-9-home-15__list { display: flex; flex-direction: column; gap: 42px; margin-left: 372px; } @media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) { .sec-9-home-15__list { margin-left: 240px; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .sec-9-home-15__list { margin-left: 160px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-9-home-15__list { margin-left: 80px; gap: 36px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-9-home-15__list { margin-left: 0; gap: 32px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-9-home-15__list { margin-left: 0; gap: 24px; } } .sec-9-home-15 { } .sec-9-home-15__item { display: grid; grid-template-columns: minmax(0, 1.5fr) 339px minmax(0, 0.9fr); align-items: center; gap: 64px; padding-bottom: 42px; border-bottom: 1px solid var(--at-neutral-100); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-9-home-15__item { grid-template-columns: minmax(0, 1.4fr) 280px minmax(0, 0.9fr); gap: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-9-home-15__item { grid-template-columns: minmax(0, 1.3fr) 240px minmax(0, 1fr); gap: 32px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-9-home-15__item { grid-template-columns: minmax(0, 1fr) 200px; grid-template-areas: "lead thumb" "meta meta"; gap: 24px 28px; padding-bottom: 32px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-9-home-15__item { grid-template-columns: 1fr; grid-template-areas: "thumb" "lead" "meta"; gap: 20px; padding-bottom: 24px; } } .sec-9-home-15__item--last { border-bottom: 0; padding-bottom: 0; } .sec-9-home-15__item-lead { display: flex; flex-direction: column; align-items: flex-start; gap: 26px; max-width: 557px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-9-home-15__item-lead { grid-area: lead; gap: 18px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-9-home-15__item-lead { grid-area: lead; gap: 14px; max-width: none; } } .sec-9-home-15__tag { display: inline-flex; align-items: center; justify-content: center; padding: 10px 19px; border: 1px solid var(--at-neutral-100); border-radius: 32px; font-family: var(--at-ff-body); font-weight: 600; font-size: 12px; line-height: 1; letter-spacing: -0.02em; text-transform: uppercase; color: var(--at-neutral-900); background-color: transparent; } .sec-9-home-15__item-title { font-family: var(--at-ff-body); font-weight: 600; font-size: 24px; line-height: 1.2; letter-spacing: -0.05em; color: var(--at-neutral-900); margin: 0; } .sec-9-home-15__item-title a { color: inherit; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-size: 0% 1px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size 0.4s ease; } .sec-9-home-15__item-title a:hover, .sec-9-home-15__item-title a:focus-visible { color: inherit; background-size: 100% 1px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .sec-9-home-15__item-title { font-size: 22px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sec-9-home-15__item-title { font-size: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .sec-9-home-15__item-title { font-size: 20px; } } @media (max-width: 574.98px) { .sec-9-home-15__item-title { font-size: 18px; } } .sec-9-home-15__item-thumb { position: relative; display: block; overflow: hidden; border-radius: 16px; aspect-ratio: 339/210; width: 100%; background-color: var(--at-neutral-100); } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-9-home-15__item-thumb { grid-area: thumb; aspect-ratio: 4/3; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-9-home-15__item-thumb { grid-area: thumb; aspect-ratio: 16/10; } } .sec-9-home-15__item-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .sec-9-home-15__item-meta { display: flex; flex-direction: column; justify-content: space-between; gap: 32px; height: 100%; min-height: 120px; max-width: 312px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-9-home-15__item-meta { grid-area: meta; gap: 16px; max-width: none; min-height: 0; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .sec-9-home-15__item-meta { grid-area: meta; gap: 14px; max-width: none; min-height: 0; } } .sec-9-home-15__item-excerpt { font-family: var(--at-ff-body); font-weight: 500; font-size: 16px; line-height: 1.5; letter-spacing: -0.02em; color: var(--at-neutral-500); } @media (max-width: 574.98px) { .sec-9-home-15__item-excerpt { font-size: 15px; } } .sec-9-home-15__item-byline { font-family: var(--at-ff-body); font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: -0.02em; color: var(--at-neutral-500); } @media (max-width: 574.98px) { .sec-9-home-15__item-byline { font-size: 15px; } } .sec-9-home-15__item-author { color: #f0460e; text-decoration: none; transition: opacity 0.3s ease; } .sec-9-home-15__item-author:hover, .sec-9-home-15__item-author:focus-visible { color: #f0460e; opacity: 0.8; } @keyframes hsgHintPulse { 0%, 100% { opacity: 0.35; transform: translateX(0); } 50% { opacity: 1; transform: translateX(8px); } } .sec-3-portfolio-details-3__cell .anim-zoomin-wrap { position: absolute; inset: 0; overflow: hidden; } .sec-3-portfolio-details-3__cell { position: relative; margin: 0; overflow: hidden; border-radius: 8px; background-color: var(--at-neutral-100); } .sec-3-portfolio-details-3__cell img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.8s ease; } .sec-3-portfolio-details-3__cell:hover img { transform: scale(1.05); } @keyframes pd6-marquee { from { transform: translateX(0); } to { transform: translateX(-33.3333%); } } .back-to-top-wrapper { position: fixed; right: 50px; bottom: 0; height: 44px; width: 44px; cursor: pointer; display: block; border-radius: 50%; z-index: 99; opacity: 0; visibility: hidden; } @media (max-width: 574.98px) { .back-to-top-wrapper { right: 20px; bottom: 20px; } } .back-to-top-wrapper.back-to-top-btn-show { visibility: visible; opacity: 1; bottom: 50px; } .at-btn { gap: 8px; line-height: 1; font-weight: 600; font-size: 16px; letter-spacing: -0.05em; padding: 17px 25px; text-transform: capitalize; color: #FEFEFE; display: inline-flex; align-items: center; justify-content: center; background-color: #1D1D1D; border-radius: 50px; } .at-btn:hover { color: #FEFEFE; } .at-btn:hover span span.text-1 { transform: translateY(-150%); } .at-btn:hover span span.text-2 { top: 50%; transform: translateY(-50%); } .at-btn:hover i svg:first-child { transform: translate(16px, -16px); } .at-btn:hover i svg:last-child { opacity: 1; visibility: visible; transform: translate(13px, -13px); } .at-btn:hover i.icon-arrow-right svg:first-child { transform: translate(16px, 0); } .at-btn:hover i.icon-arrow-right svg:last-child { transform: translate(16px, 0); } .at-btn:hover i.icon-arrow-up-left svg:first-child { transform: translate(-16px, -16px); } .at-btn:hover i.icon-arrow-up-left svg:last-child { transform: translate(-16px, -16px); } .at-btn span { position: relative; z-index: 1; overflow: hidden; display: inline-block; } .at-btn span span.text-1 { position: relative; display: block; transition: 0.3s; } .at-btn span span.text-2 { position: absolute; top: 100%; display: block; transition: 0.3s; } .at-btn i { position: relative; overflow: hidden; width: 16px; height: 16px; display: inline-flex; margin-left: 4px; } .at-btn i svg { transform: translateY(-2px); position: absolute; bottom: -1px; left: 1px; transition: all 0.2s ease-out; } .at-btn i svg:last-child { left: -12px; bottom: -12px; transform: translate(0, 0); opacity: 0; } .at-btn i.icon-arrow-right svg:last-child { left: -16px; bottom: 0; } .at-btn i.icon-arrow-up-left svg:last-child { left: 16px; bottom: -16px; } .at-btn.active { background: var(--at-neutral-900); border-color: var(--at-neutral-900); color: var(--at-neutral-0); } @keyframes rotate-infinite { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-infinite-2 { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes animate-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.2); } 40% { box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.2); } 80% { box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0); } } @keyframes arrowLineRotation { to { transform: rotate(180deg); } } @keyframes arrowLineRotationRev { to { transform: rotate(-180deg); } } @keyframes preloader { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 0; } } .at-search-form-toggle { position: fixed; top: 115px; left: 50%; max-width: 1136px; width: 100%; padding: 50px 60px 60px; border-radius: 16px; } @media (max-width: 574.98px) { .at-search-form-toggle { padding: 15px; } } .at-search-form-toggle { background-color: rgba(var(--at-neutral-50-rgb), 0.9); backdrop-filter: blur(20px); opacity: 0; transform: translate(-50%, calc(-100% - 80px)); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition-delay: 0s, 0s, 0s; transition-delay: 0.5s; z-index: 9999; pointer-events: none; visibility: hidden; } .at-search-form-toggle.active { opacity: 1; pointer-events: auto; visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; } .at-search-form-toggle.active .at-search-form-input { transform: translate(0, 0) !important; opacity: 1; transition-delay: 0.5s; } .at-search-form-btn { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); font-size: 16px; border-radius: 8px; } .at-search-form-input { position: relative; transform: translateY(-40px); transition: all 0.3s ease-in-out !important; transition-delay: 0.5s; padding: 12px 15px 12px 32px; border-radius: 8px; opacity: 0; border: 1px solid var(--at-neutral-100); background: var(--at-neutral-0); overflow: hidden; } .at-search-form-input input { width: 100%; height: 100%; border: 0; outline: 0; font-size: 24px; font-weight: 400; color: var(--at-common-black); display: inline-flex; justify-content: space-between; align-items: center; gap: 636px; background: var(--at-neutral-0); transition-delay: 0.5s; transition: all 0.3s ease-in-out !important; } .at-search-form-input input::-moz-placeholder { font-size: 24px; color: var(--at-neutral-500); } .at-search-form-input input::placeholder { font-size: 24px; color: var(--at-neutral-500); } .at-search-form-input input:focus { border-color: transparent; } .at-search-form-input input:focus ~ .at-search-focus-border { width: 100%; left: 0; right: auto; transition: all 2s; } .at-search-form-input .at-search-focus-border { position: absolute; bottom: 0; left: auto; right: 0; width: 0; height: 1px; background-color: var(--at-common-black); transition: all 0.5s; } .at-search-close { color: var(--at-common-black); font-size: 40px; transition: all 0.3s ease; } .at-search-close:hover { color: var(--at-neutral-500); transform: rotate(180deg); } .at-search-body-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(24, 24, 24, 0.5); z-index: 99; cursor: zoom-out; pointer-events: none; transform: translateY(calc(-100% - 80px)); transition: all 0.5s ease-in-out 0s; transition-delay: 0.3s; } .at-search-body-overlay.active { pointer-events: auto; transform: translateY(0); } body.at-magic-cursor #magic-cursor { display: block; } @media (max-width: 991.98px), (hover: none), (pointer: coarse) { body.at-magic-cursor #magic-cursor { display: none !important; } } [data-bs-theme=dark] { --at-common-white: var(--at-common-dark-white); --at-common-white-rgb: var(--at-common-dark-white-rgb); --at-common-black: var(--at-common-dark-black); --at-common-black-rgb: var(--at-common-dark-black-rgb); --at-common-bubbles: var(--at-common-dark-bubbles); --at-neutral-0: var(--at-neutral-dark-0); --at-neutral-0-rgb: var(--at-neutral-dark-0-rgb); --at-neutral-50: var(--at-neutral-dark-50); --at-neutral-50-rgb: var(--at-neutral-dark-50-rgb); --at-neutral-100: var(--at-neutral-dark-100); --at-neutral-200: var(--at-neutral-dark-200); --at-neutral-300: var(--at-neutral-dark-300); --at-neutral-500: var(--at-neutral-dark-500); --at-neutral-700: var(--at-neutral-dark-700); --at-neutral-800: var(--at-neutral-dark-800); --at-neutral-900: var(--at-neutral-dark-900); --at-neutral-950: var(--at-neutral-dark-950); } [data-bs-theme=dark] .invert-1 { filter: invert(0); } [data-bs-theme=dark] .at-header-logo img, [data-bs-theme=dark] .at-offcanvas-logo img { filter: invert(1); } [data-bs-theme=dark] .invert-0 { filter: invert(0) !important; } [data-bs-theme=dark] .dark-mode-invert { filter: invert(1); } [data-bs-theme=dark] .at-main-menu nav ul li.has-dropdown > a::after { filter: invert(1); } [data-bs-theme=dark] .changeless { --at-common-white: #ffffff; --at-common-white-rgb: 255, 255, 255; --at-common-black: #1e1e1e; --at-common-bubbles: #e1eeb7; --at-neutral-950: #0f0f0f; --at-neutral-900: #1d1d1d; --at-neutral-800: #212121; --at-neutral-700: #303030; --at-neutral-500: #585959; --at-neutral-300: #b7b7b7; --at-neutral-100: #dfdfdf; --at-neutral-50: #f2f2f2; --at-neutral-0: #fefefe; } .dark-light-mode .toggle { display: grid; place-items: center; cursor: pointer; line-height: 1; } .dark-light-mode .input { display: none; } .dark-light-mode label { margin-bottom: 0 !important; } .dark-light-mode .icon { grid-column: 1/1; grid-row: 1/1; transition: transform 500ms; line-height: 0.1; } .dark-light-mode .icon--moon { transition-delay: 200ms; } .dark-light-mode .icon--sun { transform: scale(0); } .dark-light-mode #switch:checked + .icon--moon { transform: rotate(360deg) scale(0); } .dark-light-mode #switch:checked ~ .icon--sun { transition-delay: 200ms; transform: scale(1) rotate(360deg); } @charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.h1,.h2,.h3,h1,h2,h3{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{font-family:var(--bs-font-monospace);font-size:1em}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}th{text-align:inherit;text-align:-webkit-match-parent}th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.list-unstyled{padding-left:0;list-style:none}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.figure{display:inline-block}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.gx-3{--bs-gutter-x:1rem}.gx-4{--bs-gutter-x:1.5rem}.gy-4{--bs-gutter-y:1.5rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.offcanvas{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.show:not(.hiding){transform:none}.offcanvas.show{visibility:visible}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.visually-hidden *{overflow:hidden!important}.opacity-100{opacity:1!important}.overflow-hidden{overflow:hidden!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.start-0{left:0!important}.end-0{right:0!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.w-75{width:75%!important}.w-100{width:100%!important}.flex-column{flex-direction:column!important}.flex-grow-1{flex-grow:1!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.me-3{margin-right:1rem!important}.ms-3{margin-left:1rem!important}.p-0{padding:0!important}.pb-2{padding-bottom:.5rem!important}.gap-2{gap:.5rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.text-decoration-none{text-decoration:none!important}.text-uppercase{text-transform:uppercase!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.rounded-0{border-radius:0!important}.visible{visibility:visible!important}@media (min-width:576px){.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}}@media (min-width:768px){.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}}@media (min-width:992px){.d-lg-block{display:block!important}.pt-lg-0{padding-top:0!important}.pe-lg-5{padding-right:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}}@media (min-width:1200px){.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}}@media (min-width:1400px){.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}} .mt-30 { margin-top: 30px } .mb-10 { margin-bottom: 10px } .mb-40 { margin-bottom: 40px } .pt-50 { padding-top: 50px } .pt-65 { padding-top: 65px } .pt-100 { padding-top: 100px } .pt-150 { padding-top: 150px } .pb-60 { padding-bottom: 60px } .pb-65 { padding-bottom: 65px } .pb-100 { padding-bottom: 100px } .fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.fa,.fa-light,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}.fa-xmark:before{content:"\f00d"}:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../../fonts/fa-brands-400.woff2) format("woff2"),url(../../fonts/fa-brands-400.ttf) format("truetype")}.fab{font-family:"Font Awesome 6 Brands";font-weight:400}:root{--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}@font-face{font-family:"Font Awesome 6 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(../../fonts/fa-duotone-900.woff2) format("woff2"),url(../../fonts/fa-duotone-900.ttf) format("truetype")}.fa-duotone.fa-book-journal-whills:after,.fa-duotone.fa-journal-whills:after,.fad.fa-book-journal-whills:after,.fad.fa-journal-whills:after{content:"\f66a\f66a"}:root{--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../../fonts/fa-light-300.woff2) format("woff2"),url(../../fonts/fa-light-300.ttf) format("truetype")}.fa-light,.fal{font-family:"Font Awesome 6 Pro";font-weight:300}:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../../fonts/fa-regular-400.woff2) format("woff2"),url(../../fonts/fa-regular-400.ttf) format("truetype")}.far{font-family:"Font Awesome 6 Pro";font-weight:400}:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../../fonts/fa-solid-900.woff2) format("woff2"),url(../../fonts/fa-solid-900.ttf) format("truetype")}.fas{font-family:"Font Awesome 6 Pro";font-weight:900}:root{--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:100;font-display:block;src:url(../../fonts/fa-thin-100.woff2) format("woff2"),url(../../fonts/fa-thin-100.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../../fonts/fa-brands-400.woff2) format("woff2"),url(../../fonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:900;src:url(../../fonts/fa-solid-900.woff2) format("woff2"),url(../../fonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:400;src:url(../../fonts/fa-regular-400.woff2) format("woff2"),url(../../fonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:300;src:url(../../fonts/fa-light-300.woff2) format("woff2"),url(../../fonts/fa-light-300.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Duotone";font-display:block;font-weight:900;src:url(../../fonts/fa-duotone-900.woff2) format("woff2"),url(../../fonts/fa-duotone-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../fonts/fa-solid-900.woff2) format("woff2"),url(../../fonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../fonts/fa-brands-400.woff2) format("woff2"),url(../../fonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../fonts/fa-regular-400.woff2) format("woff2"),url(../../fonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../fonts/fa-v4compatibility.woff2) format("woff2"),url(../../fonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a} .sec-4-home-15__title-bar { position: relative; z-index: 10; background-color: var(--at-neutral-0); } .sec-4-home-15__repos { position: relative; z-index: 10; background-color: var(--at-neutral-0); } .sec-4-home-15__cards { position: relative; display: block; gap: 0; height: 100vh; margin: 0 auto; perspective: 1000px; } .sec-4-home-15__card { --sec4-gap: 140px; position: absolute; top: 50%; left: 50%; width: min(100%, calc((100vh - var(--sec4-gap)) * 1428 / 1011)); max-width: 100%; aspect-ratio: 1428 / 1011; height: auto; transform-origin: center bottom; will-change: transform; } .sec-4-home-15__card:nth-child(1) { z-index: 5; } .sec-4-home-15__card:nth-child(2) { z-index: 4; } .sec-4-home-15__card:nth-child(3) { z-index: 3; } .sec-4-home-15__card:nth-child(4) { z-index: 2; } .sec-4-home-15__card:nth-child(5) { z-index: 1; } @media (max-width: 991.98px) { .sec-4-home-15__cards { height: 80vh; } .sec-4-home-15__card { --sec4-gap: 100px; width: min(100%, calc((80vh - var(--sec4-gap)) * 1428 / 1011)); } } @media (max-width: 575.98px) { .sec-4-home-15__cards { height: 70vh; } .sec-4-home-15__card { --sec4-gap: 80px; width: min(100%, calc((70vh - var(--sec4-gap)) * 4 / 5)); aspect-ratio: 4 / 5; } }