/* legacy-base.css — auto-generated subset of the Orisa template CSS.
Contains only rules proven used by current markup, kept CSS, and template JS.
Source order preserved: bootstrap -> main -> spacing. Regenerate with tools script; do not hand-edit. */
/* ==== from: C:\Users\DevDimensions\Documents\cache\Orisa_NextJS\public\assets\css\vendors\bootstrap.min.css (365 kept / 2265 dropped) ==== */
@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}
hr {margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}
.h3,h3 {font-size:calc(1.3rem + .6vw)}
@media (min-width: 1366px) {
.h3,h3 {font-size:1.75rem}
}
.h4,h4 {font-size:calc(1.275rem + .3vw)}
@media (min-width: 1366px) {
.h4,h4 {font-size:1.5rem}
}
.h5,h5 {font-size:1.25rem}
.h6,h6 {font-size:1rem}
p {margin-top:0;margin-bottom:1rem}
abbr[title] {-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address {margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul {padding-left:2rem}
dl,ol,ul {margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul {margin-bottom:0}
dt {font-weight:700}
dd {margin-bottom:.5rem;margin-left: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)}
sub,sup {position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
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,kbd,pre,samp {font-family:var(--bs-font-monospace);font-size:1em}
pre {display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code {font-size:inherit;color:inherit;word-break:normal}
code {font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}
a>code {color:inherit}
kbd {padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}
kbd kbd {padding:0;font-size:1em}
figure {margin:0 0 1rem}
img,svg {vertical-align:middle}
table {caption-side:bottom;border-collapse:collapse}
caption {padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}
th {text-align:inherit;text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr {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,optgroup,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}
fieldset {min-width:0;padding:0;margin:0;border:0}
legend {float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}
@media (min-width: 1366px) {
legend {font-size:1.5rem}
}
legend+* {clear:left}
::-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}
output {display:inline-block}
iframe {border:0}
summary {display:list-item;cursor:pointer}
progress {vertical-align:baseline}
[hidden] {display:none!important}
.lead {font-size:1.25rem;font-weight:300}
.list-unstyled {padding-left:0;list-style:none}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {--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: 425px) {
.container,.container-sm {max-width:540px}
}
@media (min-width: 768px) {
.container,.container-md,.container-sm {max-width:720px}
}
@media (min-width: 1024px) {
.container,.container-lg,.container-md,.container-sm {max-width:960px}
}
@media (min-width: 1366px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {max-width:1140px}
}
@media (min-width: 1440px) {
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {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-6 {flex:0 0 auto;width:50%}
.col-12 {flex:0 0 auto;width:100%}
.g-3,.gx-3 {--bs-gutter-x:1rem}
.g-3,.gy-3 {--bs-gutter-y:1rem}
.g-4,.gx-4 {--bs-gutter-x:1.5rem}
.g-4,.gy-4 {--bs-gutter-y:1.5rem}
.g-5,.gx-5 {--bs-gutter-x:3rem}
.g-5,.gy-5 {--bs-gutter-y:3rem}
@media (min-width: 768px) {
.col-md-4 {flex:0 0 auto;width:33.33333333%}
.col-md-6 {flex:0 0 auto;width:50%}
.col-md-8 {flex:0 0 auto;width:66.66666667%}
.col-md-12 {flex:0 0 auto;width:100%}
}
@media (min-width: 1024px) {
.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-10 {flex:0 0 auto;width:83.33333333%}
.col-lg-12 {flex:0 0 auto;width:100%}
.offset-lg-1 {margin-left:8.33333333%}
}
@media (min-width: 1366px) {
.col-xl-2 {flex:0 0 auto;width:16.66666667%}
.col-xl-4 {flex:0 0 auto;width:33.33333333%}
.col-xl-6 {flex:0 0 auto;width:50%}
.col-xl-8 {flex:0 0 auto;width:66.66666667%}
}
@media (min-width: 1440px) {
.col-xxl-2 {flex:0 0 auto;width:16.66666667%}
.col-xxl-3 {flex:0 0 auto;width:25%}
.col-xxl-5 {flex:0 0 auto;width:41.66666667%}
.col-xxl-10 {flex:0 0 auto;width:83.33333333%}
}
.table {--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>* {padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}
.table>tbody {vertical-align:inherit}
.table>thead {vertical-align:bottom}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {display:block}
.form-control.is-valid,.was-validated .form-control:valid {border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus {border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid {padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-valid,.was-validated .form-select:valid {border-color:var(--bs-form-valid-border-color)}
.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-valid:focus,.was-validated .form-select:valid:focus {border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.form-control-color.is-valid,.was-validated .form-control-color:valid {width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-valid,.was-validated .form-check-input:valid {border-color:var(--bs-form-valid-border-color)}
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {background-color:var(--bs-form-valid-color)}
.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {color:var(--bs-form-valid-color)}
.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid {z-index:3}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {display:block}
.form-control.is-invalid,.was-validated .form-control:invalid {border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-invalid,.was-validated .form-select:invalid {border-color:var(--bs-form-invalid-border-color)}
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.form-control-color.is-invalid,.was-validated .form-control-color:invalid {width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-invalid,.was-validated .form-check-input:invalid {border-color:var(--bs-form-invalid-border-color)}
.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {background-color:var(--bs-form-invalid-color)}
.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {color:var(--bs-form-invalid-color)}
.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid {z-index:4}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled,.btn:disabled,fieldset:disabled .btn {color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.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}
}
.collapsing.collapse-horizontal {width:0;height:auto;transition:width .35s ease}
@media (prefers-reduced-motion:reduce) {
.collapsing.collapse-horizontal {transition:none}
}
.dropdown-item.active,.dropdown-item:active {color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}
.dropdown-item.disabled,.dropdown-item:disabled {color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}
.dropdown-menu.show {display:block}
.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {z-index:1}
.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}
.nav-link.disabled,.nav-link:disabled {color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}
.nav-underline .nav-link.active,.nav-underline .show>.nav-link {font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}
.tab-content>.active {display:block}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {color:var(--bs-navbar-active-color)}
.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)}
.card>hr {margin-right:0;margin-left:0}
.card>.list-group {border-top:inherit;border-bottom:inherit}
.card>.list-group:first-child {border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}
.card>.list-group:last-child {border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card>.card-header+.list-group,.card>.list-group+.card-footer {border-top:0}
.card-header-tabs .nav-link.active {background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}
.card-group>.card {margin-bottom:var(--bs-card-group-margin)}
@media (min-width: 425px) {
.card-group>.card {flex:1 0 0;margin-bottom:0}
.card-group>.card+.card {margin-left:0;border-left:0}
.card-group>.card:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0}
.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top {border-top-right-radius:0}
.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom {border-bottom-right-radius:0}
.card-group>.card:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0}
.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top {border-top-left-radius:0}
.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom {border-bottom-left-radius:0}
}
.accordion {--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}
.accordion-button:not(.collapsed) {color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}
.accordion-button:not(.collapsed)::after {background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}
.accordion-item {color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}
.accordion-item:first-of-type {border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}
.accordion-item:first-of-type>.accordion-header .accordion-button {border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:not(:first-of-type) {border-top:0}
.accordion-item:last-of-type {border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:last-of-type>.accordion-collapse {border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-flush>.accordion-item {border-right:0;border-left:0;border-radius:0}
.accordion-flush>.accordion-item:first-child {border-top:0}
.accordion-flush>.accordion-item:last-child {border-bottom:0}
.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {border-radius:0}
.breadcrumb-item.active {color:var(--bs-breadcrumb-item-active-color)}
.pagination {--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}
.active>.page-link,.page-link.active {z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}
.disabled>.page-link,.page-link.disabled {color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}
.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,.progress-stacked {--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)}
.progress-stacked>.progress {overflow:visible}
.progress-stacked>.progress>.progress-bar {width:100%}
.list-group-item.disabled,.list-group-item:disabled {color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}
.list-group-item.active {z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}
.list-group-item+.list-group-item.active {margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}
.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover {z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}
.list-group-item-action:not(.active):active {color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}
.list-group-horizontal>.list-group-item.active {margin-top:0}
.list-group-horizontal>.list-group-item+.list-group-item.active {margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}
@media (min-width: 425px) {
.list-group-horizontal-sm>.list-group-item.active {margin-top:0}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}
}
@media (min-width: 768px) {
.list-group-horizontal-md>.list-group-item.active {margin-top:0}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}
}
@media (min-width: 1024px) {
.list-group-horizontal-lg>.list-group-item.active {margin-top:0}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}
}
@media (min-width: 1366px) {
.list-group-horizontal-xl>.list-group-item.active {margin-top:0}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}
}
@media (min-width: 1440px) {
.list-group-horizontal-xxl>.list-group-item.active {margin-top:0}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active {margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}
}
.btn-close.disabled,.btn-close:disabled {pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}
:root,[data-bs-theme=light] {--bs-btn-close-filter: }
[data-bs-theme=dark] {--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}
.toast.showing {opacity:0}
.toast:not(.show) {display:none}
.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}
.modal.fade .modal-dialog {transform:translate(0,-50px);transition:transform .3s ease-out}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {transition:none}
}
.modal.show .modal-dialog {transform:none}
.modal.modal-static .modal-dialog {transform:scale(1.02)}
.modal-backdrop.fade {opacity:0}
.modal-backdrop.show {opacity:var(--bs-backdrop-opacity)}
@media (min-width: 425px) {
.modal {--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}
}
.tooltip.show {opacity:var(--bs-tooltip-opacity)}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {display:block}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {transform:translateX(-100%)}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {z-index:1;opacity:1}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {transition:none}
}
.carousel-indicators .active {opacity:1}
: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}}
@media (max-width: 424.98px) {
.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {transform:none}
.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing {visibility:visible}
}
@media (max-width: 767.98px) {
.offcanvas-md.show:not(.hiding),.offcanvas-md.showing {transform:none}
.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing {visibility:visible}
}
@media (max-width: 1023.98px) {
.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {transform:none}
.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing {visibility:visible}
}
@media (max-width: 1365.98px) {
.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {transform:none}
.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing {visibility:visible}
}
@media (max-width: 1439.98px) {
.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {transform:none}
.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing {visibility:visible}
}
.offcanvas.show:not(.hiding),.offcanvas.showing {transform:none}
.offcanvas.hiding,.offcanvas.show,.offcanvas.showing {visibility:visible}
.offcanvas-backdrop {position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.offcanvas-backdrop.fade {opacity:0}
.offcanvas-backdrop.show {opacity:.5}
@keyframes placeholder-glow {50%{opacity:.2}}
@keyframes placeholder-wave {100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {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-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {position:absolute!important}
.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) * {overflow:hidden!important}
.opacity-50 {opacity:.5!important}
.opacity-100 {opacity:1!important}
.overflow-hidden {overflow:hidden!important}
.d-inline-block {display:inline-block!important}
.d-block {display:block!important}
.d-flex {display:flex!important}
.d-inline-flex {display:inline-flex!important}
.d-none {display:none!important}
.top-0 {top:0!important}
.top-50 {top:50%!important}
.start-50 {left:50%!important}
.end-0 {right:0!important}
.translate-middle {transform:translate(-50%,-50%)!important}
.translate-middle-y {transform:translateY(-50%)!important}
.border {border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-0 {border:0!important}
.w-75 {width:75%!important}
.w-100 {width:100%!important}
.h-100 {height:100%!important}
.flex-column {flex-direction:column!important}
.flex-wrap {flex-wrap:wrap!important}
.justify-content-start {justify-content:flex-start!important}
.justify-content-end {justify-content:flex-end!important}
.justify-content-center {justify-content:center!important}
.justify-content-between {justify-content:space-between!important}
.align-items-start {align-items:flex-start!important}
.align-items-end {align-items:flex-end!important}
.align-items-center {align-items:center!important}
.m-4 {margin:1.5rem!important}
.mx-2 {margin-right:.5rem!important;margin-left:.5rem!important}
.mx-auto {margin-right:auto!important;margin-left:auto!important}
.mt-0 {margin-top:0!important}
.mt-3 {margin-top:1rem!important}
.mt-4 {margin-top:1.5rem!important}
.mt-5 {margin-top:3rem!important}
.me-4 {margin-right:1.5rem!important}
.mb-0 {margin-bottom:0!important}
.mb-2 {margin-bottom:.5rem!important}
.mb-3 {margin-bottom:1rem!important}
.mb-4 {margin-bottom:1.5rem!important}
.mb-5 {margin-bottom:3rem!important}
.ms-auto {margin-left:auto!important}
.p-0 {padding:0!important}
.py-0 {padding-top:0!important;padding-bottom:0!important}
.py-5 {padding-top:3rem!important;padding-bottom:3rem!important}
.pt-0 {padding-top:0!important}
.pt-4 {padding-top:1.5rem!important}
.pe-2 {padding-right:.5rem!important}
.pb-0 {padding-bottom:0!important}
.pb-2 {padding-bottom:.5rem!important}
.ps-2 {padding-left:.5rem!important}
.ps-3 {padding-left:1rem!important}
.gap-2 {gap:.5rem!important}
.gap-3 {gap:1rem!important}
.gap-4 {gap:1.5rem!important}
.gap-5 {gap:3rem!important}
.fw-medium {font-weight:500!important}
.lh-1 {line-height:1!important}
.lh-sm {line-height:1.25!important}
.lh-base {line-height:1.5!important}
.text-end {text-align:right!important}
.text-center {text-align:center!important}
.text-decoration-none {text-decoration:none!important}
.text-decoration-underline {text-decoration:underline!important}
.text-uppercase {text-transform:uppercase!important}
.text-white {--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}
.bg-transparent {--bs-bg-opacity:1;background-color:transparent!important}
.rounded-0 {border-radius:0!important}
.rounded-2 {border-radius:var(--bs-border-radius)!important}
.rounded-3 {border-radius:var(--bs-border-radius-lg)!important}
.rounded-4 {border-radius:var(--bs-border-radius-xl)!important}
.rounded-5 {border-radius:var(--bs-border-radius-xxl)!important}
.rounded-bottom-4 {border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}
.visible {visibility:visible!important}
.z-n1 {z-index:-1!important}
.z-0 {z-index:0!important}
.z-1 {z-index:1!important}
@media (min-width: 768px) {
.d-md-inline-block {display:inline-block!important}
.d-md-block {display:block!important}
.d-md-flex {display:flex!important}
.d-md-none {display:none!important}
.pb-md-5 {padding-bottom:3rem!important}
.gap-md-5 {gap:3rem!important}
}
@media (min-width: 1024px) {
.d-lg-block {display:block!important}
.justify-content-lg-end {justify-content:flex-end!important}
.m-lg-5 {margin:3rem!important}
.mx-lg-3 {margin-right:1rem!important;margin-left:1rem!important}
.ms-lg-auto {margin-left:auto!important}
.pt-lg-0 {padding-top:0!important}
.pe-lg-5 {padding-right:3rem!important}
.gap-lg-4 {gap:1.5rem!important}
}
@media (min-width: 1366px) {
.d-xl-block {display:block!important}
.d-xl-flex {display:flex!important}
.d-xl-none {display:none!important}
}
@media (min-width: 1440px) {
.d-xxl-block {display:block!important}
.m-xxl-5 {margin:3rem!important}
}
/* ==== from: C:\Users\DevDimensions\Documents\cache\Orisa_NextJS\public\assets\css\main.css (1328 kept / 6030 dropped) ==== */
@charset "UTF-8";
.back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
transition: all 0.3s ease-out;
}
.fz-ds-1 {
font-size: 80px !important;
}
@media screen and (min-width: 1440px) {
.fz-ds-1 {
font-size: 124px !important;
}
.footer-2-connect-title {
font-size: 220px;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 66.66666667% !important;
}
}
.opacity-10 {
opacity: 0.1;
}
.invert-1 {
filter: invert(1);
}
.odometer {
letter-spacing: 12px;
}
.px-blur-bottom {
backdrop-filter: blur(10px);
bottom: 0;
flex: none;
height: 80px;
left: 0;
-webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
overflow: visible;
position: fixed;
right: 0;
pointer-events: none;
z-index: 999;
}
.page-loader {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 99999;
display: flex;
top: 0;
}
.page-loader .page-loader-logo {
display: inline;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.bar {
width: 10vw;
height: 105vh;
background: #1d1d1d;
}
.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;
}
.pagination {
display: flex;
align-items: center;
gap: 8px;
list-style: none;
margin-top: 70px;
padding: 0;
}
.pagination .pagination_item {
background: var(--at-neutral-0);
border-radius: 50%;
border: 1px solid var(--at-neutral-100);
width: 42px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
font-size: var(--at-fz-font-lg);
font-weight: 600;
text-transform: uppercase;
color: var(--at-neutral-900);
transition: all 0.3s ease-in-out;
}
.pagination .pagination_item svg path {
fill: var(--at-neutral-900) !important;
}
.pagination .pagination_item:hover {
color: var(--at-neutral-0) !important;
background: var(--at-neutral-900) !important;
border-color: var(--at-neutral-900) !important;
}
.pagination .pagination_item:hover svg path {
fill: var(--at-neutral-0) !important;
}
.pagination .pagination_item:focus {
box-shadow: none;
background-color: var(--at-neutral-900) !important;
border-color: var(--at-neutral-900);
color: var(--at-neutral-0) !important;
}
.pagination .pagination_item:focus svg path {
fill: var(--at-neutral-0) !important;
}
.pagination .pagination_item.current {
color: var(--at-neutral-0) !important;
background: var(--at-neutral-900) !important;
border-color: var(--at-neutral-900) !important;
}
.pagination .pagination_item.current svg path {
fill: var(--at-neutral-0) !important;
}
.slider-testimonial-thumbs .swiper-wrapper {
display: flex;
justify-content: center;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(1) {
position: absolute;
top: 25%;
left: 50%;
transform: translateX(-50%);
margin-left: -200px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(2) {
position: absolute;
top: 10%;
left: 50%;
transform: translateX(-50%);
margin-left: -100px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(3) {
position: relative;
z-index: 5;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(4) {
position: absolute;
z-index: 4;
top: 10%;
left: 50%;
transform: translateX(-50%);
margin-left: 100px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(5) {
position: absolute;
z-index: 3;
top: 25%;
left: 50%;
transform: translateX(-50%);
margin-left: 200px;
}
@media (max-width: 424.98px) {
.slider-testimonial-thumbs .swiper-slide:nth-child(1) {
margin-left: -95px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(2) {
margin-left: -45px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(4) {
margin-left: 45px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(5) {
margin-left: 95px;
}
}
.slider-testimonial-thumbs .swiper-slide {
width: 150px !important;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 424.98px) {
.slider-testimonial-thumbs .swiper-slide {
width: 70px !important;
height: 70px;
}
}
.slider-testimonial-thumbs .swiper-slide.swiper-slide-thumb-active .avatar-thumbnail {
transform: scale(1.05);
transition: all 0.3s ease-in-out;
}
.at-image-hover .content {
opacity: 0;
transition: all 0.5s ease;
transform: translateY(-15px);
}
.at-image-hover:hover .content {
opacity: 1;
transform: translateY(0);
}
.border-bottom-900 {
border-bottom: 1px solid var(--at-neutral-900);
}
.border-100 {
border: 1px solid var(--at-neutral-100) !important;
}
.border-top-100 {
border-top: 1px solid var(--at-neutral-100) !important;
}
.border-bottom-100 {
border-bottom: 1px solid var(--at-neutral-100) !important;
}
.at-brand-item {
display: flex;
width: 180px;
height: 180px;
padding: 0 29px 0 30px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 16px;
border: 1px solid var(--at-neutral-100, #dfdfdf);
background: var(--at-neutral-0, #fefefe);
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), (max-width: 424.98px) {
.at-brand-item {
width: 165px;
height: 165px;
}
}
.scroll-active-item .item.active .block-number {
background: var(--at-theme-primary) !important;
transition: all 0.3s ease;
}
.scroll-active-item .item.active .block-number .number {
color: var(--at-neutral-0);
transition: all 0.3s ease;
}
.scroll-active-item .item.active .rectangular::after {
opacity: 1;
width: 99px;
height: 99px;
transition: all 0.3s ease;
}
.scroll-active-item .item .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;
}
.scroll-active-item .item .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;
}
.input-subscribe {
position: relative;
background: #fefefe;
padding: 12px 14px 12px 32px;
border-radius: 8px;
}
.input-subscribe input {
width: 100%;
height: 100%;
border: none !important;
outline: none;
}
.navigation-section-10 .item {
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.navigation-section-10 .item {
width: 70px;
height: 70px;
}
}
@media (max-width: 424.98px) {
.navigation-section-10 .item {
width: 58px;
height: 58px;
}
}
.navigation-section-10 .item.active {
scale: 0.9;
transition: all 0.3s ease;
}
.navigation-sec4home3 .item {
padding: 10px 0;
border-bottom: 1px solid var(--at-neutral-100);
transition: all 0.3s ease;
}
.navigation-sec4home3 .item .content span {
flex: 0 0 60px;
}
.navigation-sec4home3 .item .content .h6 {
flex: 1;
}
.navigation-sec4home3 .item .content svg {
opacity: 0;
transition: all 0.3s ease;
}
.navigation-sec4home3 .item.active {
background-color: var(--at-neutral-100);
}
.navigation-sec4home3 .item.active .content {
margin: 0 16px;
transition: all 0.3s ease;
}
.navigation-sec4home3 .item.active svg {
opacity: 1;
}
.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: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.client-box {
width: 200px;
height: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.client-box {
width: 150px;
height: 60px;
}
}
@media (max-width: 424.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%;
}
.box-count .deals-countdown .countdown-section {
display: inline-block;
text-align: center;
width: 25%;
line-height: 12px;
position: relative;
}
.box-count .deals-countdown .countdown-section span {
display: block;
color: var(--at-common-white);
}
.box-count .deals-countdown .countdown-section .countdown-period {
text-transform: capitalize;
}
.box-count .deals-countdown .countdown-section:last-child::before {
display: none;
}
.box-count.box-count-square .deals-countdown .countdown-section {
display: inline-block;
text-align: center;
line-height: 12px;
position: relative;
margin: 0px 16px 0px 0px;
width: auto;
}
.box-count.box-count-square .deals-countdown .countdown-section .countdown-period {
color: var(--at-neutral-900);
font-size: 24px;
line-height: normal;
font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.box-count.box-count-square .deals-countdown .countdown-section .countdown-period {
font-size: 20px;
line-height: 20px;
}
}
@media (max-width: 424.98px) {
.box-count.box-count-square .deals-countdown .countdown-section .countdown-period {
font-size: 16px;
line-height: 16px;
}
}
.box-count.box-count-square .deals-countdown .countdown-amount {
background-color: var(--at-neutral-50);
border-radius: 12px;
color: var(--at-neutral-900);
width: 176px;
padding: 50px 40px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 180px;
display: inline-block;
margin-bottom: 5px;
font-size: 72px !important;
font-weight: 600;
line-height: 76px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.box-count.box-count-square .deals-countdown .countdown-amount {
width: 130px;
height: 140px;
padding: 50px 40px;
font-size: 40px !important;
line-height: 40px !important;
}
}
@media (max-width: 424.98px) {
.box-count.box-count-square .deals-countdown .countdown-amount {
width: 65px;
height: 70px;
padding: 22px 5px;
font-size: 24px !important;
line-height: 24px !important;
}
}
.menu-list .menu-list__item .text {
transition: all 0.3s ease;
font-weight: 600;
}
.menu-list .menu-list__item:hover .text {
margin-left: 18px;
}
.menu-list.style-2 .menu-list__item.hasdot::before {
background-color: var(--at-neutral-900);
}
.menu-list.style-2 .menu-list__item::after {
filter: invert(1);
}
.reveal-text.indent .split-line:first-child {
padding-left: 20px;
}
@media (max-width: 424.98px) {
.reveal-text.indent .split-line:first-child {
padding-left: 0;
}
}
: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,
h4,
h5,
h6 {
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);
}
h3,
.h3 {
font-size: 52px;
}
h4,
.h4 {
font-size: 38px;
}
h5,
.h5 {
font-size: 26px;
}
h6,
.h6 {
font-size: 20px;
}
.fz-font-lg {
font-size: 18px !important;
}
@media screen and (min-width: 1366px) {
h3,
.h3 {
font-size: 64px;
}
h4,
.h4 {
font-size: 48px;
}
h5,
.h5 {
font-size: 34px;
}
h6,
.h6 {
font-size: 24px;
}
.fz-font-lg {
font-size: 20px !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;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
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=password]::-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=password]::-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=password]::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=password]: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=password]: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=password]: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;
}
.clear {
clear: both;
}
.z-n1 {
position: relative;
z-index: -1;
}
.z-index-1 {
position: relative;
z-index: 1;
}
.z-index-3 {
position: relative;
z-index: 3;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.slide-transtion .swiper-slide {
width: auto;
}
.img-cover {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1440px) {
.container-2200 {
max-width: 2200px;
margin-left: auto;
margin-right: auto;
}
}
.container,
.container-1136,
.container-2200 {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.container,
.container-1136,
.container-2200 {
padding-left: 40px;
padding-right: 40px;
}
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fz-font-md {
font-size: var(--at-fz-font-md);
}
.fz-font-lg {
font-size: var(--at-fz-font-lg);
}
.fz-font-xl {
font-size: var(--at-fz-font-xl);
}
.fz-font-3xl {
font-size: var(--at-fz-font-3xl);
}
.fz-ds-1 {
font-size: var(--at-fz-ds-1);
}
.fz-24 {
font-size: var(--at-fz-24);
}
.common-white {
color: var(--at-common-white) !important;
}
.common-black {
color: var(--at-common-black) !important;
}
.neutral-300 {
color: var(--at-neutral-300) !important;
}
.neutral-700 {
color: var(--at-neutral-700) !important;
}
.neutral-900 {
color: var(--at-neutral-900) !important;
}
.bg-neutral-0 {
background-color: var(--at-neutral-0) !important;
}
.bg-neutral-50 {
background-color: var(--at-neutral-50) !important;
}
.bg-neutral-500 {
background-color: var(--at-neutral-500) !important;
}
.bg-neutral-900 {
background-color: var(--at-neutral-900) !important;
}
.bg-neutral-950 {
background-color: var(--at-neutral-950) !important;
}
#smooth-content {
pointer-events: none;
}
#smooth-content > * {
pointer-events: auto;
}
#smooth-content main {
position: relative;
z-index: 2;
will-change: auto;
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: auto;
}
.footer-fixed-bottom .at-footer-area {
position: relative;
z-index: 1;
}
.footer-placeholder {
width: 100%;
pointer-events: none;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.pt-150 {
padding-top: 100px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.pt-120 {
padding-top: 80px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.pt-100 {
padding-top: 60px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.pb-120 {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.pb-100 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.fz-font-md {
font-size: 18px !important;
}
.fz-font-lg {
font-size: 20px !important;
}
.fz-font-xl {
font-size: 22px !important;
}
.fz-font-3xl {
font-size: 28px !important;
}
.fz-ds-1 {
font-size: 72px !important;
}
h3,
.h3 {
font-size: 42px;
}
h4,
.h4 {
font-size: 30px;
}
h5,
.h5 {
font-size: 28px;
}
h6,
.h6 {
font-size: 20px;
}
.scroll-section .pb-80 {
padding-bottom: 0;
}
.d-md-none {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.fz-font-md {
font-size: 16px !important;
}
.fz-font-lg {
font-size: 18px !important;
}
.fz-font-xl {
font-size: 20px !important;
}
.fz-font-3xl {
font-size: 26px !important;
}
.fz-ds-1 {
font-size: 60px !important;
}
h3,
.h3 {
font-size: 40px;
}
h4,
.h4 {
font-size: 36px;
}
h5,
.h5 {
font-size: 24px;
}
h6,
.h6 {
font-size: 20px;
}
.scroll-section .pb-80 {
padding-bottom: 0;
}
br {
display: none;
}
.d-md-none {
display: none;
}
}
@media (max-width: 424.98px) {
.fz-font-md {
font-size: 14px !important;
}
.fz-font-lg {
font-size: 16px !important;
}
.fz-font-xl {
font-size: 18px !important;
}
.fz-font-3xl {
font-size: 24px !important;
}
.fz-ds-1 {
font-size: 54px !important;
}
h3,
.h3 {
font-size: 36px;
}
h4,
.h4 {
font-size: 30px;
}
h5,
.h5 {
font-size: 20px;
}
h6,
.h6 {
font-size: 16px;
}
.w-75 {
width: 100% !important;
}
br {
display: none;
}
.scroll-section .pb-80 {
padding-bottom: 0;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1750px;
}
}
.at-header-sidebar-btn {
display: flex;
flex-direction: column;
gap: 5px;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
border-radius: 50px;
}
.at-header-logo {
display: flex;
align-items: center;
}
.at-header-logo a {
display: inline-flex;
align-items: center;
gap: 4px;
}
.at-header-spacing {
padding: 10px 15px;
}
.header-transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9;
width: 100%;
}
.header-7 #header7Nav,
.header-7 #header10Nav {
max-width: 0;
opacity: 0;
visibility: hidden;
overflow-x: clip;
overflow-y: visible;
transform: translateX(24px);
margin-inline-end: -1rem;
pointer-events: none;
height: 48px;
transition: max-width 0.55s cubic-bezier(0.65, 0, 0.35, 1), margin 0.55s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.35s ease, transform 0.55s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s linear 0.55s;
}
.header-7 #header7Nav.at-main-menu nav ul li .submenu,
.header-7 #header10Nav.at-main-menu nav ul li .submenu {
background: rgba(var(--at-neutral-0-rgb), 1);
}
.header-7.is-menu-open #header7Nav, .header-7.is-menu-open #header10Nav {
max-width: 900px;
opacity: 1;
visibility: visible;
overflow: visible;
transform: translateX(0);
margin-inline-end: 0;
pointer-events: auto;
transition: max-width 0.55s cubic-bezier(0.65, 0, 0.35, 1), margin 0.55s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.4s ease 0.1s, transform 0.55s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s linear 0s;
}
.header-7.header-10 .at-hamburger {
color: var(--at-neutral-950);
}
.header-7 .at-hamburger {
cursor: pointer;
background: transparent;
border: 0;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
}
.header-7 .at-hamburger__box {
position: relative;
display: block;
width: 20px;
height: 14px;
}
.header-7 .at-hamburger__bar {
position: absolute;
left: 0;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1), width 0.5s cubic-bezier(0.65, 0, 0.35, 1), top 0.45s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.25s ease;
}
.header-7 .at-hamburger__bar:nth-child(1) {
top: 0;
width: 100%;
}
.header-7 .at-hamburger__bar:nth-child(2) {
top: 6px;
width: 65%;
}
.header-7 .at-hamburger__bar:nth-child(3) {
top: 12px;
width: 85%;
}
.header-7 .at-hamburger:hover .header-7 .at-hamburger__bar:nth-child(1) {
width: 65%;
transform: translateX(35%);
}
.header-7 .at-hamburger:hover .header-7 .at-hamburger__bar:nth-child(2) {
width: 100%;
}
.header-7 .at-hamburger:hover .header-7 .at-hamburger__bar:nth-child(3) {
width: 75%;
transform: translateX(25%);
}
.header-7.is-menu-open .at-hamburger__bar:nth-child(1) {
top: 6px;
width: 100%;
transform: rotate(45deg);
}
.header-7.is-menu-open .at-hamburger__bar:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
.header-7.is-menu-open .at-hamburger__bar:nth-child(3) {
top: 6px;
width: 100%;
transform: rotate(-45deg);
}
:root {
--basic-ease: cubic-bezier(.625, .05, 0, 1);
}
.at-title-text span {
display: inline-block;
text-shadow: 0 1.05em var(--at-theme-primary);
transition: translate 0.3s var(--basic-ease), text-shadow 0.1s 0.15s ease;
}
.at-title-anim:hover .at-title-text span {
text-shadow: 0 1.05em currentColor;
translate: 0 -1.05em 0;
transition: translate 0.5s calc((var(--char) - 1) * 0.024s) var(--basic-ease), text-shadow 0.175s calc((var(--char) - 1) * 0.024s + 0.225s) ease;
}
.header-10.header-7.is-menu-open .at-hamburger__bar:nth-child(1) {
top: 7px;
}
.header-10.header-7.is-menu-open .at-hamburger__bar:nth-child(3) {
top: 7px;
}
.header-10.header-7 #header10Nav {
height: 41px;
}
.header-10 #header10Nav.at-main-menu.menu-light.style-1 {
border: 0;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.header-10 #header10Nav.at-main-menu.menu-light.style-1 nav ul li .submenu {
background: rgba(var(--at-neutral-0-rgb), 0.98);
}
.header-10 .at-main-menu.menu-light nav ul li.has-dropdown > a {
color: var(--at-neutral-950);
}
.header-10 .at-main-menu.menu-light nav ul li.has-dropdown > a::after {
filter: none;
}
.header-10 .at-main-menu.menu-light nav ul li:hover.has-dropdown > a {
color: var(--at-neutral-950);
background: color-mix(in srgb, var(--at-neutral-950) 8%, transparent);
}
.header-10 .dark-light-mode .toggle {
color: var(--at-neutral-950);
}
.header-12 .at-main-menu {
background-color: var(--at-neutral-0);
padding: 10px 15px;
border-radius: 50px;
}
.postbox-item:not(:last-child) {
border-bottom: 1px solid rgba(30, 30, 30, 0.08);
padding-bottom: 50px;
margin-bottom: 60px;
}
.postbox-item:hover .postbox-thumb img {
transform: scale(1.1);
}
.postbox-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.postbox-play-btn a {
height: 80px;
width: 80px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 77px;
text-align: center;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(5px);
animation: animate-pulse 3s linear infinite;
}
.postbox-play-btn a svg {
margin-left: 3px;
display: inline-block;
}
.postbox-scroll-zoom .postbox-item-wrap {
width: 100%;
height: 200vh;
}
.postbox-scroll-zoom .postbox-item {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100vh;
}
.postbox-scroll-zoom .postbox-thumb {
width: 100%;
height: 100%;
background-color: var(--at-neutral-50, #f5f5f5);
}
.postbox-scroll-zoom .postbox-scroll-zoom-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
clip-path: inset(calc(50% - 50px) calc(50% - 100px) calc(50% - 50px) calc(50% - 100px) round 4px);
will-change: clip-path;
position: relative;
z-index: 2;
}
.postbox-scroll-zoom .postbox-scroll-zoom-play {
z-index: 3;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee {
position: absolute;
inset: 0;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: stretch;
padding: 4% 0;
pointer-events: none;
overflow: hidden;
will-change: opacity;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-row {
display: flex;
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-row.dir-left .postbox-scroll-zoom-marquee-track {
animation: postbox-marquee-left 30s linear infinite;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-row.dir-right .postbox-scroll-zoom-marquee-track {
animation: postbox-marquee-right 35s linear infinite;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-track {
display: inline-flex;
flex-shrink: 0;
align-items: center;
gap: 40px;
font-family: inherit;
font-weight: 600;
font-size: clamp(48px, 8vw, 120px);
line-height: 1;
letter-spacing: -0.02em;
text-transform: uppercase;
color: var(--at-neutral-100, #dfdfdf);
padding-right: 40px;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-track > span {
display: inline-block;
flex-shrink: 0;
}
@keyframes postbox-marquee-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@keyframes postbox-marquee-right {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}
@media (prefers-reduced-motion: reduce) {
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-row .postbox-scroll-zoom-marquee-track {
animation: none;
}
}
.blog-card {
display: flex;
flex-direction: column;
gap: 25px;
}
.blog-card-2 {
display: flex;
align-items: center;
gap: 40px;
width: 100%;
padding-bottom: 32px;
border-bottom: 1px solid rgba(30, 30, 30, 0.08);
}
.blog-card-2-wrap:last-child .blog-card-2 {
border-bottom: none;
padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.blog-card-2 {
flex-direction: column;
align-items: stretch;
gap: 24px;
}
}
.blog-card-2:hover .blog-card-2__img {
transform: scale(1.05);
}
.product-card {
display: flex;
flex-direction: column;
}
.at-main-menu {
padding: 5px 8px;
}
.at-main-menu.menu-light.style-1 {
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(2px);
height: 48px;
}
.at-main-menu.menu-light nav ul li:hover > .submenu {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.at-main-menu.menu-light nav ul li:hover.has-dropdown > a {
color: #fff;
background: rgba(255, 255, 255, 0.2);
}
.at-main-menu.menu-light nav ul li.has-dropdown > a {
color: #fff;
}
.at-main-menu.menu-light nav ul li.has-dropdown > a::after {
filter: invert(1);
}
.at-main-menu nav ul li {
list-style: none;
display: inline-block;
position: relative;
}
.at-main-menu nav ul li.has-dropdown > a {
color: var(--at-common-black);
position: relative;
transition: all 0.4s ease 0.3s ease-out;
}
.at-main-menu nav ul li.has-dropdown > a::after {
content: "";
position: absolute;
bottom: 12px;
right: 12px;
width: 8px;
height: 8px;
background-size: auto;
background-repeat: no-repeat;
background-position: center;
z-index: 0;
background-image: url('data:image/svg+xml,');
}
.at-main-menu nav ul li:hover > .submenu {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.at-main-menu nav ul li:hover.has-dropdown > a {
transition: all 0.4s ease 0.3s ease-out;
}
.at-main-menu nav ul li a {
font-family: var(--at-ff-body);
font-size: 16px;
font-weight: 600;
letter-spacing: -0.02em;
color: var(--at-common-black);
padding: 10px 24px;
display: inline-block;
line-height: 1;
}
.at-main-menu nav ul li a:hover {
color: var(--at-common-black);
}
.at-main-menu nav ul li a::before {
content: "";
position: absolute;
bottom: -20px;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.at-main-menu nav ul li .submenu {
position: absolute;
top: 120%;
left: 0;
width: 260px;
z-index: 99;
opacity: 0;
padding: 12px 0;
transition: 0.5s;
text-align: start;
visibility: hidden;
transform-origin: 0 0;
transform: scale(1, 0);
backdrop-filter: blur(20px);
background: rgba(var(--at-neutral-0-rgb), 0.9);
box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.at-main-menu nav ul li .submenu li {
width: 100%;
padding: 0 12px;
border-radius: 8px;
margin: 0;
}
.at-main-menu nav ul li .submenu li a {
position: relative;
font-weight: 500;
font-size: 16px;
line-height: 1;
color: var(--at-neutral-500);
padding: 12px 18px;
display: inline-block;
letter-spacing: -0.01em;
text-align: start;
width: 100%;
font-family: var(--at-ff-body);
transition: padding-left 0.35s cubic-bezier(0.65, 0, 0.35, 1), background 0.3s ease, color 0.3s ease;
}
.at-main-menu nav ul li .submenu li .submenu {
top: 0;
left: 100%;
}
.at-main-menu nav ul li .submenu li:hover > a {
background: var(--at-neutral-50);
color: var(--at-neutral-900) !important;
padding-left: 23px;
}
.at-main-menu nav ul li .at-megamenu {
width: 720px;
padding: 30px 30px;
}
.at-main-menu nav ul li .at-megamenu li {
padding: 0;
}
.at-main-menu nav ul li .at-megamenu-title {
font-size: 20px;
font-weight: 600;
padding-left: 18px;
padding-right: 6px;
color: var(--at-common-black);
font-family: var(--at-ff-body);
}
.at-main-menu nav ul li .at-megamenu-title-wrap {
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.at-megamenu-title {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: var(--at-common-black);
font-family: var(--at-ff-body);
}
.at-megamenu-title-wrap {
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--at-neutral-100);
}
.at-main-menu > nav > ul > li > a {
--link-desc-room: 4px;
padding-bottom: calc(10px - var(--link-desc-room));
}
.at-main-menu > nav > ul > li > a .at-link-swap {
position: relative;
display: inline-block;
overflow: hidden;
vertical-align: top;
line-height: inherit;
padding-bottom: var(--link-desc-room);
}
.at-main-menu > nav > ul > li > a .at-link-swap .text-1,
.at-main-menu > nav > ul > li > a .at-link-swap .text-2 {
display: block;
line-height: inherit;
transition: transform 0.45s cubic-bezier(0.5, 1.5, 0.35, 1);
}
.at-main-menu > nav > ul > li > a .at-link-swap .text-1 {
position: relative;
}
.at-main-menu > nav > ul > li > a .at-link-swap .text-2 {
position: absolute;
top: 0;
left: 0;
right: 0;
transform: translateY(calc(100% + var(--link-desc-room)));
}
.at-main-menu > nav > ul > li:hover > a .at-link-swap .text-1 {
transform: translateY(calc(-100% - var(--link-desc-room)));
}
.at-main-menu > nav > ul > li:hover > a .at-link-swap .text-2 {
transform: translateY(0);
}
.body-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 995;
width: 100%;
height: 100%;
background: rgba(24, 24, 24, 0.5);
visibility: hidden;
opacity: 0;
transition: 0.45s ease-in-out;
}
.body-overlay.apply {
opacity: 1;
visibility: visible;
}
.body-overlay:hover {
cursor: url(../imgs/icons/cross-out.webp), pointer;
}
.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: 424.98px) {
.at-offcanvas {
width: 100%;
padding: 40px 35px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.at-offcanvas {
width: 400px;
padding: 40px;
}
}
.at-offcanvas-logo a {
display: flex;
align-items: center;
gap: 4px;
}
.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-top {
margin-bottom: 50px;
}
.at-offcanvas-close-btn button {
color: rgba(var(--at-common-black), 1);
}
.at-offcanvas-close-btn button:hover {
opacity: 1;
transform: rotate(90deg);
}
.at-offcanvas-menu .at-megamenu-box {
margin-bottom: 30px;
}
.at-offcanvas-menu .at-megamenu-box li a {
padding: 8px 20px;
border-radius: 10px;
font-size: 17px;
}
.at-offcanvas-menu .at-megamenu-box li a:hover {
background-color: var(--at-neutral-50);
color: var(--at-common-black);
}
.at-offcanvas-menu .at-megamenu {
margin-top: 15px;
}
.at-offcanvas-title {
font-size: 64px;
line-height: 1;
letter-spacing: -0.8px;
font-weight: 700;
color: var(--at-common-black);
}
.at-offcanvas-title.sm {
font-size: 36px;
font-weight: 600;
margin-bottom: 15px;
color: var(--at-common-black);
}
.at-offcanvas-contact {
margin-bottom: 55px;
}
.at-offcanvas-contact ul li {
list-style: none;
}
.at-offcanvas-contact ul li:not(:last-child) {
margin-bottom: 2px;
}
.at-offcanvas-contact ul li a {
display: inline-block;
color: var(--at-neutral-900);
position: relative;
font-family: var(--at-ff-body);
}
.at-offcanvas-gallery {
margin-bottom: 65px;
}
.at-offcanvas-gallery-img {
width: 65px;
height: 65px;
border-radius: 8px;
overflow: hidden;
padding: 4px;
background: var(--at-neutral-50);
}
.at-offcanvas-gallery-img img {
transition: 0.9s;
border-radius: 4px;
filter: grayscale(100%);
}
.at-offcanvas-gallery-img:hover img {
transform: scale(1.2) rotate(-2deg);
}
.at-offcanvas-content p {
font-size: 20px;
font-weight: 500;
line-height: normal;
color: var(--at-neutral-900);
font-family: var(--at-ff-body);
}
.at-offcanvas-social {
margin-top: 40px;
margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), (max-width: 424.98px) {
.at-offcanvas-social {
margin-bottom: 40px;
}
}
.at-offcanvas-social__grid {
display: flex;
flex-wrap: wrap;
gap: 6px 24px;
list-style: none;
margin: 0;
padding: 0;
}
.at-offcanvas-social__link {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
color: var(--at-common-black);
font-size: 16px;
font-weight: 500;
font-family: var(--at-ff-body);
text-decoration: none;
transition: color 0.3s ease, opacity 0.3s ease;
}
.at-offcanvas-social__link:hover {
color: var(--at-theme-primary, var(--at-common-black));
opacity: 0.85;
}
.at-offcanvas-social__link svg {
flex-shrink: 0;
width: 18px;
height: 18px;
}
.at-offcanvas-2-wrapper {
padding: 100px 100px 0px;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.at-offcanvas-2-wrapper {
padding: 80px 50px 0px;
padding-right: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.at-offcanvas-2-wrapper {
padding: 60px 50px 0px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.at-offcanvas-2-wrapper {
padding: 60px 30px 0px;
}
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li {
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all 1.5s ease-in-out !important;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(2) > a {
transition-delay: 1.7s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(3) > a {
transition-delay: 1.8s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(3) > a {
transition-delay: 1.9s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(4) > a {
transition-delay: 2s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(5) > a {
transition-delay: 2.1s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
font-size: 48px;
padding: 0;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.04em;
color: var(--at-common-black);
font-family: var(--at-ff-body);
transform: translateY(-300px);
opacity: 0;
visibility: hidden;
transition: all 1.5s ease-in-out !important;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
font-size: 42px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px) {
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
font-size: 54px;
}
}
@media (max-width: 424.98px) {
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
font-size: 50px;
}
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .at-menu-close i {
font-size: 28px;
color: var(--at-common-black);
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .submenu > li > a {
font-size: 16px;
font-weight: 400;
line-height: 1;
transition: 0.3s;
color: var(--at-neutral-900);
letter-spacing: -0.02em;
font-family: var(--at-ff-body);
position: relative;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .submenu > li > a:hover {
background-color: initial;
transform: translateX(15px);
color: var(--at-common-black);
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .submenu > li > a::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 5px;
height: 5px;
z-index: -1;
background-color: var(--at-neutral-900);
border-radius: 50%;
transition: 0.3s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu {
width: auto;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu .col-xl-6 {
width: 100%;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu .col-xl-4 {
width: 100%;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu li a {
font-size: 16px;
font-weight: 400;
line-height: 1;
transition: 0.3s;
color: var(--at-neutral-900);
letter-spacing: -0.8px;
font-family: var(--at-ff-body);
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu li a::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 5px;
height: 5px;
z-index: -1;
background-color: var(--at-neutral-900);
border-radius: 50%;
transition: 0.3s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu li a:hover {
background-color: initial;
transform: translateX(15px);
color: var(--at-common-black);
}
.at-offcanvas-2-wrapper .hamburger-close-btn {
color: var(--at-common-black);
cursor: pointer;
transition: all 0.4s ease;
}
.at-offcanvas-2-wrapper .hamburger-close-btn:hover {
transform: rotate(90deg);
}
.at-offcanvas-2-wrapper .hamburger-mobile-close-btn:hover {
transform: rotate(0);
}
.at-offcanvas-2-wrapper .hamburger-mobile-close-btn {
position: absolute;
bottom: -100px;
left: 0;
right: 0;
text-align: center;
font-size: 20px;
}
.at-offcanvas-2-wrapper .hamburger-mobile-close-btn:hover {
color: var(--at-theme-primary);
}
.at-offcanvas-2-wrapper .at-header-logo {
transform: translateY(-80px);
visibility: hidden;
opacity: 0;
transition-delay: 0s;
transition: all 1.5s ease-in-out !important;
}
.at-offcanvas-2-left {
opacity: 0;
animation-delay: 1s;
transform: translateY(20px);
}
.at-offcanvas-2-left .at-offcanvas-menu {
border-bottom: 1px solid var(--at-neutral-100);
padding-bottom: 105px;
}
@media only screen and (min-width: 1440px) and (max-width: 1919.98px), only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.at-offcanvas-2-left .at-offcanvas-menu {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), (max-width: 424.98px) {
.at-offcanvas-2-left .at-offcanvas-menu {
margin-bottom: 0;
}
}
.at-offcanvas-2-left .at-offcanvas-menu ul {
overflow: hidden;
overflow-y: scroll;
scrollbar-width: none;
max-height: 450px;
padding-top: 10px;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.at-offcanvas-2-left .at-offcanvas-menu ul {
max-height: 350px;
}
}
.at-offcanvas-2-area.menu-open,
.at-offcanvas-2-area.menu-open-temp {
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: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.at-offcanvas-2-area.menu-open,
.at-offcanvas-2-area.menu-open-temp {
width: 100%;
}
}
.at-offcanvas-2-area {
position: fixed;
left: 100%;
}
.at-offcanvas-2-area .offcanvas-bg {
inset: 0;
border-radius: 20px;
clip-path: circle(0% at calc(100% - 45px) 45px);
transition: clip-path 0.7s ease-in-out;
position: fixed;
width: 570px;
margin: 20px;
right: 0;
left: auto;
z-index: 2;
backdrop-filter: blur(20px);
background: rgb(var(--at-neutral-0-rgb), 0.9);
box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.at-offcanvas-2-area .offcanvas-bg {
margin: 0;
border-radius: 0;
width: 100%;
}
}
.at-offcanvas-2-area.menu-open .offcanvas-bg {
clip-path: circle(150% at calc(100% - 45px) 45px);
}
.at-offcanvas-2-area.menu-open .offcanvas-menu {
pointer-events: auto;
}
.at-offcanvas-2-area.menu-open .at-offcanvas-menu > nav > ul > li {
visibility: visible;
opacity: 1;
}
.at-offcanvas-2-area.menu-open .at-offcanvas-menu > nav > ul > li a {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.at-offcanvas-2-area.menu-open .at-header-logo {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.at-offcanvas-2-area.menu-open .at-offcanvas-2-left {
opacity: 1;
transform: translateY(0);
transition-delay: calc(0.7s + 0.06s);
}
.at-offcanvas-2-area.menu-open .at-offcanvas-2-left .at-offcanvas-menu {
opacity: 1;
transform: translateY(0);
transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
transition-delay: calc(calc(0.7s + 0.06s) + 0.2s);
}
.at-offcanvas-2-area:not(.menu-open) .offcanvas-menu {
pointer-events: none;
}
.at-offcanvas-2-area:not(.menu-open) .at-offcanvas-2-left {
transition-delay: 0.6s;
opacity: 0;
transform: translateY(30px);
}
.at-offcanvas-2-area:not(.menu-open) .at-offcanvas-2-left .at-offcanvas-menu {
opacity: 0;
transform: translateY(20px);
transition-delay: 0.4s;
}
.at-offcanvas-2-area:not(.menu-open) .at-offcanvas-2-left .at-offcanvas-2-left-btn-box {
opacity: 0;
transform: translateY(20px);
transition-delay: 0.2s;
}
.at-offcanvas-2-area:not(.menu-open) .offcanvas-bg {
clip-path: circle(0% at calc(100% - 45px) 45px);
transition-delay: 0.4s;
}
.hamburger-sticky-menu {
border-radius: 16px;
border: 1px solid var(--at-neutral-100, #DFDFDF);
background: var(--at-neutral-0, #FEFEFE);
color: var(--at-neutral-950);
font-size: 16px;
font-weight: 600;
display: inline-flex;
padding: 15px 24px;
justify-content: center;
align-items: center;
gap: 8px;
position: absolute;
top: 40px;
right: 20px;
z-index: 10;
opacity: 0;
visibility: hidden;
transform: scale(0.5);
transition-delay: 0.4s;
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.hamburger-sticky-menu {
top: 20px;
right: 20px;
padding: 5px 10px;
font-size: 14px;
}
}
.hamburger-sticky-menu.header-sticky {
opacity: 1;
visibility: visible;
transform: scale(1);
position: fixed;
}
.at-offcanvas-menu .at-megamenu-box li a {
font-weight: 400;
}
.at-offcanvas-menu ul {
list-style: none;
}
.at-offcanvas-menu ul li {
position: relative;
}
.at-offcanvas-menu ul li > a {
padding: 7px 0;
display: block;
font-size: 18px;
font-weight: 600;
}
.at-offcanvas-menu ul li.active > a {
color: var(--at-common-black);
}
.at-offcanvas-menu ul li.active > .at-menu-close i {
top: 10px;
transform: rotate(90deg);
}
.at-offcanvas-menu ul li .submenu {
display: none;
}
.at-offcanvas-menu ul li .submenu .submenu {
margin-left: 30px;
}
.at-offcanvas-menu .at-submenu > li > a {
padding: 8px 20px;
border-radius: 10px;
font-size: 16px;
}
.at-offcanvas-menu .at-submenu > li > a:hover {
background-color: #f8f8fb;
color: var(--at-common-black);
}
.at-footer-link .at-hero-social {
justify-content: flex-start;
}
.at-footer-copyright {
font-weight: 500;
font-size: 16px;
opacity: 0.5;
color: var(--at-common-black);
}
.alt-footer-link-item ul li {
list-style: none;
}
.alt-footer-link-item ul li a {
font-weight: 400;
font-size: 22px;
letter-spacing: -0.02em;
line-height: 1;
color: var(--at-neutral-300);
position: relative;
background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
background-size: 0 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 0.3s linear;
transition: all 0.4s ease 0.3s ease-out;
}
.alt-footer-link-item ul li a::before {
content: "";
width: 14px;
height: 13px;
background-image: url('data:image/svg+xml,');
margin-left: 14px;
position: absolute;
left: 100%;
top: 50%;
opacity: 0;
transition: all 0.5s ease;
transform: translate(-15px, -40%);
}
.alt-footer-link-item ul li a.fz-font-md::before {
width: 12px;
height: 12px;
background-image: url('data:image/svg+xml,');
}
.alt-footer-link-item ul li a:hover {
background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
background-size: 0 1px, 100% 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 0.3s linear;
transition: all 0.4s ease 0.3s ease-out;
color: var(--at-neutral-0);
}
.alt-footer-link-item ul li a:hover::before {
opacity: 1;
transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.alt-footer-link-item-wrap {
margin-left: 0;
margin-right: 0;
}
}
.mp-footer-style .at-hero-social a {
color: var(--at-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.mp-footer-style .at-hero-social a:hover {
background: var(--at-common-white);
color: var(--at-common-black);
}
.mp-footer-style .at-footer-copyright {
color: var(--at-common-white);
}
.mp-footer-style .at-about-border {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.text-scale-anim {
white-space: pre-wrap;
transform-origin: top left;
}
.at-letter-span {
display: inline-block;
}
.at-word-span {
display: inline-block;
}
.footer-2-follow-label {
font-size: 12px;
letter-spacing: 0.02em;
font-weight: 500;
}
.footer-2-border {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.footer-2-connect-title {
font-weight: 500;
font-size: 160px;
letter-spacing: -11px;
line-height: 1.1;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.footer-2-connect-title {
letter-spacing: 0;
font-size: clamp(3rem, 4vw, 3rem);
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.footer-2-connect-title {
font-size: clamp(4rem, 4vw, 3rem);
}
}
.footer-7 {
padding-top: 40px;
background: #0f0f0f;
color: #fefefe;
}
.footer-7__nav-link.is-active {
color: #fefefe;
text-decoration: underline;
text-underline-offset: 6px;
}
.footer-7__submit > span span.text-1 {
position: relative;
display: block;
transition: transform 0.3s ease;
}
.footer-7__submit > span span.text-2 {
position: absolute;
top: 100%;
left: 0;
width: 100%;
display: block;
transition: top 0.3s ease, transform 0.3s ease;
}
.footer-7__submit:hover > span span.text-1 {
transform: translateY(-150%);
}
.footer-7__submit:hover > span span.text-2 {
top: 50%;
transform: translateY(-50%);
}
.footer-8 {
padding-top: 40px;
background: #0f0f0f;
color: #fefefe;
position: relative;
}
.footer-8__nav-link.is-active {
color: #b7b7b7;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
.footer-8__social-link.is-active {
color: #fefefe;
}
.footer-9 {
position: relative;
padding-top: clamp(48px, 5.5vw, 87px);
padding-bottom: 0;
background: var(--at-neutral-50, #f2f2f2);
color: var(--at-neutral-950, #0f0f0f);
}
.footer-9 {
}
.footer-9__quick-links .alt-footer-link-item ul li {
list-style: none;
}
.footer-9__quick-links .alt-footer-link-item ul li a {
display: inline-flex;
align-items: center;
font-family: var(--at-ff-body);
font-weight: 400;
font-size: clamp(17px, 1.25vw, 20px);
line-height: 1.2;
letter-spacing: -0.05em;
color: var(--at-neutral-950, #0f0f0f);
text-decoration: none;
position: relative;
transition: all 0.5s ease;
}
.footer-9__quick-links .alt-footer-link-item ul li a::before {
content: "";
width: 14px;
height: 13px;
background-image: url('data:image/svg+xml,');
margin-left: 14px;
position: absolute;
left: 100%;
top: 50%;
opacity: 0;
transition: all 0.5s ease;
transform: translate(-15px, -40%);
}
.footer-9__quick-links .alt-footer-link-item ul li a:hover {
background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
background-size: 0 1px, 100% 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 0.3s linear;
margin-left: 5px;
transition: all 0.5s ease;
}
.footer-9__quick-links .alt-footer-link-item ul li a:hover::before {
opacity: 0.85;
transform: translate(-50%, -50%);
}
.footer-9 {
}
.footer-10 {
position: relative;
padding-top: clamp(48px, 6vw, 100px);
padding-bottom: clamp(24px, 3vw, 36px);
background: var(--at-neutral-950);
color: var(--at-neutral-0);
}
.footer-10 .container-2200 {
z-index: 1;
}
.footer-10__hero {
padding-bottom: clamp(40px, 6vw, 72px);
margin-bottom: clamp(8px, 2vw, 24px);
}
.footer-10__deco {
position: absolute;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
z-index: 0;
width: min(200px, 18vw);
}
.footer-10__deco img {
display: block;
width: 100%;
height: auto;
transform-origin: center center;
will-change: auto;
}
.footer-10__deco--left {
left: 0;
}
@media (min-width: 1440px) {
.footer-10__deco--left {
left: clamp(8px, 4vw, 48px);
}
}
.footer-10 {
}
.footer-10__submit > span span.text-1 {
position: relative;
display: block;
transition: transform 0.3s ease;
}
.footer-10__submit > span span.text-2 {
position: absolute;
top: 100%;
left: 0;
width: 100%;
display: block;
transition: top 0.3s ease, transform 0.3s ease;
}
.footer-10__submit:hover > span span.text-1 {
transform: translateY(-150%);
}
.footer-10__submit:hover > span span.text-2 {
top: 50%;
transform: translateY(-50%);
}
.footer-11 {
position: relative;
padding-top: clamp(48px, 6vw, 100px);
padding-bottom: clamp(24px, 3vw, 36px);
background: var(--at-neutral-950);
color: var(--at-neutral-0);
}
.footer-11__bg-lines {
position: absolute;
inset: 0;
overflow: hidden;
}
.footer-11__bg-lines::before {
content: "";
position: absolute;
inset: -100%;
background-image: repeating-linear-gradient(135deg, transparent, transparent 56px, rgba(255, 255, 255, 0.022) 56px, rgba(255, 255, 255, 0.022) 57px);
animation: footer11-grid 14s linear infinite;
}
.footer-11__bg-lines::after {
content: "";
position: absolute;
bottom: -20%;
left: 50%;
transform: translateX(-50%);
width: 60%;
height: 60%;
background: radial-gradient(ellipse at center, rgba(255, 90, 0, 0.07) 0%, transparent 70%);
pointer-events: none;
}
.footer-11__bg-lines span {
position: absolute;
top: -30%;
width: 1px;
height: 35%;
animation: footer11-scan linear infinite;
opacity: 0;
}
.footer-11__bg-lines span:nth-child(1) {
left: 6%;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.18), transparent);
animation-duration: 4s;
animation-delay: 0s;
}
.footer-11__bg-lines span:nth-child(2) {
left: 19%;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.1), transparent);
animation-duration: 5.5s;
animation-delay: -1.4s;
}
.footer-11__bg-lines span:nth-child(3) {
left: 34%;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.14), transparent);
height: 25%;
animation-duration: 3.8s;
animation-delay: -2.6s;
}
.footer-11__bg-lines span:nth-child(4) {
left: 51%;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.1), transparent);
animation-duration: 6.2s;
animation-delay: -0.8s;
}
.footer-11__bg-lines span:nth-child(5) {
left: 66%;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.16), transparent);
height: 40%;
animation-duration: 4.6s;
animation-delay: -3.2s;
}
.footer-11__bg-lines span:nth-child(6) {
left: 80%;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.1), transparent);
animation-duration: 5s;
animation-delay: -1.9s;
}
.footer-11__bg-lines span:nth-child(7) {
left: 27%;
width: 1px;
background: linear-gradient(to bottom, transparent, var(--at-theme-primary), transparent);
height: 20%;
animation-duration: 7s;
animation-delay: -0.5s;
opacity: 0;
filter: blur(0.5px);
}
.footer-11__bg-lines span:nth-child(8) {
left: 72%;
width: 1px;
background: linear-gradient(to bottom, transparent, var(--at-theme-primary), transparent);
height: 28%;
animation-duration: 8.5s;
animation-delay: -4s;
opacity: 0;
filter: blur(0.5px);
}
@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;
}
}
.footer-11 .container-2200 {
z-index: 1;
}
.footer-11 {
}
.footer-11 {
}
.footer-11 {
}
.footer-11 {
}
.footer-11__submit > span span.text-1 {
position: relative;
display: block;
transition: transform 0.3s ease;
}
.footer-11__submit > span span.text-2 {
position: absolute;
top: 100%;
left: 0;
width: 100%;
display: block;
transition: top 0.3s ease, transform 0.3s ease;
}
.footer-11__submit:hover > span span.text-1 {
transform: translateY(-150%);
}
.footer-11__submit:hover > span span.text-2 {
top: 50%;
transform: translateY(-50%);
}
.footer-11 {
}
.footer-11 {
}
.footer-12 {
background-color: #0f0f0f;
color: #fefefe;
position: relative;
}
.at-hero-social.footer-12__socials {
justify-content: flex-start;
gap: 8px;
}
.at-hero-social.footer-12__socials a {
color: var(--at-common-white);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.32);
}
.at-hero-social.footer-12__socials a:hover, .at-hero-social.footer-12__socials a:focus-visible {
background: var(--at-theme-primary);
border-color: var(--at-theme-primary);
color: var(--at-common-white);
}
.footer-13 {
background-color: var(--at-neutral-0);
border-top: 1px solid var(--at-neutral-200);
color: var(--at-neutral-950);
}
.footer-13__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 24px 96px;
border-bottom: 1px solid var(--at-neutral-200);
}
.footer-13__meta-item {
display: inline-flex;
align-items: center;
gap: 12px;
white-space: nowrap;
}
.footer-13__meta-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--at-theme-primary);
flex-shrink: 0;
}
.footer-13__meta-key {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 11px;
line-height: 1;
letter-spacing: 0.08em;
color: var(--at-neutral-500);
}
.footer-13__meta-val {
font-family: var(--at-ff-body);
font-weight: 500;
font-size: 13px;
line-height: 1;
letter-spacing: -0.02em;
color: var(--at-neutral-950);
}
.footer-13__body {
display: flex;
flex-direction: column;
gap: 96px;
padding: 80px 96px 0;
background-image: url("../imgs/pages/home-13/footer13-bg.webp");
background-repeat: no-repeat;
background-position: right bottom;
}
.footer-13__top {
display: grid;
grid-template-columns: 640px 1fr;
gap: 64px;
align-items: start;
}
.footer-13__brand {
display: flex;
flex-direction: column;
gap: 32px;
align-items: flex-start;
}
.footer-13__logo {
display: inline-flex;
align-items: center;
gap: 4px;
text-decoration: none;
color: var(--at-neutral-950);
}
.footer-13__logo img {
width: 27px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
display: block;
}
.footer-13__logo-text {
font-family: var(--at-ff-heading);
font-weight: 700;
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.05em;
color: var(--at-neutral-950);
}
.footer-13__intro {
font-family: var(--at-ff-body);
font-weight: 500;
font-size: 18px;
line-height: 1.555;
letter-spacing: -0.02em;
color: var(--at-neutral-700);
max-width: 100%;
}
.footer-13__form-label {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 11px;
line-height: 1;
letter-spacing: 0.08em;
color: var(--at-neutral-500);
}
.footer-13__cols {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
align-items: start;
}
.footer-13__col {
display: flex;
flex-direction: column;
gap: 24px;
min-width: 0;
}
.footer-13__col-title {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 11px;
line-height: 1;
letter-spacing: 0.08em;
color: var(--at-neutral-500);
}
.footer-13__col-list {
display: flex;
flex-direction: column;
gap: 14px;
padding: 0;
}
.footer-13__col-list a {
font-family: var(--at-ff-body);
font-weight: 500;
font-size: 16px;
line-height: 1;
letter-spacing: -0.02em;
color: var(--at-neutral-950);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-13__col-list a:hover, .footer-13__col-list a:focus-visible {
color: var(--at-theme-primary);
}
.footer-13__studios {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
padding: 48px 0 0;
border-top: 1px solid var(--at-neutral-200);
margin: 0;
max-width: 80%;
}
.footer-13__studio {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0 32px;
border-right: 1px solid var(--at-neutral-200);
}
.footer-13__studio:first-child {
padding-left: 0;
}
.footer-13__studio:last-child {
border-right: none;
}
.footer-13__studio-head {
display: inline-flex;
align-items: center;
gap: 12px;
}
.footer-13__studio-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--at-neutral-300);
flex-shrink: 0;
}
.footer-13__studio-dot--active {
background-color: var(--at-theme-primary);
box-shadow: 0 0 0 3px rgba(240, 70, 14, 0.18);
}
.footer-13__studio-name {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 24px;
line-height: 1;
letter-spacing: -0.03em;
color: var(--at-neutral-950);
}
.footer-13__studio-addr {
font-family: var(--at-ff-body);
font-weight: 500;
font-size: 14px;
line-height: 1.571;
letter-spacing: -0.02em;
color: var(--at-neutral-500);
font-style: normal;
}
.footer-13__studio-status {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 11px;
line-height: 1;
letter-spacing: 0.08em;
color: var(--at-neutral-500);
}
.footer-13__studio-status--open {
color: var(--at-neutral-700);
}
.footer-13__bigbrand {
padding-top: 48px;
width: 100%;
overflow: hidden;
}
.footer-13__bigbrand-text {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: clamp(64px, 11vw, 188px);
line-height: 1;
letter-spacing: -0.05em;
color: var(--at-neutral-950);
white-space: nowrap;
}
.footer-13__bigbrand-text sup {
font-size: 0.5em;
top: -0.55em;
font-weight: 600;
}
.footer-13__legal {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 28px 96px;
border-top: 1px solid var(--at-neutral-200);
flex-wrap: wrap;
}
.footer-13__copy {
font-family: var(--at-ff-body);
font-weight: 500;
font-size: 13px;
line-height: 1.4;
letter-spacing: -0.02em;
color: var(--at-neutral-500);
}
.footer-13__social,
.footer-13__legal-links {
display: inline-flex;
align-items: center;
gap: 24px;
padding: 0;
flex-wrap: wrap;
}
.footer-13__social a,
.footer-13__legal-links a {
font-family: var(--at-ff-body);
font-weight: 500;
font-size: 13px;
line-height: 1;
letter-spacing: -0.02em;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-13__social a {
color: var(--at-neutral-950);
}
.footer-13__social a:hover, .footer-13__social a:focus-visible {
color: var(--at-theme-primary);
}
.footer-13__legal-links a {
color: var(--at-neutral-500);
}
.footer-13__legal-links a:hover, .footer-13__legal-links a:focus-visible {
color: var(--at-neutral-950);
}
@media only screen and (min-width: 1440px) and (max-width: 1919.98px) {
.footer-13__meta,
.footer-13__legal {
padding-inline: 32px;
}
.footer-13__body {
padding: 64px 32px 0;
}
.footer-13__top {
grid-template-columns: 480px 1fr;
gap: 48px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.footer-13__meta,
.footer-13__legal {
padding-inline: 24px;
}
.footer-13__body {
padding: 56px 24px 0;
gap: 64px;
}
.footer-13__top {
grid-template-columns: 380px 1fr;
gap: 32px;
}
.footer-13__cols {
gap: 24px;
}
.footer-13__intro {
font-size: 16px;
}
}
@media (max-width: 1365.98px) {
.footer-13__meta {
flex-wrap: wrap;
gap: 16px;
padding: 16px 20px;
}
.footer-13__body {
padding: 48px 20px 0;
gap: 48px;
}
.footer-13__top {
display: flex;
flex-direction: column;
gap: 48px;
}
.footer-13__legal {
padding: 24px 20px;
gap: 16px;
}
.footer-13__studios {
padding-top: 32px;
max-width: 100%;
}
.footer-13__intro {
font-size: 16px;
}
}
@media (max-width: 1023.98px) {
.footer-13__meta,
.footer-13__legal {
padding-inline: 16px;
}
.footer-13__body {
padding: 40px 16px 0;
gap: 40px;
}
.footer-13__cols {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.footer-13__studios {
display: flex;
flex-direction: column;
gap: 24px;
}
.footer-13__studio {
padding: 24px 0 0;
border-right: none;
border-top: 1px solid var(--at-neutral-200);
}
.footer-13__studio:first-child {
padding-top: 0;
border-top: none;
}
.footer-13__legal {
padding: 20px 16px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 767.98px) {
.footer-13__meta-item--lead {
flex: 1 1 100%;
}
.footer-13__body {
background-image: none;
}
.footer-13__cols {
grid-template-columns: 1fr;
}
}
@media (max-width: 424.98px) {
.footer-13__intro {
font-size: 15px;
}
.footer-13__studio-name {
font-size: 20px;
}
.footer-13__bigbrand-text {
font-size: clamp(44px, 8vw, 188px);
}
}
.footer-14 {
background-color: var(--at-neutral-950);
color: var(--at-neutral-0);
}
.footer-14 {
}
.footer-14 {
}
.footer-14 {
}
.footer-14 {
}
.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__nav a:hover, .footer-15__nav a:focus-visible, .footer-15__nav a.is-current {
color: var(--footer15-text);
}
.footer-15__services .is-current a {
color: var(--footer15-text);
}
@media only screen and (min-width: 1440px) and (max-width: 1919.98px) {
.footer-15 {
--footer15-panel-pad: 52px;
--footer15-panel-min-h: 340px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.footer-15 {
--footer15-panel-pad: 44px;
--footer15-panel-min-h: 320px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.footer-15 {
padding: 56px 8px 56px 5px;
--footer15-panel-pad: 40px;
--footer15-panel-min-h: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.footer-15 {
padding: 48px 8px 48px 5px;
--footer15-panel-pad: 32px;
--footer15-panel-min-h: 0;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.footer-15 {
padding: 40px 8px 40px 5px;
--footer15-panel-pad: 24px;
--footer15-gap: 6px;
}
}
@media (max-width: 424.98px) {
.footer-15 {
padding: 32px 8px 32px 5px;
--footer15-panel-pad: 20px;
--footer15-panel-radius: 24px;
--footer15-gap: 5px;
}
}
.at-about-svg-wrap {
position: relative;
transform: translateY(-100px);
}
.at-about-svg-wrap > svg:nth-child(1) {
position: absolute;
top: 0;
left: 0;
top: 34px;
}
.at-about-svg-wrap > svg:nth-child(3) {
position: absolute;
left: 56px;
top: 34px;
}
.sec-4-about-form__field {
margin-bottom: 0;
}
.sec-4-about-form__input {
display: block;
width: 100%;
padding: 16px 0;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.02em;
color: var(--at-neutral-500);
background: transparent;
border: none;
border-bottom: 1px solid var(--at-neutral-900);
border-radius: 0;
outline: none;
transition: border-color 0.2s ease;
}
.sec-4-about-form__input::-moz-placeholder {
color: var(--at-neutral-500);
}
.sec-4-about-form__input::placeholder {
color: var(--at-neutral-500);
}
.sec-4-about-form__input:focus {
border-bottom-color: var(--at-neutral-900);
}
.sec-4-about-form__textarea {
min-height: 120px;
resize: vertical;
padding-top: 16px;
}
.sec-4-about-form__actions {
margin-top: 40px;
margin-bottom: 16px;
}
.sec-4-about-form__disclaimer {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: var(--at-neutral-500);
}
.sec-4-about-form__link {
color: var(--at-neutral-900);
}
.sec-3-about .card-award-2-list {
display: flex;
flex-direction: column;
gap: 0;
}
.at-hero-social {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-end;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.at-hero-social {
margin-left: 0;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.at-hero-social {
justify-content: flex-start;
}
}
.at-hero-social a {
font-weight: 500;
font-size: 14px;
line-height: 1;
letter-spacing: -0.02em;
color: var(--at-neutral-500);
border: 1px solid rgba(38, 38, 38, 0.1);
border-radius: 20px;
padding: 6px 20px;
display: inline-block;
}
.at-hero-social a:hover {
background: var(--at-common-black);
border-color: var(--at-common-black);
color: var(--at-common-white);
}
.at-hero-social.style-2 a {
color: var(--at-common-black);
border: 1px solid var(--at-common-black);
background: var(--at-common-white);
}
.at-hero-social.style-2 a:hover {
background: var(--at-common-black);
border-color: var(--at-common-black);
color: var(--at-common-white);
}
.at-hero-slider-active .swiper-slide {
width: auto !important;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.mg-hero-tag {
margin-left: 40px;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.mg-hero-tag {
margin-left: 0;
}
}
.mg-hero-tag ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.mg-hero-tag ul li {
list-style: none;
}
.mg-hero-tag ul li a {
font-weight: 500;
font-size: 14px;
letter-spacing: -0.01em;
color: var(--at-common-white);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 50px;
padding: 6px 16px;
background: rgba(255, 255, 255, 0.04);
display: inline-block;
}
.mg-hero-tag ul li a:hover {
background: var(--at-common-white);
color: var(--at-common-black);
}
.sec-1-home-4-wrap .sec-1-home-4__btns .at-btn {
padding: 14px 24px;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.05em;
border-bottom: 1px solid rgba(255, 255, 255, 0);
background: transparent;
}
.sec-1-home-4-wrap .sec-1-home-4__btns .at-btn:hover {
background: rgba(229, 229, 229, 0.1);
border-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(3px);
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-1-home-4-wrap .sec-1-home-4__btns .at-btn {
background: rgba(229, 229, 229, 0.1);
border-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(3px);
}
}
.card__process-card.card-2 {
margin-top: 80px;
}
.card__process-card.card-3 {
margin-top: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.card__process-card.card-2 {
margin-top: 50px;
}
.card__process-card.card-3 {
margin-top: 50px;
}
}
.at-service-card {
max-height: 480px;
min-height: 480px;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.at-service-card {
min-height: 400px;
}
}
.at-service-card.card-1 {
position: relative;
}
.at-service-card.card-1::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.65;
background: linear-gradient(99deg, #000 5.05%, rgba(0, 0, 0, 0.44) 49.84%, #000 94.63%);
z-index: 0;
}
.at-service-card.no-before::before {
display: none;
}
.at-service-card.card-2,
.at-service-card .card-4 {
background: var(--at-common-white);
margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.at-service-card.card-2,
.at-service-card .card-4 {
margin-top: 0;
}
}
.at-service-card.card-3 {
background: #0f0f0f;
}
.at-service-card.style-2 {
background: var(--at-neutral-0);
border: 1px solid var(--at-neutral-950);
position: relative;
z-index: 1;
transition: all 0.5s;
}
.at-service-card.style-2::after {
content: "";
position: absolute;
bottom: 5px;
right: 5px;
z-index: 0;
width: 100%;
height: 100%;
border: 1px solid var(--at-neutral-950);
background: var(--at-neutral-0);
transition: all 0.5s;
}
.at-service-card.style-2:hover {
transform: translate(5px, 5px);
}
.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: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.at-service-item {
grid-template-columns: 70px 1fr 295px;
}
}
@media (max-width: 424.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: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.at-service-item .content .title {
font-size: 42px;
line-height: 42px;
letter-spacing: -2.4px;
}
}
@media screen and (max-width: 1919.98px) {
.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;
}
.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;
}
:root {
--numOfSlides: 5;
--slidingAT: 1.3s;
--controlSize: 60px;
}
.alt-portfolio-btn .text {
font-weight: 700;
font-size: 14px;
letter-spacing: -0.05em;
text-align: center;
color: var(--at-common-white);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
}
.at-hover-img canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cs-portfolio-tag ul li {
list-style: none;
display: inline-block;
}
.cs-portfolio-tag ul li:not(:first-child) {
margin-left: 5px;
}
.cs-portfolio-tag ul li a {
font-weight: 600;
font-size: 16px;
letter-spacing: -0.05em;
text-transform: uppercase;
color: var(--at-common-white);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50px;
padding: 8px 19px;
line-height: 1;
margin-bottom: 10px;
display: inline-block;
}
.cs-portfolio-tag ul li a:hover {
background: var(--at-common-white);
color: var(--at-common-black);
border-color: var(--at-common-white);
}
.mg-portfolio-content {
padding: 23px 0 0 0;
}
.mg-portfolio-content .cs-portfolio-tag {
width: 40%;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.mg-portfolio-content .cs-portfolio-tag {
width: 50%;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.mg-portfolio-content .cs-portfolio-tag {
width: 100%;
}
}
.mg-portfolio-content .cs-portfolio-tag ul li a {
font-size: 12px;
color: var(--at-common-black);
border: 1px solid var(--at-neutral-100);
}
.mg-portfolio-content .cs-portfolio-tag ul li a:hover {
border-color: var(--at-common-black);
background: var(--at-common-black);
color: var(--at-common-white);
}
.mg-portfolio-item {
border-radius: 10px;
overflow: hidden;
}
.mg-portfolio-thumb.style-2 {
position: relative;
border-radius: 0 !important;
overflow: hidden;
}
.mg-portfolio-thumb.style-2::before {
content: "";
position: absolute;
top: 26px;
right: 26px;
width: 40px;
height: 40px;
background-color: var(--at-neutral-0);
z-index: 4;
background-image: url('data:image/svg+xml,');
background-size: 14px;
background-repeat: no-repeat;
background-position: center;
border-radius: 50px;
}
.mg-portfolio-thumb.style-2 img {
border-radius: 0;
filter: grayscale(100%);
transition: all 0.6s ease;
}
.mg-portfolio-item {
transition: all 0.6s ease;
}
.mg-portfolio-item:hover .mg-portfolio-thumb.style-2 img {
filter: grayscale(0%);
}
.card-award.style-2 {
background-color: var(--at-neutral-50);
border: none;
border-bottom: 1px solid var(--at-neutral-950);
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
padding: 15px 0;
}
.card-award.style-2:hover {
border-color: var(--at-neutral-950);
transition: all 0.3s ease;
background-color: var(--at-neutral-950);
padding: 15px 20px;
}
.card-award.style-1 {
background-color: var(--at-common-white, #ffffff);
border-radius: 16px;
border: 1px solid var(--at-neutral-100);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
padding: 20px 42px;
transition: all 0.3s ease;
margin-bottom: 24px;
}
.card-award:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-color: var(--at-neutral-900);
transition: all 0.3s ease;
background-color: var(--at-neutral-900);
}
.card-award:hover .card-award-date {
color: var(--at-neutral-300);
transition: all 0.3s ease;
}
.card-award:hover .card-award-image img {
transform: scale(1.2);
transition: all 0.3s ease;
}
.card-award:hover .card-award-title {
transition: all 0.3s ease;
color: var(--at-common-white);
}
.card-award:hover .card-award-web-excellence {
transition: all 0.3s ease;
color: var(--at-neutral-300);
}
.card-award:hover .card-award-url {
transition: all 0.3s ease;
color: var(--at-neutral-300);
}
.card-award:hover .card-award-icon {
color: var(--at-common-white);
transition: all 0.3s ease;
}
@media (min-width: 1440px) {
.card-award-content .container {
flex: 0 0 600px;
}
}
.card-award-title {
color: var(--at-common-black, #1d1d1d);
line-height: 1.4;
margin-bottom: 4px;
font-family: var(--at-ff-body);
transition: all 0.3s ease;
letter-spacing: -0.01em;
}
@media (max-width: 424.98px) {
.card-award-title {
font-size: 14px;
}
}
.card-award-preview {
position: fixed;
left: 0;
top: 0;
width: 280px;
pointer-events: none;
z-index: 9999;
opacity: 0;
visibility: hidden;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
will-change: auto;
transform-origin: left bottom;
}
.card-award-preview img {
width: 100%;
height: auto;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767.98px) {
.card-award-preview {
display: none !important;
}
}
.testimonial-cart-wrap.style-2 {
border: 1px solid var(--at-neutral-100, #DFDFDF);
background: var(--at-neutral-0, #FEFEFE);
}
.testimonial-cart-wrap.style-2 .rectangular {
border: 1px solid var(--at-neutral-100, #DFDFDF);
background: var(--at-neutral-0, #FEFEFE);
}
.testimonial-cart-wrap.style-2 .testimonial-left-img {
margin-right: 20px;
width: 50px;
height: 50px;
border-radius: 10px;
overflow: hidden;
}
.testimonial-cart-wrap.style-2 .testimonial-left-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.testimonial-cart-wrap.style-2 .testimonial-author {
margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.testimonial-cart-wrap.style-2 .testimonial-author {
margin-top: 60px;
}
}
@media (max-width: 424.98px) {
.testimonial-cart-wrap.style-2 .testimonial-author {
margin-top: 40px;
}
}
.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;
}
.scroll-section .wrapper {
position: relative;
height: auto;
}
.scroll-section .list {
height: 100%;
position: relative;
}
.scroll-section .item {
min-height: 100vh;
width: 100%;
top: 0;
left: 0;
right: 0;
height: auto;
}
.scroll-section .item:first-child {
min-height: 100%;
height: 100%;
}
.scroll-section .item:not(:first-child) {
position: absolute;
}
.team-card-name .h6 {
color: var(--at-common-white);
font-weight: 600;
letter-spacing: -0.02em;
transition: color 0.3s ease;
line-height: 24px;
}
.team-card-2__name .h6 {
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.3;
transition: color 0.25s ease;
}
.team-card-2__name:hover .h6 {
color: var(--at-theme-primary, #6366f1);
}
.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: 425px) and (max-width: 767.98px), (max-width: 424.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: 1440px) and (max-width: 1919.98px), only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.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: 424.98px) {
.at-faq-button {
font-size: 18px;
}
}
.at-faq-button span {
font-weight: 500;
margin-right: 70px;
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.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";
}
.content-product-right {
position: relative;
}
.content-product-right__size {
width: 46px;
height: 46px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid transparent;
border-radius: 4px;
background-color: var(--at-neutral-50, #f2f2f2);
font-size: 14px;
font-weight: 600;
letter-spacing: -0.28px;
color: var(--at-neutral-900, #1d1d1d);
cursor: pointer;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.content-product-right__size:hover {
background-color: var(--at-neutral-100, #e5e5e5);
}
.content-product-right__size.active {
border-color: var(--at-neutral-900, #1d1d1d);
}
.content-product-right__color {
width: 32px;
height: 32px;
border: 2px solid var(--at-neutral-0, #fefefe);
border-radius: 50%;
padding: 0;
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.content-product-right__color:hover {
box-shadow: 0 0 0 1px var(--at-neutral-400);
}
.content-product-right__color.active {
border-color: var(--at-neutral-900, #1d1d1d);
border-width: 2px;
}
.content-product-right__qty-val {
font-size: 18px;
font-weight: 600;
letter-spacing: -0.36px;
color: var(--at-neutral-900, #1d1d1d);
min-width: 24px;
text-align: center;
}
.content-product-right__tab-nav .nav-link.active {
color: var(--at-neutral-900, #1d1d1d);
text-decoration: underline;
}
.cart-list {
display: flex;
flex-direction: column;
gap: 25px;
width: 100%;
font-family: var(--at-ff-body);
}
.cart-select-all:checked + .cart-list__check-wrap {
background: var(--at-neutral-900, #1d1d1d);
border-color: var(--at-neutral-900, #1d1d1d);
}
.cart-select-all:checked + .cart-list__check-wrap .cart-list__check-icon {
opacity: 1;
filter: brightness(0) invert(1);
}
.cart-remove-selected {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.8px;
color: var(--at-neutral-900, #1d1d1d);
cursor: pointer;
transition: opacity 0.2s ease;
}
.cart-remove-selected:hover {
opacity: 0.7;
}
.cart-item {
border: 1px solid var(--at-neutral-100, #dfdfdf);
border-radius: 16px;
min-height: 177px;
overflow: hidden;
background: var(--at-neutral-0, #fefefe);
transition: box-shadow 0.2s ease;
}
.cart-item:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.cart-item .cart-item-check:checked + .cart-item__check-wrap {
background: var(--at-neutral-900, #1d1d1d);
border-color: var(--at-neutral-900, #1d1d1d);
}
.cart-item .cart-item-check:checked + .cart-item__check-wrap .cart-item__check-icon {
opacity: 1;
filter: brightness(0) invert(1);
}
.cart-item__price {
font-size: 18px;
font-weight: 600;
letter-spacing: -0.9px;
color: var(--at-neutral-900, #1d1d1d);
margin: 0;
}
.cart-item-qty-minus, .cart-item-qty-plus {
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
background: none;
color: inherit;
font-size: inherit;
cursor: pointer;
transition: opacity 0.2s ease;
padding: 0;
line-height: 1;
}
.cart-item-qty-minus:hover, .cart-item-qty-plus:hover {
opacity: 0.7;
}
.cart-item-qty-val {
min-width: 24px;
text-align: center;
}
.cart-item-delete {
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
background: none;
color: var(--at-neutral-900, #1d1d1d);
cursor: pointer;
padding: 0;
transition: color 0.2s ease, opacity 0.2s ease;
}
.cart-item-delete:hover {
opacity: 0.7;
color: var(--at-neutral-700);
}
.cart-item-delete i {
font-size: 18px;
}
.cart-summary {
background: var(--at-neutral-50, #f2f2f2);
border-radius: 16px;
overflow: hidden;
padding: 52px 49px 60px;
font-family: var(--at-ff-body);
width: 100%;
align-self: flex-start;
}
@media (min-width: 1024px) {
.cart-summary {
position: sticky;
top: 120px;
}
}
.cart-summary__coupon-input {
flex: 1;
min-width: 0;
max-width: 328px;
height: 52px;
padding: 0 24px;
border: 1px solid var(--at-neutral-100, #dfdfdf) !important;
border-radius: 50px;
background: var(--at-neutral-0, #fefefe);
font-size: 14px;
font-weight: 500;
letter-spacing: -0.28px;
color: var(--at-neutral-900, #1d1d1d);
}
.cart-summary__coupon-input::-moz-placeholder {
color: var(--at-neutral-500, #585959);
}
.cart-summary__coupon-input::placeholder {
color: var(--at-neutral-500, #585959);
}
.cart-summary__coupon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
height: 52px;
padding: 0 24px;
min-width: 118px;
border: none;
border-radius: 42px;
background: var(--at-neutral-900, #1d1d1d);
font-size: 16px;
font-weight: 600;
letter-spacing: -0.8px;
color: var(--at-neutral-0, #fefefe);
cursor: pointer;
transition: opacity 0.2s ease;
}
.cart-summary__coupon-btn:hover {
opacity: 0.9;
}
.cart-summary__delivery-date {
font-weight: 700;
color: var(--at-neutral-900, #1d1d1d);
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.cart-summary {
padding: 40px 24px 48px;
}
.cart-summary__coupon-input {
max-width: 100%;
}
}
@media (max-width: 424.98px) {
.cart-summary {
padding: 32px 20px 40px;
}
}
.skill-card__score .skill-card__score-value .odometer {
letter-spacing: 0px;
}
.change-price-plan {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
flex-wrap: wrap;
}
.price-plan-toggle-label {
font-size: 16px;
font-weight: 500;
color: var(--at-neutral-900);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: color 0.2s ease;
}
.price-plan-toggle {
position: relative;
display: inline-flex;
align-items: center;
cursor: pointer;
flex-shrink: 0;
}
.price-plan-toggle__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.price-plan-toggle__track {
display: block;
width: 70px;
height: 33px;
background: var(--at-common-white);
border: 1px solid var(--at-neutral-100);
border-radius: 9999px;
transition: background 0.25s ease;
}
.price-plan-toggle__thumb {
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background: var(--at-neutral-900);
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
transition: transform 0.25s ease, left 0.25s ease;
pointer-events: none;
}
.price-plan-toggle__input:checked + .price-plan-toggle__track + .price-plan-toggle__thumb {
left: 42px;
}
.price-plan-toggle__input:focus-visible + .price-plan-toggle__track {
outline: 2px solid #1A1A1A;
outline-offset: 2px;
}
.home-2-pricing-card {
position: relative;
background: var(--at-neutral-0);
border-radius: 16px;
padding: 15px;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
height: 100%;
display: flex;
flex-direction: column;
}
.home-2-pricing-card__badge {
position: absolute;
top: 24px;
right: 24px;
font-size: 10px;
font-weight: 600;
letter-spacing: -0.2px;
text-transform: uppercase;
color: #fff;
background: var(--at-theme-primary);
padding: 6px 10px;
border-radius: 9999px;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), (max-width: 424.98px) {
.home-2-pricing-card__badge {
top: 45px;
right: 45px;
}
}
.home-2-pricing-card__body {
flex: 0 0 auto;
padding: 25px;
background: var(--at-neutral-50);
border-radius: 14px;
}
.home-2-pricing-card--popular .home-2-pricing-card__body {
background: rgba(240, 70, 14, 0.1);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
.home-2-pricing-card__title {
font-size: 18px;
font-weight: 600;
color: var(--at-neutral-900);
margin-bottom: 16px;
}
.home-2-pricing-card__price {
margin-bottom: 16px;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.home-2-pricing-card__price-value {
font-size: 48px;
font-weight: 600;
line-height: 1;
color: var(--at-neutral-900);
font-family: var(--at-ff-body);
letter-spacing: -2.4px;
}
.home-2-pricing-card__price-period {
font-size: 16px;
font-weight: 500;
color: var(--at-neutral-500);
margin-left: 2px;
}
.home-2-pricing-card__desc {
font-size: 16px;
font-weight: 500;
line-height: 1.6;
color: var(--at-neutral-500);
margin-bottom: 28px;
}
.home-2-pricing-card__features {
list-style: none;
padding: 0;
margin: 40px 25px 25px 25px;
flex: 1 1 auto;
}
.home-2-pricing-card__features li {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
color: var(--at-neutral-700);
margin-bottom: 14px;
font-family: var(--at-ff-body);
}
.home-2-pricing-card__features li:last-child {
margin-bottom: 0;
}
.home-2-pricing-card__feature-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 50%;
margin-right: 12px;
}
.home-2-pricing-card__feature-icon svg {
flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), (max-width: 424.98px) {
.home-2-pricing-card__price-value {
font-size: 42px;
}
.home-2-pricing-card__title {
font-size: 20px;
}
.home-2-pricing-card__features li {
font-size: 16px;
}
}
@media (max-width: 424.98px) {
.home-2-pricing-card {
padding: 8px;
}
}
.sec-2-home-5__card--img .img {
position: absolute;
bottom: 0;
right: 0;
}
.sec-2-home-5__avatars-row {
flex-wrap: wrap;
}
.sec-2-home-5__avatar-sm {
width: 65px;
height: 65px;
border-radius: 8px;
overflow: hidden;
padding: 4px;
background: var(--at-neutral-50);
}
.sec-2-home-5__avatar-sm img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px;
filter: grayscale(100%);
}
.at-brand-scroll .at-brand-item .brand {
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 100%;
}
.at-brand-scroll {
}
.at-brand-scroll .brand-logo-viewport {
position: relative;
overflow: hidden;
width: 100%;
height: 70px;
flex-shrink: 0;
margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), (max-width: 424.98px) {
.at-brand-scroll .brand-logo-viewport {
height: 50px;
}
}
.at-brand-scroll .brand-logo-track {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: flex;
flex-direction: column;
flex-shrink: 0;
will-change: auto;
}
.at-brand-scroll .brand-logo-slide {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 70px;
min-height: 70px;
flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), (max-width: 424.98px) {
.at-brand-scroll .brand-logo-slide {
height: 60px;
min-height: 60px;
}
}
.at-brand-scroll .brand-logo-slide img {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
display: block;
}
.block-journey .journey-list-wrap {
position: relative;
padding-left: 80px;
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.block-journey .journey-list-wrap {
padding-left: 30px;
}
}
.block-journey .journey-list-line {
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 0;
background: var(--at-neutral-700, #3d3d3d);
will-change: height;
}
.sec-1-home-7__coords .text-scramble {
cursor: default;
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum";
}
.sec-2-home-7__cell--img .sec-2-home-7__img-wrap .thumb {
height: 330px;
}
.at-item-anime.marque {
overflow: hidden;
border-radius: 16px;
}
.at-item-anime.marque img {
transition: transform 0.6s ease;
}
.at-item-anime.marque:hover img {
transform: scale(1.05);
filter: brightness(1.1);
transition: transform 0.6s ease;
}
.sec-5-home-7__acc-btn:not(.collapsed) {
background: var(--at-neutral-100, #dfdfdf);
border-color: var(--at-neutral-100, #dfdfdf);
color: var(--at-neutral-950, #0f0f0f);
box-shadow: none;
}
.sec-5-home-7__acc-btn.collapsed {
background: var(--at-neutral-0, #fefefe);
}
.sec-5-home-7__acc-btn:not(.collapsed) .sec-5-home-7__acc-plus {
transform: rotate(45deg);
}
.sec-5-home-7__throw .client-capsule-wrapper {
margin-top: 0;
height: 420px;
}
@media (min-width: 1024px) {
.sec-5-home-7__throw .client-capsule-wrapper {
height: 520px;
}
}
@media (min-width: 1440px) {
.sec-5-home-7__throw .client-capsule-wrapper {
height: 580px;
}
}
.sec-7-home-7__star {
position: absolute;
right: 100px;
bottom: 120px;
width: 100px;
height: 100px;
pointer-events: none;
}
.sec-7-home-7__star img {
width: 100%;
height: 100%;
display: block;
animation: sec7Home7Spin 12s linear infinite;
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-7-home-7__star {
right: 24px;
bottom: 24px;
opacity: 0.9;
}
}
@keyframes sec7Home7Spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.sec-11-home-7__form .sec-4-about-form__textarea {
min-height: 192px;
resize: vertical;
}
.sec-1-home-8 .h8-stat-num .odometer {
letter-spacing: -0.05em;
}
.sec-4-home-8__img-stack .hover-image img {
border-radius: 0;
}
.sec-4-home-8__deco .at-about-svg-wrap {
transform: translateY(0);
}
.sec-4-home-8__list-wrap .at-service-item {
padding-top: 34px;
padding-bottom: 34px;
grid-template-columns: 80px 1fr 300px;
gap: 15px 45px;
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-4-home-8__list-wrap .at-service-item {
grid-template-columns: 70px 1fr 240px;
gap: 12px 24px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-4-home-8__list-wrap .at-service-item {
grid-template-columns: 1fr;
padding-top: 24px;
padding-bottom: 24px;
}
}
.sec-4-home-8__list-wrap .at-service-item .number {
font-size: 24px;
letter-spacing: -0.05em;
}
.sec-4-home-8__list-wrap .at-service-item .content .title {
font-size: clamp(40px, 4.6vw, 72px);
line-height: 1.05;
letter-spacing: -0.05em;
opacity: 1;
}
.sec-4-home-8__list-wrap .at-service-item .content .text {
opacity: 1;
max-height: none;
font-size: 20px;
font-weight: 500;
letter-spacing: -0.02em;
max-width: 480px;
color: var(--at-neutral-900);
}
.sec-4-home-8__list-wrap .at-service-item .thumb img {
border-radius: 0;
max-width: 190px;
width: 190px;
height: 115px;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.35s ease, filter 0.35s ease;
}
.sec-4-home-8__list-wrap .at-service-item:not(.active):not(:hover) .number {
color: var(--at-neutral-500);
opacity: 0.3;
}
.sec-4-home-8__list-wrap .at-service-item.active .number, .sec-4-home-8__list-wrap .at-service-item:hover .number {
color: var(--at-theme-primary);
opacity: 1;
}
.sec-4-home-8__list-wrap .at-service-item:first-child .thumb img, .sec-4-home-8__list-wrap .at-service-item:first-child:hover .thumb img {
max-width: 284px;
width: 284px;
height: 174px;
}
.sec-4-home-8__list-wrap .at-service-item:not(:first-child):hover .thumb img {
max-width: 190px;
width: 190px;
height: 115px;
}
.sec-4-home-8__list-wrap a:hover .at-service-item .thumb {
overflow: hidden;
}
.sec-4-home-8__list-wrap a:hover .at-service-item .thumb img {
transform: scale(1.06);
filter: brightness(1.08);
will-change: auto;
}
.sec-6-home-8 {
background-color: var(--at-neutral-50);
padding-top: clamp(70px, 6vw, 110px);
padding-bottom: clamp(70px, 6vw, 110px);
}
.sec-6-home-8__card {
display: flex;
flex-direction: column;
gap: 8px;
text-decoration: none;
color: inherit;
will-change: auto;
}
.sec-6-home-8__card:hover .sec-6-home-8__img img {
transform: scale(1.06);
filter: brightness(1.05);
}
.sec-7-home-8__rail .swiper {
width: 100%;
}
.sec-7-home-8__rail .swiper-slide {
width: auto;
}
.sec-7-home-8__rail .about-me-slider-thumb {
overflow: hidden;
border-radius: 16px;
background: var(--at-neutral-300);
}
.sec-7-home-8__rail .about-me-slider-thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.sec-7-home-8__rail--reverse .swiper,
.sec-7-home-8__rail--reverse .swiper-slide,
.sec-7-home-8__rail--reverse .about-me-slider-thumb,
.sec-7-home-8__rail--reverse img {
transform: scaleX(-1);
}
@media (max-width: 1439.98px) {
.sec-7-home-8__rail .about-me-slider-thumb {
height: 420px;
}
.sec-7-home-8__rail--reverse .about-me-slider-thumb {
height: 520px;
}
}
@media (max-width: 767.98px) {
.sec-7-home-8__rail .about-me-slider-thumb {
height: 300px;
}
.sec-7-home-8__rail--reverse .about-me-slider-thumb {
height: 360px;
}
}
.sec-8-home-8 {
background: var(--at-neutral-50);
padding-top: clamp(70px, 6vw, 130px);
padding-bottom: clamp(70px, 6vw, 130px);
}
.sec-8-home-8__stage {
position: relative;
min-height: 1150px;
}
.sec-8-home-8__center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -58%);
text-align: center;
width: min(595px, 92vw);
}
.sec-8-home-8__group {
position: absolute;
width: 408px;
display: flex;
flex-direction: column;
gap: 8px;
}
@media (max-width: 1439.98px) {
.sec-8-home-8__stage {
min-height: auto;
}
.sec-8-home-8__center {
position: static;
transform: none;
margin: 0 auto 40px;
}
.sec-8-home-8__group {
position: static;
width: 100%;
max-width: 560px;
margin: 0 auto 24px;
}
}
.sec-1-home-9__btn.at-btn {
width: 100%;
max-width: clamp(200px, 15.9vw, 305px);
padding: clamp(10px, 0.73vw, 14px) clamp(16px, 1.4vw, 27px);
justify-content: center;
gap: 12px;
background-color: var(--at-neutral-700);
color: var(--at-neutral-50);
border-radius: 0;
font-weight: 600;
font-size: clamp(12px, 0.83vw, 16px);
letter-spacing: -0.05em;
text-transform: uppercase;
line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-1-home-9__btn.at-btn {
max-width: 260px;
padding: 14px 22px;
font-size: 14px;
}
}
.sec-1-home-9__btn.at-btn:hover {
background-color: var(--at-theme-primary);
color: var(--at-common-white);
}
.sec-1-home-9__divider {
position: relative;
width: clamp(360px, 58.6vw, 1124px);
max-width: 100%;
margin-top: clamp(14px, 1.5vw, 29px);
height: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-1-home-9__divider {
width: 100%;
margin-top: 40px;
}
}
.sec-1-home-9__divider-line {
position: absolute;
left: 0;
right: auto;
width: 0;
max-width: 100%;
height: 1px;
background: color-mix(in srgb, var(--at-neutral-0) 28%, transparent);
will-change: width;
}
.sec-1-home-9__divider-line:nth-child(1) {
top: 0;
}
.sec-1-home-9__divider-line:nth-child(2) {
top: 4px;
}
@media (prefers-reduced-motion: reduce) {
.sec-1-home-9__divider-line {
width: 100%;
will-change: auto;
}
}
.sec-2-home-9__value .odometer {
letter-spacing: -0.05em;
}
.sec-4-home-9__filters .at-btn.filter-btn {
padding: 12px 24px;
font-size: 16px;
letter-spacing: -0.05em;
}
.sec-5-home-9__marquee {
mix-blend-mode: difference;
color: var(--at-neutral-0, #fefefe);
}
.sec-5-home-9__marquee .at-marquee__track {
display: flex;
width: -moz-max-content;
width: max-content;
will-change: auto;
animation: sec5-home-9-marquee 55s linear infinite;
}
.sec-5-home-9__marquee .at-marquee__group {
display: inline-flex;
align-items: center;
flex-shrink: 0;
white-space: nowrap;
}
@keyframes sec5-home-9-marquee {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.sec-5-home-9__marquee .sec-5-home-9__marquee-track {
animation: none;
transform: none;
}
}
@media (min-width: 768px) {
.sec-6-home-9__card {
cursor: pointer;
}
}
.sec-6-home-9__card {
display: grid;
gap: clamp(16px, 2vw, 24px);
align-items: center;
padding: clamp(16px, 2vw, 20px) clamp(20px, 3vw, 42px);
border: 1px solid var(--at-neutral-100, #dfdfdf);
background: var(--at-neutral-0, #fefefe);
border-radius: 0;
transition: all 0.3s ease;
}
@media (min-width: 1024px) {
.sec-6-home-9__card {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.95fr) minmax(0, 1.1fr);
gap: clamp(20px, 2vw, 32px);
}
}
@media (hover: hover) and (pointer: fine) {
.sec-6-home-9__card:hover {
border-radius: 24px;
padding: clamp(16px, 2vw, 20px) clamp(30px, 5vw, 52px);
transition: all 0.3s ease;
}
}
.sec-6-home-9__name {
margin: 0 0 4px;
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: clamp(26px, 2.5vw, 36px);
line-height: 1.1;
letter-spacing: -0.05em;
color: var(--at-neutral-900, #1d1d1d);
}
.sec-7-home-9__deco {
display: none;
position: absolute;
right: clamp(-20px, -2vw, 0px);
top: clamp(-40px, -3vw, -20px);
width: 99px;
height: 99px;
pointer-events: none;
opacity: 0.45;
}
.sec-7-home-9__deco img {
display: block;
width: 100%;
height: auto;
transform-origin: center center;
animation: sec-7-home-9-deco-spin 14s linear infinite;
}
@media (min-width: 1024px) {
.sec-7-home-9__deco {
display: block;
}
}
@keyframes sec-7-home-9-deco-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.sec-7-home-9__deco img {
animation: none;
}
}
@keyframes h10-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.sec-1-home-10__headline-track {
display: flex;
white-space: nowrap;
animation: h10-marquee 24s linear infinite;
}
.sec-4-home-10 {
position: relative;
padding-top: clamp(56px, 7vw, 120px);
padding-bottom: clamp(64px, 9vw, 140px);
background: var(--at-neutral-900, #1d1d1d);
color: var(--at-neutral-0, #fefefe);
}
.sec-4-home-10__title-block {
text-align: center;
}
@media (min-width: 1024px) {
.sec-4-home-10__title-block {
grid-column: 2;
grid-row: 1/span 2;
align-self: center;
justify-self: center;
z-index: 1;
max-width: min(520px, 100%);
padding: clamp(12px, 2vw, 28px) 0;
pointer-events: none;
}
.sec-4-home-10__title-block .sec-4-home-10__eyebrow,
.sec-4-home-10__title-block .sec-4-home-10__title {
pointer-events: auto;
}
}
.sec-5-home-10 {
position: relative;
padding-top: clamp(48px, 6vw, 100px);
padding-bottom: clamp(56px, 8vw, 140px);
background: var(--at-neutral-50, #f2f2f2);
}
.sec-5-home-10__intro-row {
margin-bottom: clamp(40px, 6vw, 88px);
position: relative;
z-index: 3;
}
.sec-5-home-10__stats {
position: relative;
z-index: 1;
align-items: flex-start;
}
@media (min-width: 768px) {
.sec-5-home-10__stat--1 {
align-items: flex-start;
text-align: left;
margin-right: auto;
}
.sec-5-home-10__stat--2 {
margin-left: auto;
margin-right: auto;
margin-top: clamp(48px, 9vw, 160px);
}
.sec-5-home-10__stat--3 {
align-items: flex-end;
text-align: right;
margin-left: auto;
margin-top: clamp(96px, 16vw, 280px);
}
}
.sec-6-home-10 {
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-10__title-block {
text-align: center;
}
@media (min-width: 1366px) {
.sec-6-home-10__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-10__title-block .sec-6-home-10__eyebrow,
.sec-6-home-10__title-block .sec-6-home-10__title {
pointer-events: auto;
}
}
.sec-1-home-11__scroll-line {
display: block;
width: 1px;
height: 48px;
position: relative;
background: rgba(255, 255, 255, 0.2);
overflow: hidden;
}
.sec-1-home-11__scroll-line::after {
content: "";
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 40%;
background: linear-gradient(to bottom, transparent, var(--at-theme-primary) 50%, transparent);
animation: scroll-line-drop 1.6s ease-in-out infinite;
}
@keyframes scroll-line-drop {
0% {
top: -40%;
}
100% {
top: 140%;
}
}
.sec-4-home-11__list .mg-portfolio-item {
padding-top: clamp(24px, 3vw, 40px);
}
.sec-4-home-11__list .mg-portfolio-thumb a.cursor-hide {
position: relative;
display: block;
}
.sec-4-home-11__list .cs-portfolio-title {
font-size: clamp(20px, 2.5vw, 32px);
font-weight: 600;
letter-spacing: -0.02em;
}
.sec-5-home-11 {
position: relative;
background-color: var(--at-neutral-0);
overflow: hidden;
}
.sec-5-home-11__card {
position: relative;
background-color: var(--at-common-white);
border: 1px solid var(--at-neutral-100);
border-radius: 6px;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease;
}
.sec-5-home-11__card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.08);
border-color: transparent;
}
.sec-5-home-11__card:hover .sec-5-home-11__card-accent {
transform: scaleY(1);
}
.sec-5-home-11__card:hover .sec-5-home-11__card-num {
color: var(--at-theme-primary);
transform: translateX(2px);
}
.sec-5-home-11__card-media {
position: relative;
overflow: hidden;
aspect-ratio: 16/9;
}
.sec-5-home-11__card-media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sec-6-home-11__scroll-stack.scroll-section .wrapper {
position: relative;
}
.sec-6-home-11__scroll-stack.scroll-section .sec-6-home-11__steps.list {
position: relative;
height: 100%;
}
.sec-6-home-11__scroll-stack.scroll-section .sec-6-home-11__step.item {
border-top: none;
border-bottom: none;
background-color: var(--at-neutral-50);
}
.sec-6-home-11__scroll-stack.scroll-section .item {
min-height: min(88vh, 860px);
}
.sec-6-home-11__scroll-stack.scroll-section .item:first-child {
min-height: min(88vh, 860px);
height: auto;
}
@media (max-width: 1023.98px) {
.sec-6-home-11__scroll-stack.scroll-section .sec-6-home-11__steps.list {
height: auto;
}
.sec-6-home-11__scroll-stack.scroll-section .sec-6-home-11__step.item {
padding: clamp(24px, 5vw, 40px) 0;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
border-top: 1px solid var(--at-neutral-100);
}
.sec-6-home-11__scroll-stack.scroll-section .sec-6-home-11__step.item:last-child {
border-bottom: 1px solid var(--at-neutral-100);
}
.sec-6-home-11__scroll-stack.scroll-section .item {
position: relative !important;
inset: auto !important;
width: 100% !important;
min-height: 0 !important;
height: auto !important;
transform: none !important;
}
.sec-6-home-11__scroll-stack.scroll-section .item:first-child {
min-height: 0 !important;
height: auto !important;
}
}
.sec-7-home-11__nav .swiper-btn-prev,
.sec-7-home-11__nav .swiper-btn-next {
border: 1px solid var(--at-neutral-100);
border-radius: 50%;
background: transparent;
color: var(--at-neutral-950);
transition: background 0.3s ease, color 0.3s ease;
}
.sec-7-home-11__nav .swiper-btn-prev:hover,
.sec-7-home-11__nav .swiper-btn-next:hover {
background: var(--at-theme-primary);
border-color: var(--at-theme-primary);
color: var(--at-common-white);
}
.sec-1-home-12__pill-text {
font-family: var(--at-ff-heading);
font-weight: 500;
font-size: 14px;
line-height: 1;
letter-spacing: -0.28px;
color: var(--at-neutral-700);
white-space: nowrap;
}
.sec-1-home-12__title .split-line {
overflow: hidden;
padding-bottom: 0.12em;
}
.sec-1-home-12-slider {
overflow: visible;
}
.sec-1-home-12-slider .swiper-wrapper {
transition-timing-function: linear !important;
}
@media (max-width: 424.98px) {
.sec-1-home-12__pill-text {
font-size: 13px;
}
}
.sec-2-home-12__cards {
display: flex;
flex-direction: column;
row-gap: 32px;
margin-inline: auto;
max-width: 1280px;
}
.card-home-12-project {
display: flex;
align-items: center;
gap: 48px;
padding: 32px;
background-color: var(--at-neutral-0);
border: 1px solid var(--at-neutral-100);
border-radius: 24px;
overflow: hidden;
text-decoration: none;
color: inherit;
box-shadow: 0 18px 40px -28px rgba(0, 0, 0, 0.18);
transition: border-color 0.3s ease, box-shadow 0.3s ease;
transform-origin: 50% 0%;
will-change: auto;
}
.card-home-12-project:hover, .card-home-12-project:focus-visible {
border-color: var(--at-neutral-300);
box-shadow: 0 12px 32px -16px rgba(0, 0, 0, 0.12);
color: inherit;
}
.card-home-12-project:hover .card-home-12-project__img, .card-home-12-project:focus-visible .card-home-12-project__img {
transform: scale(1.04);
}
.card-home-12-project:hover .card-home-12-project__title, .card-home-12-project:focus-visible .card-home-12-project__title {
color: var(--at-theme-primary);
}
.card-home-12-project__num {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 12px;
line-height: 1;
letter-spacing: 0.24px;
color: var(--at-theme-primary);
}
.card-home-12-project__label {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 12px;
line-height: 1;
letter-spacing: 0.24px;
color: var(--at-neutral-500);
text-transform: uppercase;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.card-home-12-project {
gap: 32px;
padding: 24px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.card-home-12-project {
gap: 24px;
padding: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-2-home-12__cards {
row-gap: 24px;
}
.card-home-12-project {
flex-direction: column;
align-items: stretch;
gap: 24px;
padding: 20px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.sec-2-home-12__cards {
row-gap: 20px;
}
.card-home-12-project {
flex-direction: column;
align-items: stretch;
gap: 20px;
padding: 16px;
}
}
@media (max-width: 424.98px) {
.card-home-12-project {
flex-direction: column;
align-items: stretch;
gap: 18px;
padding: 14px;
border-radius: 20px;
}
}
.sec-3-home-12 {
background-color: var(--at-neutral-50);
padding-top: 120px;
padding-bottom: 120px;
}
.sec-3-home-12__header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 48px;
margin-bottom: 64px;
}
.sec-3-home-12__header-left {
display: flex;
flex-direction: column;
align-items: flex-start;
row-gap: 16px;
flex: 1 1 0;
min-width: 0;
}
.sec-3-home-12__eyebrow {
margin: 0;
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 12px;
line-height: 1;
letter-spacing: 0.96px;
color: var(--at-theme-primary);
text-transform: uppercase;
}
.sec-3-home-12__title {
margin: 0;
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: clamp(36px, 5vw, 64px);
line-height: 1.125;
letter-spacing: -0.05em;
color: var(--at-neutral-950);
}
.sec-3-home-12__lede {
flex: 0 0 380px;
max-width: 380px;
font-family: var(--at-ff-heading);
font-weight: 500;
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.02em;
color: var(--ns-text-secondary);
}
.sec-3-home-12__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--ns-grid-gap);
}
.card-home-12-service {
display: flex;
flex-direction: column;
align-items: stretch;
row-gap: var(--ns-grid-gap);
padding: 32px;
background-color: var(--at-neutral-0);
border: 1px solid var(--at-neutral-100);
border-radius: 24px;
text-decoration: none;
color: inherit;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.card-home-12-service:hover, .card-home-12-service:focus-visible {
border-color: var(--at-neutral-300);
box-shadow: 0 12px 32px -16px rgba(0, 0, 0, 0.12);
color: inherit;
}
.card-home-12-service:hover .card-home-12-service__title, .card-home-12-service:focus-visible .card-home-12-service__title {
color: var(--at-theme-primary);
}
.card-home-12-service:hover .card-home-12-service__icon:not(.is-filled), .card-home-12-service:focus-visible .card-home-12-service__icon:not(.is-filled) {
background-color: var(--at-theme-primary);
color: var(--at-neutral-0);
}
.card-home-12-service:hover .card-home-12-service__icon svg, .card-home-12-service:focus-visible .card-home-12-service__icon svg {
transform: translate(2px, -2px);
}
.card-home-12-service__top {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.card-home-12-service__num-wrap {
display: inline-flex;
align-items: center;
-moz-column-gap: 8px;
column-gap: 8px;
}
.card-home-12-service__num-line {
display: inline-block;
width: 20px;
height: 1px;
background-color: var(--at-theme-primary);
}
.card-home-12-service__num {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 12px;
line-height: 1;
letter-spacing: 0.96px;
color: var(--at-theme-primary);
}
.card-home-12-service__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 999px;
background-color: var(--at-neutral-50);
color: var(--at-neutral-950);
flex-shrink: 0;
transition: background-color 0.3s ease, color 0.3s ease;
}
.card-home-12-service__icon svg {
transition: transform 0.3s ease;
}
.card-home-12-service__icon.is-filled {
background-color: var(--at-theme-primary);
color: var(--at-neutral-0);
}
.card-home-12-service__title {
margin: 0;
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 36px;
line-height: 1;
letter-spacing: -0.05em;
color: var(--at-neutral-950);
transition: color 0.3s ease;
}
.card-home-12-service__desc {
margin: 0;
font-family: var(--at-ff-heading);
font-weight: 500;
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.02em;
color: var(--ns-text-secondary);
}
.card-home-12-service__tags {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.card-home-12-service__tags li {
display: inline-flex;
}
.card-home-12-service__tag {
display: inline-flex;
align-items: center;
padding: 6px 10px;
border: 1px solid var(--at-neutral-200, #cdcccc);
border-radius: 999px;
font-family: var(--at-ff-heading);
font-weight: 500;
font-size: 12px;
line-height: 1;
letter-spacing: -0.02em;
color: var(--at-neutral-700);
white-space: nowrap;
}
@media only screen and (min-width: 1440px) and (max-width: 1919.98px) {
.sec-3-home-12 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.sec-3-home-12 {
padding-top: 90px;
padding-bottom: 90px;
}
.card-home-12-service {
padding: 24px;
}
.card-home-12-service__title {
font-size: 30px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.sec-3-home-12 {
padding-top: 80px;
padding-bottom: 80px;
}
.sec-3-home-12__header {
margin-bottom: 48px;
gap: 32px;
}
.sec-3-home-12__lede {
flex-basis: 320px;
max-width: 320px;
}
.sec-3-home-12__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.card-home-12-service {
padding: 24px;
row-gap: 18px;
}
.card-home-12-service__title {
font-size: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-3-home-12 {
padding-top: 64px;
padding-bottom: 64px;
}
.sec-3-home-12__header {
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-bottom: 40px;
}
.sec-3-home-12__lede {
flex: 0 0 auto;
max-width: 100%;
}
.sec-3-home-12__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.card-home-12-service {
padding: 22px;
row-gap: 16px;
}
.card-home-12-service__title {
font-size: 26px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.sec-3-home-12 {
padding-top: 56px;
padding-bottom: 56px;
}
.sec-3-home-12__header {
flex-direction: column;
align-items: flex-start;
gap: 16px;
margin-bottom: 32px;
}
.sec-3-home-12__lede {
flex: 0 0 auto;
max-width: 100%;
}
.sec-3-home-12__grid {
grid-template-columns: 1fr;
gap: 16px;
}
.card-home-12-service {
padding: 20px;
row-gap: 14px;
border-radius: 20px;
}
.card-home-12-service__title {
font-size: 26px;
}
}
@media (max-width: 424.98px) {
.sec-3-home-12 {
padding-top: 48px;
padding-bottom: 48px;
}
.sec-3-home-12__header {
flex-direction: column;
align-items: flex-start;
gap: 14px;
margin-bottom: 28px;
}
.sec-3-home-12__lede {
flex: 0 0 auto;
max-width: 100%;
font-size: 15px;
}
.sec-3-home-12__grid {
grid-template-columns: 1fr;
gap: 14px;
}
.card-home-12-service {
padding: 18px;
row-gap: 12px;
border-radius: 18px;
}
.card-home-12-service__title {
font-size: 24px;
}
.card-home-12-service__desc {
font-size: 15px;
}
}
.sec-4-home-12 {
background-color: var(--at-neutral-50);
padding-top: 120px;
padding-bottom: 120px;
}
.sec-4-home-12__header {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
row-gap: 16px;
margin-bottom: 64px;
}
.sec-4-home-12__eyebrow {
margin: 0;
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 12px;
line-height: 1;
letter-spacing: 0.96px;
color: var(--at-neutral-500);
text-transform: uppercase;
}
.sec-4-home-12__title {
margin: 0;
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: clamp(36px, 5vw, 64px);
line-height: 1.125;
letter-spacing: -0.05em;
color: var(--at-neutral-950);
max-width: 980px;
}
.sec-4-home-12__row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--ns-grid-gap);
}
.card-home-12-process {
display: flex;
flex-direction: column;
row-gap: var(--ns-grid-gap);
padding: 24px 24px 32px;
background-color: var(--at-neutral-0);
border: 1px solid var(--at-neutral-100);
border-radius: 24px;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.card-home-12-process:hover, .card-home-12-process:focus-within {
border-color: var(--at-neutral-300);
box-shadow: 0 12px 32px -16px rgba(0, 0, 0, 0.12);
}
.card-home-12-process:hover .card-home-12-process__img, .card-home-12-process:focus-within .card-home-12-process__img {
transform: scale(1.05);
}
.card-home-12-process__image {
width: 100%;
aspect-ratio: 1/1;
background-color: var(--at-neutral-50);
border-radius: 16px;
overflow: hidden;
position: relative;
}
.card-home-12-process__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.card-home-12-process__text {
display: flex;
flex-direction: column;
row-gap: 8px;
}
.card-home-12-process__title {
margin: 0;
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 28px;
line-height: 1;
letter-spacing: -0.05em;
color: var(--at-neutral-950);
}
.card-home-12-process__desc {
margin: 0;
font-family: var(--at-ff-heading);
font-weight: 500;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.02em;
color: var(--ns-text-secondary);
}
@media only screen and (min-width: 1440px) and (max-width: 1919.98px) {
.sec-4-home-12 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.sec-4-home-12 {
padding-top: 90px;
padding-bottom: 90px;
}
.card-home-12-process {
padding: 20px 20px 28px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.sec-4-home-12 {
padding-top: 80px;
padding-bottom: 80px;
}
.sec-4-home-12__header {
margin-bottom: 48px;
}
.sec-4-home-12__row {
gap: 20px;
}
.card-home-12-process {
padding: 20px 20px 24px;
row-gap: 18px;
}
.card-home-12-process__title {
font-size: 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-4-home-12 {
padding-top: 64px;
padding-bottom: 64px;
}
.sec-4-home-12__header {
margin-bottom: 40px;
}
.sec-4-home-12__row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.card-home-12-process {
padding: 18px 18px 24px;
row-gap: 16px;
}
.card-home-12-process__title {
font-size: 24px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.sec-4-home-12 {
padding-top: 56px;
padding-bottom: 56px;
}
.sec-4-home-12__header {
margin-bottom: 32px;
row-gap: 12px;
}
.sec-4-home-12__row {
grid-template-columns: 1fr;
gap: 16px;
max-width: 480px;
}
.card-home-12-process {
padding: 18px 18px 24px;
row-gap: 16px;
border-radius: 20px;
}
.card-home-12-process__title {
font-size: 24px;
}
}
@media (max-width: 424.98px) {
.sec-4-home-12 {
padding-top: 48px;
padding-bottom: 48px;
}
.sec-4-home-12__header {
margin-bottom: 28px;
row-gap: 12px;
}
.sec-4-home-12__row {
grid-template-columns: 1fr;
gap: 14px;
}
.card-home-12-process {
padding: 16px 16px 20px;
row-gap: 14px;
border-radius: 18px;
}
.card-home-12-process__title {
font-size: 22px;
}
.card-home-12-process__desc {
font-size: 15px;
}
}
.sec-6-home-12__topbar-label {
font-family: var(--at-ff-heading);
font-weight: 500;
font-size: 14px;
line-height: 1;
letter-spacing: -0.02em;
color: var(--at-neutral-0);
white-space: nowrap;
}
.sec-6-home-12-slider {
overflow: visible;
}
.sec-6-home-12-slider .swiper-wrapper {
transition-timing-function: linear !important;
align-items: center;
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.sec-6-home-12__topbar-label {
font-size: 13px;
}
}
@media (max-width: 424.98px) {
.sec-6-home-12__topbar-label {
font-size: 12px;
}
}
.card-home-12-testimonial--dark .card-home-12-testimonial__name {
color: var(--at-neutral-0);
}
.card-home-12-testimonial--dark .card-home-12-testimonial__role {
color: var(--at-neutral-300);
}
.card-home-12-testimonial__name {
font-family: var(--at-ff-heading);
font-weight: 600;
font-size: 15px;
line-height: 1;
letter-spacing: -0.02em;
color: var(--at-neutral-950);
}
.card-home-12-testimonial__role {
font-family: var(--at-ff-heading);
font-weight: 500;
font-size: 13px;
line-height: 1;
letter-spacing: -0.02em;
color: var(--at-neutral-500);
}
.sec-1-home-13 {
background-color: var(--at-neutral-50);
padding: 160px 32px 32px;
}
.sec-1-home-13__main {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.sec-1-home-13__main .swiper-wrapper,
.sec-1-home-13__main .swiper-slide {
height: 100%;
}
.sec-1-home-13__nav .swiper-btn-prev svg,
.sec-1-home-13__nav .swiper-btn-next svg {
transform: rotate(90deg);
}
.sec-1-home-13__thumbs {
position: absolute;
left: 48px;
right: 48px;
bottom: 48px;
z-index: 3;
}
.sec-1-home-13__thumbs .swiper-slide {
height: auto;
}
.sec-1-home-13__service.swiper-slide-thumb-active {
box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.18);
}
.sec-1-home-13__service.swiper-slide-thumb-active::after {
opacity: 1;
transform: scale(1);
}
.sec-1-home-13__service.swiper-slide-thumb-active .sec-1-home-13__service-img {
border-radius: 16px;
}
@media only screen and (min-width: 1440px) and (max-width: 1919.98px) {
.sec-1-home-13__thumbs {
left: 40px;
right: 40px;
bottom: 40px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.sec-1-home-13 {
padding: 48px 24px 24px;
}
.sec-1-home-13__thumbs {
left: 32px;
right: 32px;
bottom: 32px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.sec-1-home-13 {
padding: 36px 20px 20px;
}
.sec-1-home-13__thumbs {
left: 24px;
right: 24px;
bottom: 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-1-home-13 {
padding: 128px 16px 16px;
}
.sec-1-home-13__thumbs {
left: 16px;
right: 16px;
bottom: 16px;
}
}
@media (max-width: 424.98px) {
.sec-1-home-13 {
padding: 100px 12px 12px;
}
.sec-1-home-13__thumbs {
left: 12px;
right: 12px;
bottom: 12px;
}
}
@keyframes sec-6-home-13-ripple {
0% {
opacity: 0.55;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(4);
}
}
.sec-7-home-13__media-slider {
width: 100%;
height: 100%;
cursor: grab;
}
.sec-7-home-13__media-slider:active {
cursor: grabbing;
}
.sec-7-home-13__media-slider .swiper-wrapper,
.sec-7-home-13__media-slider .swiper-slide {
height: 100%;
}
.sec-7-home-13__quote-slider {
width: 100%;
cursor: grab;
}
.sec-7-home-13__quote-slider:active {
cursor: grabbing;
}
.sec-7-home-13__quote-slider .swiper-slide {
height: auto;
}
.sec-8-home-13__media {
width: 100%;
overflow: hidden;
}
.sec-8-home-13__media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sec-8-home-13__media.is-changing img {
opacity: 0;
}
.sec-8-home-13__lede {
font-family: var(--at-ff-body);
font-weight: 500;
font-size: 22px;
line-height: 1.45;
letter-spacing: -0.02em;
color: var(--at-neutral-950);
transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sec-8-home-13__lede.is-changing {
opacity: 0;
}
.sec-8-home-13__item {
border-bottom: 1px solid var(--at-neutral-100);
transition: border-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-name,
.sec-8-home-13__row:hover .sec-8-home-13__row-name,
.sec-8-home-13__row:focus-visible .sec-8-home-13__row-name {
font-size: 36px;
}
.sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-arrow,
.sec-8-home-13__row:hover .sec-8-home-13__row-arrow,
.sec-8-home-13__row:focus-visible .sec-8-home-13__row-arrow {
width: 56px;
height: 56px;
background-color: var(--at-theme-primary);
border-color: var(--at-theme-primary);
color: var(--at-common-white);
}
.sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-arrow svg,
.sec-8-home-13__row:hover .sec-8-home-13__row-arrow svg,
.sec-8-home-13__row:focus-visible .sec-8-home-13__row-arrow svg {
width: 22px;
height: 22px;
}
@media only screen and (min-width: 1440px) and (max-width: 1919.98px) {
.sec-8-home-13__media {
height: 420px;
}
.sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-name,
.sec-8-home-13__row:hover .sec-8-home-13__row-name {
font-size: 28px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.sec-8-home-13__media {
height: 360px;
}
.sec-8-home-13__lede {
font-size: 18px;
}
.sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-name,
.sec-8-home-13__row:hover .sec-8-home-13__row-name {
font-size: 22px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.sec-8-home-13__media {
height: 380px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-8-home-13__media {
height: 320px;
}
.sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-arrow,
.sec-8-home-13__row:hover .sec-8-home-13__row-arrow {
width: 44px;
height: 44px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.sec-8-home-13__media {
height: 260px;
}
}
@media (max-width: 424.98px) {
.sec-8-home-13__lede {
font-size: 16px;
}
}
.sec-4-home-14 {
padding-top: 140px;
padding-bottom: 140px;
background-color: var(--at-neutral-0);
border-top: 1px solid var(--at-neutral-200);
}
@media only screen and (min-width: 1440px) and (max-width: 1919.98px), only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.sec-4-home-14 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-4-home-14 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-4-home-14 {
padding-top: 56px;
padding-bottom: 56px;
}
}
.sec-4-home-14 {
}
.sec-4-home-14 {
}
.sec-4-home-14__tabs {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding: 12px 0;
border-top: 1px solid var(--at-neutral-200);
border-bottom: 1px solid var(--at-neutral-200);
margin-bottom: 48px;
}
.sec-4-home-14__tab {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 18px;
border: 1px solid var(--at-neutral-200);
background: transparent;
border-radius: 999px;
cursor: pointer;
font-family: var(--at-ff-body);
line-height: 1;
color: var(--at-neutral-950);
transition: all 0.25s ease;
}
.sec-4-home-14__tab.is-active {
background-color: var(--at-neutral-950);
border-color: var(--at-neutral-950);
color: var(--at-neutral-0);
}
.sec-4-home-14__tab.is-active .sec-4-home-14__tab-count {
color: var(--at-neutral-0);
opacity: 0.7;
}
.sec-4-home-14__tab:hover:not(.is-active) {
border-color: var(--at-neutral-950);
}
.sec-4-home-14 {
}
.sec-4-home-14__tile {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px;
border-radius: 4px;
overflow: hidden;
text-decoration: none;
color: var(--at-common-white);
background-color: var(--at-neutral-900);
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-4-home-14__tile {
aspect-ratio: 4/5 !important;
}
}
.sec-4-home-14__tile:hover {
color: var(--at-common-white);
}
.sec-4-home-14__tile:hover .sec-4-home-14__tile-img {
transform: scale(1.08) rotate(-1.2deg);
filter: saturate(1.12) contrast(1.04);
}
.sec-4-home-14 {
}
.sec-5-home-14__row {
border-bottom: 1px solid var(--at-neutral-500);
}
.sec-5-home-14__row:first-child {
border-top: 1px solid var(--at-neutral-500);
}
.sec-5-home-14__row-title {
font-family: var(--at-ff-heading);
font-weight: 500;
font-size: 32px;
letter-spacing: -0.5px;
line-height: 1.1;
color: var(--at-neutral-0);
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.sec-5-home-14__row-title {
font-size: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px), only screen and (min-width: 425px) and (max-width: 767.98px) {
.sec-5-home-14__row-title {
font-size: 22px;
}
}
@media (max-width: 424.98px) {
.sec-5-home-14__row-title {
font-size: 18px;
}
}
.sec-7-home-14 {
padding-top: 140px;
padding-bottom: 140px;
background-color: var(--at-neutral-0);
border-top: 1px solid var(--at-neutral-200);
}
@media only screen and (min-width: 1440px) and (max-width: 1919.98px), only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.sec-7-home-14 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-7-home-14 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-7-home-14 {
padding-top: 56px;
padding-bottom: 56px;
}
}
.sec-7-home-14 {
}
.sec-7-home-14 {
}
.sec-7-home-14 {
}
.sec-7-home-14 {
}
.sec-8-home-14__ticker-track {
display: inline-flex;
width: -moz-max-content;
width: max-content;
animation: sec8home14TickerScroll 32s linear infinite;
will-change: auto;
}
.sec-8-home-14__ticker-track:hover {
animation-play-state: paused;
}
@keyframes sec8home14TickerScroll {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.sec-8-home-14__ticker-track {
animation: none;
}
}
.sec-1-home-15 {
padding-top: 66px;
padding-bottom: 80px;
background-color: var(--at-neutral-0);
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-1-home-15 {
padding-top: 60px;
padding-bottom: 56px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-1-home-15 {
padding-top: 60px;
padding-bottom: 40px;
}
}
.sec-1-home-15 {
}
.sec-1-home-15 {
}
.sec-1-home-15 {
}
.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;
}
@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 {
}
.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: 1440px) and (max-width: 1919.98px) {
.sec-1-home-15__title {
font-size: 128px;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.sec-1-home-15__title {
font-size: 110px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.sec-1-home-15__title {
font-size: 92px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-1-home-15__title {
font-size: 72px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.sec-1-home-15__title {
font-size: 56px;
}
}
@media (max-width: 424.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: 1366px) and (max-width: 1439.98px) {
.sec-1-home-15__title-meta {
margin-top: -16px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-1-home-15__title-meta {
margin-top: -10px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.sec-1-home-15__title-meta {
margin-top: 8px;
}
}
@media (max-width: 424.98px) {
.sec-1-home-15__title-meta {
margin-top: 10px;
flex-wrap: wrap;
gap: 8px;
}
}
.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;
}
@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 .at-brand-item {
background-color: var(--at-neutral-50);
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px), only screen and (min-width: 1024px) and (max-width: 1365.98px) {
.sec-3-home-15 .at-brand-item {
width: 170px;
height: 170px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px) {
.sec-3-home-15 .at-brand-item {
width: 150px;
height: 150px;
}
}
@media (max-width: 424.98px) {
.sec-3-home-15 .at-brand-item {
width: 140px;
height: 140px;
}
}
.sec-4-home-15__cards {
display: flex;
flex-direction: column;
gap: 92px;
}
@media only screen and (min-width: 1366px) and (max-width: 1439.98px) {
.sec-4-home-15__cards {
gap: 72px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-4-home-15__cards {
gap: 56px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.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: 424.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: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-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-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__title-block {
text-align: center;
}
@media (min-width: 1366px) {
.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__member {
min-width: 0;
backface-visibility: hidden;
transform-style: flat;
}
@media (min-width: 1366px) {
.sec-6-home-15__member {
max-width: 407px;
}
}
.sec-6-home-15 {
}
.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: 1024px) {
.sec-6-home-15__throw .client-capsule-wrapper {
height: 520px;
}
}
@media (min-width: 1440px) {
.sec-6-home-15__throw .client-capsule-wrapper {
height: 580px;
}
}
.sec-8-home-15__slider {
max-width: 1330px;
margin-left: auto;
margin-right: auto;
margin-bottom: 64px;
}
@media only screen and (min-width: 1024px) and (max-width: 1365.98px), only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-8-home-15__slider {
margin-bottom: 48px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-8-home-15__slider {
margin-bottom: 36px;
}
}
.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.swiper-slide-thumb-active {
border-color: var(--at-theme-primary, #f0460e);
}
.slideshow .project {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100svh;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 4rem;
padding: 7rem 8rem 4rem 6rem;
will-change: auto;
}
.slideshow .rail-item.is-active {
opacity: 1;
}
.slideshow .rail-item.is-active .rail-thumb {
border-color: var(--at-common-white);
transform: scale(1.06);
}
.slideshow .rail-item.is-active .rail-index {
opacity: 1;
}
@media (max-width: 1023.98px) {
.slideshow .project {
grid-template-columns: 1fr;
grid-template-rows: minmax(0, 1fr) auto;
gap: 1.5rem;
padding: 5rem 5rem 2rem 1.25rem;
}
}
@media (max-width: 424.98px) {
.slideshow .project {
padding: 4.5rem 4rem 1.5rem 1rem;
gap: 1rem;
}
}
.slideshow.is-split .orbital-dot.is-active {
background-color: var(--at-neutral-950);
}
.slideshow.is-stack .stack-progress-dot.is-active {
background-color: var(--at-neutral-950);
transform: translate(-50%, -50%) scale(1.5);
}
.slideshow.is-stack .stack-progress-dot.is-active::before,
.slideshow.is-stack .stack-progress-dot:hover::before {
opacity: 0.8;
}
.slideshow.is-curtain .curtain-slit.is-active {
width: 60px;
background-color: #fff;
}
@media (max-width: 1023.98px) {
.slideshow.is-curtain .curtain-slit.is-active {
width: 48px;
}
}
.slideshow.is-zstack .zstack-index-btn.is-active {
color: var(--at-neutral-950);
font-size: 1.05rem;
font-weight: 700;
transform: scale(1.1);
}
@media (max-width: 424.98px) {
.slideshow.is-zstack .zstack-index-btn.is-active {
font-size: 0.85rem;
}
}
.slideshow.is-vista .vista-nav-dot.is-active {
background-color: #ffffff;
transform: scale(1.35);
}
.slideshow.is-horizontal .horizon-slide.is-mobile {
width: 175px;
height: 250px;
}
.slideshow.is-horizontal .horizon-pagination-dot.is-active {
background-color: var(--at-common-white);
border-color: var(--at-common-white);
width: 28px;
border-radius: 999px;
}
@media (max-width: 424.98px) {
.slideshow.is-horizontal .horizon-pagination-dot.is-active {
width: 22px;
}
}
.hsg-intro {
position: relative;
min-height: 70svh;
display: flex;
align-items: center;
padding: 8rem 0 6rem;
background-color: var(--at-neutral-50);
color: var(--at-neutral-950);
overflow: hidden;
}
.hsg-intro .hsg-intro__eyebrow {
display: inline-block;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.3em;
text-transform: uppercase;
padding-bottom: 0.5rem;
border-bottom: 1px solid currentColor;
opacity: 0.75;
margin-bottom: 1.75rem;
}
.hsg-intro .hsg-intro__title {
font-size: clamp(2.5rem, 7vw, 6rem);
line-height: 0.95;
font-weight: 600;
letter-spacing: -0.03em;
text-transform: uppercase;
max-width: 16ch;
margin: 0 0 1.5rem;
}
.hsg-intro .hsg-intro__desc {
font-size: clamp(1rem, 1.2vw, 1.15rem);
line-height: 1.55;
max-width: 56ch;
opacity: 0.8;
margin: 0 0 3rem;
}
.hsg-intro .hsg-intro__hint {
display: inline-flex;
align-items: center;
gap: 1rem;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.3em;
text-transform: uppercase;
opacity: 0.7;
}
.hsg-intro .hsg-intro__hint-line {
display: block;
width: 80px;
height: 1px;
background-color: currentColor;
animation: hsgHintPulse 2.4s ease-in-out infinite;
}
@media (max-width: 1023.98px) {
.hsg-intro {
min-height: 60svh;
padding: 6rem 0 4rem;
}
}
@media (max-width: 424.98px) {
.hsg-intro {
min-height: 55svh;
padding: 5rem 0 3rem;
}
.hsg-intro .hsg-intro__hint-line {
width: 56px;
}
}
@keyframes hsgHintPulse {
0%, 100% {
opacity: 0.35;
transform: translateX(0);
}
50% {
opacity: 1;
transform: translateX(8px);
}
}
.hsg-stage .hsg-bg.is-active {
opacity: 1;
transform: scale(1) translateX(-1%);
}
.hsg-stage .hsg-slide.is-active {
box-shadow: 0 40px 120px rgba(0, 0, 0, 0.55);
}
.hsg-stage .hsg-slide.is-active .hsg-slide__img {
scale: 1.04;
}
.sec-1-portfolio-details-3__portrait .anim-zoomin-wrap,
.sec-3-portfolio-details-3__cell .anim-zoomin-wrap,
.sec-5-portfolio-details-3__media .anim-zoomin-wrap,
.sec-7-portfolio-details-3__media .anim-zoomin-wrap,
.sec-8-portfolio-details-3__thumb .anim-zoomin-wrap {
position: absolute;
inset: 0;
overflow: hidden;
}
.sec-2-portfolio-details-4__inline-fig .anim-zoomin-wrap,
.sec-4-portfolio-details-4__cell .anim-zoomin-wrap,
.sec-5-portfolio-details-4__media .anim-zoomin-wrap {
position: absolute;
inset: 0;
overflow: hidden;
}
.sec-4-portfolio-details-5__cell .anim-zoomin-wrap,
.sec-7-portfolio-details-5__media .anim-zoomin-wrap {
position: absolute;
inset: 0;
overflow: hidden;
}
.sec-1-portfolio-details-5__slider {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
z-index: 0;
}
.sec-1-portfolio-details-5__slider .swiper-wrapper,
.sec-1-portfolio-details-5__slider .swiper-slide {
height: 100%;
}
.sec-1-portfolio-details-5__counter-num {
font-size: 48px;
line-height: 1;
letter-spacing: -0.03em;
}
.sec-1-portfolio-details-5__pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
}
.sec-1-portfolio-details-5__pagination .swiper-pagination-bullet {
width: 60px;
height: 3px;
border-radius: 2px;
background: var(--at-neutral-0);
opacity: 0.3;
transition: background 0.3s ease, opacity 0.3s ease;
}
.sec-1-portfolio-details-5__pagination .swiper-pagination-bullet-active {
background: var(--at-theme-primary);
opacity: 1;
}
.sec-1-portfolio-details-5__nav--next {
background: var(--at-theme-primary);
border-color: var(--at-theme-primary);
}
.sec-1-portfolio-details-5__nav--next:hover {
background: var(--at-neutral-0);
color: var(--at-theme-primary);
border-color: var(--at-neutral-0);
}
.sec-1-portfolio-details-5__nav--prev:hover {
background: var(--at-neutral-0);
color: var(--at-neutral-950);
border-color: var(--at-neutral-0);
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
.sec-1-portfolio-details-5__counter-num {
font-size: 40px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767.98px), (max-width: 424.98px) {
.sec-1-portfolio-details-5__counter-num {
font-size: 32px;
}
}
.sec-2-portfolio-details-6__media .anim-zoomin-wrap,
.sec-3-portfolio-details-6__cell .anim-zoomin-wrap,
.sec-5-portfolio-details-6__media .anim-zoomin-wrap,
.sec-7-portfolio-details-6__media .anim-zoomin-wrap {
position: absolute;
inset: 0;
overflow: hidden;
}
.sec-1-portfolio-details-6__marquee-track {
display: inline-flex;
white-space: nowrap;
animation: pd6-marquee 28s linear infinite;
will-change: auto;
}
@media (prefers-reduced-motion: reduce) {
.sec-1-portfolio-details-6__marquee-track {
animation: none;
}
}
@keyframes pd6-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-33.3333%);
}
}
.sec-3-portfolio-details-6__slider {
padding-left: max((100vw - 1320px) / 2 + 12px, 12px);
padding-right: max((100vw - 1320px) / 2 + 12px, 12px);
cursor: grab;
}
.sec-3-portfolio-details-6__slider:active {
cursor: grabbing;
}
@media (min-width: 1440px) {
.sec-3-portfolio-details-6__slider {
padding-left: max((100vw - 1320px) / 2, 12px);
padding-right: max((100vw - 1320px) / 2, 12px);
}
}
.sec-3-portfolio-details-6__caption-num {
margin-right: 8px;
}
.sec-3-portfolio-details-6__nav--next {
background: var(--at-neutral-950);
color: var(--at-neutral-0);
}
.sec-3-portfolio-details-6__nav--next:hover {
background: var(--at-theme-primary);
border-color: var(--at-theme-primary);
}
.sec-3-portfolio-details-6 .mt-40 {
margin-top: 40px;
}
.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: 424.98px) {
.back-to-top-wrapper {
right: 20px;
bottom: 20px;
}
}
.back-to-top-wrapper.back-to-top-btn-show {
visibility: visible;
opacity: 1;
bottom: 50px;
}
.back-to-top-btn {
display: inline-block;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
background: var(--at-common-white);
box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
color: var(--at-common-black);
border-radius: 50%;
transition: all 0.3s ease-out;
}
.back-to-top-btn svg {
transform: translateY(-2px);
}
.back-to-top-btn:hover {
transform: translateY(-4px);
}
.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.btn-sm {
padding: 10px 20px;
}
.at-btn.filter-btn {
border-radius: 100px;
border: 1px solid var(--at-neutral-100, #DFDFDF);
background: var(--at-neutral-0, #FEFEFE);
color: var(--at-neutral-900);
}
.at-btn.active {
background: var(--at-neutral-900);
border-color: var(--at-neutral-900);
color: var(--at-neutral-0);
}
.at-btn-border-white {
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.25);
}
.at-btn-group {
display: flex;
width: -moz-fit-content;
width: fit-content;
}
.at-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-inline-end: -52px;
}
.at-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.at-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-inline-start: 0;
}
.at-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-inline-end: 0;
background: #1D1D1D;
}
.at-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
background: #1D1D1D;
}
.at-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-inline-start: -52px;
background: #1D1D1D;
}
.at-btn-group .at-btn-circle {
text-align: center;
width: 50px;
height: 50px;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
border-radius: 100%;
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
background-color: #1D1D1D;
color: #FEFEFE;
}
.at-btn-group .at-btn-circle i {
transform: rotate(-45deg);
}
.at-btn-group-transparent .at-btn {
background: #FEFEFE;
border: 1px solid rgba(38, 38, 38, 0.1);
color: #1D1D1D;
}
.at-btn-group-transparent .at-btn-circle {
background-color: #FEFEFE;
color: #1D1D1D;
border: 1px solid rgba(38, 38, 38, 0.1);
}
.at-btn-group-transparent-2 .at-btn {
background: #fff5f3;
border: 1px solid rgba(38, 38, 38, 0.1);
color: #1D1D1D;
}
.at-btn-group-transparent-2 .at-btn-circle {
background-color: #fff5f3;
color: #1D1D1D;
border: 1px solid rgba(38, 38, 38, 0.1);
}
.at-btn-group.btn-brand-1 .at-btn {
background: #F0460E;
border: 1px solid #F0460E;
color: #FEFEFE;
}
.at-btn-group.btn-brand-1 .at-btn-circle {
background-color: #F0460E;
color: #FEFEFE;
border: 1px solid #F0460E;
}
.at-btn.has-dot {
position: relative;
}
.at-btn.has-dot::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
opacity: 50%;
}
@keyframes rotate-infinite {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.rotate-infinite {
animation: rotate-infinite 15s linear infinite;
}
@keyframes rotate-infinite-2 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.rotate-infinite-2 {
animation: rotate-infinite-2 15s linear infinite;
}
@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);
}
}
.hover-up {
transition: transform 0.2s ease-in-out;
}
.hover-up:hover {
transform: translateY(-3px);
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background-color: var(--at-theme-primary);
}
.preloader {
width: 50px;
height: 50px;
display: inline-block;
padding: 0px;
text-align: left;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
}
.preloader span {
position: absolute;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 100%;
background: var(--at-common-white);
animation: preloader 1.3s linear infinite;
-webkit-animation: preloader 1.3s linear infinite;
}
.preloader span:last-child {
animation-delay: -0.9s;
-webkit-animation-delay: -0.9s;
}
@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: 424.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);
}
.at-search-dark .at-search-form-input input {
color: var(--at-common-white);
border-bottom: 1px solid var(--at-border-3);
}
.at-search-dark .at-search-form-input input ~ .at-search-focus-border {
background-color: var(--at-common-white);
}
.at-search-dark .at-search-close {
color: var(--at-common-white);
}
.at-search-dark .at-search-close:hover {
color: var(--at-grey-2);
}
.at-categories-title {
font-size: 16px;
font-weight: 600;
color: var(--at-neutral-900);
margin-bottom: 16px;
margin-top: 50px;
}
.at-categories-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.at-categories-item {
display: flex;
padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 18px;
border-radius: 100px;
border: 1px solid var(--at-neutral-100);
background: var(--at-neutral-0);
color: var(--at-neutral-900);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.8px;
transition: all 0.3s ease;
}
.at-categories-item:hover {
background: var(--at-neutral-900);
color: var(--at-neutral-0);
border-color: var(--at-neutral-900);
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
body.at-magic-cursor #magic-cursor {
display: block;
}
#magic-cursor {
position: absolute;
display: none;
width: 10px;
height: 10px;
pointer-events: none;
z-index: 99999;
opacity: 0;
top: 0;
left: 0;
}
@media (max-width: 1023.98px), (hover: none), (pointer: coarse) {
body.at-magic-cursor #magic-cursor,
#magic-cursor,
#ball {
display: none !important;
}
}
#ball {
position: fixed;
display: flex;
align-items: center;
pointer-events: none;
border-radius: 50%;
color: transparent;
justify-content: center;
mix-blend-mode: difference;
background-color: var(--at-common-black);
}
.cursor-bg-red #ball {
background-color: #FF535B !important;
}
.cursor-bg-red #ball .ball-view {
color: var(--at-common-white);
}
.cursor-bg-red-2 #ball {
background-color: #FF481F !important;
}
.cursor-bg-red-2 #ball .ball-view {
color: var(--at-common-white);
}
.cursor-bg-yellow #ball .ball-view {
color: var(--at-common-black);
}
.cursor-white-bg #ball .ball-view {
color: var(--at-common-black);
}
#ball .ball-view {
position: absolute;
opacity: 0;
visibility: hidden;
padding: 0 5px;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
text-align: center;
transform: scale(0);
color: var(--at-common-black);
}
#ball.with-blur {
backdrop-filter: blur(5px);
transform: translate3d(0, 0, 0);
}
.at-magnetic-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.nice-select {
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
outline: none;
position: relative;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
color: var(--at-neutral-900);
padding-left: 55px;
font-weight: 500;
background-color: var(--at-neutral-0);
border-radius: 5px;
font-size: 20px;
height: 50px;
line-height: 48px;
padding-right: 30px;
font-family: var(--at-ff-body);
}
.nice-select:hover {
border-color: ar(--at-theme-primary);
}
.nice-select::before {
position: absolute;
content: "";
width: 48px;
height: 2px;
background-color: var(--at-neutral-900);
top: 50%;
left: 0;
transition: all 0.15s ease-in-out;
margin-top: 0;
transform-origin: center;
transform: translateY(-50%);
}
.nice-select::after {
position: absolute;
content: "\f107";
top: 50%;
right: 0;
font-family: var(--at-ff-fontawesome);
color: var(--at-neutral-900);
font-weight: 600;
pointer-events: none;
font-size: 18px;
transition: all 0.15s ease-in-out;
margin-top: 0;
transform-origin: center;
transform: translateY(-50%);
}
.nice-select.open::after {
transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled::after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small::after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: var(--at-neutral-0);
width: 200px;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 10px;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: 50% 0;
transform: scale(0.75) translateY(-21px);
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.nice-select .option {
cursor: pointer;
font-weight: 500;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
transition: all 0.2s;
border-radius: 12px;
}
.nice-select .option:hover {
background-color: var(--at-neutral-50);
color: var(--at-neutral-900);
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.nice-select .option.selected {
font-weight: 400;
color: var(--at-theme-primary);
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
[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] .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);
}
.bg-neutral-50 .at-service-item {
background-color: var(--at-neutral-50);
}
.at-service-item .content .title {
font-size: 50px;
}
@media only screen and (max-width: 767.98px) {
.at-service-item .content .title {
font-size: 38px;
}
}
/* ==== from: C:\Users\DevDimensions\Documents\cache\Orisa_NextJS\public\assets\css\vendors\spacing.css (25 kept / 297 dropped) ==== */
.mt-5 {
margin-top: 5px !important
}
.mt-40 {
margin-top: 40px
}
.mt-50 {
margin-top: 50px
}
.mt-60 {
margin-top: 60px
}
.mt-100 {
margin-top: 100px
}
.mb-5 {
margin-bottom: 5px !important
}
.mb-10 {
margin-bottom: 10px
}
.mb-15 {
margin-bottom: 15px
}
.mb-20 {
margin-bottom: 20px
}
.mb-40 {
margin-bottom: 40px
}
.mb-50 {
margin-bottom: 50px
}
.mb-60 {
margin-bottom: 60px
}
.pt-40 {
padding-top: 40px
}
.pt-50 {
padding-top: 50px
}
.pt-80 {
padding-top: 80px
}
.pt-100 {
padding-top: 100px
}
.pt-120 {
padding-top: 120px
}
.pt-150 {
padding-top: 150px
}
.pb-20 {
padding-bottom: 20px
}
.pb-40 {
padding-bottom: 40px
}
.pb-50 {
padding-bottom: 50px
}
.pb-60 {
padding-bottom: 60px
}
.pb-80 {
padding-bottom: 80px
}
.pb-100 {
padding-bottom: 100px
}
.pb-120 {
padding-bottom: 120px
}