/* -------------------------------------------
Name: 		OrhunAjans
Version:    3.14
Developer:	Servet Ejder (lordOfBots)
Contact:    servetejder@gmail.com
------------------------------------------- */

/*! * Bootstrap Grid v5.2.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
:root { --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-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --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-bg: #fff; --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-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 30px; --bs-gutter-y: 0; padding-right: var(--bs-gutter-x); padding-left: var(--bs-gutter-x); width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 100%; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 100%; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 1200px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1000px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 30px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .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: 576px) { .col-sm { flex: 1 0 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } @media (min-width: 576px) { .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } } @media (min-width: 768px) { .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } } @media (min-width: 992px) { .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } } @media (min-width: 1200px) { .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } } @media (min-width: 1400px) { .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } }

/*! * OrhunAgency Styles */
*,
*:before,
*:after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html,
body {
    padding: 0;
    margin: 0;
    font-family: "OAfont", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5);
    line-height: 150%;
    overscroll-behavior: none;
}

@media screen and (max-width: 768px) {
    html,
    body {
        font-size: 15px;
    }
}

.w-100 {
    width: 100%;
}

*::-moz-selection {
    color: inherit;
    background-color: transparent;
}

*::selection {
    color: inherit;
    background-color: transparent;
}

.oaj-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.container {
    pointer-events: all;
}

.oaj-relative {
    position: relative;
}

.oaj-o-hidden {
    overflow: hidden;
}

.oaj-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.gap-30 {
    gap: 30px;
}

.gap-50 {
    gap: 50px;
}

.oaj-vert-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

@media screen and (max-width: 992px) {
    .oaj-mobile-hidden {
        display: none;
    }
}

section {
    position: relative;
    overflow: hidden;
}

/* -------------------------------------------

typography

------------------------------------------- */
h1,
.oaj-h1,
h2,
.oaj-h12,
h3,
.oaj-h3,
h4,
.oaj-h4,
h5,
.oaj-h5,
h6,
.oaj-h6 {
    font-family: "OAfont", sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 13px;
}

h1,
.oaj-h1 {
    font-size: 86px;
}

@media screen and (max-width: 1400px) {
    h1,
    .oaj-h1 {
        font-size: 74px;
    }
}

@media screen and (max-width: 1200px) {
    h1,
    .oaj-h1 {
        font-size: 72px;
    }
}

@media screen and (max-width: 992px) {
    h1,
    .oaj-h1 {
        font-size: 58px;
    }
}

@media screen and (max-width: 768px) {
    h1,
    .oaj-h1 {
        font-size: 48px;
    }
}

h2,
.oaj-h2 {
    font-size: 68px;
    line-height: 120%;
    font-weight: 700;
}

@media screen and (max-width: 1200px) {
    h2,
    .oaj-h2 {
        font-size: 56px;
    }
}

@media screen and (max-width: 992px) {
    h2,
    .oaj-h2 {
        font-size: 44px;
    }
}

@media screen and (max-width: 768px) {
    h2,
    .oaj-h2 {
        font-size: 36px;
    }
}

h3,
.oaj-h3 {
    font-size: 42px;
}

@media screen and (max-width: 1200px) {
    h3,
    .oaj-h3 {
        font-size: 39px;
    }
}

@media screen and (max-width: 992px) {
    h3,
    .oaj-h3 {
        font-size: 36px;
    }
}

@media screen and (max-width: 768px) {
    h3,
    .oaj-h3 {
        font-size: 30px;
    }
}

h4,
.oaj-h4 {
    font-size: 28px;
}

@media screen and (max-width: 1200px) {
    h4,
    .oaj-h4 {
        font-size: 26px;
    }
}

@media screen and (max-width: 992px) {
    h4,
    .oaj-h4 {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    h4,
    .oaj-h4 {
        font-size: 22px;
    }
}

h5,
.oaj-h5 {
    font-size: 20px;
    line-height: 150%;
}

@media screen and (max-width: 768px) {
    h5,
    .oaj-h5 {
        font-size: 18px;
    }
}

h6,
.oaj-h6 {
    font-size: 18px;
    line-height: 150%;
}

@media screen and (max-width: 1200px) {
    h6,
    .oaj-h6 {
        font-size: 17px;
    }
}

@media screen and (max-width: 992px) {
    h6,
    .oaj-h6 {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    h6,
    .oaj-h6 {
        font-size: 21px;
    }
}

.oaj-no-wrap {
    white-space: nowrap;
}

blockquote {
    padding: 60px;
    background-color: rgba(0, 0, 0, 0.05);
    font-size: 18px;
    color: rgb(0, 0, 0);
    font-style: italic;
    border-left: solid 4px #fcb018;
}

@media screen and (max-width: 768px) {
    blockquote {
        padding: 30px;
        font-size: 16px;
    }
}

.oaj-text-sm {
    font-size: 15px;
}

.oaj-text-lg {
    font-size: 18px;
    line-height: 170%;
}

.oaj-text-xl {
    font-size: 22px;
    line-height: 180%;
}

@media screen and (max-width: 768px) {
    .oaj-text-xl {
        font-size: 20px;
    }
}

.oaj-upper {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
}

.oaj-bold {
    font-weight: 500;
}

.oaj-thin {
    font-weight: 100;
}

a {
    color: inherit;
    text-decoration: none;
}

.oaj-complex-title {
    line-height: normal;
}

.oaj-accent {
    color: #fcb018;
}

.oaj-light {
    color: rgb(255, 255, 255) !important;
}

.oaj-light a {
    color: rgb(255, 255, 255) !important;
}

.oaj-muted {
    color: rgba(255, 255, 255, 0.9);
}

.oaj-dark {
    color: rgb(0, 0, 0);
}

.oaj-light-soft {
    color: rgba(255, 255, 255, 0.4);
}

.oaj-dark-soft {
    color: rgba(0, 0, 0, 0.5);
}

.oaj-marker {
    background-color: #fcb018;
    padding: 0 5px;
}

.oaj-center {
    text-align: center;
}

.oaj-left {
    text-align: left;
}

.oaj-right {
    text-align: right;
}

@media screen and (max-width: 576px) {
    .oaj-sm-center {
        text-align: center;
    }
}

.oaj-suptitle {
    position: relative;
    display: block;
    margin-bottom: 60px;
}

.oaj-suptitle:before {
    content: "";
    position: absolute;
    right: calc(100% + 30px);
    top: 10px;
    width: 600px;
    height: 1px;
    background-color: rgb(255, 255, 255);
    opacity: 0.2;
}

.oaj-suptitle.oaj-suptitle-right {
    text-align: right;
}

.oaj-suptitle.oaj-suptitle-right:before {
    left: calc(100% + 30px);
}

@media screen and (max-width: 768px) {
    .oaj-suptitle.oaj-suptitle-right {
        text-align: center;
    }

    .oaj-suptitle.oaj-suptitle-right:before {
        display: none;
    }
}

.oaj-suptitle.oaj-suptitle-dark:before {
    background-color: rgb(0, 0, 0);
    opacity: 0.1;
}

@media screen and (max-width: 768px) {
    .oaj-suptitle {
        margin-bottom: 60px;
    }
}

.oaj-divider {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

.oaj-img-frame {
    position: relative;
    transform: translate(10%, 0);
    flex: 0 0 120%;
}

/* -------------------------------------------

link

------------------------------------------- */
.oaj-link {
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
}

.oaj-link .arrow-icon {
    margin-left: 15px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-link.oaj-accent .arrow-icon {
    background-color: rgba(255, 255, 255, 0.1);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-link.oaj-accent .arrow-icon {
    color: #fcb018;
}

.oaj-link.oaj-dark .arrow-icon {
    background-color: rgba(0, 0, 0, 0.1);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
    color: rgb(0, 0, 0);
}


.oaj-link:hover .arrow-icon {
    transform: scale(1.15);
}

.oaj-link.oaj-down-arrow .arrow-icon {
    transform: rotate(90deg);
}

.oaj-link.oaj-down-arrow:hover .arrow-icon {
    transform: scale(1.15) rotate(90deg);
}

.oaj-link.oaj-icon-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
}

.oaj-link.oaj-icon-left .arrow-icon {
    margin-left: 0;
    margin-right: 15px;
    transform: rotate(180deg);
}

.oaj-link.oaj-icon-left:hover .arrow-icon {
    transform: scale(1.15) rotate(180deg);
}

/* -------------------------------------------

button

------------------------------------------- */
.oaj-button {
    gap: 5px;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    letter-spacing: 1.5px;
    font-size: 13px;
    background-color: #fcb018;
    color: rgb(0, 0, 0);
    border-radius: 70px;
    padding: 0 15px 0 30px;
    height: 60px;
    text-transform: uppercase;
    font-weight: 500;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-button span {
    white-space: nowrap;
}

.oaj-button .arrow-icon {
    margin-left: 15px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 10px;
    background-color: rgb(0, 0, 0);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
    color: #fcb018;
}

.oaj-button.oaj-icon-button {
    padding: 15px;
}

.oaj-button.oaj-icon-button .arrow-icon {
    margin-left: 0;
}

.oaj-button.oaj-icon-button-sm {
    padding: 0;
    height: 40px;
}

.oaj-button.oaj-icon-button-sm .arrow-icon {
    margin-left: 0;
    background-color: #fcb018;
    color: rgb(0, 0, 0);
}

.oaj-button:hover {
    transform: scale(1.015);
    filter: brightness(110%);
}

.oaj-button:hover .arrow-icon {
    transform: scale(1.15);
}

.oaj-button.oaj-arrow-down .arrow-icon {
    transform: rotate(90deg);
}

.oaj-button.oaj-arrow-down:hover {
    transform: scale(1.015);
    filter: brightness(110%);
}

.oaj-button.oaj-arrow-down:hover .arrow-icon {
    transform: scale(1.15) rotate(90deg);
}

@media screen and (max-width: 992px) {
    .oaj-button {
        height: 50px;
        padding: 0 5px 0 30px;
    }

    .oaj-button .arrow-icon {
        margin-left: 25px;
    }
}

.oaj-button .ti, .oaj-link .ti {
    font-size: 1.5em;
}

.oaj-link > span, .oaj-button > span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
}

/* -------------------------------------------

form

------------------------------------------- */
input,
textarea {
    position: relative;
    height: 70px;
    padding: 0 20px;
    width: 100%;
    font-size: 17px;
    letter-spacing: 2px;
    font-weight: 400;
    font-family: "OAfont", sans-serif;
    color: rgb(0, 0, 0);
    border: solid 2px rgb(0 0 0 / 8%);
    margin-bottom: 30px;
    background: #ffffff2e;
    border-radius: 10px;
}

input:focus,
textarea:focus {
    outline: inherit;
}

input::placeholder,
textarea::placeholder {
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.5);
}

textarea {
    padding: 15px 20px;
    height: 150px;
}

/* -------------------------------------------

breadcrumbs

------------------------------------------- */
.oaj-breadcrumbs {
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    position: relative;
}

.oaj-breadcrumbs:before {
    content: "";
    position: absolute;
    right: calc(100% + 30px);
    top: 10px;
    width: 100vw;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}

.oaj-breadcrumbs li {
    list-style-type: none;
}

.oaj-breadcrumbs li:after {
    content: "/";
    margin: 0 15px;
    color: rgb(0, 0, 0);
}

.oaj-breadcrumbs li a {
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap;
    transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-breadcrumbs li a:hover {
    color: #fcb018;
}

.oaj-breadcrumbs li:last-child {
    margin-right: 0;
    cursor: not-allowed;
}

.oaj-breadcrumbs li:last-child a {
    opacity: 0.4;
    pointer-events: none;
}

.oaj-breadcrumbs li:last-child:after {
    display: none;
}

.oaj-breadcrumbs.oaj-light:before {
    background-color: rgba(255, 255, 255, 0.1);
}

.oaj-breadcrumbs.oaj-light li:after {
    color: rgba(255, 255, 255, 0.9);
}

.oaj-breadcrumbs.oaj-light li a:hover {
    color: #fcb018 !important;
}

.oaj-breadcrumbs.oaj-center {
    justify-content: center;
}

/* -------------------------------------------

backgrounds

------------------------------------------- */
.oaj-dark-bg {
    position: relative;
    background: black;
}

.oaj-dark-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.mi-invert-fix {
    height: 100%;
    position: relative;
    pointer-events: none;
    z-index: 3;
}

.mi-invert-fix .container {
    pointer-events: all;
}

.oaj-soft-bg {
    background-color: rgb(242, 242, 242);
}

/* -------------------------------------------

spaces

------------------------------------------- */
.oaj-mr-30 {
    margin-right: 30px;
}

.oaj-mb-5 {
    margin-bottom: 5px;
}

.oaj-mb-10 {
    margin-bottom: 10px;
}

.oaj-mb-15 {
    margin-bottom: 15px;
}

.oaj-mb-20 {
    margin-bottom: 15px;
}

.oaj-mb-30 {
    margin-bottom: 30px;
}

.oaj-mb-60 {
    margin-bottom: 60px;
}

.oaj-mb-90 {
    margin-bottom: 90px;
}

.oaj-mb-120 {
    margin-bottom: 120px;
}

@media screen and (max-width: 992px) {
    .oaj-mb-120 {
        margin-bottom: 90px;
    }
}

.oaj-mt-suptitle-offset {
    margin-top: 70px;
}

@media screen and (max-width: 992px) {
    .oaj-mt-suptitle-offset {
        margin-top: 30px;
    }
}

.oaj-p-120-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media screen and (max-width: 992px) {
    .oaj-p-120-120 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

.oaj-p-120-90 {
    padding-top: 120px;
    padding-bottom: 90px;
}

@media screen and (max-width: 992px) {
    .oaj-p-120-90 {
        padding-top: 90px;
        padding-bottom: 60px;
    }
}

.oaj-p-0-120 {
    padding-bottom: 120px;
}

@media screen and (max-width: 992px) {
    .oaj-p-0-120 {
        padding-bottom: 90px;
    }
}

.oaj-p-120-0 {
    padding-top: 120px;
}

@media screen and (max-width: 992px) {
    .oaj-p-120-0 {
        padding-top: 90px;
    }
}

.oaj-p-120-60 {
    padding-top: 120px;
    padding-bottom: 60px;
}

@media screen and (max-width: 992px) {
    .oaj-p-120-60 {
        padding-top: 90px;
        padding-bottom: 30px;
    }
}

.oaj-p-90-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

@media screen and (max-width: 992px) {
    .oaj-p-90-90 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.oaj-p-90-120 {
    padding-top: 90px;
    padding-bottom: 120px;
}

@media screen and (max-width: 992px) {
    .oaj-p-90-120 {
        padding-top: 60px;
        padding-bottom: 90px;
    }
}

.oaj-p-0-90 {
    padding-bottom: 90px;
}

@media screen and (max-width: 992px) {
    .oaj-p-0-90 {
        padding-bottom: 60px;
    }
}

.oaj-p-0-30 {
    padding-bottom: 30px;
}

@media screen and (max-width: 992px) {
    .oaj-p-0-30 {
        padding-bottom: 0;
    }
}

.oaj-p-120-30 {
    padding-top: 120px;
    padding-bottom: 30px;
}

@media screen and (max-width: 992px) {
    .oaj-p-120-30 {
        padding-top: 90px;
        padding-bottom: 0;
    }
}

.oaj-adaptive-right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 992px) {
    .oaj-adaptive-right {
        justify-content: flex-start;
    }
}

.oaj-btn-space {
    margin-right: 25px;
}

@media screen and (max-width: 500px) {
    .oaj-btn-space {
        margin-right: 50px;
        margin-bottom: 30px;
    }
}

/* -------------------------------------------

preloader

------------------------------------------- */
.oaj-preloader {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.oaj-pl-animation img {
    position: relative;
    height: 110px;
}


/* -------------------------------------------

scrollbar

------------------------------------------- */
::-webkit-scrollbar {
    display: none;
}

.oaj-effscroll-track {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background-color: rgb(0, 0, 0);
}

.oaj-effscroll-track .oaj-effscroll {
    width: 4px;
    height: 0;
    background-color: #fcb018;
}

@media screen and (max-width: 992px) {
    .oaj-effscroll-track {
        display: none;
    }
}

/* -------------------------------------------

frame

------------------------------------------- */
.oaj-logo {
    height: auto;
}

.oaj-frame {
    padding: 25px 50px 50px 50px;
    position: fixed;
    z-index: 5;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1200px) {
    .oaj-frame {
        padding: 30px;
    }
}

@media screen and (max-width: 1200px) {
    .oaj-frame {
        padding: 0;
        z-index: 999;
        height: 90px;
    }
}

@media screen and (max-width: 1200px) {
    .oaj-frame .oaj-frame-top {
        height: 90px;
        background-color: rgb(0 0 0);
        padding: 0 30px;
        backdrop-filter: blur(8px);
    }
}

.oaj-frame .oaj-frame-bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

@media screen and (max-width: 1200px) {
    .oaj-frame .oaj-frame-bottom {
        display: none;
    }
}

.oaj-frame .oaj-frame-bottom .oaj-current-page {
    pointer-events: none;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    width: 300px;
    color: rgb(0, 0, 0);
    transform: rotate(-90deg) translateX(138px) translateY(-138px);
}


.oaj-back-to-top i {
    font-size: 2em;
}

.oaj-back-to-top a {
    background: #ffffff9e;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: all .4s;
    pointer-events: all;
}

.oaj-back-to-top:hover a {
    transform: scale(1.1) !important;
    background: black;
    color: #fcb018;
}

.oaj-frame-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.oaj-top-right {
    pointer-events: all;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.oaj-topphone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 18px;
    color: #000000;
    background: #ffffff;
    height: 50px;
    padding: 0 8px;
    font-weight: 500;
    border-radius: 50px;
    box-shadow: 1px 1px 6px 1px #00000017;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
    cursor: pointer;
    position: relative;
}

.oaj-topphone i.iicon {
    background: #000000;
    border-radius: 100%;
    padding: 5px;
    color: white;
    width: 40px;
    height: 40px;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown {
    position: relative;
}
.dropdown-menu {
    position: absolute;
    background: white;
    min-width: 160px;
    border-radius: 12px;
    right: 0;
    list-style: none;
    margin-top: 5px;
    display: none;
    transition: all .4s;
    border: 1px solid #0000000f;
    box-shadow: 0px 0px 6px 0px #00000012;
}

.dropdown-menu.active {
    display: block;
}

.oaj-lang {
    position: relative;
}

.dropdown-menu li {
    padding: 5px 15px;
    border-bottom: 1px solid #00000017;
    margin: 5px 0;
}

.lang-svg {
    width: 39px;
    height: 39px;
    object-fit: cover;
    border-radius: 100%;
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    color: black;
}

.dropdown-menu .lang-svg {
    width: 24px;
    height: 24px;
}

.oaj-lang .oaj-dd-btn {
    border: none;
    background: white;
    border-radius: 50px;
    height: 50px;
    padding: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    box-shadow: 1px 1px 6px 1px #00000017;
    color: black;
}

.dropdown-menu li:last-child {
    border: 0;
}


.oaj-frame-top .oaj-logo {
    pointer-events: all;
    color: rgb(0, 0, 0);
}

/* -------------------------------------------

menu button

------------------------------------------- */
.oaj-menu-btn {
    pointer-events: all;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    box-shadow: 1px 1px 6px 1px #00000017;
}

@media screen and (max-width: 992px) {
    .oaj-menu-btn, .oaj-topphone, .oaj-dd-btn {
    }
}

.oaj-menu-btn span, .oaj-menu-btn span:after, .oaj-menu-btn span:before {
    content: "";
    display: block;
    width: 28px;
    height: 2.5px;
    background: rgb(0, 0, 0);
    backface-visibility: hidden;
    transition: inherit;
}

.oaj-menu-btn span {
    position: relative;
}

.oaj-menu-btn span:after, .oaj-menu-btn span:before {
    position: absolute;
}

.oaj-menu-btn span:before {
    top: -9px;
}

.oaj-menu-btn span:after {
    width: 18px;
    top: 9px;
}

.oaj-menu-btn.oaj-active span {
    transform: rotate(45deg);
}

.oaj-menu-btn.oaj-active span:before {
    transform: translate(0px, 9px) rotate(-90deg);
}

.oaj-menu-btn.oaj-active span:after {
    opacity: 0;
    width: 24px;
    transform: translate(0px, -9px) rotate(-90deg);
}

/* -------------------------------------------

menu

------------------------------------------- */
.oaj-menu-frame {
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 93%);
    backdrop-filter: blur(10px);
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-menu-frame .container {
    pointer-events: none;
}

.oaj-menu-frame .oaj-frame-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 25px 50px;
    z-index: 1;
}

.oaj-menu-inner {
    /* backdrop-filter: blur(10px); */
}

@media screen and (max-width: 1200px) {
    .oaj-menu-frame .oaj-frame-top {
        display: none;
    }
}

.oaj-menu-frame .oaj-frame-top .oaj-logo {
    color: rgb(255, 255, 255);
}

.oaj-menu-frame .oaj-frame-top .oaj-menu-btn span, .oaj-menu-frame .oaj-frame-top .oaj-menu-btn span:after, .oaj-menu-frame .oaj-frame-top .oaj-menu-btn span:before {
    background-color: rgb(0 0 0);
}

.oaj-menu-frame .oaj-main-menu {
    transform: translateX(-30px);
    opacity: 0;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

@media screen and (max-width: 1200px) {
    .oaj-menu-frame .oaj-main-menu {
        transform: translateY(30px);
    }
}

.oaj-menu-frame .oaj-menu-right-frame {
    padding-left: 60px;
    position: relative;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    border-left: solid 1px rgba(255, 255, 255, 0.1);
    opacity: 0;
    transform: translateY(30px);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-menu-frame .oaj-menu-right-frame .oaj-menu-right {
    padding-bottom: 60px;
}

.oaj-menu-frame .oaj-menu-right-frame .oaj-animation-in {
    position: absolute;
    top: -320px;
    right: 0;
    opacity: 0;
    transform: translateY(-60px);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

@media screen and (max-width: 1200px) {
    .oaj-menu-frame .oaj-menu-right-frame {
        display: none;
    }
}

@media screen and (max-height: 800px) {
    .oaj-menu-frame .oaj-menu-right-frame {
        display: none;
    }
}

.oaj-menu-frame.oaj-active {
    opacity: 1;
    pointer-events: all;
}

.oaj-menu-frame.oaj-active .container {
    pointer-events: all;
}

.oaj-menu-frame.oaj-active .oaj-main-menu {
    transform: translateX(0) translateY(0);
    opacity: 1;
    transition-delay: 0.4s;
}

.oaj-menu-frame.oaj-active .oaj-menu-right-frame {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.6s;
}

.oaj-menu-frame.oaj-active .oaj-menu-right-frame .oaj-animation-in {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.8s;
}

.oaj-menu-list li {
    list-style-type: none;
    margin-bottom: 15px !important;
}

.oaj-menu-list li:last-child {
    margin-bottom: 0;
}

.oaj-menu-list li a {
    display: block;
    transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
    font-size: 18px;
}

.oaj-menu-list li a:hover {
    transform: translateX(5px);
    color: rgb(255, 255, 255);
}

.oaj-menu-list.oaj-hori-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.oaj-menu-list.oaj-hori-list li {
    margin-bottom: 0;
    margin-right: 30px;
}

.oaj-menu-list.oaj-dark li a {
    color: rgb(0, 0, 0);
}

.oaj-main-menu {
    height: calc(100vh - 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.oaj-main-menu ul {
    padding: 0;
    margin: 0;
}

.oaj-main-menu ul li {
    margin-bottom: 40px;
    list-style: none;
}

.oaj-main-menu ul li:last-child {
    margin-bottom: 0;
}

.oaj-main-menu ul li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    font-size: 34px;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

@media screen and (max-width: 992px) {
    .oaj-main-menu ul li a {
        font-size: 26px;
    }
}

.oaj-main-menu ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-main-menu ul li a:hover {
    color: rgb(255, 255, 255);
}

.oaj-main-menu ul li a.oaj-active {
    padding-left: 25px;
}

.oaj-main-menu ul li a.oaj-active:before {
    transform: scale(1);
    background-color: #fcb018;
}

.oaj-main-menu ul li.oaj-active > a {
    color: #fcb018;
}

.oaj-main-menu ul li.oaj-active > a:hover {
    color: #fcb018 !important;
    filter: brightness(110%);
}

.oaj-main-menu ul li.oaj-has-children > a:hover {
    color: rgb(255, 255, 255);
    padding-left: 25px;
}

.oaj-main-menu ul li.oaj-has-children > a:hover:before {
    transform: scale(1);
}

.oaj-main-menu ul li.oaj-has-children ul {
    padding-left: 25px;
    overflow: hidden;
    max-height: 0;
    transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-main-menu ul li.oaj-has-children ul li {
    margin-bottom: 5px;
}

.oaj-main-menu ul li.oaj-has-children ul li:first-child {
    margin-top: 40px;
}

.oaj-main-menu ul li.oaj-has-children ul li a {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
}

.oaj-main-menu ul li.oaj-has-children ul li a:before {
    display: none;
}

.oaj-main-menu ul li.oaj-has-children ul li a:hover {
    color: rgba(255, 255, 255, 0.8);
    transform: translateX(5px);
}

.oaj-main-menu ul li.oaj-has-children ul.oaj-active {
    max-height: 200px;
}

@media screen and (max-width: 1200px) {
    .oaj-main-menu {
        justify-content: center;
    }

    .oaj-main-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .oaj-main-menu ul li {
        margin-bottom: 30px;
    }

    .oaj-main-menu ul li a {
        justify-content: center;
    }

    .oaj-main-menu ul li a:before {
        display: none;
    }

    .oaj-main-menu ul li a.oaj-active {
        padding-left: 0 !important;
    }

    .oaj-main-menu ul li.oaj-has-children ul {
        padding-left: 0;
    }

    .oaj-main-menu ul li.oaj-has-children ul li:first-child {
        margin-top: 30px;
    }
}

/* -------------------------------------------

banner

------------------------------------------- */
.oaj-banner {
    height: 100vh;
}

.oaj-banner .container {
    height: 100%;
    display: -webkit-box;
    display: flex;
    align-items: center;
}

.oaj-banner .oaj-banner-content {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 992px) {
    .oaj-banner .oaj-banner-content {
        padding: 70px 0;
    }
}

.oaj-inner-banner .oaj-banner-content {
    padding: 100px 0 0 0;
}

@media screen and (max-width: 1200px) {
    .oaj-inner-banner .oaj-banner-content {
        padding: 120px 0 0 0;
    }
}

.oaj-banner-personal {
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.1);
}

.oaj-banner-personal .oaj-banner-content {
    position: relative;
    padding-top: 90px;
}

@media screen and (max-width: 992px) {
    .oaj-banner-personal .oaj-banner-content {
        padding-top: 180px;
    }
}

.oaj-banner-personal .oaj-banner-content .oaj-personal-text {
    margin-bottom: 300px;
}

@media screen and (max-width: 992px) {
    .oaj-banner-personal .oaj-banner-content .oaj-personal-text {
        margin-bottom: 80px;
        text-align: center;
    }
}

.oaj-banner-personal .oaj-banner-content .oaj-banner-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 60px 0 90px;
    background-color: rgb(255, 255, 255);
    height: 180px;
    position: absolute;
    top: calc(100vh - 180px);
    left: 0;
    width: 100%;
}

@media screen and (max-width: 992px) {
    .oaj-banner-personal .oaj-banner-content .oaj-banner-panel {
        flex-direction: column;
        height: auto;
        padding: 60px 30px;
    }

    .oaj-banner-personal .oaj-banner-content .oaj-banner-panel h5 {
        margin-bottom: 60px;
        text-align: center;
        width: 80%;
    }
}

.oaj-banner-personal .oaj-banner-content .oaj-banner-panel .oaj-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.oaj-banner-personal .oaj-banner-content .oaj-banner-panel .oaj-right .oaj-social-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    padding: 0 50px;
    background-color: rgba(0, 0, 0, 0.1);
    height: 70px;
    border-radius: 70px;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-banner-personal .oaj-banner-content .oaj-banner-panel .oaj-right .oaj-social-frame:hover {
    transform: scale(1.015);
}

@media screen and (max-width: 992px) {
    .oaj-banner-personal .oaj-banner-content .oaj-banner-panel .oaj-right {
        flex-direction: column;
    }

    .oaj-banner-personal .oaj-banner-content .oaj-banner-panel .oaj-right .oaj-social-frame {
        margin-right: 0;
        margin-bottom: 30px;
        height: 60px;
    }
}

.oaj-banner-personal .oaj-banner-content .oaj-banner-panel .oaj-button {
    margin: 0 !important;
}

@media screen and (max-width: 992px) {
    .oaj-banner-personal .oaj-banner-content .oaj-banner-panel {
        bottom: 0;
        top: auto;
    }
}

@media screen and (max-width: 768px) {
    .oaj-banner-personal .oaj-banner-content .oaj-banner-panel {
        position: static;
        margin-bottom: 90px;
    }
}

@media screen and (max-width: 992px) {
    .oaj-banner-personal {
        height: auto;
    }
}

.oaj-portrait-frame {
    position: relative;
}

.oaj-portrait-frame img {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.oaj-portrait-frame .oaj-nimbus {
    background: radial-gradient(50% 50% at 50% 50%, #fcb018 0, rgba(250, 168, 69, 0) 100%);
    width: 100%;
    padding-bottom: 100%;
    position: absolute;
    opacity: 0.6;
}

@media screen and (max-width: 768px) {
    .oaj-portrait-frame {
        height: 400px;
    }

    .oaj-portrait-frame img {
        object-fit: cover;
        object-position: top;
    }
}

/* -------------------------------------------

circle text

------------------------------------------- */
.oaj-circle-text {
    position: absolute;
    right: 0;
    bottom: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
}

.oaj-circle-text .oaj-ct-svg {
    transform: scale(2);
    width: 140px;
    height: 140px;
}

.oaj-circle-text .oaj-ct-svg text {
    fill: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-circle-text .oaj-button {
    position: absolute;
}

.oaj-circle-text:hover .ti text {
    fill: rgb(255, 255, 255);
}

@media screen and (max-width: 992px) {
    .oaj-circle-text {
        display: none;
    }
}

/* -------------------------------------------
partners
------------------------------------------- */
.oaj-infinite-show .swiper-wrapper {
    transition-timing-function: linear;
}

.oaj-partner-frame {
    display: flex;
    height: unset !important;
    aspect-ratio: 1.6;
    width: 100%;
    overflow: hidden;
    align-items: center;
    border-radius: 12px;
    padding: 15px;
    background: white;
}

.oaj-partner-frame img {
    width: 100%;
    object-fit: cover;
}

/* -------------------------------------------
services
------------------------------------------- */
.oaj-complex-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.oaj-complex-text .oaj-button {
    margin-left: 30px;
}

@media screen and (max-width: 768px) {
    .oaj-complex-text {
        flex-direction: column;
    }

    .oaj-complex-text .oaj-button {
        margin-left: 0;
        margin-top: 60px;
    }
}

.oaj-text-image {
    height: 80px;
    width: 250px;
    display: inline-block;
    overflow: hidden;
    border-radius: 70px;
    margin-right: 30px;
}

.oaj-text-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-text-image:hover img {
    transform: scale(1.05);
}

@media screen and (max-width: 768px) {
    .oaj-text-image {
        display: none;
    }
}

.oaj-service-card-sm {
    position: relative;
    display: block;
    transform-style: preserve-3d;
}


.meff-img {
    position: relative;
    transition: all 0.4s ease;
    aspect-ratio: 1.5;
    overflow: hidden;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 35px 15px 40px 40px;
}


.meff-img img {
    transition: all .5s;
    object-fit: cover;
    object-position: center !important;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.absolute-content {
    position: absolute;
    overflow: hidden;
    transition: opacity 0.5s ease 0.2s, transform 0.3s ease 0.2s;
    color: #ffffff;
    padding: 20px;
    background: linear-gradient(3deg, #000000db, #00000099);
    inset: 0;
    opacity: 0;
    display: flex;
    align-items: center;
    text-align: center;
}

.oaj-meff-card {
    border-radius: 15px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    backdrop-filter: blur(5px);
    background: linear-gradient(119deg, rgb(255 255 255), rgb(255 255 255));
    box-shadow: 0 7px 20px rgb(0 0 0 / 9%);
    padding: 10px;
    height: 100%;
    border: 1px solid #00000014;
}
.oaj-meff-slider .oaj-meff-card {
    background: #ffffffe8 !important;
    backdrop-filter: blur(3px);
}

.absc-inner {
    line-clamp: 6;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.3;
    font-size: 19px;
}

.oaj-meff-card.active .absolute-content, .oaj-meff-card:hover .absolute-content {
    opacity: 1;
}

.oaj-meff-card.active .meff-content {
    flex: 1;
}

.oaj-meff-card.active .meff-img, .oaj-meff-card:hover .meff-img {
    filter: none;
}

.oaj-meff-card.active .meff-img img, .oaj-meff-card:hover .meff-img img {
    transform: scale(1.1);
}

.oaj-meff-card:hover p, .oaj-meff-card.active p {
    display: -webkit-box;
}

.meff-content {
    position: relative;
    z-index: 2;
    padding: 15px 10px;
}

.meff-content h5 {
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 5px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    font-weight: 600;
}


.oaj-service-card-sm p {
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    transition: opacity 0.5s ease 0.2s, transform 0.3s ease 0.2s;
    color: #404040;
    display: none;
    font-size: 18px;
}


.oaj-service-card-lg {
    display: block;
}

.oaj-service-card-lg .oaj-descr {
    padding-right: 30px;
}

.oaj-service-card-lg.oaj-offset {
    margin-top: 60px;
    margin-bottom: 60px;
}

@media screen and (max-width: 992px) {
    .oaj-service-card-lg.oaj-offset {
        margin-top: 0;
    }
}

@media screen and (max-width: 992px) {
    .oaj-service-card-lg {
        margin-bottom: 60px;
    }
}

.oaj-service-card-lg.oaj-other-card {
    overflow: hidden;
    position: relative;
    border: solid 1px rgb(229, 229, 229);
    padding: 60px;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-service-card-lg.oaj-other-card .oaj-descr {
    padding-right: 0;
}

.oaj-service-card-lg.oaj-other-card:hover {
    background-color: #fcb018;
}

.oaj-service-card-lg.oaj-other-card:hover .oaj-link .arrow-icon {
    background-color: rgb(0, 0, 0);
}

.oaj-service-card-lg.oaj-other-card:hover .oaj-link .arrow-icon {
    fill: #fcb018;
}

@media screen and (max-width: 1200px) {
    .oaj-service-card-lg.oaj-other-card {
        padding: 30px;
    }
}

.oaj-service-list li {
    border-bottom: solid 1px rgb(0 0 0 / 10%);
    list-style-type: none;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 13px;
    color: black;
}

.oaj-service-list li:first-child {
    border-top: solid 1px rgb(0 0 0 / 10%);
}

.oaj-service-list.oaj-light li {
    color: rgba(255, 255, 255, 0.6);
}

.oaj-service-list.oaj-dark li {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.oaj-service-list.oaj-dark li:first-child {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
}

/* -------------------------------------------

social icons

------------------------------------------- */
.oaj-social-icons {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.oaj-social-icons.oaj-center {
    justify-content: center;
}

.oaj-social-icons li {
    list-style-type: none;
    margin-right: 15px;
}

.oaj-social-icons li:last-child {
    margin-right: 0;
}

.oaj-social-icons li a {
    color: rgb(255, 255, 255);
    font-size: 18px;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-social-icons li a:hover {
    color: #fcb018;
}

.oaj-social-icons.oaj-dark li a {
    color: rgb(0, 0, 0);
}

.oaj-social-icons.oaj-dark li a:hover {
    color: #fcb018;
}

/* -------------------------------------------

revievs

------------------------------------------- */
.oaj-revi-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 992px) {
    .oaj-revi-pagination {
        flex-wrap: wrap;
    }
}

.oaj-revi-pagination .swiper-pagination-bullet {
    width: 110px;
    height: 110px;
    padding: 10px;
    opacity: 1;
    border: none;
    background-color: transparent;
    margin: 0 !important;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
}

@media screen and (max-width: 992px) {
    .oaj-revi-pagination .swiper-pagination-bullet {
        width: 90px;
        height: 90px;
    }
}

.oaj-revi-pagination .swiper-pagination-bullet:nth-child(2n) {
    margin-top: 30px !important;
}

@media screen and (max-width: 992px) {
    .oaj-revi-pagination .swiper-pagination-bullet:nth-child(2n) {
        margin-top: 0 !important;
    }
}

.oaj-revi-pagination .swiper-pagination-bullet:hover {
    box-shadow: inset 0 0 0 4px rgb(255, 255, 255);
}

.oaj-revi-pagination .swiper-pagination-bullet .oaj-custom-dot {
    background-color: red;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-size: cover;
    background-position: top;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
}

@media screen and (max-width: 992px) {
    .oaj-revi-pagination .swiper-pagination-bullet .oaj-custom-dot {
        width: 70px;
        height: 70px;
    }
}

.oaj-revi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 4px #fcb018;
}

.oaj-quote-icon {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
}

.oaj-quote-icon path {
    fill: #fcb018;
}

.oaj-slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.oaj-slider-nav .oaj-slider-arrow {
    width: 40px;
    height: 40px;
    padding: 10px;
    background-color: rgb(0, 0, 0);
    border-radius: 50%;
    cursor: pointer;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-slider-nav .oaj-slider-arrow .arrow-icon {
    color: #fcb018;
}

.oaj-slider-nav .oaj-slider-arrow.oaj-prev {
    margin-right: 10px;
    transform: rotate(180deg);
}

.oaj-slider-nav .oaj-slider-arrow.swiper-button-disabled {
    opacity: 0.1;
    cursor: not-allowed;
}

.oaj-slider-nav .oaj-slider-arrow:hover {
    transform: scale(1.15);
}

.oaj-slider-nav .oaj-slider-arrow:hover.oaj-prev {
    transform: rotate(180deg) scale(1.15);
}

.oaj-slider-nav.oaj-reviews-nav {
    position: absolute;
    top: 160px;
    left: 0;
    width: 100%;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    .oaj-slider-nav.oaj-reviews-nav {
        top: 0;
    }
}

.oaj-slider-nav.oaj-soft .oaj-slider-arrow {
    background-color: rgb(229, 229, 229);
}

.oaj-slider-nav.oaj-soft .oaj-slider-arrow .arrow-icon {
    color: rgb(0, 0, 0);
}

/* -------------------------------------------

blog

------------------------------------------- */
.oaj-blog-card {
    display: block;
}

.oaj-blog-card .oaj-cover-frame {
    position: relative;
    overflow: hidden;
    padding-bottom: 65%;
    margin-bottom: 10px;
}

.oaj-blog-card .oaj-cover-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-blog-card .oaj-post-descr {
    padding: 10px 30px 0 0;
}

.oaj-blog-card .oaj-post-descr .oaj-post-text {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
}

.oaj-blog-card:hover .oaj-cover-frame img {
    transform: scale(1.05);
}

.oaj-blog-card.oaj-blog-card-hori {
    padding-top: 60px;
    border-top: solid 1px rgb(229, 229, 229);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.oaj-blog-card.oaj-blog-card-hori .oaj-cover-frame {
    margin-bottom: 0;
    width: 450px;
    padding-bottom: 27%;
}

.oaj-blog-card.oaj-blog-card-hori .oaj-post-descr {
    width: calc(100% - 450px);
    padding: 0;
    padding-left: 60px;
}

@media screen and (max-width: 992px) {
    .oaj-blog-card.oaj-blog-card-hori {
        display: block;
        padding-top: 0;
        border: none;
    }

    .oaj-blog-card.oaj-blog-card-hori .oaj-cover-frame {
        width: 100%;
        padding-bottom: 65%;
        margin-bottom: 30px;
    }

    .oaj-blog-card.oaj-blog-card-hori .oaj-post-descr {
        width: 100%;
        padding: 30px 30px 0 0;
    }
}

.oaj-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0;
}

.oaj-labels .oaj-label {
    margin-right: 15px;
}

.oaj-labels .oaj-label:last-child {
    margin-right: 0;
}

.oaj-pagination {
    padding-top: 60px;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.oaj-pagination-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    color: rgb(0, 0, 0);
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    margin-right: 10px;
}

.oaj-pagination-btn.oaj-active {
    background-color: #fcb018;
}

.oaj-category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.oaj-category-list li {
    list-style-type: none;
    margin-right: 10px;
}

.oaj-category-list li:last-child {
    margin-right: 0;
}

.oaj-category-list li a {
    height: 40px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    padding: 0 20px;
    border-radius: 40px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-category-list li a:hover {
    background-color: rgb(229, 229, 229);
}

.oaj-category-list li a.oaj-active {
    background-color: #fcb018;
}

@media screen and (max-width: 768px) {
    .oaj-category-list {
        flex-direction: column;
    }

    .oaj-category-list li {
        margin-right: 0;
        margin-bottom: 10px;
        align-items: flex-start;
    }

    .oaj-category-list li:last-child {
        margin-bottom: 0;
    }

    .oaj-category-list li a {
        justify-content: flex-start;
    }
}

/* -------------------------------------------

footer

------------------------------------------- */
.oaj-footer-menu {
    margin-bottom: 120px;
}

.oaj-footer-menu ul li {
    list-style-type: none;
    margin-bottom: 20px;
}

.oaj-footer-menu ul:not(.oaj-menu-list) > li a {
    display: block;
    font-weight: 500;
    font-size: 28px;
    color: rgba(255, 255, 255, 0.9);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-footer-menu ul:not(.oaj-menu-list) > li a:hover {
    transform: translateX(10px);
    color: #fcb018;
}

ul.oaj-menu-list.oaj-up {
    margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
    .oaj-footer-menu ul li a {
        font-size: 22px;
    }
}

.oaj-footer-menu ul:not(.oaj-menu-list) > li.oaj-active a {
    color: #fcb018;
}

.oaj-footer-menu ul li.oaj-active a:hover {
    transform: none;
}

@media screen and (max-width: 768px) {
    .oaj-footer-menu {
        margin-bottom: 60px;
    }
}

.oaj-subscribe-form {
    position: relative;
    height: 60px;
    width: 100%;
    max-width: 300px;
}

.oaj-subscribe-form input {
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    border-radius: 70px;
    padding: 0 0 0 30px;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-subscribe-form input::-webkit-input-placeholder {
    color: rgb(128, 128, 128);
    font-family: "OAfont", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.oaj-subscribe-form input::-moz-placeholder {
    color: rgb(128, 128, 128);
    font-family: "OAfont", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.oaj-subscribe-form input:-ms-input-placeholder {
    color: rgb(128, 128, 128);
    font-family: "OAfont", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.oaj-subscribe-form input::-ms-input-placeholder {
    color: rgb(128, 128, 128);
    font-family: "OAfont", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.oaj-subscribe-form input::placeholder {
    color: rgb(128, 128, 128);
    font-family: "OAfont", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.oaj-subscribe-form input:focus {
    background-color: rgb(255, 255, 255);
    outline: inherit;
}

.oaj-subscribe-form input:hover {
    background-color: rgb(255, 255, 255);
}

.oaj-subscribe-form .oaj-button {
    position: absolute;
    top: 10px;
    right: 10px;
}

.oaj-subscribe-form.oaj-subscribe-form-2 input {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

/* -------------------------------------------

portfolio

------------------------------------------- */
.oaj-portfolio-item {
    display: block;
}

.oaj-portfolio-item .oaj-cover-frame {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.oaj-portfolio-item .oaj-cover-frame .oaj-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.oaj-portfolio-item .oaj-cover-frame .oaj-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-portfolio-item .oaj-cover-frame.oaj-vert {
    padding-bottom: 130%;
}

.oaj-portfolio-item .oaj-cover-frame.oaj-hori {
    padding-bottom: 65%;
}

.oaj-portfolio-item:hover .oaj-cover-frame .oaj-cover img {
    transform: scale(1.05);
}

.oaj-portfolio-item.oaj-slider-item .oaj-cover-frame {
    margin-bottom: 30px;
    height: calc(100vh - 360px);
}

@media screen and (max-width: 992px) {
    .oaj-portfolio-item.oaj-slider-item .oaj-cover-frame {
        height: auto;
        padding-bottom: 100%;
    }
}

.oaj-portfolio-item.oaj-slider-item .oaj-descr {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 180px;
    background-color: rgb(242, 242, 242);
    padding: 0 60px;
}

@media screen and (max-width: 992px) {
    .oaj-portfolio-item.oaj-slider-item .oaj-descr {
        padding: 30px;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }

    .oaj-portfolio-item.oaj-slider-item .oaj-descr .oaj-descr-text {
        margin-bottom: 30px;
    }
}

.oaj-portfolio-item.oaj-slider-item:hover .oaj-cover-frame .oaj-cover img {
    transform: none;
}

.swiper-slide .oaj-portfolio-item .oaj-descr {
    pointer-events: none;
}

.swiper-slide.swiper-slide-active .oaj-portfolio-item .oaj-descr {
    pointer-events: all;
}

.oaj-portfolio {
    position: relative;
}

.oaj-portfolio .oaj-lines-place {
    position: absolute;
    left: 40.7%;
}

.oaj-portfolio .oaj-lines-place.oaj-lines-long {
    top: 1289px;
}

.oaj-portfolio-slider-frame {
    z-index: 0;
    padding-top: 150px;
}

@media screen and (max-width: 992px) {
    .oaj-portfolio-slider-frame {
        padding-top: 180px;
    }
}

.oaj-portfolio-nav {
    background-color: rgb(242, 242, 242);
    width: 100%;
    padding: 0 60px;
    height: 180px;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oaj-portfolio-nav .oaj-portfolio-btns-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 70px;
    border-radius: 70px;
    background-color: rgb(255, 255, 255);
}

@media screen and (max-width: 992px) {
    .oaj-portfolio-nav {
        position: static;
        height: auto;
        padding: 30px 0 90px;
        justify-content: flex-start;
        background-color: rgb(255, 255, 255);
    }

    .oaj-portfolio-nav .oaj-portfolio-btns-frame {
        width: 100%;
        height: auto;
        padding: 0;
    }
}

.swiper-portfolio-pagination {
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0 15px;
}

.oaj-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 120px;
    align-items: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .oaj-info {
        flex-direction: column;
        height: auto;
        padding: 20px;
    }
}

.oaj-works-nav {
    padding-top: 60px;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.oaj-works-nav .oaj-disabled {
    opacity: 0.2;
    cursor: not-allowed;
}

@media screen and (max-width: 768px) {
    .oaj-works-nav {
        padding-top: 0;
        border-top: none;
        justify-content: center;
    }

    .oaj-works-nav .oaj-link {
        display: none;
    }

    .oaj-works-nav .oaj-link:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/***************************

map

***************************/
.oaj-map-frame {
    background-color: rgb(229, 229, 229);
    pointer-events: all;
    height: 450px;
    position: relative;
    overflow: hidden;
}

.oaj-map-frame .oaj-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-map-frame .oaj-map iframe {
    width: 100%;
    height: 100%;
}

/* -------------------------------------------

accordion

------------------------------------------- */
.oaj-accordion-group {
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.oaj-accordion-group .oaj-accordion-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 30px;
}

.oaj-accordion-group .oaj-accordion-menu .oaj-symbol {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: rgb(0, 0, 0);
    background-color: rgb(229, 229, 229);
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.oaj-accordion-group .oaj-accordion-menu .oaj-symbol .oaj-plus, .oaj-accordion-group .oaj-accordion-menu .oaj-symbol .oaj-minus {
    position: absolute;
}

.oaj-accordion-group .oaj-accordion-menu .oaj-symbol .oaj-minus {
}

.oaj-accordion-group .oaj-accordion-menu .oaj-accordion-head {
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    margin: 0;
}

.oaj-accordion-content {
    height: 0;
    overflow: hidden;
}

/***************************

price

***************************/
.oaj-price-card {
    display: block;
    width: 100%;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    padding: 60px 0 30px;
}

.oaj-price-card .oaj-price-number {
    padding-top: 10px;
    line-height: 70%;
    font-size: 54px;
    font-weight: 500;
}

.oaj-price-card .oaj-price-number .oaj-thin {
    font-weight: 200;
    font-size: 18px;
}

/***************************

404

***************************/
.oaj-404-banner .oaj-animation-frame {
    z-index: 2;
}

.oaj-404-frame {
    padding-top: 100px;
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.oaj-404-text {
    display: block;
    text-align: center;
    color: rgb(255, 255, 255);
}

.oaj-scale-frame {
    transform: scale(2.3);
    text-align: center;
    margin-bottom: 90px;
}

@media screen and (max-width: 530px) {
    .oaj-scale-frame {
        transform: scale(1.3);
        margin-bottom: 50px;
    }
}

.oaj-404 {
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 6em;
    font-weight: 500;
    animation: glitch-skew 1s infinite linear alternate-reverse;
}

.oaj-404::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 2px;
    text-shadow: -2px 0 #fcb018;
    clip: rect(44px, 450px, 56px, 0);
    animation: glitch-anim 5s infinite linear alternate-reverse;
}

.oaj-404::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: -2px;
    text-shadow: -2px 0 rgb(153, 153, 153), 2px 2px rgb(229, 229, 229);
    animation: glitch-anim2 1s infinite linear alternate-reverse;
}

@-webkit-keyframes glitch-anim {
    0% {
        clip: rect(49px, 9999px, 31px, 0);
        transform: skew(0.04deg);
    }
    5% {
        clip: rect(63px, 9999px, 92px, 0);
        transform: skew(0.18deg);
    }
    10% {
        clip: rect(86px, 9999px, 74px, 0);
        transform: skew(0.4deg);
    }
    15% {
        clip: rect(85px, 9999px, 19px, 0);
        transform: skew(0.57deg);
    }
    20% {
        clip: rect(64px, 9999px, 75px, 0);
        transform: skew(0.96deg);
    }
    25% {
        clip: rect(77px, 9999px, 17px, 0);
        transform: skew(0.61deg);
    }
    30% {
        clip: rect(16px, 9999px, 76px, 0);
        transform: skew(0.81deg);
    }
    35% {
        clip: rect(5px, 9999px, 61px, 0);
        transform: skew(0.56deg);
    }
    40% {
        clip: rect(79px, 9999px, 81px, 0);
        transform: skew(0.05deg);
    }
    45% {
        clip: rect(20px, 9999px, 97px, 0);
        transform: skew(0.56deg);
    }
    50% {
        clip: rect(33px, 9999px, 100px, 0);
        transform: skew(0.16deg);
    }
    55% {
        clip: rect(19px, 9999px, 76px, 0);
        transform: skew(0.93deg);
    }
    60% {
        clip: rect(29px, 9999px, 59px, 0);
        transform: skew(0.58deg);
    }
    65% {
        clip: rect(19px, 9999px, 95px, 0);
        transform: skew(0.83deg);
    }
    70% {
        clip: rect(88px, 9999px, 30px, 0);
        transform: skew(0.39deg);
    }
    75% {
        clip: rect(43px, 9999px, 45px, 0);
        transform: skew(0.6deg);
    }
    80% {
        clip: rect(30px, 9999px, 4px, 0);
        transform: skew(0.89deg);
    }
    85% {
        clip: rect(4px, 9999px, 96px, 0);
        transform: skew(1deg);
    }
    90% {
        clip: rect(4px, 9999px, 91px, 0);
        transform: skew(0.2deg);
    }
    95% {
        clip: rect(48px, 9999px, 80px, 0);
        transform: skew(0.41deg);
    }
    100% {
        clip: rect(10px, 9999px, 58px, 0);
        transform: skew(0.91deg);
    }
}

@keyframes glitch-anim {
    0% {
        clip: rect(49px, 9999px, 31px, 0);
        transform: skew(0.04deg);
    }
    5% {
        clip: rect(63px, 9999px, 92px, 0);
        transform: skew(0.18deg);
    }
    10% {
        clip: rect(86px, 9999px, 74px, 0);
        transform: skew(0.4deg);
    }
    15% {
        clip: rect(85px, 9999px, 19px, 0);
        transform: skew(0.57deg);
    }
    20% {
        clip: rect(64px, 9999px, 75px, 0);
        transform: skew(0.96deg);
    }
    25% {
        clip: rect(77px, 9999px, 17px, 0);
        transform: skew(0.61deg);
    }
    30% {
        clip: rect(16px, 9999px, 76px, 0);
        transform: skew(0.81deg);
    }
    35% {
        clip: rect(5px, 9999px, 61px, 0);
        transform: skew(0.56deg);
    }
    40% {
        clip: rect(79px, 9999px, 81px, 0);
        transform: skew(0.05deg);
    }
    45% {
        clip: rect(20px, 9999px, 97px, 0);
        transform: skew(0.56deg);
    }
    50% {
        clip: rect(33px, 9999px, 100px, 0);
        transform: skew(0.16deg);
    }
    55% {
        clip: rect(19px, 9999px, 76px, 0);
        transform: skew(0.93deg);
    }
    60% {
        clip: rect(29px, 9999px, 59px, 0);
        transform: skew(0.58deg);
    }
    65% {
        clip: rect(19px, 9999px, 95px, 0);
        transform: skew(0.83deg);
    }
    70% {
        clip: rect(88px, 9999px, 30px, 0);
        transform: skew(0.39deg);
    }
    75% {
        clip: rect(43px, 9999px, 45px, 0);
        transform: skew(0.6deg);
    }
    80% {
        clip: rect(30px, 9999px, 4px, 0);
        transform: skew(0.89deg);
    }
    85% {
        clip: rect(4px, 9999px, 96px, 0);
        transform: skew(1deg);
    }
    90% {
        clip: rect(4px, 9999px, 91px, 0);
        transform: skew(0.2deg);
    }
    95% {
        clip: rect(48px, 9999px, 80px, 0);
        transform: skew(0.41deg);
    }
    100% {
        clip: rect(10px, 9999px, 58px, 0);
        transform: skew(0.91deg);
    }
}

@-webkit-keyframes glitch-anim2 {
    0% {
        clip: rect(97px, 9999px, 84px, 0);
        transform: skew(0.55deg);
    }
    5% {
        clip: rect(82px, 9999px, 21px, 0);
        transform: skew(0.04deg);
    }
    10% {
        clip: rect(51px, 9999px, 99px, 0);
        transform: skew(0.93deg);
    }
    15% {
        clip: rect(42px, 9999px, 97px, 0);
        transform: skew(0.03deg);
    }
    20% {
        clip: rect(27px, 9999px, 25px, 0);
        transform: skew(0.86deg);
    }
    25% {
        clip: rect(69px, 9999px, 5px, 0);
        transform: skew(0.95deg);
    }
    30% {
        clip: rect(38px, 9999px, 67px, 0);
        transform: skew(0.33deg);
    }
    35% {
        clip: rect(8px, 9999px, 90px, 0);
        transform: skew(0.67deg);
    }
    40% {
        clip: rect(34px, 9999px, 31px, 0);
        transform: skew(0.33deg);
    }
    45% {
        clip: rect(1px, 9999px, 25px, 0);
        transform: skew(0.71deg);
    }
    50% {
        clip: rect(45px, 9999px, 40px, 0);
        transform: skew(0.38deg);
    }
    55% {
        clip: rect(84px, 9999px, 96px, 0);
        transform: skew(0.3deg);
    }
    60% {
        clip: rect(68px, 9999px, 59px, 0);
        transform: skew(0.35deg);
    }
    65% {
        clip: rect(93px, 9999px, 48px, 0);
        transform: skew(0.25deg);
    }
    70% {
        clip: rect(19px, 9999px, 40px, 0);
        transform: skew(0.97deg);
    }
    75% {
        clip: rect(76px, 9999px, 56px, 0);
        transform: skew(0.79deg);
    }
    80% {
        clip: rect(22px, 9999px, 82px, 0);
        transform: skew(0.48deg);
    }
    85% {
        clip: rect(30px, 9999px, 63px, 0);
        transform: skew(0.91deg);
    }
    90% {
        clip: rect(68px, 9999px, 44px, 0);
        transform: skew(0.4deg);
    }
    95% {
        clip: rect(12px, 9999px, 36px, 0);
        transform: skew(0.61deg);
    }
    100% {
        clip: rect(24px, 9999px, 5px, 0);
        transform: skew(0.96deg);
    }
}

@keyframes glitch-anim2 {
    0% {
        clip: rect(97px, 9999px, 84px, 0);
        transform: skew(0.55deg);
    }
    5% {
        clip: rect(82px, 9999px, 21px, 0);
        transform: skew(0.04deg);
    }
    10% {
        clip: rect(51px, 9999px, 99px, 0);
        transform: skew(0.93deg);
    }
    15% {
        clip: rect(42px, 9999px, 97px, 0);
        transform: skew(0.03deg);
    }
    20% {
        clip: rect(27px, 9999px, 25px, 0);
        transform: skew(0.86deg);
    }
    25% {
        clip: rect(69px, 9999px, 5px, 0);
        transform: skew(0.95deg);
    }
    30% {
        clip: rect(38px, 9999px, 67px, 0);
        transform: skew(0.33deg);
    }
    35% {
        clip: rect(8px, 9999px, 90px, 0);
        transform: skew(0.67deg);
    }
    40% {
        clip: rect(34px, 9999px, 31px, 0);
        transform: skew(0.33deg);
    }
    45% {
        clip: rect(1px, 9999px, 25px, 0);
        transform: skew(0.71deg);
    }
    50% {
        clip: rect(45px, 9999px, 40px, 0);
        transform: skew(0.38deg);
    }
    55% {
        clip: rect(84px, 9999px, 96px, 0);
        transform: skew(0.3deg);
    }
    60% {
        clip: rect(68px, 9999px, 59px, 0);
        transform: skew(0.35deg);
    }
    65% {
        clip: rect(93px, 9999px, 48px, 0);
        transform: skew(0.25deg);
    }
    70% {
        clip: rect(19px, 9999px, 40px, 0);
        transform: skew(0.97deg);
    }
    75% {
        clip: rect(76px, 9999px, 56px, 0);
        transform: skew(0.79deg);
    }
    80% {
        clip: rect(22px, 9999px, 82px, 0);
        transform: skew(0.48deg);
    }
    85% {
        clip: rect(30px, 9999px, 63px, 0);
        transform: skew(0.91deg);
    }
    90% {
        clip: rect(68px, 9999px, 44px, 0);
        transform: skew(0.4deg);
    }
    95% {
        clip: rect(12px, 9999px, 36px, 0);
        transform: skew(0.61deg);
    }
    100% {
        clip: rect(24px, 9999px, 5px, 0);
        transform: skew(0.96deg);
    }
}

@-webkit-keyframes glitch-skew {
    0% {
        transform: skew(3deg);
    }
    10% {
        transform: skew(2deg);
    }
    20% {
        transform: skew(0deg);
    }
    30% {
        transform: skew(0deg);
    }
    40% {
        transform: skew(2deg);
    }
    50% {
        transform: skew(-1deg);
    }
    60% {
        transform: skew(-3deg);
    }
    70% {
        transform: skew(-1deg);
    }
    80% {
        transform: skew(-1deg);
    }
    90% {
        transform: skew(4deg);
    }
    100% {
        transform: skew(-3deg);
    }
}

@keyframes glitch-skew {
    0% {
        transform: skew(3deg);
    }
    10% {
        transform: skew(2deg);
    }
    20% {
        transform: skew(0deg);
    }
    30% {
        transform: skew(0deg);
    }
    40% {
        transform: skew(2deg);
    }
    50% {
        transform: skew(-1deg);
    }
    60% {
        transform: skew(-3deg);
    }
    70% {
        transform: skew(-1deg);
    }
    80% {
        transform: skew(-1deg);
    }
    90% {
        transform: skew(4deg);
    }
    100% {
        transform: skew(-3deg);
    }
}

/***************************

images

***************************/
.oaj-image-frame {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.oaj-image-frame > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.oaj-image-frame.oaj-horizontal {
    padding-bottom: 55%;
}

.oaj-image-frame.oaj-vertical {
    padding-bottom: 140%;
}

.oaj-image-frame.oaj-square {
    padding-bottom: 100%;
}

.oaj-image-frame.oaj-fw {
    padding-bottom: 50%;
}

.oaj-image-frame .oaj-zoom-btn {
    opacity: 0;
    transform: translateY(15px);
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-image-frame .oaj-zoom-btn:hover {
    background-color: rgb(255, 255, 255);
}

.oaj-image-frame .oaj-zoom-btn img {
    height: 17px;
    width: 17px;
}

.oaj-image-frame:hover .oaj-zoom-btn {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
}

/***************************

page transitions

***************************/
.oaj-frame {
    opacity: 1;
    transform: scale(1);
    transition: 0.6s;
}

.oaj-curtain {
    position: fixed;
    pointer-events: none;
    z-index: 4;
    background-color: rgb(0, 0, 0);
    opacity: 0;
    width: 100%;
    height: 100vh;
    transition: 0.6s;
}

.oaj-main-transition {
    transition: 0.6s;
    margin-top: 0;
    transition-delay: 0.3s;
}

.oaj-main-transition .oaj-animation-frame {
    opacity: 1;
    margin-top: 0;
    transition: 0.6s;
    transition-delay: 0.3s;
}

.oaj-main-transition .oaj-lines-place {
    opacity: 1;
    margin-top: 0;
    transition: 0.6s;
    transition-delay: 0.3s;
}

html.is-animating .oaj-frame {
    opacity: 0;
    transition-delay: 0.5s;
    transform: scale(0.9);
}

@media screen and (max-width: 1200px) {
    html.is-animating .oaj-frame {
        transform: scale(1);
        opacity: 1;
    }
}

html.is-animating .oaj-curtain {
    opacity: 1;
    pointer-events: all;
}

html.is-animating .oaj-main-transition {
    margin-top: 0.1px;
}

html.is-animating .oaj-main-transition .oaj-animation-frame {
    opacity: 0;
    margin-top: -90px;
    transition-delay: 0s;
}

html.is-animating .oaj-main-transition .oaj-lines-place {
    opacity: 0;
    margin-top: 90px;
    transition-delay: 0s;
}

html.is-animating .oaj-menu-frame {
    opacity: 0;
    transition-delay: 0.3s;
}


.tog-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro-section {
    padding: 50px 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
}

.toggleing {
    background: black;
    border-radius: 50px;
    height: 90px;
    display: flex;
    align-items: center;
    width: 203px;
    padding: 5px;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

span.tog-log {
    line-height: 1;
    display: flex;
}

.togg-circle {
    width: 82px;
    aspect-ratio: 1;
    background: linear-gradient(171deg, rgb(255 113 0) 0, rgb(255 177 45) 35%, rgb(222 193 106) 100%);
    border-radius: 100%;
    box-shadow: 0 0 10px 3px #0000002b;
    position: relative;
}

.toggleing img {
    height: 75%;
    margin-right: -3px;
}

.pusher {
    height: 100%;
    display: flex;
    align-items: end;
}

.toggle-content {
    display: flex;
    align-items: center;
    position: absolute;
    width: calc(100% + 20px);
    left: -46%;
    justify-content: center;
    height: calc(100% - 8px);
}

.tog-log {
    letter-spacing: 8px;
    font-size: 120px;
    color: black;
    font-weight: 100;
    line-height: 1;
    margin-top: 25px;
}

.text-black {
    color: #000;
}

.slog-text {
    font-weight: 400;
    font-size: 50px;
}

.introdlink {
    font-size: 16px;
    border: 1px solid #000000;
    min-height: 50px;
    display: flex;
    border-radius: 50px;
    align-items: center;
    padding: 0 20px;
    position: relative;
    color: #000000;
    width: max-content;
    padding-right: 60px;
    margin: auto;
    transition: all .5s;
}

.introdlink i {
    position: absolute;
    right: 5px;
    background: #000000;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 100%;
    color: white;
    text-align: center;
}

.slide-image {
    background-size: cover !important;
    position: absolute;
    inset: 0;
    background-position: bottom !important;
}

.shape-bg {
    position: absolute;
    inset: 0;
    --size: 20px;
    --line2: color-mix(in hsl, canvasText, transparent 70%);
    --line: hsl(0deg 0 100% / 20%);
    content: '';
    background: linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);
    mask: linear-gradient(4deg, transparent 30%, #ffffffb0);
    top: 0;
    /* transform-style: flat; */
    pointer-events: none;
    opacity: .3;
}


#mouseeffect-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #ffffff;
}

.slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.refer-area {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.lsection-item {
    min-width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    padding: 50px 0;
}

.lsection-row {
    position: relative;
    z-index: 5;
    width: 100%;
}

.refer-details {
    background: #ffffff;
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 32px 0 0 0;
    transition: all .3s;
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 6px 5px #00000014;
    /* border: 1px solid #00000021; */
}

.activeItem .refer-details {
    border-radius: 10px 0 0 10px;
}

.refer-item {
    padding: 40px !important;
}

.refer-details,
.refer-item {
    will-change: transform, opacity;
    transform: translateZ(0);
    margin-bottom: 0;
    padding: 10px 0;
}

.refer-text {
    height: 100%;
}

.refer-content {
    display: flex;
    gap: 20px;
    height: 100%;
}

.refer-title {
    font-size: 1.5em;
    margin-bottom: 5px;
    font-weight: 600;
}

.refer-desc {
    font-size: 1.1em;
    line-height: 1.3;
    color: black;
    flex: 1;
}

.lsection-frame {
    display: flex;
    flex-direction: column;
}

.mbp-mockup-wrapper {
    max-width: 1280px;
    min-width: 320px;
    margin: 10px auto 20px;
    align-self: flex-start;
    position: relative;
    display: flex;
    will-change: auto;
    transform:scale(0.95);
    opacity:0.5;
}

.mbp-container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    min-width: 320px;
    height: auto;
    padding-top: 58.6%;
    margin: 0 auto;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    perspective: 2257px;
    perspective-origin: 50% 100%;
    transform-style: preserve-3d;
}

.mbp-display {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 81.3%;
    height: 95.2%;
    margin: 0 auto;
    background-image: radial-gradient(#cfd0d1, #cfd0d1, #adadae);
    border: 1px solid #e5e7e9;
    border-radius: 3.1% / 4%;
    bottom: 8%;
    transform: translate3d(0, -10px, 0) rotateX(-90deg);
    transition: transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
    will-change: transform;
    backface-visibility: hidden;
}

.mbp-display-top {
    height: 3%;
    border-radius: 4px 4px 0 0;
    position: absolute;
    width: 100%;
    z-index: 3;
    background: linear-gradient(90deg, #68696b 0, #757678 .15%, #a0a1a3 .3%, #cccdcf .5%, #e7e8ea .8%, #e8e9eb 1%, #dfe0e2 1.25%, #d1d2d4 1.5%, #adaeb0 2%, #a4a5a7 3%, #bbbdbf 4%, #e1e1e3 8%, #eaebed 15%, #e9eaec 25%, #e9eaec 75%, #eaebed 85%, #e1e1e3 92%, #bbbdbf 96%, #a4a5a7 97%, #adaeb0 98%, #d1d2d4 98.5%, #dfe0e2 98.75%, #e8e9eb 99%, #e7e8ea 99.2%, #cccdcf 99.5%, #a0a1a3 99.7%, #757678 99.85%, #68696b 100%);
    transform: translate3d(0, 0, -5px) rotateX(90deg);
    transition: transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    backface-visibility: hidden;
}

.mbp-mockup-wrapper.opened {
    transform:scale(1);
    opacity: 1;
}

.mbp-mockup-wrapper.opened .mbp-display-top {
    transform: scale(1, 0);
}

.mbp-mockup-wrapper.opened .mbp-display {
    transform: translate3d(0, 0, 0) rotateX(10deg) !important;
}

.mbp-display .display-edge {
    display: block;
    position: relative;
    width: 99.37%;
    height: 99.25%;
    margin: 0.3% auto;
    z-index: 2;
    background-color: #262626;
    border-radius: 2.75% / 3.8%;
}

.mbp-display .display-edge .bezel {
    display: block;
    position: relative;
    width: 99.5%;
    height: 99.2%;
    margin: auto;
    top: 0.4%;
    border-radius: 2.8% / 3.2%;
    z-index: 3;
    background-color: #010101;
}

.mbp-display .bezel:after {
    content: '';
    display: none;
    position: absolute;
    right: 0.15%;
    top: 0.3%;
    width: 62.5%;
    height: 100%;
    pointer-events: none;
    background: -moz-linear-gradient(55deg, rgba(0, 0, 0, 0) 61%, rgba(242, 245, 248, 0.15) 61%);
    background: -webkit-linear-gradient(36deg, rgba(0, 0, 0, 0) 61%, rgba(242, 245, 248, 0.15) 61%);
    background: -o-linear-gradient(55deg, rgba(0, 0, 0, 0) 61%, rgba(242, 245, 248, 0.15) 61%);
    background: -ms-linear-gradient(55deg, rgba(0, 0, 0, 0) 61%, rgba(242, 245, 248, 0.15) 61%);
    background: linear-gradient(55deg, rgba(0, 0, 0, 0) 61%, rgba(242, 245, 248, 0.15) 61%);
    background-blend-mode: screen;
    border-top-right-radius: 3.5% 3%;
}

.mbp-display.with-glare .bezel:after {
    display: block;
}

.mbp-display .display-edge .bezel .display-camera {
    width: .62%;
    height: .95%;
    margin: 1% auto;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 50%;
    z-index: 0;
    background-color: #303132;
}

.mbp-display .display-frame {
    display: block;
    position: absolute;
    width: 97.65%;
    height: 89.5%;
    margin: 0 auto;
    top: 3.5%;
    left: 0;
    right: 0;
    background: white;
    border-radius: 10px;
}

.mbp-display .display-frame img {
    width: 100%;
    height: auto;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.mbp-keyboard {
    width: 100%;
    height: 7.6%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    transform-style: preserve-3d;
}

.mbp-keyboard .front {
    /* opacity:0; */
    width: 100%;
    height: 37.25%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, #68696b 0, #757678 .15%, #a0a1a3 .3%, #cccdcf .5%, #e7e8ea .8%, #e8e9eb 1%, #dfe0e2 1.25%, #d1d2d4 1.5%, #adaeb0 2%, #a4a5a7 3%, #bbbdbf 4%, #e1e1e3 8%, #eaebed 15%, #e9eaec 25%, #e9eaec 75%, #eaebed 85%, #e1e1e3 92%, #bbbdbf 96%, #a4a5a7 97%, #adaeb0 98%, #d1d2d4 98.5%, #dfe0e2 98.75%, #e8e9eb 99%, #e7e8ea 99.2%, #cccdcf 99.5%, #a0a1a3 99.7%, #757678 99.85%, #68696b 100%);
    z-index: 100;
    border-radius: 1px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.mbp-keyboard .opener-left {
    position: relative;
    width: 6.917%;
    height: 65.5%;
    z-index: 101;
    border-radius: 0 0 0 20px;
    background-color: #c1c2c6;
    background: linear-gradient(180deg, rgba(195, 198, 200, 0.5) 0, rgba(199, 200, 204, 0.5) 60%, rgba(115, 125, 130, 0.4) 100%), radial-gradient(circle at right, rgba(189, 190, 193, 0.5) 0, rgba(189, 190, 193, 0.5) 50%, rgba(166, 169, 172, 0.5) 80%, rgba(30, 34, 40, 0.75) 100%);
    background-blend-mode: darken;
}

.mbp-keyboard .opener-right {
    position: relative;
    width: 6.917%;
    height: 65.5%;
    z-index: 101;
    border-radius: 0 0 20px 0;
    background-color: #c1c2c6;
    background: linear-gradient(180deg, rgba(195, 198, 200, 0.5) 0, rgba(199, 200, 204, 0.5) 60%, rgba(115, 125, 130, 0.4) 100%), radial-gradient(circle at left, rgba(189, 190, 193, 0.5) 0, rgba(189, 190, 193, 0.5) 50%, rgba(166, 169, 172, 0.5) 80%, rgba(30, 34, 40, 0.75) 100%);
    background-blend-mode: darken;
}

.mbp-keyboard .bottom-left {
    display: block;
    position: relative;
    width: 50%;
    height: 58%;
    top: 10%;
    z-index: 99;
    background: linear-gradient(180deg, #e5e6e9 0, #909193 65%, #4e4f51 90%, #323234 96%, #29292b 100%);
    border-bottom-left-radius: 25% 60%;
}

.mbp-keyboard .bottom-right {
    display: block;
    position: relative;
    width: 50%;
    height: 58%;
    top: 10%;
    z-index: 99;
    background: linear-gradient(180deg, #e5e6e9 0, #909193 65%, #4e4f51 90%, #323234 96%, #29292b 100%);
    border-bottom-right-radius: 25% 60%;
}

.mbp-shadow {
    width: 95%;
    height: 60%;
    display: flex;
    justify-content: center
}

.mbp-shadow .shadow-left {
    display: block;
    position: relative;
    width: 50%;
    height: 100%;
    top: 10%;
    z-index: 90;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0, rgba(8, 11, 17, .85) 2.5%, rgba(29, 32, 36, .4) 15%, rgba(255, 255, 255, 0) 50%);
    filter: blur(2px);
    background-blend-mode: multiply;
    border-top-left-radius: 20% 90%;
}

.mbp-shadow .shadow-right {
    display: block;
    position: relative;
    width: 50%;
    height: 100%;
    top: 10%;
    z-index: 90;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0, rgba(8, 11, 17, .85) 2.5%, rgba(29, 32, 36, .4) 15%, rgba(255, 255, 255, 0) 50%);
    filter: blur(2px);
    background-blend-mode: multiply;
    border-top-right-radius: 20% 90%;
}

.display-frame:hover .refer-details {
    background: none;
}


.refer-inner {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.frame-image {
    height: max-content;
    display: inline-flex;
    position: absolute;
    inset: 0;
    padding-top: 32px;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.refer-conts .swiper-slide {
    backface-visibility: hidden;
}

.ref-details {
    position: relative;
    flex: 1;
    max-height: 400px;
    width: 100%;
}

.refer-conts {
}

.refer-intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: calc(100vh - 100px);
    flex-wrap: nowrap;
    width: 100%;
}

.refer-cont {
    color: black;
}

.refer-href {
    margin: 0;
    font-weight: 500;
}

.refer-href-sm {
    font-size: 18px;
    padding: 0 50px 0 20px;
    min-height: 40px;
}

.refer-href-sm i {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.refer-href:hover {
    background: black;
    color: white;
}

.servint-title span {
    font-weight: 500;
}

.lsection-progress {
    position: absolute;
    left: 50%;
    bottom: 30PX;
    transform: translateX(-50%);
    z-index: 100;
}

.progress-track {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.progress-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgb(255 251 251);
    border: 2px solid #000000;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.progress-dot.active {
    background: #fbaf19;
    transform: scale(1.3);
    border-color: #000000;
}

.progress-dot::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgb(255 255 255 / 15%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.progress-dot.active::after {
    opacity: 1;
}

.mbp-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: 20px;
}

.refer-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 10px;
    border-bottom: 1px solid #00000021;
    z-index: 1;
}

.servh-left {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

span.servicon {
    height: 12px;
    width: 12px;
    border-radius: 100%;
}

.ic-red {
    background: #dd2c1f;
}

.ic-yellow {
    background: #fac72d;
}

.ic-green {
    background: #4CAF50;
}

.position-relative {
    position: relative;
}

.z-index-2 {
    z-index: 2;
}

.abs-top {
    position: absolute;
    top: 15px;
    right: 20px;
}

.swiper-item {
    height: auto !important;
}

.oaj-pointer-all {
    pointer-events: all;
}

.top-slogan {
    position: absolute;
    left: 0;
    right: 0;
}

.meff-slogan {
    font-size: 35px;
    color: white;
}

.meff-title {
    line-height: 1;
    color: white;
    font-weight: 700;
}

.h-100vh {
    height: 100vh;
}

.mh-100vh {
    min-height: 100vh;
}

.oaj-colored {
    color: #fcb018;
}

.bg-theme {
    background: #000000;
}

.lh-1 {
    line-height: 1;
}

.oaj-slide-slogan {
    font-size: 19px;
    color: white;
    font-weight: 300;
}

@media (min-width: 768px) {
    .xl-p-0 {
        padding: 0;
    }
}

.oaj-meff-slider {
    position: relative;
    margin-bottom: 50px;
}

.oaj-meff-slider:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 70px;
    background: white;
    z-index: 3;
    border-radius: 30px;
    left: -33px;
    box-shadow: 1px 1px 19px 1px #00000045;
}

.oaj-services-grid {
    overflow: hidden;
    cursor: grab;
}

.oaj-services-grid:active {
    cursor: grabbing;
}

.meff-progressbar {
    transition: opacity 0.3s ease;
    width: 50%;
    max-width: 400px;
    margin: 5px auto;
    height: 5px;
    background: rgb(255 255 255 / 28%);
    overflow: hidden;
    border-radius: 10px;
}

.meff-progressbar .fill {
    height: 100%;
    width: 0;
    background: rgb(255 255 255);
    transition: width 0.3s ease;
}

.text-center {
    text-align: center;
}

.flex-inner {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    z-index: 2;
}

.refer-introduction {
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    overflow: unset;
    padding: 50px 0;
}

.text-white {
    color: white !important;
}

@media (max-width: 768px) {
    .oaj-logo img {
        height: 35px;
    }

    .oaj-topphone {
        padding: 6px;
    }

    .lsection-item {
        min-height: auto;
        padding: 110px 0;
    }

    .oaj-top-right {
        gap: 8px;
    }

    .servint-title {
        font-size: 2.5em;
        text-align: center !important;
    }

    .refer-lines {
        display: none !important;
    }

    .lsection-progress {
        bottom: 15px;
    }

    .tog-log {
        font-size: 70px;
        margin-top: 15px;
    }

    .toggleing {
        height: 55px;
        width: 110px;
    }

    .togg-circle {
        height: 48px;
        width: 48px;
    }

    .toggle-content {
        width: 100px;
        left: -49px;
    }

    .pusher {
        justify-content: end;
        align-items: center;
    }

    .pusher img {
    }

    .oaj-meff-slider {
        padding: 0 5px;
    }

    .oaj-position-slider {
        transform: scale(0.4);
        opacity: 1;
        right: -25%;
        bottom: 34% !important;
        top: unset;
    }

    .oaj-banner {
        height: unset;
        padding-top: 90px;
    }

    .oaj-banner-content h1 {
        margin: .5em 0 !important;
    }

    .slide-image {
        background-size: 200% !important;
        background-repeat: no-repeat !important;
        background-position-x: 60% !important;
    }

    .oaj-slide-slogan {
        margin-bottom: 3em !important;
    }

    .slog-text, .meff-slogan {
        font-size: 18px;
    }

    .oaj-img-frame {
        min-height: unset !important;
        flex: 0 0 120%;
        transform: none !important;
    }

    .refer-intro {
        height: max-content !important;
        width: 100%;
    }

    .refer-item {
        height: 260px !important;
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .lsection-item {
        display: block;
    }
    .mbp-container {
        perspective: 1150px;
    }

    .mbp-display {
        transform: translate3d(0, -5px, 0) rotateX(-90deg);
    }
    .flex-inner {
        align-items: start;
        height: max-content;
    }
    .refer-area {
        margin-bottom: 20px;
    }

    .mbp-mockup-wrapper {
        margin-top: 10px;
    }

    .refintro-content {
    }

    .meff-content h5 {
        transform: translateY(0) !important;
        font-size: 21px;
        font-weight: 700;
    }

    .oaj-service-card-sm p {
        display: -webkit-box !important;
        transform: none !important;
        font-size: 20px;
    }

    .refer-href {
        margin: 0 auto;
    }

    #mouseeffect-section {
        min-height: max-content !important;
        padding-top: 110px !important;
    }

    .oaj-section-title {
        margin: 0 !important;
    }

    .pl-mobile-0 {
        padding-left: 0 !important;
    }
}

.section-triangle {
    display: block;
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skew(0deg,
    8deg);
    z-index: 0;
    background: #000000 fixed;
}

.section-triangle2 {
    display: block;
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skew(
        0deg, 8deg);
    z-index: 0;
    background: #ffffff;
    background-attachment: fixed;
}

.d-webkit {
    display: -webkit-box !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.iti {
    width: 100%;
    margin-bottom:30px;
}

.fs-15 {
    font-size: 1.25em;
}

.oaj-topphone:hover {
    background: #fcb018;
}

.oaj-menu-btn:hover {
    background: white;
}


label {
    font-size: 17px;
    margin-bottom: 5px;
    display: block;
    font-weight: 400;
    color: black;
}


.oaj-filter-wrapper {
    margin-bottom: 1rem;
}

/* Filter Bar */
.oaj-filter-bar {
    background: black;
    padding: 10px;
    border-radius: 50px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
}

/* Search Form */
.oaj-search-form {
    width: 100%;
}

.oaj-search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50px;
    padding: 5px 10px;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.oaj-search-input-wrapper:focus-within {
    background: rgba(255, 255, 255, 0.15);
    border-color: #fcb018;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

.oaj-search-icon {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.25rem;
    margin-right: 0.75rem;
}

.oaj-search-input {
    flex: 1;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1rem;
    padding: 0.5rem 0;
    outline: none;
    margin: 0;
    height: unset;
}

.oaj-search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.oaj-search-clear {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.oaj-search-clear:hover {
    background: rgba(239, 68, 68, 0.8);
}

.oaj-search-btn {
    border: none;
    color: #000000;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgb(0 0 0 / 6%);
    width: 40px;
    height: 40px;
    padding: 0;
}

.oaj-search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
}

.oaj-filter-actions {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

.oaj-filter-toggle {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    padding: 0 20px;
    border-radius: 50px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    backdrop-filter: blur(10px);
    height: 50px;
}

.oaj-filter-toggle:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
}

.oaj-filter-toggle[aria-expanded="true"] .oaj-toggle-icon {
    transform: rotate(180deg);
}

.oaj-toggle-icon {
    transition: transform 0.3s ease;
}

.oaj-filter-reset {
    background: rgba(239, 68, 68, 0.2);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fca5a5;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    gap: 0.5rem;
    height: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 900;
}

.oaj-filter-reset:hover {
    background: rgba(239, 68, 68, 0.3);
    color: #fff;
}

.oaj-categories-panel {
    background: #f8fafc;
    padding-top: 3rem;
    padding-bottom: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-top: -2rem;
    position: relative;
}

.oaj-categories-panel:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    background: black;
}

.oaj-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

/* Category Item */
.oaj-category-item {
    background: #fff;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.oaj-category-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.oaj-category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    text-decoration: none;
    color: #334155;
    transition: all 0.3s ease;
    position: relative;
}

.oaj-category-link:hover::before,
.oaj-category-link.active::before {
    transform: scaleY(1);
}

.oaj-category-link.active {
    color: #000000;
    background: #fcb018;
}

.oaj-category-content {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.oaj-category-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #fff8eb 0, #fff8ea 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #fcb018;
    flex-shrink: 0;
}

.oaj-category-text {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.oaj-category-name {
    font-weight: 600;
    font-size: 1rem;
}

.oaj-category-count {
    background: black;
    color: #fff;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    min-width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oaj-category-arrow {
    color: #94a3b8;
    font-size: 1.25rem;
    transition: transform 0.3s ease;
}

.oaj-category-item:hover .oaj-category-arrow {
    transform: translateX(4px);
}

.oaj-subcategory-panel {
    background: #f8fafc;
    padding: 1rem;
    border-top: 1px solid #e2e8f0;
}

.oaj-subcategory-link {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: #475569;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    margin-bottom: 0.5rem;
}

.oaj-subcategory-link:hover {
    background: #fff;
    color: #6366f1;
}

.oaj-subcategory-link.active {
    background: #fff;
    color: #6366f1;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.oaj-subcategory-content {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.oaj-subcat-icon {
    color: #94a3b8;
    font-size: 1.125rem;
}

.oaj-subcategory-name {
    flex: 1;
}

.oaj-subcategory-count {
    background: #e0e7ff;
    color: #6366f1;
    padding: 0.25rem 0.5rem;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Subcategories Level 2 */
.oaj-subcategory-level-2 {
    margin-left: 2rem;
    padding-left: 1rem;
    border-left: 2px solid #e2e8f0;
}

.oaj-subcategory-link-2 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    color: #64748b;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
    font-size: 0.9375rem;
    margin-bottom: 0.375rem;
}

.oaj-subcategory-link-2:hover {
    background: rgba(99, 102, 241, 0.05);
    color: #6366f1;
}

.oaj-subcategory-link-2.active {
    background: rgba(99, 102, 241, 0.1);
    color: #6366f1;
    font-weight: 600;
}

.oaj-count-badge {
    background: #cbd5e1;
    color: #475569;
    padding: 0.125rem 0.5rem;
    border-radius: 50px;
    font-size: 0.6875rem;
    font-weight: 600;
    margin-left: auto;
}

.oaj-subcategory-link-2.active .oaj-count-badge {
    background: #6366f1;
    color: #fff;
}

@media (max-width: 991.98px) {
    .oaj-filter-bar {
        border-radius: 30px;
    }

    .oaj-filter-actions {
        justify-content: stretch;
    }

    .oaj-filter-toggle {
        flex: 1;
        justify-content: center;
    }

    .oaj-categories-grid {
        grid-template-columns: 1fr;
    }
}

.refer-conts {
    width: 100% !important;
    height: 100%;
}

.lsection-frame {
    height: 100%;
    width: 100%;
}

.refer-item {
    height: 100%;
    width: 100% !important;
    background: #ffffff;
    box-shadow: 0 -5px 19px 1px #0000000d;
    border-radius: 20px;
}

.lsection-frame.swiper {
    height: 100%;
    width: 100%;
}

.lsection-frame .swiper-wrapper {
    height: 100%;
}

.lsection-frame .swiper-slide {
    height: 100%;
}

.laptop-navigation {
    position: absolute;
    bottom: calc(50% - 50px);
    left: 30px;
    gap: 10px;
    z-index: 10;
    flex-direction: column;
}

.laptop-nav-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.laptop-nav-btn:hover {
    background: #fcb018;
    transform: scale(1.1);
}

.laptop-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.laptop-nav-btn i {
    font-size: 24px;
    color: #000;
}

.oaj-section-title {
    margin-top: 100px;
}

.meff-slogan span.oaj-colored {
}

.refintro-content {
    line-height: 1.2;
    font-size: 1.3em;
    height: 100%;
}
.refintro-content b {
    font-weight: 600;
}
.refer-logo {
    max-width: 130px;
    border: 1px solid gainsboro;
    border-radius: 10px;
    padding: 2px;
    background: #0000000f;
    height: max-content;
}

.refer-logo img {
    width: 100%;
    border-radius: 7px;
}

.refer-logo picture {
    display: flex;
}
.refer-meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.refer-meta .refer-href {
    width: 100%;
}
.refitem-inner {
    flex: 1;
}

.reference-desc {
    font-size: 20px;
    color: black;
}

.d-buttons {
    gap: 20px;
}
@media (max-width: 768px) {
    .hero-slogan {
        font-size:50px !important;
    }
    .mb-mb-0 {
        margin-bottom: 0 !important;
    }
    .mob-rev {height: 100%;gap: 10px;}

    .mob-rev .reference-desc {display: -webkit-box;font-size: 15px;line-height: normal;margin: 0 !important;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}

    .refitem-content {
        flex: 0;
    }

    .refer-logo {
        max-width: 55px;
    }

    .refer-meta .refer-href {
        display: none;
    }

    .reference-title {margin-bottom: 0.25rem !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

    .refitem-inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        text-align: left;
    }

    .refer-item {
        padding: 20px !important;
    }
    .laptop-navigation {
        bottom: 80px;
        right: 15px;
    }

    .laptop-nav-btn {
        width: 40px;
        height: 40px;
    }

    .laptop-nav-btn i {
        font-size: 20px;
    }
    span.servicon {
        width: 5px;
        height: 5px;
    }

    .refer-header {
        padding: 2px 10px;
    }

    .servh-right {
        font-size: 10px;
        line-height: 1;
    }

    .frame-image {
        padding-top: 15px;
        transform: translate(0px, -65%);
    }
    .d-buttons {
        flex-direction: column;
        width: max-content;
        gap: 20px;
    }

    .oajform-dynamic-content .container {
        padding:0;
    }
}

.pulseAnim {
    transition: all .4s;
    animation: scaleEff 1.5s infinite;
}

@keyframes scaleEff {
    0% {
        transform:none;
    }
    50% {
        transform: scale(1.03);
    }
    100% {
        transform:none;
    }
}
@keyframes pulseMe {
    0% {
        top: -15px;
    }
    30% {
        top: -25px;
    }
    100% {
        top: -15px;
    }
}


.intro-text {
    margin: 5em 0;
}

@keyframes beamPulse {
    0%, 100% {
        opacity: 0.7;
        filter: blur(80px);
    }
    50% {
        opacity: 1;
        filter: blur(100px);
    }
}

.light-bleam {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: radial-gradient(ellipse 800px 600px at var(--mouse-x, 100%) var(--mouse-y, 0%), rgb(255 255 255 / 11%) 0%, rgb(255 255 255 / 6%) 40%, #ffffff14 70%);
    transition: background 0.3s ease;
    animation: beamPulse 4s ease-in-out infinite;
}

.img-up {
    margin-top: -50px;
    position: relative;
    z-index: 1;
}

.refer-introduction .shape-bg {
    opacity: .1;
}
.bevel-down {
    position: absolute;
    width: 100%;
    height: 100px;
    background: #ffffff;
    bottom: 0;
    clip-path: polygon(20% 100%, 100% 60%, 100% 100%, 0 100%, 0 60%);
    margin-bottom: -1px;
}

.bevel-up {
    position: absolute;
    width: 100%;
    height: 100px;
    background: #ffffff;
    top: 0;
    clip-path: polygon(20% 100%, 100% 70%, 100% 100%, 0 100%, 0 80%);
    margin-bottom: -1px;
    transform: rotate(180deg);
}
.cta-title * {
    font-weight: 900;
}

.oajform-hero-section {
    position: relative;
}

.oajform-trust-badge {
    padding: 20px;
    background: rgb(255 255 255 / 10%);
    border: 1px solid rgba(252, 176, 24, 0.1);
    border-radius: 10px;
    transition: all 0.3s ease;
    line-height: 1.3;
}

.oajform-trust-badge:hover {
    background: rgba(252, 176, 24, 0.1);
    border-color: rgba(252, 176, 24, 0.3);
    transform: translateY(-5px);
}

.oajform-service-tag {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(252, 176, 24, 0.1);
    border: 1px solid rgba(252, 176, 24, 0.2);
    border-radius: 20px;
    color: #fcb018;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.oajform-service-tag:hover {
    background: rgba(252, 176, 24, 0.2);
    border-color: #fcb018;
    transform: translateY(-2px);
    color: #fcb018;
}

.oajform-faq-item {
    background: rgba(252, 176, 24, 0.05);
    border: 1px solid rgba(252, 176, 24, 0.1);
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
}

.oajform-faq-item summary {
    list-style: none;
    font-weight: 600;
    cursor: pointer;
}

.oajform-faq-item summary::-webkit-details-marker {
    display: none;
}

.oajform-faq-answer {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(252, 176, 24, 0.1);
}

#get-quote-form mark {
    padding: 2px 6px;
    border-radius: 3px;
    background: #fdad13;
}

.h-100 {
    height:100%;
}

.oaj-form-area {
    background: #ffffff;
    border-radius: 20px;
}

.alert {
    padding: 10px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 10px;
    border: 1px solid #0000000d;
    margin-bottom:20px;
}

.alert-success {
    background: #dcffdef2;
    color: #427445;
}

.alert-danger {
    background: #ffdcdcf2;
    color: #7e0d05;
}
.oajform-trust-badge small:first-child {
    font-size: .75em;
    font-weight: 800;
}

.ob-sun {
    background: linear-gradient(190.53deg, rgb(250, 93, 0), rgba(246, 192, 30, 0.98));
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 2px;
    position: relative;
    border-radius: 100%;
    animation: pulseMe 3s infinite;
}

.oajblog-title b {
    font-weight: 900;
}
.hero-slogan {
    font-weight: 300;
    font-size: 90px;
    line-height: 1.1;
}

.hero-slogan b {
    font-weight: 700;
}

.oaj-hidden-elements {
    display:none;
}
.cursorme {
    background: #ffffff;
    opacity: 1;
}
.cta-text {
    font-weight: 300;
}

.bg-white {
    background: white;
}

.oaj-services-grid .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.oaj-meff-card {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.oaj-faq-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(252, 176, 24, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fcb018;
    font-size: 24px;
    flex-shrink: 0;
    transition: all 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.oaj-accordion-menu>.oaj-flex {
    gap: 20px;
}