/*! * Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 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-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",Arial,"Noto Sans","Liberation Sans",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 } *, ::after, ::before { box-sizing: border-box } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width: 1200px) { .h2, h2 { font-size: 2rem } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-bs-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } .small, small { font-size: .875em } .mark, mark { padding: .2em; background-color: #fcf8e3 } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #d63384; word-wrap: break-word } a > code { color: inherit } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 1em; font-weight: 700 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } @media (min-width: 1200px) { legend { font-size: 1.5rem } } legend + * { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::-webkit-file-upload-button { font: inherit } ::file-selector-button { font: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none !important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem } } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote > :last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6c757d } .blockquote-footer::before { content: "— " } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #6c757d } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container, .container-sm { max-width: 540px } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .row-cols-auto > * { flex: 0 0 auto; width: auto } .row-cols-1 > * { flex: 0 0 auto; width: 100% } .row-cols-2 > * { flex: 0 0 auto; width: 50% } .row-cols-3 > * { flex: 0 0 auto; width: 33.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 } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6 } .table > :not(caption) > * > * { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } .table > tbody { vertical-align: inherit } .table > thead { vertical-align: bottom } .table > :not(:first-child) { border-top: 2px solid currentColor } .caption-top { caption-side: top } .table-sm > :not(caption) > * > * { padding: .25rem .25rem } .table-bordered > :not(caption) > * { border-width: 1px 0 } .table-bordered > :not(caption) > * > * { border-width: 0 1px } .table-borderless > :not(caption) > * > * { border-bottom-width: 0 } .table-borderless > :not(:first-child) { border-top-width: 0 } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color) } .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color) } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6 } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7 } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3 } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9 } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4 } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1 } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-control::-webkit-date-and-time-value { height: 1.5em } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } .form-control::file-selector-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { min-height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } textarea.form-control { min-height: calc(1.5em + .75rem + 2px) } textarea.form-control-sm { min-height: calc(1.5em + .5rem + 2px) } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px) } .form-control-color { width: 3rem; height: auto; padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: .25rem } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: .25rem } .form-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-select { transition: none } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { background-color: #e9ecef } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529 } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem; border-radius: .2rem } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: .3rem } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .btn-check:disabled + .btn, .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: .65 } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe } .form-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd } .form-floating { position: relative } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25 } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-floating > label { transition: none } } .form-floating > .form-control { padding: 1rem .75rem } .form-floating > .form-control::-moz-placeholder { color: transparent } .form-floating > .form-control::placeholder { color: transparent } .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control:-webkit-autofill ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 3 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #198754 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(25,135,84,.9); border-radius: .25rem } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block } .form-control.is-valid, .was-validated .form-control:valid { border-color: #198754; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-valid, .was-validated .form-select:valid { border-color: #198754 } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: #198754 } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #198754 } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #198754 } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em } .input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index: 1 } .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { z-index: 3 } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: #dc3545 } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: #dc3545 } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: #dc3545 } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545 } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em } .input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index: 2 } .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { z-index: 3 } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65 } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be } .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64 } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e } .btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-success { color: #fff; background-color: #198754; border-color: #198754 } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43 } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f } .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754 } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2 } .btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2 } .btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720 } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720 } .btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37 } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834 } .btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-dark { color: #fff; background-color: #212529; border-color: #212529 } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21 } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f } .btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0d6efd; background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: #198754; border-color: #198754 } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #198754; background-color: transparent } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0 } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #212529; border-color: #212529 } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link.disabled, .btn-link:disabled { color: #6c757d } .btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing.collapse-horizontal { transition: none } } .dropdown, .dropend, .dropstart, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropstart .dropdown-toggle::after { display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0,0,0,.15) } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529 } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item { color: #dee2e6 } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255,255,255,.15) } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6 } .dropdown-menu-dark .dropdown-header { color: #adb5bd } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto } .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropstart .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100% } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .nav-link { transition: none } } .nav-link:focus, .nav-link:hover { color: #0a58ca } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { background: 0 0; border: 0; border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0d6efd } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100% } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static } .navbar-text { padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; transition: box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100% } .navbar-nav-scroll { max-height: var(--bs-scroll-height,75vh); overflow-y: auto } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .offcanvas-header { display: none } .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-sm .offcanvas-bottom, .navbar-expand-sm .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .offcanvas-header { display: none } .navbar-expand-md .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-md .offcanvas-bottom, .navbar-expand-md .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .offcanvas-header { display: none } .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-lg .offcanvas-bottom, .navbar-expand-lg .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .offcanvas-header { display: none } .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-xl .offcanvas-bottom, .navbar-expand-xl .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .offcanvas-header { display: none } .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-xxl .offcanvas-bottom, .navbar-expand-xxl .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .offcanvas-header { display: none } .navbar-expand .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand .offcanvas-bottom, .navbar-expand .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } .navbar-light .navbar-brand { color: rgba(0,0,0,.9) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.55) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.55); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0,0,0,.55) } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.55) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.55) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem } .card > hr { margin-right: 0; margin-left: 0 } .card > .list-group { border-top: inherit; border-bottom: inherit } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: 1rem 1rem } .card-title { margin-bottom: .5rem } .card-subtitle { margin-top: -.25rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link + .card-link { margin-left: 1rem } .card-header { padding: .5rem 1rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-footer { padding: .5rem 1rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.5rem; margin-bottom: -.5rem; margin-left: -.5rem; border-bottom: 0 } .card-header-pills { margin-right: -.5rem; margin-left: -.5rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-group > .card { margin-bottom: .75rem } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap } .card-group > .card { flex: 1 0 0%; margin-bottom: 0 } .card-group > .card + .card { margin-left: 0; border-left: 0 } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg) } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out } @media (prefers-reduced-motion:reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .accordion-header { margin-bottom: 0 } .accordion-item { background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .accordion-item:first-of-type { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-body { padding: 1rem 1.25rem } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0 } .accordion-flush .accordion-item:first-child { border-top: 0 } .accordion-flush .accordion-item:last-child { border-bottom: 0 } .accordion-flush .accordion-item .accordion-button { border-radius: 0 } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") } .breadcrumb-item.active { color: #6c757d } .pagination { display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .page-item:not(:first-child) .page-link { margin-left: -1px } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6 } .page-link { padding: .375rem .75rem } .page-item:first-child .page-link { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe } .alert-primary .alert-link { color: #06357a } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8 } .alert-secondary .alert-link { color: #34383c } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc } .alert-success .alert-link { color: #0c4128 } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb } .alert-info .alert-link { color: #04414d } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5 } .alert-warning .alert-link { color: #523e02 } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7 } .alert-danger .alert-link { color: #6a1a21 } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe } .alert-light .alert-link { color: #4f5050 } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf } .alert-dark .alert-link { color: #101214 } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-numbered { list-style-type: none; counter-reset: section } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .list-group-item + .list-group-item { border-top-width: 0 } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal > .list-group-item.active { margin-top: 0 } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md > .list-group-item.active { margin-top: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush > .list-group-item { border-width: 0 0 1px } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #084298; background-color: #cfe2ff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #084298; background-color: #bacbe6 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298 } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5 } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #41464b; background-color: #cbccce } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b } .list-group-item-success { color: #0f5132; background-color: #d1e7dd } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #0f5132; background-color: #bcd0c7 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #055160; background-color: #badce3 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160 } .list-group-item-warning { color: #664d03; background-color: #fff3cd } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #664d03; background-color: #e6dbb9 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03 } .list-group-item-danger { color: #842029; background-color: #f8d7da } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #842029; background-color: #dfc2c4 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029 } .list-group-item-light { color: #636464; background-color: #fefefe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #636464; background-color: #e5e5e5 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464 } .list-group-item-dark { color: #141619; background-color: #d3d3d4 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #141619; background-color: #bebebf } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619 } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5 } .btn-close:hover { color: #000; text-decoration: none; opacity: .75 } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); opacity: 1 } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25 } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%) } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: .25rem } .toast.showing { opacity: 0 } .toast:not(.show) { display: none } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none } .toast-container > :not(:last-child) { margin-bottom: .75rem } .toast-header { display: flex; align-items: center; padding: .5rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-header .btn-close { margin-right: -.375rem; margin-left: .75rem } .toast-body { padding: .75rem; word-wrap: break-word } .modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0,-50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer > * { margin: .25rem } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { height: calc(100% - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-footer { border-radius: 0 } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } .modal-fullscreen-md-down .modal-footer { border-radius: 0 } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: .5rem } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f0f0f0 } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0,0,0,.2); border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: 1rem 1rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%) } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) } } @keyframes spinner-border { to { transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s } } .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } @media (prefers-reduced-motion:reduce) { .offcanvas { transition: none } } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .offcanvas-backdrop.fade { opacity: 0 } .offcanvas-backdrop.show { opacity: .5 } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem } .offcanvas-header .btn-close { padding: .5rem .5rem; margin-top: -.5rem; margin-right: -.5rem; margin-bottom: -.5rem } .offcanvas-title { margin-bottom: 0; line-height: 1.5 } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0,0,0,.2); transform: translateX(-100%) } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0,0,0,.2); transform: translateX(100%) } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0,0,0,.2); transform: translateY(-100%) } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0,0,0,.2); transform: translateY(100%) } .offcanvas.show { transform: none } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: .5 } .placeholder.btn::before { display: inline-block; content: "" } .placeholder-xs { min-height: .6em } .placeholder-sm { min-height: .8em } .placeholder-lg { min-height: 1.2em } .placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite } @-webkit-keyframes placeholder-glow { 50% { opacity: .2 } } @keyframes placeholder-glow { 50% { opacity: .2 } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%); mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite } @-webkit-keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } .clearfix::after { display: block; clear: both; content: "" } .link-primary { color: #0d6efd } .link-primary:focus, .link-primary:hover { color: #0a58ca } .link-secondary { color: #6c757d } .link-secondary:focus, .link-secondary:hover { color: #565e64 } .link-success { color: #198754 } .link-success:focus, .link-success:hover { color: #146c43 } .link-info { color: #0dcaf0 } .link-info:focus, .link-info:hover { color: #3dd5f3 } .link-warning { color: #ffc107 } .link-warning:focus, .link-warning:hover { color: #ffcd39 } .link-danger { color: #dc3545 } .link-danger:focus, .link-danger:hover { color: #b02a37 } .link-light { color: #f8f9fa } .link-light:focus, .link-light:hover { color: #f9fafb } .link-dark { color: #212529 } .link-dark:focus, .link-dark:hover { color: #1a1e21 } .ratio { position: relative; width: 100% } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: 75% } .ratio-16x9 { --bs-aspect-ratio: 56.25% } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571% } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: .25 } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .float-start { float: left !important } .float-end { float: right !important } .float-none { float: none !important } .opacity-0 { opacity: 0 !important } .opacity-25 { opacity: .25 !important } .opacity-50 { opacity: .5 !important } .opacity-75 { opacity: .75 !important } .opacity-100 { opacity: 1 !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: scroll !important } .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 } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important } .shadow-none { box-shadow: none !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .bottom-0 { bottom: 0 !important } .bottom-50 { bottom: 50% !important } .bottom-100 { bottom: 100% !important } .start-0 { left: 0 !important } .start-50 { left: 50% !important } .start-100 { left: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .translate-middle { transform: translate(-50%,-50%) !important } .translate-middle-x { transform: translateX(-50%) !important } .translate-middle-y { transform: translateY(-50%) !important } .border { border: 1px solid #dee2e6 !important } .border-0 { border: 0 !important } .border-top { border-top: 1px solid #dee2e6 !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: 1px solid #dee2e6 !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: 1px solid #dee2e6 !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: 1px solid #dee2e6 !important } .border-start-0 { border-left: 0 !important } .border-primary { border-color: #0d6efd !important } .border-secondary { border-color: #6c757d !important } .border-success { border-color: #198754 !important } .border-info { border-color: #0dcaf0 !important } .border-warning { border-color: #ffc107 !important } .border-danger { border-color: #dc3545 !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #212529 !important } .border-white { border-color: #fff !important } .border-1 { border-width: 1px !important } .border-2 { border-width: 2px !important } .border-3 { border-width: 3px !important } .border-4 { border-width: 4px !important } .border-5 { border-width: 5px !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .mw-100 { max-width: 100% !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mh-100 { max-height: 100% !important } .vh-100 { height: 100vh !important } .min-vh-100 { min-height: 100vh !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 } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !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: .25rem !important } .m-2 { margin: .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: .25rem !important; margin-left: .25rem !important } .mx-2 { margin-right: .5rem !important; margin-left: .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: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .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: .25rem !important } .mt-2 { margin-top: .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: .25rem !important } .me-2 { margin-right: .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: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .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: .25rem !important } .p-2 { padding: .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: .25rem !important; padding-left: .25rem !important } .px-2 { padding-right: .5rem !important; padding-left: .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: .25rem !important; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important; padding-bottom: .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: .25rem !important } .pt-2 { padding-top: .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: .25rem !important } .pe-2 { padding-right: .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: .25rem !important } .pb-2 { padding-bottom: .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: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .font-monospace { font-family: var(--bs-font-monospace) !important } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important } .fs-2 { font-size: calc(1.325rem + .9vw) !important } .fs-3 { font-size: calc(1.3rem + .6vw) !important } .fs-4 { font-size: calc(1.275rem + .3vw) !important } .fs-5 { font-size: 1.25rem !important } .fs-6 { font-size: 1rem !important } .fst-italic { font-style: italic !important } .fst-normal { font-style: normal !important } .fw-light { font-weight: 300 !important } .fw-lighter { font-weight: lighter !important } .fw-normal { font-weight: 400 !important } .fw-bold { font-weight: 700 !important } .fw-bolder { font-weight: bolder !important } .lh-1 { line-height: 1 !important } .lh-sm { line-height: 1.25 !important } .lh-base { line-height: 1.5 !important } .lh-lg { line-height: 2 !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-line-through { text-decoration: line-through !important } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important } .text-muted { --bs-text-opacity: 1; color: #6c757d !important } .text-black-50 { --bs-text-opacity: 1; color: rgba(0,0,0,.5) !important } .text-white-50 { --bs-text-opacity: 1; color: rgba(255,255,255,.5) !important } .text-reset { --bs-text-opacity: 1; color: inherit !important } .text-opacity-25 { --bs-text-opacity: 0.25 } .text-opacity-50 { --bs-text-opacity: 0.5 } .text-opacity-75 { --bs-text-opacity: 0.75 } .text-opacity-100 { --bs-text-opacity: 1 } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important } .bg-opacity-10 { --bs-bg-opacity: 0.1 } .bg-opacity-25 { --bs-bg-opacity: 0.25 } .bg-opacity-50 { --bs-bg-opacity: 0.5 } .bg-opacity-75 { --bs-bg-opacity: 0.75 } .bg-opacity-100 { --bs-bg-opacity: 1 } .bg-gradient { background-image: var(--bs-gradient) !important } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .pe-none { pointer-events: none !important } .pe-auto { pointer-events: auto !important } .rounded { border-radius: .25rem !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: .2rem !important } .rounded-2 { border-radius: .25rem !important } .rounded-3 { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important } .rounded-end { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-start { border-bottom-left-radius: .25rem !important; border-top-left-radius: .25rem !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media (min-width: 576px) { .float-sm-start { float: left !important } .float-sm-end { float: right !important } .float-sm-none { float: none !important } .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 } .gap-sm-0 { gap: 0 !important } .gap-sm-1 { gap: .25rem !important } .gap-sm-2 { gap: .5rem !important } .gap-sm-3 { gap: 1rem !important } .gap-sm-4 { gap: 1.5rem !important } .gap-sm-5 { gap: 3rem !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: .25rem !important } .m-sm-2 { margin: .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: .25rem !important; margin-left: .25rem !important } .mx-sm-2 { margin-right: .5rem !important; margin-left: .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: .25rem !important; margin-bottom: .25rem !important } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .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: .25rem !important } .mt-sm-2 { margin-top: .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: .25rem !important } .me-sm-2 { margin-right: .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: .25rem !important } .mb-sm-2 { margin-bottom: .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: .25rem !important } .ms-sm-2 { margin-left: .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: .25rem !important } .p-sm-2 { padding: .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: .25rem !important; padding-left: .25rem !important } .px-sm-2 { padding-right: .5rem !important; padding-left: .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: .25rem !important; padding-bottom: .25rem !important } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .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: .25rem !important } .pt-sm-2 { padding-top: .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: .25rem !important } .pe-sm-2 { padding-right: .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: .25rem !important } .pb-sm-2 { padding-bottom: .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: .25rem !important } .ps-sm-2 { padding-left: .5rem !important } .ps-sm-3 { padding-left: 1rem !important } .ps-sm-4 { padding-left: 1.5rem !important } .ps-sm-5 { padding-left: 3rem !important } .text-sm-start { text-align: left !important } .text-sm-end { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width: 768px) { .float-md-start { float: left !important } .float-md-end { float: right !important } .float-md-none { float: none !important } .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 } .gap-md-0 { gap: 0 !important } .gap-md-1 { gap: .25rem !important } .gap-md-2 { gap: .5rem !important } .gap-md-3 { gap: 1rem !important } .gap-md-4 { gap: 1.5rem !important } .gap-md-5 { gap: 3rem !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: .25rem !important } .m-md-2 { margin: .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: .25rem !important; margin-left: .25rem !important } .mx-md-2 { margin-right: .5rem !important; margin-left: .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: .25rem !important; margin-bottom: .25rem !important } .my-md-2 { margin-top: .5rem !important; margin-bottom: .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: .25rem !important } .mt-md-2 { margin-top: .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: .25rem !important } .me-md-2 { margin-right: .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: .25rem !important } .mb-md-2 { margin-bottom: .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: .25rem !important } .ms-md-2 { margin-left: .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: .25rem !important } .p-md-2 { padding: .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: .25rem !important; padding-left: .25rem !important } .px-md-2 { padding-right: .5rem !important; padding-left: .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: .25rem !important; padding-bottom: .25rem !important } .py-md-2 { padding-top: .5rem !important; padding-bottom: .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: .25rem !important } .pt-md-2 { padding-top: .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: .25rem !important } .pe-md-2 { padding-right: .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: .25rem !important } .pb-md-2 { padding-bottom: .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: .25rem !important } .ps-md-2 { padding-left: .5rem !important } .ps-md-3 { padding-left: 1rem !important } .ps-md-4 { padding-left: 1.5rem !important } .ps-md-5 { padding-left: 3rem !important } .text-md-start { text-align: left !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .float-lg-start { float: left !important } .float-lg-end { float: right !important } .float-lg-none { float: none !important } .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 } .gap-lg-0 { gap: 0 !important } .gap-lg-1 { gap: .25rem !important } .gap-lg-2 { gap: .5rem !important } .gap-lg-3 { gap: 1rem !important } .gap-lg-4 { gap: 1.5rem !important } .gap-lg-5 { gap: 3rem !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: .25rem !important } .m-lg-2 { margin: .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: .25rem !important; margin-left: .25rem !important } .mx-lg-2 { margin-right: .5rem !important; margin-left: .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: .25rem !important; margin-bottom: .25rem !important } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .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: .25rem !important } .mt-lg-2 { margin-top: .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: .25rem !important } .me-lg-2 { margin-right: .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: .25rem !important } .mb-lg-2 { margin-bottom: .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: .25rem !important } .ms-lg-2 { margin-left: .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: .25rem !important } .p-lg-2 { padding: .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: .25rem !important; padding-left: .25rem !important } .px-lg-2 { padding-right: .5rem !important; padding-left: .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: .25rem !important; padding-bottom: .25rem !important } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .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: .25rem !important } .pt-lg-2 { padding-top: .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: .25rem !important } .pe-lg-2 { padding-right: .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: .25rem !important } .pb-lg-2 { padding-bottom: .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: .25rem !important } .ps-lg-2 { padding-left: .5rem !important } .ps-lg-3 { padding-left: 1rem !important } .ps-lg-4 { padding-left: 1.5rem !important } .ps-lg-5 { padding-left: 3rem !important } .text-lg-start { text-align: left !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width: 1200px) { .float-xl-start { float: left !important } .float-xl-end { float: right !important } .float-xl-none { float: none !important } .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 } .gap-xl-0 { gap: 0 !important } .gap-xl-1 { gap: .25rem !important } .gap-xl-2 { gap: .5rem !important } .gap-xl-3 { gap: 1rem !important } .gap-xl-4 { gap: 1.5rem !important } .gap-xl-5 { gap: 3rem !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: .25rem !important } .m-xl-2 { margin: .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: .25rem !important; margin-left: .25rem !important } .mx-xl-2 { margin-right: .5rem !important; margin-left: .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: .25rem !important; margin-bottom: .25rem !important } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .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: .25rem !important } .mt-xl-2 { margin-top: .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: .25rem !important } .me-xl-2 { margin-right: .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: .25rem !important } .mb-xl-2 { margin-bottom: .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: .25rem !important } .ms-xl-2 { margin-left: .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: .25rem !important } .p-xl-2 { padding: .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: .25rem !important; padding-left: .25rem !important } .px-xl-2 { padding-right: .5rem !important; padding-left: .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: .25rem !important; padding-bottom: .25rem !important } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .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: .25rem !important } .pt-xl-2 { padding-top: .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: .25rem !important } .pe-xl-2 { padding-right: .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: .25rem !important } .pb-xl-2 { padding-bottom: .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: .25rem !important } .ps-xl-2 { padding-left: .5rem !important } .ps-xl-3 { padding-left: 1rem !important } .ps-xl-4 { padding-left: 1.5rem !important } .ps-xl-5 { padding-left: 3rem !important } .text-xl-start { text-align: left !important } .text-xl-end { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width: 1400px) { .float-xxl-start { float: left !important } .float-xxl-end { float: right !important } .float-xxl-none { float: none !important } .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 } .gap-xxl-0 { gap: 0 !important } .gap-xxl-1 { gap: .25rem !important } .gap-xxl-2 { gap: .5rem !important } .gap-xxl-3 { gap: 1rem !important } .gap-xxl-4 { gap: 1.5rem !important } .gap-xxl-5 { gap: 3rem !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: .25rem !important } .m-xxl-2 { margin: .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: .25rem !important; margin-left: .25rem !important } .mx-xxl-2 { margin-right: .5rem !important; margin-left: .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: .25rem !important; margin-bottom: .25rem !important } .my-xxl-2 { margin-top: .5rem !important; margin-bottom: .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: .25rem !important } .mt-xxl-2 { margin-top: .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: .25rem !important } .me-xxl-2 { margin-right: .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: .25rem !important } .mb-xxl-2 { margin-bottom: .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: .25rem !important } .ms-xxl-2 { margin-left: .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: .25rem !important } .p-xxl-2 { padding: .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: .25rem !important; padding-left: .25rem !important } .px-xxl-2 { padding-right: .5rem !important; padding-left: .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: .25rem !important; padding-bottom: .25rem !important } .py-xxl-2 { padding-top: .5rem !important; padding-bottom: .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: .25rem !important } .pt-xxl-2 { padding-top: .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: .25rem !important } .pe-xxl-2 { padding-right: .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: .25rem !important } .pb-xxl-2 { padding-bottom: .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: .25rem !important } .ps-xxl-2 { padding-left: .5rem !important } .ps-xxl-3 { padding-left: 1rem !important } .ps-xxl-4 { padding-left: 1.5rem !important } .ps-xxl-5 { padding-left: 3rem !important } .text-xxl-start { text-align: left !important } .text-xxl-end { text-align: right !important } .text-xxl-center { text-align: center !important } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important } .fs-2 { font-size: 2rem !important } .fs-3 { font-size: 1.75rem !important } .fs-4 { font-size: 1.5rem !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 } } /*! * Font Awesome Pro 5.15.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em } .fa-xs { font-size: .75em } .fa-sm { font-size: .875em } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .fa-ul > li { position: relative } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite } .fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); transform: scaleX(-1) } .fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1) } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-500px:before { content: "\f26e" } .fa-abacus:before { content: "\f640" } .fa-accessible-icon:before { content: "\f368" } .fa-accusoft:before { content: "\f369" } .fa-acorn:before { content: "\f6ae" } .fa-acquisitions-incorporated:before { content: "\f6af" } .fa-ad:before { content: "\f641" } .fa-address-book:before { content: "\f2b9" } .fa-address-card:before { content: "\f2bb" } .fa-adjust:before { content: "\f042" } .fa-adn:before { content: "\f170" } .fa-adversal:before { content: "\f36a" } .fa-affiliatetheme:before { content: "\f36b" } .fa-air-conditioner:before { content: "\f8f4" } .fa-air-freshener:before { content: "\f5d0" } .fa-airbnb:before { content: "\f834" } .fa-alarm-clock:before { content: "\f34e" } .fa-alarm-exclamation:before { content: "\f843" } .fa-alarm-plus:before { content: "\f844" } .fa-alarm-snooze:before { content: "\f845" } .fa-album:before { content: "\f89f" } .fa-album-collection:before { content: "\f8a0" } .fa-algolia:before { content: "\f36c" } .fa-alicorn:before { content: "\f6b0" } .fa-alien:before { content: "\f8f5" } .fa-alien-monster:before { content: "\f8f6" } .fa-align-center:before { content: "\f037" } .fa-align-justify:before { content: "\f039" } .fa-align-left:before { content: "\f036" } .fa-align-right:before { content: "\f038" } .fa-align-slash:before { content: "\f846" } .fa-alipay:before { content: "\f642" } .fa-allergies:before { content: "\f461" } .fa-amazon:before { content: "\f270" } .fa-amazon-pay:before { content: "\f42c" } .fa-ambulance:before { content: "\f0f9" } .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-amilia:before { content: "\f36d" } .fa-amp-guitar:before { content: "\f8a1" } .fa-analytics:before { content: "\f643" } .fa-anchor:before { content: "\f13d" } .fa-android:before { content: "\f17b" } .fa-angel:before { content: "\f779" } .fa-angellist:before { content: "\f209" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-down:before { content: "\f107" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angry:before { content: "\f556" } .fa-angrycreative:before { content: "\f36e" } .fa-angular:before { content: "\f420" } .fa-ankh:before { content: "\f644" } .fa-app-store:before { content: "\f36f" } .fa-app-store-ios:before { content: "\f370" } .fa-apper:before { content: "\f371" } .fa-apple:before { content: "\f179" } .fa-apple-alt:before { content: "\f5d1" } .fa-apple-crate:before { content: "\f6b1" } .fa-apple-pay:before { content: "\f415" } .fa-archive:before { content: "\f187" } .fa-archway:before { content: "\f557" } .fa-arrow-alt-circle-down:before { content: "\f358" } .fa-arrow-alt-circle-left:before { content: "\f359" } .fa-arrow-alt-circle-right:before { content: "\f35a" } .fa-arrow-alt-circle-up:before { content: "\f35b" } .fa-arrow-alt-down:before { content: "\f354" } .fa-arrow-alt-from-bottom:before { content: "\f346" } .fa-arrow-alt-from-left:before { content: "\f347" } .fa-arrow-alt-from-right:before { content: "\f348" } .fa-arrow-alt-from-top:before { content: "\f349" } .fa-arrow-alt-left:before { content: "\f355" } .fa-arrow-alt-right:before { content: "\f356" } .fa-arrow-alt-square-down:before { content: "\f350" } .fa-arrow-alt-square-left:before { content: "\f351" } .fa-arrow-alt-square-right:before { content: "\f352" } .fa-arrow-alt-square-up:before { content: "\f353" } .fa-arrow-alt-to-bottom:before { content: "\f34a" } .fa-arrow-alt-to-left:before { content: "\f34b" } .fa-arrow-alt-to-right:before { content: "\f34c" } .fa-arrow-alt-to-top:before { content: "\f34d" } .fa-arrow-alt-up:before { content: "\f357" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-down:before { content: "\f063" } .fa-arrow-from-bottom:before { content: "\f342" } .fa-arrow-from-left:before { content: "\f343" } .fa-arrow-from-right:before { content: "\f344" } .fa-arrow-from-top:before { content: "\f345" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-square-down:before { content: "\f339" } .fa-arrow-square-left:before { content: "\f33a" } .fa-arrow-square-right:before { content: "\f33b" } .fa-arrow-square-up:before { content: "\f33c" } .fa-arrow-to-bottom:before { content: "\f33d" } .fa-arrow-to-left:before { content: "\f33e" } .fa-arrow-to-right:before { content: "\f340" } .fa-arrow-to-top:before { content: "\f341" } .fa-arrow-up:before { content: "\f062" } .fa-arrows:before { content: "\f047" } .fa-arrows-alt:before { content: "\f0b2" } .fa-arrows-alt-h:before { content: "\f337" } .fa-arrows-alt-v:before { content: "\f338" } .fa-arrows-h:before { content: "\f07e" } .fa-arrows-v:before { content: "\f07d" } .fa-artstation:before { content: "\f77a" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asterisk:before { content: "\f069" } .fa-asymmetrik:before { content: "\f372" } .fa-at:before { content: "\f1fa" } .fa-atlas:before { content: "\f558" } .fa-atlassian:before { content: "\f77b" } .fa-atom:before { content: "\f5d2" } .fa-atom-alt:before { content: "\f5d3" } .fa-audible:before { content: "\f373" } .fa-audio-description:before { content: "\f29e" } .fa-autoprefixer:before { content: "\f41c" } .fa-avianex:before { content: "\f374" } .fa-aviato:before { content: "\f421" } .fa-award:before { content: "\f559" } .fa-aws:before { content: "\f375" } .fa-axe:before { content: "\f6b2" } .fa-axe-battle:before { content: "\f6b3" } .fa-baby:before { content: "\f77c" } .fa-baby-carriage:before { content: "\f77d" } .fa-backpack:before { content: "\f5d4" } .fa-backspace:before { content: "\f55a" } .fa-backward:before { content: "\f04a" } .fa-bacon:before { content: "\f7e5" } .fa-bacteria:before { content: "\e059" } .fa-bacterium:before { content: "\e05a" } .fa-badge:before { content: "\f335" } .fa-badge-check:before { content: "\f336" } .fa-badge-dollar:before { content: "\f645" } .fa-badge-percent:before { content: "\f646" } .fa-badge-sheriff:before { content: "\f8a2" } .fa-badger-honey:before { content: "\f6b4" } .fa-bags-shopping:before { content: "\f847" } .fa-bahai:before { content: "\f666" } .fa-balance-scale:before { content: "\f24e" } .fa-balance-scale-left:before { content: "\f515" } .fa-balance-scale-right:before { content: "\f516" } .fa-ball-pile:before { content: "\f77e" } .fa-ballot:before { content: "\f732" } .fa-ballot-check:before { content: "\f733" } .fa-ban:before { content: "\f05e" } .fa-band-aid:before { content: "\f462" } .fa-bandcamp:before { content: "\f2d5" } .fa-banjo:before { content: "\f8a3" } .fa-barcode:before { content: "\f02a" } .fa-barcode-alt:before { content: "\f463" } .fa-barcode-read:before { content: "\f464" } .fa-barcode-scan:before { content: "\f465" } .fa-bars:before { content: "\f0c9" } .fa-baseball:before { content: "\f432" } .fa-baseball-ball:before { content: "\f433" } .fa-basketball-ball:before { content: "\f434" } .fa-basketball-hoop:before { content: "\f435" } .fa-bat:before { content: "\f6b5" } .fa-bath:before { content: "\f2cd" } .fa-battery-bolt:before { content: "\f376" } .fa-battery-empty:before { content: "\f244" } .fa-battery-full:before { content: "\f240" } .fa-battery-half:before { content: "\f242" } .fa-battery-quarter:before { content: "\f243" } .fa-battery-slash:before { content: "\f377" } .fa-battery-three-quarters:before { content: "\f241" } .fa-battle-net:before { content: "\f835" } .fa-bed:before { content: "\f236" } .fa-bed-alt:before { content: "\f8f7" } .fa-bed-bunk:before { content: "\f8f8" } .fa-bed-empty:before { content: "\f8f9" } .fa-beer:before { content: "\f0fc" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-bell:before { content: "\f0f3" } .fa-bell-exclamation:before { content: "\f848" } .fa-bell-on:before { content: "\f8fa" } .fa-bell-plus:before { content: "\f849" } .fa-bell-school:before { content: "\f5d5" } .fa-bell-school-slash:before { content: "\f5d6" } .fa-bell-slash:before { content: "\f1f6" } .fa-bells:before { content: "\f77f" } .fa-betamax:before { content: "\f8a4" } .fa-bezier-curve:before { content: "\f55b" } .fa-bible:before { content: "\f647" } .fa-bicycle:before { content: "\f206" } .fa-biking:before { content: "\f84a" } .fa-biking-mountain:before { content: "\f84b" } .fa-bimobject:before { content: "\f378" } .fa-binoculars:before { content: "\f1e5" } .fa-biohazard:before { content: "\f780" } .fa-birthday-cake:before { content: "\f1fd" } .fa-bitbucket:before { content: "\f171" } .fa-bitcoin:before { content: "\f379" } .fa-bity:before { content: "\f37a" } .fa-black-tie:before { content: "\f27e" } .fa-blackberry:before { content: "\f37b" } .fa-blanket:before { content: "\f498" } .fa-blender:before { content: "\f517" } .fa-blender-phone:before { content: "\f6b6" } .fa-blind:before { content: "\f29d" } .fa-blinds:before { content: "\f8fb" } .fa-blinds-open:before { content: "\f8fc" } .fa-blinds-raised:before { content: "\f8fd" } .fa-blog:before { content: "\f781" } .fa-blogger:before { content: "\f37c" } .fa-blogger-b:before { content: "\f37d" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-bold:before { content: "\f032" } .fa-bolt:before { content: "\f0e7" } .fa-bomb:before { content: "\f1e2" } .fa-bone:before { content: "\f5d7" } .fa-bone-break:before { content: "\f5d8" } .fa-bong:before { content: "\f55c" } .fa-book:before { content: "\f02d" } .fa-book-alt:before { content: "\f5d9" } .fa-book-dead:before { content: "\f6b7" } .fa-book-heart:before { content: "\f499" } .fa-book-medical:before { content: "\f7e6" } .fa-book-open:before { content: "\f518" } .fa-book-reader:before { content: "\f5da" } .fa-book-spells:before { content: "\f6b8" } .fa-book-user:before { content: "\f7e7" } .fa-bookmark:before { content: "\f02e" } .fa-books:before { content: "\f5db" } .fa-books-medical:before { content: "\f7e8" } .fa-boombox:before { content: "\f8a5" } .fa-boot:before { content: "\f782" } .fa-booth-curtain:before { content: "\f734" } .fa-bootstrap:before { content: "\f836" } .fa-border-all:before { content: "\f84c" } .fa-border-bottom:before { content: "\f84d" } .fa-border-center-h:before { content: "\f89c" } .fa-border-center-v:before { content: "\f89d" } .fa-border-inner:before { content: "\f84e" } .fa-border-left:before { content: "\f84f" } .fa-border-none:before { content: "\f850" } .fa-border-outer:before { content: "\f851" } .fa-border-right:before { content: "\f852" } .fa-border-style:before { content: "\f853" } .fa-border-style-alt:before { content: "\f854" } .fa-border-top:before { content: "\f855" } .fa-bow-arrow:before { content: "\f6b9" } .fa-bowling-ball:before { content: "\f436" } .fa-bowling-pins:before { content: "\f437" } .fa-box:before { content: "\f466" } .fa-box-alt:before { content: "\f49a" } .fa-box-ballot:before { content: "\f735" } .fa-box-check:before { content: "\f467" } .fa-box-fragile:before { content: "\f49b" } .fa-box-full:before { content: "\f49c" } .fa-box-heart:before { content: "\f49d" } .fa-box-open:before { content: "\f49e" } .fa-box-tissue:before { content: "\e05b" } .fa-box-up:before { content: "\f49f" } .fa-box-usd:before { content: "\f4a0" } .fa-boxes:before { content: "\f468" } .fa-boxes-alt:before { content: "\f4a1" } .fa-boxing-glove:before { content: "\f438" } .fa-brackets:before { content: "\f7e9" } .fa-brackets-curly:before { content: "\f7ea" } .fa-braille:before { content: "\f2a1" } .fa-brain:before { content: "\f5dc" } .fa-bread-loaf:before { content: "\f7eb" } .fa-bread-slice:before { content: "\f7ec" } .fa-briefcase:before { content: "\f0b1" } .fa-briefcase-medical:before { content: "\f469" } .fa-bring-forward:before { content: "\f856" } .fa-bring-front:before { content: "\f857" } .fa-broadcast-tower:before { content: "\f519" } .fa-broom:before { content: "\f51a" } .fa-browser:before { content: "\f37e" } .fa-brush:before { content: "\f55d" } .fa-btc:before { content: "\f15a" } .fa-buffer:before { content: "\f837" } .fa-bug:before { content: "\f188" } .fa-building:before { content: "\f1ad" } .fa-bullhorn:before { content: "\f0a1" } .fa-bullseye:before { content: "\f140" } .fa-bullseye-arrow:before { content: "\f648" } .fa-bullseye-pointer:before { content: "\f649" } .fa-burger-soda:before { content: "\f858" } .fa-burn:before { content: "\f46a" } .fa-buromobelexperte:before { content: "\f37f" } .fa-burrito:before { content: "\f7ed" } .fa-bus:before { content: "\f207" } .fa-bus-alt:before { content: "\f55e" } .fa-bus-school:before { content: "\f5dd" } .fa-business-time:before { content: "\f64a" } .fa-buy-n-large:before { content: "\f8a6" } .fa-buysellads:before { content: "\f20d" } .fa-cabinet-filing:before { content: "\f64b" } .fa-cactus:before { content: "\f8a7" } .fa-calculator:before { content: "\f1ec" } .fa-calculator-alt:before { content: "\f64c" } .fa-calendar:before { content: "\f133" } .fa-calendar-alt:before { content: "\f073" } .fa-calendar-check:before { content: "\f274" } .fa-calendar-day:before { content: "\f783" } .fa-calendar-edit:before { content: "\f333" } .fa-calendar-exclamation:before { content: "\f334" } .fa-calendar-minus:before { content: "\f272" } .fa-calendar-plus:before { content: "\f271" } .fa-calendar-star:before { content: "\f736" } .fa-calendar-times:before { content: "\f273" } .fa-calendar-week:before { content: "\f784" } .fa-camcorder:before { content: "\f8a8" } .fa-camera:before { content: "\f030" } .fa-camera-alt:before { content: "\f332" } .fa-camera-home:before { content: "\f8fe" } .fa-camera-movie:before { content: "\f8a9" } .fa-camera-polaroid:before { content: "\f8aa" } .fa-camera-retro:before { content: "\f083" } .fa-campfire:before { content: "\f6ba" } .fa-campground:before { content: "\f6bb" } .fa-canadian-maple-leaf:before { content: "\f785" } .fa-candle-holder:before { content: "\f6bc" } .fa-candy-cane:before { content: "\f786" } .fa-candy-corn:before { content: "\f6bd" } .fa-cannabis:before { content: "\f55f" } .fa-capsules:before { content: "\f46b" } .fa-car:before { content: "\f1b9" } .fa-car-alt:before { content: "\f5de" } .fa-car-battery:before { content: "\f5df" } .fa-car-building:before { content: "\f859" } .fa-car-bump:before { content: "\f5e0" } .fa-car-bus:before { content: "\f85a" } .fa-car-crash:before { content: "\f5e1" } .fa-car-garage:before { content: "\f5e2" } .fa-car-mechanic:before { content: "\f5e3" } .fa-car-side:before { content: "\f5e4" } .fa-car-tilt:before { content: "\f5e5" } .fa-car-wash:before { content: "\f5e6" } .fa-caravan:before { content: "\f8ff" } .fa-caravan-alt:before { content: "\e000" } .fa-caret-circle-down:before { content: "\f32d" } .fa-caret-circle-left:before { content: "\f32e" } .fa-caret-circle-right:before { content: "\f330" } .fa-caret-circle-up:before { content: "\f331" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-caret-square-down:before { content: "\f150" } .fa-caret-square-left:before { content: "\f191" } .fa-caret-square-right:before { content: "\f152" } .fa-caret-square-up:before { content: "\f151" } .fa-caret-up:before { content: "\f0d8" } .fa-carrot:before { content: "\f787" } .fa-cars:before { content: "\f85b" } .fa-cart-arrow-down:before { content: "\f218" } .fa-cart-plus:before { content: "\f217" } .fa-cash-register:before { content: "\f788" } .fa-cassette-tape:before { content: "\f8ab" } .fa-cat:before { content: "\f6be" } .fa-cat-space:before { content: "\e001" } .fa-cauldron:before { content: "\f6bf" } .fa-cc-amazon-pay:before { content: "\f42d" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-apple-pay:before { content: "\f416" } .fa-cc-diners-club:before { content: "\f24c" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-cc-visa:before { content: "\f1f0" } .fa-cctv:before { content: "\f8ac" } .fa-centercode:before { content: "\f380" } .fa-centos:before { content: "\f789" } .fa-certificate:before { content: "\f0a3" } .fa-chair:before { content: "\f6c0" } .fa-chair-office:before { content: "\f6c1" } .fa-chalkboard:before { content: "\f51b" } .fa-chalkboard-teacher:before { content: "\f51c" } .fa-charging-station:before { content: "\f5e7" } .fa-chart-area:before { content: "\f1fe" } .fa-chart-bar:before { content: "\f080" } .fa-chart-line:before { content: "\f201" } .fa-chart-line-down:before { content: "\f64d" } .fa-chart-network:before { content: "\f78a" } .fa-chart-pie:before { content: "\f200" } .fa-chart-pie-alt:before { content: "\f64e" } .fa-chart-scatter:before { content: "\f7ee" } .fa-check:before { content: "\f00c" } .fa-check-circle:before { content: "\f058" } .fa-check-double:before { content: "\f560" } .fa-check-square:before { content: "\f14a" } .fa-cheese:before { content: "\f7ef" } .fa-cheese-swiss:before { content: "\f7f0" } .fa-cheeseburger:before { content: "\f7f1" } .fa-chess:before { content: "\f439" } .fa-chess-bishop:before { content: "\f43a" } .fa-chess-bishop-alt:before { content: "\f43b" } .fa-chess-board:before { content: "\f43c" } .fa-chess-clock:before { content: "\f43d" } .fa-chess-clock-alt:before { content: "\f43e" } .fa-chess-king:before { content: "\f43f" } .fa-chess-king-alt:before { content: "\f440" } .fa-chess-knight:before { content: "\f441" } .fa-chess-knight-alt:before { content: "\f442" } .fa-chess-pawn:before { content: "\f443" } .fa-chess-pawn-alt:before { content: "\f444" } .fa-chess-queen:before { content: "\f445" } .fa-chess-queen-alt:before { content: "\f446" } .fa-chess-rook:before { content: "\f447" } .fa-chess-rook-alt:before { content: "\f448" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-double-down:before { content: "\f322" } .fa-chevron-double-left:before { content: "\f323" } .fa-chevron-double-right:before { content: "\f324" } .fa-chevron-double-up:before { content: "\f325" } .fa-chevron-down:before { content: "\f078" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-chevron-square-down:before { content: "\f329" } .fa-chevron-square-left:before { content: "\f32a" } .fa-chevron-square-right:before { content: "\f32b" } .fa-chevron-square-up:before { content: "\f32c" } .fa-chevron-up:before { content: "\f077" } .fa-child:before { content: "\f1ae" } .fa-chimney:before { content: "\f78b" } .fa-chrome:before { content: "\f268" } .fa-chromecast:before { content: "\f838" } .fa-church:before { content: "\f51d" } .fa-circle:before { content: "\f111" } .fa-circle-notch:before { content: "\f1ce" } .fa-city:before { content: "\f64f" } .fa-clarinet:before { content: "\f8ad" } .fa-claw-marks:before { content: "\f6c2" } .fa-clinic-medical:before { content: "\f7f2" } .fa-clipboard:before { content: "\f328" } .fa-clipboard-check:before { content: "\f46c" } .fa-clipboard-list:before { content: "\f46d" } .fa-clipboard-list-check:before { content: "\f737" } .fa-clipboard-prescription:before { content: "\f5e8" } .fa-clipboard-user:before { content: "\f7f3" } .fa-clock:before { content: "\f017" } .fa-clone:before { content: "\f24d" } .fa-closed-captioning:before { content: "\f20a" } .fa-cloud:before { content: "\f0c2" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-download-alt:before { content: "\f381" } .fa-cloud-drizzle:before { content: "\f738" } .fa-cloud-hail:before { content: "\f739" } .fa-cloud-hail-mixed:before { content: "\f73a" } .fa-cloud-meatball:before { content: "\f73b" } .fa-cloud-moon:before { content: "\f6c3" } .fa-cloud-moon-rain:before { content: "\f73c" } .fa-cloud-music:before { content: "\f8ae" } .fa-cloud-rain:before { content: "\f73d" } .fa-cloud-rainbow:before { content: "\f73e" } .fa-cloud-showers:before { content: "\f73f" } .fa-cloud-showers-heavy:before { content: "\f740" } .fa-cloud-sleet:before { content: "\f741" } .fa-cloud-snow:before { content: "\f742" } .fa-cloud-sun:before { content: "\f6c4" } .fa-cloud-sun-rain:before { content: "\f743" } .fa-cloud-upload:before { content: "\f0ee" } .fa-cloud-upload-alt:before { content: "\f382" } .fa-cloudflare:before { content: "\e07d" } .fa-clouds:before { content: "\f744" } .fa-clouds-moon:before { content: "\f745" } .fa-clouds-sun:before { content: "\f746" } .fa-cloudscale:before { content: "\f383" } .fa-cloudsmith:before { content: "\f384" } .fa-cloudversify:before { content: "\f385" } .fa-club:before { content: "\f327" } .fa-cocktail:before { content: "\f561" } .fa-code:before { content: "\f121" } .fa-code-branch:before { content: "\f126" } .fa-code-commit:before { content: "\f386" } .fa-code-merge:before { content: "\f387" } .fa-codepen:before { content: "\f1cb" } .fa-codiepie:before { content: "\f284" } .fa-coffee:before { content: "\f0f4" } .fa-coffee-pot:before { content: "\e002" } .fa-coffee-togo:before { content: "\f6c5" } .fa-coffin:before { content: "\f6c6" } .fa-coffin-cross:before { content: "\e051" } .fa-cog:before { content: "\f013" } .fa-cogs:before { content: "\f085" } .fa-coin:before { content: "\f85c" } .fa-coins:before { content: "\f51e" } .fa-columns:before { content: "\f0db" } .fa-comet:before { content: "\e003" } .fa-comment:before { content: "\f075" } .fa-comment-alt:before { content: "\f27a" } .fa-comment-alt-check:before { content: "\f4a2" } .fa-comment-alt-dollar:before { content: "\f650" } .fa-comment-alt-dots:before { content: "\f4a3" } .fa-comment-alt-edit:before { content: "\f4a4" } .fa-comment-alt-exclamation:before { content: "\f4a5" } .fa-comment-alt-lines:before { content: "\f4a6" } .fa-comment-alt-medical:before { content: "\f7f4" } .fa-comment-alt-minus:before { content: "\f4a7" } .fa-comment-alt-music:before { content: "\f8af" } .fa-comment-alt-plus:before { content: "\f4a8" } .fa-comment-alt-slash:before { content: "\f4a9" } .fa-comment-alt-smile:before { content: "\f4aa" } .fa-comment-alt-times:before { content: "\f4ab" } .fa-comment-check:before { content: "\f4ac" } .fa-comment-dollar:before { content: "\f651" } .fa-comment-dots:before { content: "\f4ad" } .fa-comment-edit:before { content: "\f4ae" } .fa-comment-exclamation:before { content: "\f4af" } .fa-comment-lines:before { content: "\f4b0" } .fa-comment-medical:before { content: "\f7f5" } .fa-comment-minus:before { content: "\f4b1" } .fa-comment-music:before { content: "\f8b0" } .fa-comment-plus:before { content: "\f4b2" } .fa-comment-slash:before { content: "\f4b3" } .fa-comment-smile:before { content: "\f4b4" } .fa-comment-times:before { content: "\f4b5" } .fa-comments:before { content: "\f086" } .fa-comments-alt:before { content: "\f4b6" } .fa-comments-alt-dollar:before { content: "\f652" } .fa-comments-dollar:before { content: "\f653" } .fa-compact-disc:before { content: "\f51f" } .fa-compass:before { content: "\f14e" } .fa-compass-slash:before { content: "\f5e9" } .fa-compress:before { content: "\f066" } .fa-compress-alt:before { content: "\f422" } .fa-compress-arrows-alt:before { content: "\f78c" } .fa-compress-wide:before { content: "\f326" } .fa-computer-classic:before { content: "\f8b1" } .fa-computer-speaker:before { content: "\f8b2" } .fa-concierge-bell:before { content: "\f562" } .fa-confluence:before { content: "\f78d" } .fa-connectdevelop:before { content: "\f20e" } .fa-construction:before { content: "\f85d" } .fa-container-storage:before { content: "\f4b7" } .fa-contao:before { content: "\f26d" } .fa-conveyor-belt:before { content: "\f46e" } .fa-conveyor-belt-alt:before { content: "\f46f" } .fa-cookie:before { content: "\f563" } .fa-cookie-bite:before { content: "\f564" } .fa-copy:before { content: "\f0c5" } .fa-copyright:before { content: "\f1f9" } .fa-corn:before { content: "\f6c7" } .fa-cotton-bureau:before { content: "\f89e" } .fa-couch:before { content: "\f4b8" } .fa-cow:before { content: "\f6c8" } .fa-cowbell:before { content: "\f8b3" } .fa-cowbell-more:before { content: "\f8b4" } .fa-cpanel:before { content: "\f388" } .fa-creative-commons:before { content: "\f25e" } .fa-creative-commons-by:before { content: "\f4e7" } .fa-creative-commons-nc:before { content: "\f4e8" } .fa-creative-commons-nc-eu:before { content: "\f4e9" } .fa-creative-commons-nc-jp:before { content: "\f4ea" } .fa-creative-commons-nd:before { content: "\f4eb" } .fa-creative-commons-pd:before { content: "\f4ec" } .fa-creative-commons-pd-alt:before { content: "\f4ed" } .fa-creative-commons-remix:before { content: "\f4ee" } .fa-creative-commons-sa:before { content: "\f4ef" } .fa-creative-commons-sampling:before { content: "\f4f0" } .fa-creative-commons-sampling-plus:before { content: "\f4f1" } .fa-creative-commons-share:before { content: "\f4f2" } .fa-creative-commons-zero:before { content: "\f4f3" } .fa-credit-card:before { content: "\f09d" } .fa-credit-card-blank:before { content: "\f389" } .fa-credit-card-front:before { content: "\f38a" } .fa-cricket:before { content: "\f449" } .fa-critical-role:before { content: "\f6c9" } .fa-croissant:before { content: "\f7f6" } .fa-crop:before { content: "\f125" } .fa-crop-alt:before { content: "\f565" } .fa-cross:before { content: "\f654" } .fa-crosshairs:before { content: "\f05b" } .fa-crow:before { content: "\f520" } .fa-crown:before { content: "\f521" } .fa-crutch:before { content: "\f7f7" } .fa-crutches:before { content: "\f7f8" } .fa-css3:before { content: "\f13c" } .fa-css3-alt:before { content: "\f38b" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-curling:before { content: "\f44a" } .fa-cut:before { content: "\f0c4" } .fa-cuttlefish:before { content: "\f38c" } .fa-d-and-d:before { content: "\f38d" } .fa-d-and-d-beyond:before { content: "\f6ca" } .fa-dagger:before { content: "\f6cb" } .fa-dailymotion:before { content: "\e052" } .fa-dashcube:before { content: "\f210" } .fa-database:before { content: "\f1c0" } .fa-deaf:before { content: "\f2a4" } .fa-debug:before { content: "\f7f9" } .fa-deer:before { content: "\f78e" } .fa-deer-rudolph:before { content: "\f78f" } .fa-deezer:before { content: "\e077" } .fa-delicious:before { content: "\f1a5" } .fa-democrat:before { content: "\f747" } .fa-deploydog:before { content: "\f38e" } .fa-deskpro:before { content: "\f38f" } .fa-desktop:before { content: "\f108" } .fa-desktop-alt:before { content: "\f390" } .fa-dev:before { content: "\f6cc" } .fa-deviantart:before { content: "\f1bd" } .fa-dewpoint:before { content: "\f748" } .fa-dharmachakra:before { content: "\f655" } .fa-dhl:before { content: "\f790" } .fa-diagnoses:before { content: "\f470" } .fa-diamond:before { content: "\f219" } .fa-diaspora:before { content: "\f791" } .fa-dice:before { content: "\f522" } .fa-dice-d10:before { content: "\f6cd" } .fa-dice-d12:before { content: "\f6ce" } .fa-dice-d20:before { content: "\f6cf" } .fa-dice-d4:before { content: "\f6d0" } .fa-dice-d6:before { content: "\f6d1" } .fa-dice-d8:before { content: "\f6d2" } .fa-dice-five:before { content: "\f523" } .fa-dice-four:before { content: "\f524" } .fa-dice-one:before { content: "\f525" } .fa-dice-six:before { content: "\f526" } .fa-dice-three:before { content: "\f527" } .fa-dice-two:before { content: "\f528" } .fa-digg:before { content: "\f1a6" } .fa-digging:before { content: "\f85e" } .fa-digital-ocean:before { content: "\f391" } .fa-digital-tachograph:before { content: "\f566" } .fa-diploma:before { content: "\f5ea" } .fa-directions:before { content: "\f5eb" } .fa-disc-drive:before { content: "\f8b5" } .fa-discord:before { content: "\f392" } .fa-discourse:before { content: "\f393" } .fa-disease:before { content: "\f7fa" } .fa-divide:before { content: "\f529" } .fa-dizzy:before { content: "\f567" } .fa-dna:before { content: "\f471" } .fa-do-not-enter:before { content: "\f5ec" } .fa-dochub:before { content: "\f394" } .fa-docker:before { content: "\f395" } .fa-dog:before { content: "\f6d3" } .fa-dog-leashed:before { content: "\f6d4" } .fa-dollar-sign:before { content: "\f155" } .fa-dolly:before { content: "\f472" } .fa-dolly-empty:before { content: "\f473" } .fa-dolly-flatbed:before { content: "\f474" } .fa-dolly-flatbed-alt:before { content: "\f475" } .fa-dolly-flatbed-empty:before { content: "\f476" } .fa-donate:before { content: "\f4b9" } .fa-door-closed:before { content: "\f52a" } .fa-door-open:before { content: "\f52b" } .fa-dot-circle:before { content: "\f192" } .fa-dove:before { content: "\f4ba" } .fa-download:before { content: "\f019" } .fa-draft2digital:before { content: "\f396" } .fa-drafting-compass:before { content: "\f568" } .fa-dragon:before { content: "\f6d5" } .fa-draw-circle:before { content: "\f5ed" } .fa-draw-polygon:before { content: "\f5ee" } .fa-draw-square:before { content: "\f5ef" } .fa-dreidel:before { content: "\f792" } .fa-dribbble:before { content: "\f17d" } .fa-dribbble-square:before { content: "\f397" } .fa-drone:before { content: "\f85f" } .fa-drone-alt:before { content: "\f860" } .fa-dropbox:before { content: "\f16b" } .fa-drum:before { content: "\f569" } .fa-drum-steelpan:before { content: "\f56a" } .fa-drumstick:before { content: "\f6d6" } .fa-drumstick-bite:before { content: "\f6d7" } .fa-drupal:before { content: "\f1a9" } .fa-dryer:before { content: "\f861" } .fa-dryer-alt:before { content: "\f862" } .fa-duck:before { content: "\f6d8" } .fa-dumbbell:before { content: "\f44b" } .fa-dumpster:before { content: "\f793" } .fa-dumpster-fire:before { content: "\f794" } .fa-dungeon:before { content: "\f6d9" } .fa-dyalog:before { content: "\f399" } .fa-ear:before { content: "\f5f0" } .fa-ear-muffs:before { content: "\f795" } .fa-earlybirds:before { content: "\f39a" } .fa-ebay:before { content: "\f4f4" } .fa-eclipse:before { content: "\f749" } .fa-eclipse-alt:before { content: "\f74a" } .fa-edge:before { content: "\f282" } .fa-edge-legacy:before { content: "\e078" } .fa-edit:before { content: "\f044" } .fa-egg:before { content: "\f7fb" } .fa-egg-fried:before { content: "\f7fc" } .fa-eject:before { content: "\f052" } .fa-elementor:before { content: "\f430" } .fa-elephant:before { content: "\f6da" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-h-alt:before { content: "\f39b" } .fa-ellipsis-v:before { content: "\f142" } .fa-ellipsis-v-alt:before { content: "\f39c" } .fa-ello:before { content: "\f5f1" } .fa-ember:before { content: "\f423" } .fa-empire:before { content: "\f1d1" } .fa-empty-set:before { content: "\f656" } .fa-engine-warning:before { content: "\f5f2" } .fa-envelope:before { content: "\f0e0" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-dollar:before { content: "\f657" } .fa-envelope-open-text:before { content: "\f658" } .fa-envelope-square:before { content: "\f199" } .fa-envira:before { content: "\f299" } .fa-equals:before { content: "\f52c" } .fa-eraser:before { content: "\f12d" } .fa-erlang:before { content: "\f39d" } .fa-ethereum:before { content: "\f42e" } .fa-ethernet:before { content: "\f796" } .fa-etsy:before { content: "\f2d7" } .fa-euro-sign:before { content: "\f153" } .fa-evernote:before { content: "\f839" } .fa-exchange:before { content: "\f0ec" } .fa-exchange-alt:before { content: "\f362" } .fa-exclamation:before { content: "\f12a" } .fa-exclamation-circle:before { content: "\f06a" } .fa-exclamation-square:before { content: "\f321" } .fa-exclamation-triangle:before { content: "\f071" } .fa-expand:before { content: "\f065" } .fa-expand-alt:before { content: "\f424" } .fa-expand-arrows:before { content: "\f31d" } .fa-expand-arrows-alt:before { content: "\f31e" } .fa-expand-wide:before { content: "\f320" } .fa-expeditedssl:before { content: "\f23e" } .fa-external-link:before { content: "\f08e" } .fa-external-link-alt:before { content: "\f35d" } .fa-external-link-square:before { content: "\f14c" } .fa-external-link-square-alt:before { content: "\f360" } .fa-eye:before { content: "\f06e" } .fa-eye-dropper:before { content: "\f1fb" } .fa-eye-evil:before { content: "\f6db" } .fa-eye-slash:before { content: "\f070" } .fa-facebook:before { content: "\f09a" } .fa-facebook-f:before { content: "\f39e" } .fa-facebook-messenger:before { content: "\f39f" } .fa-facebook-square:before { content: "\f082" } .fa-fan:before { content: "\f863" } .fa-fan-table:before { content: "\e004" } .fa-fantasy-flight-games:before { content: "\f6dc" } .fa-farm:before { content: "\f864" } .fa-fast-backward:before { content: "\f049" } .fa-fast-forward:before { content: "\f050" } .fa-faucet:before { content: "\e005" } .fa-faucet-drip:before { content: "\e006" } .fa-fax:before { content: "\f1ac" } .fa-feather:before { content: "\f52d" } .fa-feather-alt:before { content: "\f56b" } .fa-fedex:before { content: "\f797" } .fa-fedora:before { content: "\f798" } .fa-female:before { content: "\f182" } .fa-field-hockey:before { content: "\f44c" } .fa-fighter-jet:before { content: "\f0fb" } .fa-figma:before { content: "\f799" } .fa-file:before { content: "\f15b" } .fa-file-alt:before { content: "\f15c" } .fa-file-archive:before { content: "\f1c6" } .fa-file-audio:before { content: "\f1c7" } .fa-file-certificate:before { content: "\f5f3" } .fa-file-chart-line:before { content: "\f659" } .fa-file-chart-pie:before { content: "\f65a" } .fa-file-check:before { content: "\f316" } .fa-file-code:before { content: "\f1c9" } .fa-file-contract:before { content: "\f56c" } .fa-file-csv:before { content: "\f6dd" } .fa-file-download:before { content: "\f56d" } .fa-file-edit:before { content: "\f31c" } .fa-file-excel:before { content: "\f1c3" } .fa-file-exclamation:before { content: "\f31a" } .fa-file-export:before { content: "\f56e" } .fa-file-image:before { content: "\f1c5" } .fa-file-import:before { content: "\f56f" } .fa-file-invoice:before { content: "\f570" } .fa-file-invoice-dollar:before { content: "\f571" } .fa-file-medical:before { content: "\f477" } .fa-file-medical-alt:before { content: "\f478" } .fa-file-minus:before { content: "\f318" } .fa-file-music:before { content: "\f8b6" } .fa-file-pdf:before { content: "\f1c1" } .fa-file-plus:before { content: "\f319" } .fa-file-powerpoint:before { content: "\f1c4" } .fa-file-prescription:before { content: "\f572" } .fa-file-search:before { content: "\f865" } .fa-file-signature:before { content: "\f573" } .fa-file-spreadsheet:before { content: "\f65b" } .fa-file-times:before { content: "\f317" } .fa-file-upload:before { content: "\f574" } .fa-file-user:before { content: "\f65c" } .fa-file-video:before { content: "\f1c8" } .fa-file-word:before { content: "\f1c2" } .fa-files-medical:before { content: "\f7fd" } .fa-fill:before { content: "\f575" } .fa-fill-drip:before { content: "\f576" } .fa-film:before { content: "\f008" } .fa-film-alt:before { content: "\f3a0" } .fa-film-canister:before { content: "\f8b7" } .fa-filter:before { content: "\f0b0" } .fa-fingerprint:before { content: "\f577" } .fa-fire:before { content: "\f06d" } .fa-fire-alt:before { content: "\f7e4" } .fa-fire-extinguisher:before { content: "\f134" } .fa-fire-smoke:before { content: "\f74b" } .fa-firefox:before { content: "\f269" } .fa-firefox-browser:before { content: "\e007" } .fa-fireplace:before { content: "\f79a" } .fa-first-aid:before { content: "\f479" } .fa-first-order:before { content: "\f2b0" } .fa-first-order-alt:before { content: "\f50a" } .fa-firstdraft:before { content: "\f3a1" } .fa-fish:before { content: "\f578" } .fa-fish-cooked:before { content: "\f7fe" } .fa-fist-raised:before { content: "\f6de" } .fa-flag:before { content: "\f024" } .fa-flag-alt:before { content: "\f74c" } .fa-flag-checkered:before { content: "\f11e" } .fa-flag-usa:before { content: "\f74d" } .fa-flame:before { content: "\f6df" } .fa-flashlight:before { content: "\f8b8" } .fa-flask:before { content: "\f0c3" } .fa-flask-poison:before { content: "\f6e0" } .fa-flask-potion:before { content: "\f6e1" } .fa-flickr:before { content: "\f16e" } .fa-flipboard:before { content: "\f44d" } .fa-flower:before { content: "\f7ff" } .fa-flower-daffodil:before { content: "\f800" } .fa-flower-tulip:before { content: "\f801" } .fa-flushed:before { content: "\f579" } .fa-flute:before { content: "\f8b9" } .fa-flux-capacitor:before { content: "\f8ba" } .fa-fly:before { content: "\f417" } .fa-fog:before { content: "\f74e" } .fa-folder:before { content: "\f07b" } .fa-folder-download:before { content: "\e053" } .fa-folder-minus:before { content: "\f65d" } .fa-folder-open:before { content: "\f07c" } .fa-folder-plus:before { content: "\f65e" } .fa-folder-times:before { content: "\f65f" } .fa-folder-tree:before { content: "\f802" } .fa-folder-upload:before { content: "\e054" } .fa-folders:before { content: "\f660" } .fa-font:before { content: "\f031" } .fa-font-awesome:before { content: "\f2b4" } .fa-font-awesome-alt:before { content: "\f35c" } .fa-font-awesome-flag:before { content: "\f425" } .fa-font-awesome-logo-full:before { content: "\f4e6" } .fa-font-case:before { content: "\f866" } .fa-fonticons:before { content: "\f280" } .fa-fonticons-fi:before { content: "\f3a2" } .fa-football-ball:before { content: "\f44e" } .fa-football-helmet:before { content: "\f44f" } .fa-forklift:before { content: "\f47a" } .fa-fort-awesome:before { content: "\f286" } .fa-fort-awesome-alt:before { content: "\f3a3" } .fa-forumbee:before { content: "\f211" } .fa-forward:before { content: "\f04e" } .fa-foursquare:before { content: "\f180" } .fa-fragile:before { content: "\f4bb" } .fa-free-code-camp:before { content: "\f2c5" } .fa-freebsd:before { content: "\f3a4" } .fa-french-fries:before { content: "\f803" } .fa-frog:before { content: "\f52e" } .fa-frosty-head:before { content: "\f79b" } .fa-frown:before { content: "\f119" } .fa-frown-open:before { content: "\f57a" } .fa-fulcrum:before { content: "\f50b" } .fa-function:before { content: "\f661" } .fa-funnel-dollar:before { content: "\f662" } .fa-futbol:before { content: "\f1e3" } .fa-galactic-republic:before { content: "\f50c" } .fa-galactic-senate:before { content: "\f50d" } .fa-galaxy:before { content: "\e008" } .fa-game-board:before { content: "\f867" } .fa-game-board-alt:before { content: "\f868" } .fa-game-console-handheld:before { content: "\f8bb" } .fa-gamepad:before { content: "\f11b" } .fa-gamepad-alt:before { content: "\f8bc" } .fa-garage:before { content: "\e009" } .fa-garage-car:before { content: "\e00a" } .fa-garage-open:before { content: "\e00b" } .fa-gas-pump:before { content: "\f52f" } .fa-gas-pump-slash:before { content: "\f5f4" } .fa-gavel:before { content: "\f0e3" } .fa-gem:before { content: "\f3a5" } .fa-genderless:before { content: "\f22d" } .fa-get-pocket:before { content: "\f265" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-ghost:before { content: "\f6e2" } .fa-gift:before { content: "\f06b" } .fa-gift-card:before { content: "\f663" } .fa-gifts:before { content: "\f79c" } .fa-gingerbread-man:before { content: "\f79d" } .fa-git:before { content: "\f1d3" } .fa-git-alt:before { content: "\f841" } .fa-git-square:before { content: "\f1d2" } .fa-github:before { content: "\f09b" } .fa-github-alt:before { content: "\f113" } .fa-github-square:before { content: "\f092" } .fa-gitkraken:before { content: "\f3a6" } .fa-gitlab:before { content: "\f296" } .fa-gitter:before { content: "\f426" } .fa-glass:before { content: "\f804" } .fa-glass-champagne:before { content: "\f79e" } .fa-glass-cheers:before { content: "\f79f" } .fa-glass-citrus:before { content: "\f869" } .fa-glass-martini:before { content: "\f000" } .fa-glass-martini-alt:before { content: "\f57b" } .fa-glass-whiskey:before { content: "\f7a0" } .fa-glass-whiskey-rocks:before { content: "\f7a1" } .fa-glasses:before { content: "\f530" } .fa-glasses-alt:before { content: "\f5f5" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-globe:before { content: "\f0ac" } .fa-globe-africa:before { content: "\f57c" } .fa-globe-americas:before { content: "\f57d" } .fa-globe-asia:before { content: "\f57e" } .fa-globe-europe:before { content: "\f7a2" } .fa-globe-snow:before { content: "\f7a3" } .fa-globe-stand:before { content: "\f5f6" } .fa-gofore:before { content: "\f3a7" } .fa-golf-ball:before { content: "\f450" } .fa-golf-club:before { content: "\f451" } .fa-goodreads:before { content: "\f3a8" } .fa-goodreads-g:before { content: "\f3a9" } .fa-google:before { content: "\f1a0" } .fa-google-drive:before { content: "\f3aa" } .fa-google-pay:before { content: "\e079" } .fa-google-play:before { content: "\f3ab" } .fa-google-plus:before { content: "\f2b3" } .fa-google-plus-g:before { content: "\f0d5" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-wallet:before { content: "\f1ee" } .fa-gopuram:before { content: "\f664" } .fa-graduation-cap:before { content: "\f19d" } .fa-gramophone:before { content: "\f8bd" } .fa-gratipay:before { content: "\f184" } .fa-grav:before { content: "\f2d6" } .fa-greater-than:before { content: "\f531" } .fa-greater-than-equal:before { content: "\f532" } .fa-grimace:before { content: "\f57f" } .fa-grin:before { content: "\f580" } .fa-grin-alt:before { content: "\f581" } .fa-grin-beam:before { content: "\f582" } .fa-grin-beam-sweat:before { content: "\f583" } .fa-grin-hearts:before { content: "\f584" } .fa-grin-squint:before { content: "\f585" } .fa-grin-squint-tears:before { content: "\f586" } .fa-grin-stars:before { content: "\f587" } .fa-grin-tears:before { content: "\f588" } .fa-grin-tongue:before { content: "\f589" } .fa-grin-tongue-squint:before { content: "\f58a" } .fa-grin-tongue-wink:before { content: "\f58b" } .fa-grin-wink:before { content: "\f58c" } .fa-grip-horizontal:before { content: "\f58d" } .fa-grip-lines:before { content: "\f7a4" } .fa-grip-lines-vertical:before { content: "\f7a5" } .fa-grip-vertical:before { content: "\f58e" } .fa-gripfire:before { content: "\f3ac" } .fa-grunt:before { content: "\f3ad" } .fa-guilded:before { content: "\e07e" } .fa-guitar:before { content: "\f7a6" } .fa-guitar-electric:before { content: "\f8be" } .fa-guitars:before { content: "\f8bf" } .fa-gulp:before { content: "\f3ae" } .fa-h-square:before { content: "\f0fd" } .fa-h1:before { content: "\f313" } .fa-h2:before { content: "\f314" } .fa-h3:before { content: "\f315" } .fa-h4:before { content: "\f86a" } .fa-hacker-news:before { content: "\f1d4" } .fa-hacker-news-square:before { content: "\f3af" } .fa-hackerrank:before { content: "\f5f7" } .fa-hamburger:before { content: "\f805" } .fa-hammer:before { content: "\f6e3" } .fa-hammer-war:before { content: "\f6e4" } .fa-hamsa:before { content: "\f665" } .fa-hand-heart:before { content: "\f4bc" } .fa-hand-holding:before { content: "\f4bd" } .fa-hand-holding-box:before { content: "\f47b" } .fa-hand-holding-heart:before { content: "\f4be" } .fa-hand-holding-magic:before { content: "\f6e5" } .fa-hand-holding-medical:before { content: "\e05c" } .fa-hand-holding-seedling:before { content: "\f4bf" } .fa-hand-holding-usd:before { content: "\f4c0" } .fa-hand-holding-water:before { content: "\f4c1" } .fa-hand-lizard:before { content: "\f258" } .fa-hand-middle-finger:before { content: "\f806" } .fa-hand-paper:before { content: "\f256" } .fa-hand-peace:before { content: "\f25b" } .fa-hand-point-down:before { content: "\f0a7" } .fa-hand-point-left:before { content: "\f0a5" } .fa-hand-point-right:before { content: "\f0a4" } .fa-hand-point-up:before { content: "\f0a6" } .fa-hand-pointer:before { content: "\f25a" } .fa-hand-receiving:before { content: "\f47c" } .fa-hand-rock:before { content: "\f255" } .fa-hand-scissors:before { content: "\f257" } .fa-hand-sparkles:before { content: "\e05d" } .fa-hand-spock:before { content: "\f259" } .fa-hands:before { content: "\f4c2" } .fa-hands-heart:before { content: "\f4c3" } .fa-hands-helping:before { content: "\f4c4" } .fa-hands-usd:before { content: "\f4c5" } .fa-hands-wash:before { content: "\e05e" } .fa-handshake:before { content: "\f2b5" } .fa-handshake-alt:before { content: "\f4c6" } .fa-handshake-alt-slash:before { content: "\e05f" } .fa-handshake-slash:before { content: "\e060" } .fa-hanukiah:before { content: "\f6e6" } .fa-hard-hat:before { content: "\f807" } .fa-hashtag:before { content: "\f292" } .fa-hat-chef:before { content: "\f86b" } .fa-hat-cowboy:before { content: "\f8c0" } .fa-hat-cowboy-side:before { content: "\f8c1" } .fa-hat-santa:before { content: "\f7a7" } .fa-hat-winter:before { content: "\f7a8" } .fa-hat-witch:before { content: "\f6e7" } .fa-hat-wizard:before { content: "\f6e8" } .fa-hdd:before { content: "\f0a0" } .fa-head-side:before { content: "\f6e9" } .fa-head-side-brain:before { content: "\f808" } .fa-head-side-cough:before { content: "\e061" } .fa-head-side-cough-slash:before { content: "\e062" } .fa-head-side-headphones:before { content: "\f8c2" } .fa-head-side-mask:before { content: "\e063" } .fa-head-side-medical:before { content: "\f809" } .fa-head-side-virus:before { content: "\e064" } .fa-head-vr:before { content: "\f6ea" } .fa-heading:before { content: "\f1dc" } .fa-headphones:before { content: "\f025" } .fa-headphones-alt:before { content: "\f58f" } .fa-headset:before { content: "\f590" } .fa-heart:before { content: "\f004" } .fa-heart-broken:before { content: "\f7a9" } .fa-heart-circle:before { content: "\f4c7" } .fa-heart-rate:before { content: "\f5f8" } .fa-heart-square:before { content: "\f4c8" } .fa-heartbeat:before { content: "\f21e" } .fa-heat:before { content: "\e00c" } .fa-helicopter:before { content: "\f533" } .fa-helmet-battle:before { content: "\f6eb" } .fa-hexagon:before { content: "\f312" } .fa-highlighter:before { content: "\f591" } .fa-hiking:before { content: "\f6ec" } .fa-hippo:before { content: "\f6ed" } .fa-hips:before { content: "\f452" } .fa-hire-a-helper:before { content: "\f3b0" } .fa-history:before { content: "\f1da" } .fa-hive:before { content: "\e07f" } .fa-hockey-mask:before { content: "\f6ee" } .fa-hockey-puck:before { content: "\f453" } .fa-hockey-sticks:before { content: "\f454" } .fa-holly-berry:before { content: "\f7aa" } .fa-home:before { content: "\f015" } .fa-home-alt:before { content: "\f80a" } .fa-home-heart:before { content: "\f4c9" } .fa-home-lg:before { content: "\f80b" } .fa-home-lg-alt:before { content: "\f80c" } .fa-hood-cloak:before { content: "\f6ef" } .fa-hooli:before { content: "\f427" } .fa-horizontal-rule:before { content: "\f86c" } .fa-hornbill:before { content: "\f592" } .fa-horse:before { content: "\f6f0" } .fa-horse-head:before { content: "\f7ab" } .fa-horse-saddle:before { content: "\f8c3" } .fa-hospital:before { content: "\f0f8" } .fa-hospital-alt:before { content: "\f47d" } .fa-hospital-symbol:before { content: "\f47e" } .fa-hospital-user:before { content: "\f80d" } .fa-hospitals:before { content: "\f80e" } .fa-hot-tub:before { content: "\f593" } .fa-hotdog:before { content: "\f80f" } .fa-hotel:before { content: "\f594" } .fa-hotjar:before { content: "\f3b1" } .fa-hourglass:before { content: "\f254" } .fa-hourglass-end:before { content: "\f253" } .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-start:before { content: "\f251" } .fa-house:before { content: "\e00d" } .fa-house-damage:before { content: "\f6f1" } .fa-house-day:before { content: "\e00e" } .fa-house-flood:before { content: "\f74f" } .fa-house-leave:before { content: "\e00f" } .fa-house-night:before { content: "\e010" } .fa-house-return:before { content: "\e011" } .fa-house-signal:before { content: "\e012" } .fa-house-user:before { content: "\e065" } .fa-houzz:before { content: "\f27c" } .fa-hryvnia:before { content: "\f6f2" } .fa-html5:before { content: "\f13b" } .fa-hubspot:before { content: "\f3b2" } .fa-humidity:before { content: "\f750" } .fa-hurricane:before { content: "\f751" } .fa-i-cursor:before { content: "\f246" } .fa-ice-cream:before { content: "\f810" } .fa-ice-skate:before { content: "\f7ac" } .fa-icicles:before { content: "\f7ad" } .fa-icons:before { content: "\f86d" } .fa-icons-alt:before { content: "\f86e" } .fa-id-badge:before { content: "\f2c1" } .fa-id-card:before { content: "\f2c2" } .fa-id-card-alt:before { content: "\f47f" } .fa-ideal:before { content: "\e013" } .fa-igloo:before { content: "\f7ae" } .fa-image:before { content: "\f03e" } .fa-image-polaroid:before { content: "\f8c4" } .fa-images:before { content: "\f302" } .fa-imdb:before { content: "\f2d8" } .fa-inbox:before { content: "\f01c" } .fa-inbox-in:before { content: "\f310" } .fa-inbox-out:before { content: "\f311" } .fa-indent:before { content: "\f03c" } .fa-industry:before { content: "\f275" } .fa-industry-alt:before { content: "\f3b3" } .fa-infinity:before { content: "\f534" } .fa-info:before { content: "\f129" } .fa-info-circle:before { content: "\f05a" } .fa-info-square:before { content: "\f30f" } .fa-inhaler:before { content: "\f5f9" } .fa-innosoft:before { content: "\e080" } .fa-instagram:before { content: "\f16d" } .fa-instagram-square:before { content: "\e055" } .fa-instalod:before { content: "\e081" } .fa-integral:before { content: "\f667" } .fa-intercom:before { content: "\f7af" } .fa-internet-explorer:before { content: "\f26b" } .fa-intersection:before { content: "\f668" } .fa-inventory:before { content: "\f480" } .fa-invision:before { content: "\f7b0" } .fa-ioxhost:before { content: "\f208" } .fa-island-tropical:before { content: "\f811" } .fa-italic:before { content: "\f033" } .fa-itch-io:before { content: "\f83a" } .fa-itunes:before { content: "\f3b4" } .fa-itunes-note:before { content: "\f3b5" } .fa-jack-o-lantern:before { content: "\f30e" } .fa-java:before { content: "\f4e4" } .fa-jedi:before { content: "\f669" } .fa-jedi-order:before { content: "\f50e" } .fa-jenkins:before { content: "\f3b6" } .fa-jira:before { content: "\f7b1" } .fa-joget:before { content: "\f3b7" } .fa-joint:before { content: "\f595" } .fa-joomla:before { content: "\f1aa" } .fa-journal-whills:before { content: "\f66a" } .fa-joystick:before { content: "\f8c5" } .fa-js:before { content: "\f3b8" } .fa-js-square:before { content: "\f3b9" } .fa-jsfiddle:before { content: "\f1cc" } .fa-jug:before { content: "\f8c6" } .fa-kaaba:before { content: "\f66b" } .fa-kaggle:before { content: "\f5fa" } .fa-kazoo:before { content: "\f8c7" } .fa-kerning:before { content: "\f86f" } .fa-key:before { content: "\f084" } .fa-key-skeleton:before { content: "\f6f3" } .fa-keybase:before { content: "\f4f5" } .fa-keyboard:before { content: "\f11c" } .fa-keycdn:before { content: "\f3ba" } .fa-keynote:before { content: "\f66c" } .fa-khanda:before { content: "\f66d" } .fa-kickstarter:before { content: "\f3bb" } .fa-kickstarter-k:before { content: "\f3bc" } .fa-kidneys:before { content: "\f5fb" } .fa-kiss:before { content: "\f596" } .fa-kiss-beam:before { content: "\f597" } .fa-kiss-wink-heart:before { content: "\f598" } .fa-kite:before { content: "\f6f4" } .fa-kiwi-bird:before { content: "\f535" } .fa-knife-kitchen:before { content: "\f6f5" } .fa-korvue:before { content: "\f42f" } .fa-lambda:before { content: "\f66e" } .fa-lamp:before { content: "\f4ca" } .fa-lamp-desk:before { content: "\e014" } .fa-lamp-floor:before { content: "\e015" } .fa-landmark:before { content: "\f66f" } .fa-landmark-alt:before { content: "\f752" } .fa-language:before { content: "\f1ab" } .fa-laptop:before { content: "\f109" } .fa-laptop-code:before { content: "\f5fc" } .fa-laptop-house:before { content: "\e066" } .fa-laptop-medical:before { content: "\f812" } .fa-laravel:before { content: "\f3bd" } .fa-lasso:before { content: "\f8c8" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-laugh:before { content: "\f599" } .fa-laugh-beam:before { content: "\f59a" } .fa-laugh-squint:before { content: "\f59b" } .fa-laugh-wink:before { content: "\f59c" } .fa-layer-group:before { content: "\f5fd" } .fa-layer-minus:before { content: "\f5fe" } .fa-layer-plus:before { content: "\f5ff" } .fa-leaf:before { content: "\f06c" } .fa-leaf-heart:before { content: "\f4cb" } .fa-leaf-maple:before { content: "\f6f6" } .fa-leaf-oak:before { content: "\f6f7" } .fa-leanpub:before { content: "\f212" } .fa-lemon:before { content: "\f094" } .fa-less:before { content: "\f41d" } .fa-less-than:before { content: "\f536" } .fa-less-than-equal:before { content: "\f537" } .fa-level-down:before { content: "\f149" } .fa-level-down-alt:before { content: "\f3be" } .fa-level-up:before { content: "\f148" } .fa-level-up-alt:before { content: "\f3bf" } .fa-life-ring:before { content: "\f1cd" } .fa-light-ceiling:before { content: "\e016" } .fa-light-switch:before { content: "\e017" } .fa-light-switch-off:before { content: "\e018" } .fa-light-switch-on:before { content: "\e019" } .fa-lightbulb:before { content: "\f0eb" } .fa-lightbulb-dollar:before { content: "\f670" } .fa-lightbulb-exclamation:before { content: "\f671" } .fa-lightbulb-on:before { content: "\f672" } .fa-lightbulb-slash:before { content: "\f673" } .fa-lights-holiday:before { content: "\f7b2" } .fa-line:before { content: "\f3c0" } .fa-line-columns:before { content: "\f870" } .fa-line-height:before { content: "\f871" } .fa-link:before { content: "\f0c1" } .fa-linkedin:before { content: "\f08c" } .fa-linkedin-in:before { content: "\f0e1" } .fa-linode:before { content: "\f2b8" } .fa-linux:before { content: "\f17c" } .fa-lips:before { content: "\f600" } .fa-lira-sign:before { content: "\f195" } .fa-list:before { content: "\f03a" } .fa-list-alt:before { content: "\f022" } .fa-list-music:before { content: "\f8c9" } .fa-list-ol:before { content: "\f0cb" } .fa-list-ul:before { content: "\f0ca" } .fa-location:before { content: "\f601" } .fa-location-arrow:before { content: "\f124" } .fa-location-circle:before { content: "\f602" } .fa-location-slash:before { content: "\f603" } .fa-lock:before { content: "\f023" } .fa-lock-alt:before { content: "\f30d" } .fa-lock-open:before { content: "\f3c1" } .fa-lock-open-alt:before { content: "\f3c2" } .fa-long-arrow-alt-down:before { content: "\f309" } .fa-long-arrow-alt-left:before { content: "\f30a" } .fa-long-arrow-alt-right:before { content: "\f30b" } .fa-long-arrow-alt-up:before { content: "\f30c" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-long-arrow-up:before { content: "\f176" } .fa-loveseat:before { content: "\f4cc" } .fa-low-vision:before { content: "\f2a8" } .fa-luchador:before { content: "\f455" } .fa-luggage-cart:before { content: "\f59d" } .fa-lungs:before { content: "\f604" } .fa-lungs-virus:before { content: "\e067" } .fa-lyft:before { content: "\f3c3" } .fa-mace:before { content: "\f6f8" } .fa-magento:before { content: "\f3c4" } .fa-magic:before { content: "\f0d0" } .fa-magnet:before { content: "\f076" } .fa-mail-bulk:before { content: "\f674" } .fa-mailbox:before { content: "\f813" } .fa-mailchimp:before { content: "\f59e" } .fa-male:before { content: "\f183" } .fa-mandalorian:before { content: "\f50f" } .fa-mandolin:before { content: "\f6f9" } .fa-map:before { content: "\f279" } .fa-map-marked:before { content: "\f59f" } .fa-map-marked-alt:before { content: "\f5a0" } .fa-map-marker:before { content: "\f041" } .fa-map-marker-alt:before { content: "\f3c5" } .fa-map-marker-alt-slash:before { content: "\f605" } .fa-map-marker-check:before { content: "\f606" } .fa-map-marker-edit:before { content: "\f607" } .fa-map-marker-exclamation:before { content: "\f608" } .fa-map-marker-minus:before { content: "\f609" } .fa-map-marker-plus:before { content: "\f60a" } .fa-map-marker-question:before { content: "\f60b" } .fa-map-marker-slash:before { content: "\f60c" } .fa-map-marker-smile:before { content: "\f60d" } .fa-map-marker-times:before { content: "\f60e" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-markdown:before { content: "\f60f" } .fa-marker:before { content: "\f5a1" } .fa-mars:before { content: "\f222" } .fa-mars-double:before { content: "\f227" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mask:before { content: "\f6fa" } .fa-mastodon:before { content: "\f4f6" } .fa-maxcdn:before { content: "\f136" } .fa-mdb:before { content: "\f8ca" } .fa-meat:before { content: "\f814" } .fa-medal:before { content: "\f5a2" } .fa-medapps:before { content: "\f3c6" } .fa-medium:before { content: "\f23a" } .fa-medium-m:before { content: "\f3c7" } .fa-medkit:before { content: "\f0fa" } .fa-medrt:before { content: "\f3c8" } .fa-meetup:before { content: "\f2e0" } .fa-megaphone:before { content: "\f675" } .fa-megaport:before { content: "\f5a3" } .fa-meh:before { content: "\f11a" } .fa-meh-blank:before { content: "\f5a4" } .fa-meh-rolling-eyes:before { content: "\f5a5" } .fa-memory:before { content: "\f538" } .fa-mendeley:before { content: "\f7b3" } .fa-menorah:before { content: "\f676" } .fa-mercury:before { content: "\f223" } .fa-meteor:before { content: "\f753" } .fa-microblog:before { content: "\e01a" } .fa-microchip:before { content: "\f2db" } .fa-microphone:before { content: "\f130" } .fa-microphone-alt:before { content: "\f3c9" } .fa-microphone-alt-slash:before { content: "\f539" } .fa-microphone-slash:before { content: "\f131" } .fa-microphone-stand:before { content: "\f8cb" } .fa-microscope:before { content: "\f610" } .fa-microsoft:before { content: "\f3ca" } .fa-microwave:before { content: "\e01b" } .fa-mind-share:before { content: "\f677" } .fa-minus:before { content: "\f068" } .fa-minus-circle:before { content: "\f056" } .fa-minus-hexagon:before { content: "\f307" } .fa-minus-octagon:before { content: "\f308" } .fa-minus-square:before { content: "\f146" } .fa-mistletoe:before { content: "\f7b4" } .fa-mitten:before { content: "\f7b5" } .fa-mix:before { content: "\f3cb" } .fa-mixcloud:before { content: "\f289" } .fa-mixer:before { content: "\e056" } .fa-mizuni:before { content: "\f3cc" } .fa-mobile:before { content: "\f10b" } .fa-mobile-alt:before { content: "\f3cd" } .fa-mobile-android:before { content: "\f3ce" } .fa-mobile-android-alt:before { content: "\f3cf" } .fa-modx:before { content: "\f285" } .fa-monero:before { content: "\f3d0" } .fa-money-bill:before { content: "\f0d6" } .fa-money-bill-alt:before { content: "\f3d1" } .fa-money-bill-wave:before { content: "\f53a" } .fa-money-bill-wave-alt:before { content: "\f53b" } .fa-money-check:before { content: "\f53c" } .fa-money-check-alt:before { content: "\f53d" } .fa-money-check-edit:before { content: "\f872" } .fa-money-check-edit-alt:before { content: "\f873" } .fa-monitor-heart-rate:before { content: "\f611" } .fa-monkey:before { content: "\f6fb" } .fa-monument:before { content: "\f5a6" } .fa-moon:before { content: "\f186" } .fa-moon-cloud:before { content: "\f754" } .fa-moon-stars:before { content: "\f755" } .fa-mortar-pestle:before { content: "\f5a7" } .fa-mosque:before { content: "\f678" } .fa-motorcycle:before { content: "\f21c" } .fa-mountain:before { content: "\f6fc" } .fa-mountains:before { content: "\f6fd" } .fa-mouse:before { content: "\f8cc" } .fa-mouse-alt:before { content: "\f8cd" } .fa-mouse-pointer:before { content: "\f245" } .fa-mp3-player:before { content: "\f8ce" } .fa-mug:before { content: "\f874" } .fa-mug-hot:before { content: "\f7b6" } .fa-mug-marshmallows:before { content: "\f7b7" } .fa-mug-tea:before { content: "\f875" } .fa-music:before { content: "\f001" } .fa-music-alt:before { content: "\f8cf" } .fa-music-alt-slash:before { content: "\f8d0" } .fa-music-slash:before { content: "\f8d1" } .fa-napster:before { content: "\f3d2" } .fa-narwhal:before { content: "\f6fe" } .fa-neos:before { content: "\f612" } .fa-network-wired:before { content: "\f6ff" } .fa-neuter:before { content: "\f22c" } .fa-newspaper:before { content: "\f1ea" } .fa-nimblr:before { content: "\f5a8" } .fa-node:before { content: "\f419" } .fa-node-js:before { content: "\f3d3" } .fa-not-equal:before { content: "\f53e" } .fa-notes-medical:before { content: "\f481" } .fa-npm:before { content: "\f3d4" } .fa-ns8:before { content: "\f3d5" } .fa-nutritionix:before { content: "\f3d6" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-octagon:before { content: "\f306" } .fa-octopus-deploy:before { content: "\e082" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-oil-can:before { content: "\f613" } .fa-oil-temp:before { content: "\f614" } .fa-old-republic:before { content: "\f510" } .fa-om:before { content: "\f679" } .fa-omega:before { content: "\f67a" } .fa-opencart:before { content: "\f23d" } .fa-openid:before { content: "\f19b" } .fa-opera:before { content: "\f26a" } .fa-optin-monster:before { content: "\f23c" } .fa-orcid:before { content: "\f8d2" } .fa-ornament:before { content: "\f7b8" } .fa-osi:before { content: "\f41a" } .fa-otter:before { content: "\f700" } .fa-outdent:before { content: "\f03b" } .fa-outlet:before { content: "\e01c" } .fa-oven:before { content: "\e01d" } .fa-overline:before { content: "\f876" } .fa-page-break:before { content: "\f877" } .fa-page4:before { content: "\f3d7" } .fa-pagelines:before { content: "\f18c" } .fa-pager:before { content: "\f815" } .fa-paint-brush:before { content: "\f1fc" } .fa-paint-brush-alt:before { content: "\f5a9" } .fa-paint-roller:before { content: "\f5aa" } .fa-palette:before { content: "\f53f" } .fa-palfed:before { content: "\f3d8" } .fa-pallet:before { content: "\f482" } .fa-pallet-alt:before { content: "\f483" } .fa-paper-plane:before { content: "\f1d8" } .fa-paperclip:before { content: "\f0c6" } .fa-parachute-box:before { content: "\f4cd" } .fa-paragraph:before { content: "\f1dd" } .fa-paragraph-rtl:before { content: "\f878" } .fa-parking:before { content: "\f540" } .fa-parking-circle:before { content: "\f615" } .fa-parking-circle-slash:before { content: "\f616" } .fa-parking-slash:before { content: "\f617" } .fa-passport:before { content: "\f5ab" } .fa-pastafarianism:before { content: "\f67b" } .fa-paste:before { content: "\f0ea" } .fa-patreon:before { content: "\f3d9" } .fa-pause:before { content: "\f04c" } .fa-pause-circle:before { content: "\f28b" } .fa-paw:before { content: "\f1b0" } .fa-paw-alt:before { content: "\f701" } .fa-paw-claws:before { content: "\f702" } .fa-paypal:before { content: "\f1ed" } .fa-peace:before { content: "\f67c" } .fa-pegasus:before { content: "\f703" } .fa-pen:before { content: "\f304" } .fa-pen-alt:before { content: "\f305" } .fa-pen-fancy:before { content: "\f5ac" } .fa-pen-nib:before { content: "\f5ad" } .fa-pen-square:before { content: "\f14b" } .fa-pencil:before { content: "\f040" } .fa-pencil-alt:before { content: "\f303" } .fa-pencil-paintbrush:before { content: "\f618" } .fa-pencil-ruler:before { content: "\f5ae" } .fa-pennant:before { content: "\f456" } .fa-penny-arcade:before { content: "\f704" } .fa-people-arrows:before { content: "\e068" } .fa-people-carry:before { content: "\f4ce" } .fa-pepper-hot:before { content: "\f816" } .fa-perbyte:before { content: "\e083" } .fa-percent:before { content: "\f295" } .fa-percentage:before { content: "\f541" } .fa-periscope:before { content: "\f3da" } .fa-person-booth:before { content: "\f756" } .fa-person-carry:before { content: "\f4cf" } .fa-person-dolly:before { content: "\f4d0" } .fa-person-dolly-empty:before { content: "\f4d1" } .fa-person-sign:before { content: "\f757" } .fa-phabricator:before { content: "\f3db" } .fa-phoenix-framework:before { content: "\f3dc" } .fa-phoenix-squadron:before { content: "\f511" } .fa-phone:before { content: "\f095" } .fa-phone-alt:before { content: "\f879" } .fa-phone-laptop:before { content: "\f87a" } .fa-phone-office:before { content: "\f67d" } .fa-phone-plus:before { content: "\f4d2" } .fa-phone-rotary:before { content: "\f8d3" } .fa-phone-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-square-alt:before { content: "\f87b" } .fa-phone-volume:before { content: "\f2a0" } .fa-photo-video:before { content: "\f87c" } .fa-php:before { content: "\f457" } .fa-pi:before { content: "\f67e" } .fa-piano:before { content: "\f8d4" } .fa-piano-keyboard:before { content: "\f8d5" } .fa-pie:before { content: "\f705" } .fa-pied-piper:before { content: "\f2ae" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-pied-piper-hat:before { content: "\f4e5" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-square:before { content: "\e01e" } .fa-pig:before { content: "\f706" } .fa-piggy-bank:before { content: "\f4d3" } .fa-pills:before { content: "\f484" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-p:before { content: "\f231" } .fa-pinterest-square:before { content: "\f0d3" } .fa-pizza:before { content: "\f817" } .fa-pizza-slice:before { content: "\f818" } .fa-place-of-worship:before { content: "\f67f" } .fa-plane:before { content: "\f072" } .fa-plane-alt:before { content: "\f3de" } .fa-plane-arrival:before { content: "\f5af" } .fa-plane-departure:before { content: "\f5b0" } .fa-plane-slash:before { content: "\e069" } .fa-planet-moon:before { content: "\e01f" } .fa-planet-ringed:before { content: "\e020" } .fa-play:before { content: "\f04b" } .fa-play-circle:before { content: "\f144" } .fa-playstation:before { content: "\f3df" } .fa-plug:before { content: "\f1e6" } .fa-plus:before { content: "\f067" } .fa-plus-circle:before { content: "\f055" } .fa-plus-hexagon:before { content: "\f300" } .fa-plus-octagon:before { content: "\f301" } .fa-plus-square:before { content: "\f0fe" } .fa-podcast:before { content: "\f2ce" } .fa-podium:before { content: "\f680" } .fa-podium-star:before { content: "\f758" } .fa-police-box:before { content: "\e021" } .fa-poll:before { content: "\f681" } .fa-poll-h:before { content: "\f682" } .fa-poll-people:before { content: "\f759" } .fa-poo:before { content: "\f2fe" } .fa-poo-storm:before { content: "\f75a" } .fa-poop:before { content: "\f619" } .fa-popcorn:before { content: "\f819" } .fa-portal-enter:before { content: "\e022" } .fa-portal-exit:before { content: "\e023" } .fa-portrait:before { content: "\f3e0" } .fa-pound-sign:before { content: "\f154" } .fa-power-off:before { content: "\f011" } .fa-pray:before { content: "\f683" } .fa-praying-hands:before { content: "\f684" } .fa-prescription:before { content: "\f5b1" } .fa-prescription-bottle:before { content: "\f485" } .fa-prescription-bottle-alt:before { content: "\f486" } .fa-presentation:before { content: "\f685" } .fa-print:before { content: "\f02f" } .fa-print-search:before { content: "\f81a" } .fa-print-slash:before { content: "\f686" } .fa-procedures:before { content: "\f487" } .fa-product-hunt:before { content: "\f288" } .fa-project-diagram:before { content: "\f542" } .fa-projector:before { content: "\f8d6" } .fa-pump-medical:before { content: "\e06a" } .fa-pump-soap:before { content: "\e06b" } .fa-pumpkin:before { content: "\f707" } .fa-pushed:before { content: "\f3e1" } .fa-puzzle-piece:before { content: "\f12e" } .fa-python:before { content: "\f3e2" } .fa-qq:before { content: "\f1d6" } .fa-qrcode:before { content: "\f029" } .fa-question:before { content: "\f128" } .fa-question-circle:before { content: "\f059" } .fa-question-square:before { content: "\f2fd" } .fa-quidditch:before { content: "\f458" } .fa-quinscape:before { content: "\f459" } .fa-quora:before { content: "\f2c4" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-quran:before { content: "\f687" } .fa-r-project:before { content: "\f4f7" } .fa-rabbit:before { content: "\f708" } .fa-rabbit-fast:before { content: "\f709" } .fa-racquet:before { content: "\f45a" } .fa-radar:before { content: "\e024" } .fa-radiation:before { content: "\f7b9" } .fa-radiation-alt:before { content: "\f7ba" } .fa-radio:before { content: "\f8d7" } .fa-radio-alt:before { content: "\f8d8" } .fa-rainbow:before { content: "\f75b" } .fa-raindrops:before { content: "\f75c" } .fa-ram:before { content: "\f70a" } .fa-ramp-loading:before { content: "\f4d4" } .fa-random:before { content: "\f074" } .fa-raspberry-pi:before { content: "\f7bb" } .fa-ravelry:before { content: "\f2d9" } .fa-raygun:before { content: "\e025" } .fa-react:before { content: "\f41b" } .fa-reacteurope:before { content: "\f75d" } .fa-readme:before { content: "\f4d5" } .fa-rebel:before { content: "\f1d0" } .fa-receipt:before { content: "\f543" } .fa-record-vinyl:before { content: "\f8d9" } .fa-rectangle-landscape:before { content: "\f2fa" } .fa-rectangle-portrait:before { content: "\f2fb" } .fa-rectangle-wide:before { content: "\f2fc" } .fa-recycle:before { content: "\f1b8" } .fa-red-river:before { content: "\f3e3" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-alien:before { content: "\f281" } .fa-reddit-square:before { content: "\f1a2" } .fa-redhat:before { content: "\f7bc" } .fa-redo:before { content: "\f01e" } .fa-redo-alt:before { content: "\f2f9" } .fa-refrigerator:before { content: "\e026" } .fa-registered:before { content: "\f25d" } .fa-remove-format:before { content: "\f87d" } .fa-renren:before { content: "\f18b" } .fa-repeat:before { content: "\f363" } .fa-repeat-1:before { content: "\f365" } .fa-repeat-1-alt:before { content: "\f366" } .fa-repeat-alt:before { content: "\f364" } .fa-reply:before { content: "\f3e5" } .fa-reply-all:before { content: "\f122" } .fa-replyd:before { content: "\f3e6" } .fa-republican:before { content: "\f75e" } .fa-researchgate:before { content: "\f4f8" } .fa-resolving:before { content: "\f3e7" } .fa-restroom:before { content: "\f7bd" } .fa-retweet:before { content: "\f079" } .fa-retweet-alt:before { content: "\f361" } .fa-rev:before { content: "\f5b2" } .fa-ribbon:before { content: "\f4d6" } .fa-ring:before { content: "\f70b" } .fa-rings-wedding:before { content: "\f81b" } .fa-road:before { content: "\f018" } .fa-robot:before { content: "\f544" } .fa-rocket:before { content: "\f135" } .fa-rocket-launch:before { content: "\e027" } .fa-rocketchat:before { content: "\f3e8" } .fa-rockrms:before { content: "\f3e9" } .fa-route:before { content: "\f4d7" } .fa-route-highway:before { content: "\f61a" } .fa-route-interstate:before { content: "\f61b" } .fa-router:before { content: "\f8da" } .fa-rss:before { content: "\f09e" } .fa-rss-square:before { content: "\f143" } .fa-ruble-sign:before { content: "\f158" } .fa-ruler:before { content: "\f545" } .fa-ruler-combined:before { content: "\f546" } .fa-ruler-horizontal:before { content: "\f547" } .fa-ruler-triangle:before { content: "\f61c" } .fa-ruler-vertical:before { content: "\f548" } .fa-running:before { content: "\f70c" } .fa-rupee-sign:before { content: "\f156" } .fa-rust:before { content: "\e07a" } .fa-rv:before { content: "\f7be" } .fa-sack:before { content: "\f81c" } .fa-sack-dollar:before { content: "\f81d" } .fa-sad-cry:before { content: "\f5b3" } .fa-sad-tear:before { content: "\f5b4" } .fa-safari:before { content: "\f267" } .fa-salad:before { content: "\f81e" } .fa-salesforce:before { content: "\f83b" } .fa-sandwich:before { content: "\f81f" } .fa-sass:before { content: "\f41e" } .fa-satellite:before { content: "\f7bf" } .fa-satellite-dish:before { content: "\f7c0" } .fa-sausage:before { content: "\f820" } .fa-save:before { content: "\f0c7" } .fa-sax-hot:before { content: "\f8db" } .fa-saxophone:before { content: "\f8dc" } .fa-scalpel:before { content: "\f61d" } .fa-scalpel-path:before { content: "\f61e" } .fa-scanner:before { content: "\f488" } .fa-scanner-image:before { content: "\f8f3" } .fa-scanner-keyboard:before { content: "\f489" } .fa-scanner-touchscreen:before { content: "\f48a" } .fa-scarecrow:before { content: "\f70d" } .fa-scarf:before { content: "\f7c1" } .fa-schlix:before { content: "\f3ea" } .fa-school:before { content: "\f549" } .fa-screwdriver:before { content: "\f54a" } .fa-scribd:before { content: "\f28a" } .fa-scroll:before { content: "\f70e" } .fa-scroll-old:before { content: "\f70f" } .fa-scrubber:before { content: "\f2f8" } .fa-scythe:before { content: "\f710" } .fa-sd-card:before { content: "\f7c2" } .fa-search:before { content: "\f002" } .fa-search-dollar:before { content: "\f688" } .fa-search-location:before { content: "\f689" } .fa-search-minus:before { content: "\f010" } .fa-search-plus:before { content: "\f00e" } .fa-searchengin:before { content: "\f3eb" } .fa-seedling:before { content: "\f4d8" } .fa-sellcast:before { content: "\f2da" } .fa-sellsy:before { content: "\f213" } .fa-send-back:before { content: "\f87e" } .fa-send-backward:before { content: "\f87f" } .fa-sensor:before { content: "\e028" } .fa-sensor-alert:before { content: "\e029" } .fa-sensor-fire:before { content: "\e02a" } .fa-sensor-on:before { content: "\e02b" } .fa-sensor-smoke:before { content: "\e02c" } .fa-server:before { content: "\f233" } .fa-servicestack:before { content: "\f3ec" } .fa-shapes:before { content: "\f61f" } .fa-share:before { content: "\f064" } .fa-share-all:before { content: "\f367" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-share-square:before { content: "\f14d" } .fa-sheep:before { content: "\f711" } .fa-shekel-sign:before { content: "\f20b" } .fa-shield:before { content: "\f132" } .fa-shield-alt:before { content: "\f3ed" } .fa-shield-check:before { content: "\f2f7" } .fa-shield-cross:before { content: "\f712" } .fa-shield-virus:before { content: "\e06c" } .fa-ship:before { content: "\f21a" } .fa-shipping-fast:before { content: "\f48b" } .fa-shipping-timed:before { content: "\f48c" } .fa-shirtsinbulk:before { content: "\f214" } .fa-shish-kebab:before { content: "\f821" } .fa-shoe-prints:before { content: "\f54b" } .fa-shopify:before { content: "\e057" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-shopping-cart:before { content: "\f07a" } .fa-shopware:before { content: "\f5b5" } .fa-shovel:before { content: "\f713" } .fa-shovel-snow:before { content: "\f7c3" } .fa-shower:before { content: "\f2cc" } .fa-shredder:before { content: "\f68a" } .fa-shuttle-van:before { content: "\f5b6" } .fa-shuttlecock:before { content: "\f45b" } .fa-sickle:before { content: "\f822" } .fa-sigma:before { content: "\f68b" } .fa-sign:before { content: "\f4d9" } .fa-sign-in:before { content: "\f090" } .fa-sign-in-alt:before { content: "\f2f6" } .fa-sign-language:before { content: "\f2a7" } .fa-sign-out:before { content: "\f08b" } .fa-sign-out-alt:before { content: "\f2f5" } .fa-signal:before { content: "\f012" } .fa-signal-1:before { content: "\f68c" } .fa-signal-2:before { content: "\f68d" } .fa-signal-3:before { content: "\f68e" } .fa-signal-4:before { content: "\f68f" } .fa-signal-alt:before { content: "\f690" } .fa-signal-alt-1:before { content: "\f691" } .fa-signal-alt-2:before { content: "\f692" } .fa-signal-alt-3:before { content: "\f693" } .fa-signal-alt-slash:before { content: "\f694" } .fa-signal-slash:before { content: "\f695" } .fa-signal-stream:before { content: "\f8dd" } .fa-signature:before { content: "\f5b7" } .fa-sim-card:before { content: "\f7c4" } .fa-simplybuilt:before { content: "\f215" } .fa-sink:before { content: "\e06d" } .fa-siren:before { content: "\e02d" } .fa-siren-on:before { content: "\e02e" } .fa-sistrix:before { content: "\f3ee" } .fa-sitemap:before { content: "\f0e8" } .fa-sith:before { content: "\f512" } .fa-skating:before { content: "\f7c5" } .fa-skeleton:before { content: "\f620" } .fa-sketch:before { content: "\f7c6" } .fa-ski-jump:before { content: "\f7c7" } .fa-ski-lift:before { content: "\f7c8" } .fa-skiing:before { content: "\f7c9" } .fa-skiing-nordic:before { content: "\f7ca" } .fa-skull:before { content: "\f54c" } .fa-skull-cow:before { content: "\f8de" } .fa-skull-crossbones:before { content: "\f714" } .fa-skyatlas:before { content: "\f216" } .fa-skype:before { content: "\f17e" } .fa-slack:before { content: "\f198" } .fa-slack-hash:before { content: "\f3ef" } .fa-slash:before { content: "\f715" } .fa-sledding:before { content: "\f7cb" } .fa-sleigh:before { content: "\f7cc" } .fa-sliders-h:before { content: "\f1de" } .fa-sliders-h-square:before { content: "\f3f0" } .fa-sliders-v:before { content: "\f3f1" } .fa-sliders-v-square:before { content: "\f3f2" } .fa-slideshare:before { content: "\f1e7" } .fa-smile:before { content: "\f118" } .fa-smile-beam:before { content: "\f5b8" } .fa-smile-plus:before { content: "\f5b9" } .fa-smile-wink:before { content: "\f4da" } .fa-smog:before { content: "\f75f" } .fa-smoke:before { content: "\f760" } .fa-smoking:before { content: "\f48d" } .fa-smoking-ban:before { content: "\f54d" } .fa-sms:before { content: "\f7cd" } .fa-snake:before { content: "\f716" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-snooze:before { content: "\f880" } .fa-snow-blowing:before { content: "\f761" } .fa-snowboarding:before { content: "\f7ce" } .fa-snowflake:before { content: "\f2dc" } .fa-snowflakes:before { content: "\f7cf" } .fa-snowman:before { content: "\f7d0" } .fa-snowmobile:before { content: "\f7d1" } .fa-snowplow:before { content: "\f7d2" } .fa-soap:before { content: "\e06e" } .fa-socks:before { content: "\f696" } .fa-solar-panel:before { content: "\f5ba" } .fa-solar-system:before { content: "\e02f" } .fa-sort:before { content: "\f0dc" } .fa-sort-alpha-down:before { content: "\f15d" } .fa-sort-alpha-down-alt:before { content: "\f881" } .fa-sort-alpha-up:before { content: "\f15e" } .fa-sort-alpha-up-alt:before { content: "\f882" } .fa-sort-alt:before { content: "\f883" } .fa-sort-amount-down:before { content: "\f160" } .fa-sort-amount-down-alt:before { content: "\f884" } .fa-sort-amount-up:before { content: "\f161" } .fa-sort-amount-up-alt:before { content: "\f885" } .fa-sort-circle:before { content: "\e030" } .fa-sort-circle-down:before { content: "\e031" } .fa-sort-circle-up:before { content: "\e032" } .fa-sort-down:before { content: "\f0dd" } .fa-sort-numeric-down:before { content: "\f162" } .fa-sort-numeric-down-alt:before { content: "\f886" } .fa-sort-numeric-up:before { content: "\f163" } .fa-sort-numeric-up-alt:before { content: "\f887" } .fa-sort-shapes-down:before { content: "\f888" } .fa-sort-shapes-down-alt:before { content: "\f889" } .fa-sort-shapes-up:before { content: "\f88a" } .fa-sort-shapes-up-alt:before { content: "\f88b" } .fa-sort-size-down:before { content: "\f88c" } .fa-sort-size-down-alt:before { content: "\f88d" } .fa-sort-size-up:before { content: "\f88e" } .fa-sort-size-up-alt:before { content: "\f88f" } .fa-sort-up:before { content: "\f0de" } .fa-soundcloud:before { content: "\f1be" } .fa-soup:before { content: "\f823" } .fa-sourcetree:before { content: "\f7d3" } .fa-spa:before { content: "\f5bb" } .fa-space-shuttle:before { content: "\f197" } .fa-space-station-moon:before { content: "\e033" } .fa-space-station-moon-alt:before { content: "\e034" } .fa-spade:before { content: "\f2f4" } .fa-sparkles:before { content: "\f890" } .fa-speakap:before { content: "\f3f3" } .fa-speaker:before { content: "\f8df" } .fa-speaker-deck:before { content: "\f83c" } .fa-speakers:before { content: "\f8e0" } .fa-spell-check:before { content: "\f891" } .fa-spider:before { content: "\f717" } .fa-spider-black-widow:before { content: "\f718" } .fa-spider-web:before { content: "\f719" } .fa-spinner:before { content: "\f110" } .fa-spinner-third:before { content: "\f3f4" } .fa-splotch:before { content: "\f5bc" } .fa-spotify:before { content: "\f1bc" } .fa-spray-can:before { content: "\f5bd" } .fa-sprinkler:before { content: "\e035" } .fa-square:before { content: "\f0c8" } .fa-square-full:before { content: "\f45c" } .fa-square-root:before { content: "\f697" } .fa-square-root-alt:before { content: "\f698" } .fa-squarespace:before { content: "\f5be" } .fa-squirrel:before { content: "\f71a" } .fa-stack-exchange:before { content: "\f18d" } .fa-stack-overflow:before { content: "\f16c" } .fa-stackpath:before { content: "\f842" } .fa-staff:before { content: "\f71b" } .fa-stamp:before { content: "\f5bf" } .fa-star:before { content: "\f005" } .fa-star-and-crescent:before { content: "\f699" } .fa-star-christmas:before { content: "\f7d4" } .fa-star-exclamation:before { content: "\f2f3" } .fa-star-half:before { content: "\f089" } .fa-star-half-alt:before { content: "\f5c0" } .fa-star-of-david:before { content: "\f69a" } .fa-star-of-life:before { content: "\f621" } .fa-star-shooting:before { content: "\e036" } .fa-starfighter:before { content: "\e037" } .fa-starfighter-alt:before { content: "\e038" } .fa-stars:before { content: "\f762" } .fa-starship:before { content: "\e039" } .fa-starship-freighter:before { content: "\e03a" } .fa-staylinked:before { content: "\f3f5" } .fa-steak:before { content: "\f824" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-steam-symbol:before { content: "\f3f6" } .fa-steering-wheel:before { content: "\f622" } .fa-step-backward:before { content: "\f048" } .fa-step-forward:before { content: "\f051" } .fa-stethoscope:before { content: "\f0f1" } .fa-sticker-mule:before { content: "\f3f7" } .fa-sticky-note:before { content: "\f249" } .fa-stocking:before { content: "\f7d5" } .fa-stomach:before { content: "\f623" } .fa-stop:before { content: "\f04d" } .fa-stop-circle:before { content: "\f28d" } .fa-stopwatch:before { content: "\f2f2" } .fa-stopwatch-20:before { content: "\e06f" } .fa-store:before { content: "\f54e" } .fa-store-alt:before { content: "\f54f" } .fa-store-alt-slash:before { content: "\e070" } .fa-store-slash:before { content: "\e071" } .fa-strava:before { content: "\f428" } .fa-stream:before { content: "\f550" } .fa-street-view:before { content: "\f21d" } .fa-stretcher:before { content: "\f825" } .fa-strikethrough:before { content: "\f0cc" } .fa-stripe:before { content: "\f429" } .fa-stripe-s:before { content: "\f42a" } .fa-stroopwafel:before { content: "\f551" } .fa-studiovinari:before { content: "\f3f8" } .fa-stumbleupon:before { content: "\f1a4" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-subscript:before { content: "\f12c" } .fa-subway:before { content: "\f239" } .fa-suitcase:before { content: "\f0f2" } .fa-suitcase-rolling:before { content: "\f5c1" } .fa-sun:before { content: "\f185" } .fa-sun-cloud:before { content: "\f763" } .fa-sun-dust:before { content: "\f764" } .fa-sun-haze:before { content: "\f765" } .fa-sunglasses:before { content: "\f892" } .fa-sunrise:before { content: "\f766" } .fa-sunset:before { content: "\f767" } .fa-superpowers:before { content: "\f2dd" } .fa-superscript:before { content: "\f12b" } .fa-supple:before { content: "\f3f9" } .fa-surprise:before { content: "\f5c2" } .fa-suse:before { content: "\f7d6" } .fa-swatchbook:before { content: "\f5c3" } .fa-swift:before { content: "\f8e1" } .fa-swimmer:before { content: "\f5c4" } .fa-swimming-pool:before { content: "\f5c5" } .fa-sword:before { content: "\f71c" } .fa-sword-laser:before { content: "\e03b" } .fa-sword-laser-alt:before { content: "\e03c" } .fa-swords:before { content: "\f71d" } .fa-swords-laser:before { content: "\e03d" } .fa-symfony:before { content: "\f83d" } .fa-synagogue:before { content: "\f69b" } .fa-sync:before { content: "\f021" } .fa-sync-alt:before { content: "\f2f1" } .fa-syringe:before { content: "\f48e" } .fa-table:before { content: "\f0ce" } .fa-table-tennis:before { content: "\f45d" } .fa-tablet:before { content: "\f10a" } .fa-tablet-alt:before { content: "\f3fa" } .fa-tablet-android:before { content: "\f3fb" } .fa-tablet-android-alt:before { content: "\f3fc" } .fa-tablet-rugged:before { content: "\f48f" } .fa-tablets:before { content: "\f490" } .fa-tachometer:before { content: "\f0e4" } .fa-tachometer-alt:before { content: "\f3fd" } .fa-tachometer-alt-average:before { content: "\f624" } .fa-tachometer-alt-fast:before { content: "\f625" } .fa-tachometer-alt-fastest:before { content: "\f626" } .fa-tachometer-alt-slow:before { content: "\f627" } .fa-tachometer-alt-slowest:before { content: "\f628" } .fa-tachometer-average:before { content: "\f629" } .fa-tachometer-fast:before { content: "\f62a" } .fa-tachometer-fastest:before { content: "\f62b" } .fa-tachometer-slow:before { content: "\f62c" } .fa-tachometer-slowest:before { content: "\f62d" } .fa-taco:before { content: "\f826" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-tally:before { content: "\f69c" } .fa-tanakh:before { content: "\f827" } .fa-tape:before { content: "\f4db" } .fa-tasks:before { content: "\f0ae" } .fa-tasks-alt:before { content: "\f828" } .fa-taxi:before { content: "\f1ba" } .fa-teamspeak:before { content: "\f4f9" } .fa-teeth:before { content: "\f62e" } .fa-teeth-open:before { content: "\f62f" } .fa-telegram:before { content: "\f2c6" } .fa-telegram-plane:before { content: "\f3fe" } .fa-telescope:before { content: "\e03e" } .fa-temperature-down:before { content: "\e03f" } .fa-temperature-frigid:before { content: "\f768" } .fa-temperature-high:before { content: "\f769" } .fa-temperature-hot:before { content: "\f76a" } .fa-temperature-low:before { content: "\f76b" } .fa-temperature-up:before { content: "\e040" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-tenge:before { content: "\f7d7" } .fa-tennis-ball:before { content: "\f45e" } .fa-terminal:before { content: "\f120" } .fa-text:before { content: "\f893" } .fa-text-height:before { content: "\f034" } .fa-text-size:before { content: "\f894" } .fa-text-width:before { content: "\f035" } .fa-th:before { content: "\f00a" } .fa-th-large:before { content: "\f009" } .fa-th-list:before { content: "\f00b" } .fa-the-red-yeti:before { content: "\f69d" } .fa-theater-masks:before { content: "\f630" } .fa-themeco:before { content: "\f5c6" } .fa-themeisle:before { content: "\f2b2" } .fa-thermometer:before { content: "\f491" } .fa-thermometer-empty:before { content: "\f2cb" } .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-theta:before { content: "\f69e" } .fa-think-peaks:before { content: "\f731" } .fa-thumbs-down:before { content: "\f165" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbtack:before { content: "\f08d" } .fa-thunderstorm:before { content: "\f76c" } .fa-thunderstorm-moon:before { content: "\f76d" } .fa-thunderstorm-sun:before { content: "\f76e" } .fa-ticket:before { content: "\f145" } .fa-ticket-alt:before { content: "\f3ff" } .fa-tiktok:before { content: "\e07b" } .fa-tilde:before { content: "\f69f" } .fa-times:before { content: "\f00d" } .fa-times-circle:before { content: "\f057" } .fa-times-hexagon:before { content: "\f2ee" } .fa-times-octagon:before { content: "\f2f0" } .fa-times-square:before { content: "\f2d3" } .fa-tint:before { content: "\f043" } .fa-tint-slash:before { content: "\f5c7" } .fa-tire:before { content: "\f631" } .fa-tire-flat:before { content: "\f632" } .fa-tire-pressure-warning:before { content: "\f633" } .fa-tire-rugged:before { content: "\f634" } .fa-tired:before { content: "\f5c8" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-toilet:before { content: "\f7d8" } .fa-toilet-paper:before { content: "\f71e" } .fa-toilet-paper-alt:before { content: "\f71f" } .fa-toilet-paper-slash:before { content: "\e072" } .fa-tombstone:before { content: "\f720" } .fa-tombstone-alt:before { content: "\f721" } .fa-toolbox:before { content: "\f552" } .fa-tools:before { content: "\f7d9" } .fa-tooth:before { content: "\f5c9" } .fa-toothbrush:before { content: "\f635" } .fa-torah:before { content: "\f6a0" } .fa-torii-gate:before { content: "\f6a1" } .fa-tornado:before { content: "\f76f" } .fa-tractor:before { content: "\f722" } .fa-trade-federation:before { content: "\f513" } .fa-trademark:before { content: "\f25c" } .fa-traffic-cone:before { content: "\f636" } .fa-traffic-light:before { content: "\f637" } .fa-traffic-light-go:before { content: "\f638" } .fa-traffic-light-slow:before { content: "\f639" } .fa-traffic-light-stop:before { content: "\f63a" } .fa-trailer:before { content: "\e041" } .fa-train:before { content: "\f238" } .fa-tram:before { content: "\f7da" } .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-transporter:before { content: "\e042" } .fa-transporter-1:before { content: "\e043" } .fa-transporter-2:before { content: "\e044" } .fa-transporter-3:before { content: "\e045" } .fa-transporter-empty:before { content: "\e046" } .fa-trash:before { content: "\f1f8" } .fa-trash-alt:before { content: "\f2ed" } .fa-trash-restore:before { content: "\f829" } .fa-trash-restore-alt:before { content: "\f82a" } .fa-trash-undo:before { content: "\f895" } .fa-trash-undo-alt:before { content: "\f896" } .fa-treasure-chest:before { content: "\f723" } .fa-tree:before { content: "\f1bb" } .fa-tree-alt:before { content: "\f400" } .fa-tree-christmas:before { content: "\f7db" } .fa-tree-decorated:before { content: "\f7dc" } .fa-tree-large:before { content: "\f7dd" } .fa-tree-palm:before { content: "\f82b" } .fa-trees:before { content: "\f724" } .fa-trello:before { content: "\f181" } .fa-triangle:before { content: "\f2ec" } .fa-triangle-music:before { content: "\f8e2" } .fa-tripadvisor:before { content: "\f262" } .fa-trophy:before { content: "\f091" } .fa-trophy-alt:before { content: "\f2eb" } .fa-truck:before { content: "\f0d1" } .fa-truck-container:before { content: "\f4dc" } .fa-truck-couch:before { content: "\f4dd" } .fa-truck-loading:before { content: "\f4de" } .fa-truck-monster:before { content: "\f63b" } .fa-truck-moving:before { content: "\f4df" } .fa-truck-pickup:before { content: "\f63c" } .fa-truck-plow:before { content: "\f7de" } .fa-truck-ramp:before { content: "\f4e0" } .fa-trumpet:before { content: "\f8e3" } .fa-tshirt:before { content: "\f553" } .fa-tty:before { content: "\f1e4" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-turkey:before { content: "\f725" } .fa-turntable:before { content: "\f8e4" } .fa-turtle:before { content: "\f726" } .fa-tv:before { content: "\f26c" } .fa-tv-alt:before { content: "\f8e5" } .fa-tv-music:before { content: "\f8e6" } .fa-tv-retro:before { content: "\f401" } .fa-twitch:before { content: "\f1e8" } .fa-twitter:before { content: "\f099" } .fa-twitter-square:before { content: "\f081" } .fa-typewriter:before { content: "\f8e7" } .fa-typo3:before { content: "\f42b" } .fa-uber:before { content: "\f402" } .fa-ubuntu:before { content: "\f7df" } .fa-ufo:before { content: "\e047" } .fa-ufo-beam:before { content: "\e048" } .fa-uikit:before { content: "\f403" } .fa-umbraco:before { content: "\f8e8" } .fa-umbrella:before { content: "\f0e9" } .fa-umbrella-beach:before { content: "\f5ca" } .fa-uncharted:before { content: "\e084" } .fa-underline:before { content: "\f0cd" } .fa-undo:before { content: "\f0e2" } .fa-undo-alt:before { content: "\f2ea" } .fa-unicorn:before { content: "\f727" } .fa-union:before { content: "\f6a2" } .fa-uniregistry:before { content: "\f404" } .fa-unity:before { content: "\e049" } .fa-universal-access:before { content: "\f29a" } .fa-university:before { content: "\f19c" } .fa-unlink:before { content: "\f127" } .fa-unlock:before { content: "\f09c" } .fa-unlock-alt:before { content: "\f13e" } .fa-unsplash:before { content: "\e07c" } .fa-untappd:before { content: "\f405" } .fa-upload:before { content: "\f093" } .fa-ups:before { content: "\f7e0" } .fa-usb:before { content: "\f287" } .fa-usb-drive:before { content: "\f8e9" } .fa-usd-circle:before { content: "\f2e8" } .fa-usd-square:before { content: "\f2e9" } .fa-user:before { content: "\f007" } .fa-user-alien:before { content: "\e04a" } .fa-user-alt:before { content: "\f406" } .fa-user-alt-slash:before { content: "\f4fa" } .fa-user-astronaut:before { content: "\f4fb" } .fa-user-chart:before { content: "\f6a3" } .fa-user-check:before { content: "\f4fc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-clock:before { content: "\f4fd" } .fa-user-cog:before { content: "\f4fe" } .fa-user-cowboy:before { content: "\f8ea" } .fa-user-crown:before { content: "\f6a4" } .fa-user-edit:before { content: "\f4ff" } .fa-user-friends:before { content: "\f500" } .fa-user-graduate:before { content: "\f501" } .fa-user-hard-hat:before { content: "\f82c" } .fa-user-headset:before { content: "\f82d" } .fa-user-injured:before { content: "\f728" } .fa-user-lock:before { content: "\f502" } .fa-user-md:before { content: "\f0f0" } .fa-user-md-chat:before { content: "\f82e" } .fa-user-minus:before { content: "\f503" } .fa-user-music:before { content: "\f8eb" } .fa-user-ninja:before { content: "\f504" } .fa-user-nurse:before { content: "\f82f" } .fa-user-plus:before { content: "\f234" } .fa-user-robot:before { content: "\e04b" } .fa-user-secret:before { content: "\f21b" } .fa-user-shield:before { content: "\f505" } .fa-user-slash:before { content: "\f506" } .fa-user-tag:before { content: "\f507" } .fa-user-tie:before { content: "\f508" } .fa-user-times:before { content: "\f235" } .fa-user-unlock:before { content: "\e058" } .fa-user-visor:before { content: "\e04c" } .fa-users:before { content: "\f0c0" } .fa-users-class:before { content: "\f63d" } .fa-users-cog:before { content: "\f509" } .fa-users-crown:before { content: "\f6a5" } .fa-users-medical:before { content: "\f830" } .fa-users-slash:before { content: "\e073" } .fa-usps:before { content: "\f7e1" } .fa-ussunnah:before { content: "\f407" } .fa-utensil-fork:before { content: "\f2e3" } .fa-utensil-knife:before { content: "\f2e4" } .fa-utensil-spoon:before { content: "\f2e5" } .fa-utensils:before { content: "\f2e7" } .fa-utensils-alt:before { content: "\f2e6" } .fa-vaadin:before { content: "\f408" } .fa-vacuum:before { content: "\e04d" } .fa-vacuum-robot:before { content: "\e04e" } .fa-value-absolute:before { content: "\f6a6" } .fa-vector-square:before { content: "\f5cb" } .fa-venus:before { content: "\f221" } .fa-venus-double:before { content: "\f226" } .fa-venus-mars:before { content: "\f228" } .fa-vest:before { content: "\e085" } .fa-vest-patches:before { content: "\e086" } .fa-vhs:before { content: "\f8ec" } .fa-viacoin:before { content: "\f237" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-vial:before { content: "\f492" } .fa-vials:before { content: "\f493" } .fa-viber:before { content: "\f409" } .fa-video:before { content: "\f03d" } .fa-video-plus:before { content: "\f4e1" } .fa-video-slash:before { content: "\f4e2" } .fa-vihara:before { content: "\f6a7" } .fa-vimeo:before { content: "\f40a" } .fa-vimeo-square:before { content: "\f194" } .fa-vimeo-v:before { content: "\f27d" } .fa-vine:before { content: "\f1ca" } .fa-violin:before { content: "\f8ed" } .fa-virus:before { content: "\e074" } .fa-virus-slash:before { content: "\e075" } .fa-viruses:before { content: "\e076" } .fa-vk:before { content: "\f189" } .fa-vnv:before { content: "\f40b" } .fa-voicemail:before { content: "\f897" } .fa-volcano:before { content: "\f770" } .fa-volleyball-ball:before { content: "\f45f" } .fa-volume:before { content: "\f6a8" } .fa-volume-down:before { content: "\f027" } .fa-volume-mute:before { content: "\f6a9" } .fa-volume-off:before { content: "\f026" } .fa-volume-slash:before { content: "\f2e2" } .fa-volume-up:before { content: "\f028" } .fa-vote-nay:before { content: "\f771" } .fa-vote-yea:before { content: "\f772" } .fa-vr-cardboard:before { content: "\f729" } .fa-vuejs:before { content: "\f41f" } .fa-wagon-covered:before { content: "\f8ee" } .fa-walker:before { content: "\f831" } .fa-walkie-talkie:before { content: "\f8ef" } .fa-walking:before { content: "\f554" } .fa-wallet:before { content: "\f555" } .fa-wand:before { content: "\f72a" } .fa-wand-magic:before { content: "\f72b" } .fa-warehouse:before { content: "\f494" } .fa-warehouse-alt:before { content: "\f495" } .fa-washer:before { content: "\f898" } .fa-watch:before { content: "\f2e1" } .fa-watch-calculator:before { content: "\f8f0" } .fa-watch-fitness:before { content: "\f63e" } .fa-watchman-monitoring:before { content: "\e087" } .fa-water:before { content: "\f773" } .fa-water-lower:before { content: "\f774" } .fa-water-rise:before { content: "\f775" } .fa-wave-sine:before { content: "\f899" } .fa-wave-square:before { content: "\f83e" } .fa-wave-triangle:before { content: "\f89a" } .fa-waveform:before { content: "\f8f1" } .fa-waveform-path:before { content: "\f8f2" } .fa-waze:before { content: "\f83f" } .fa-webcam:before { content: "\f832" } .fa-webcam-slash:before { content: "\f833" } .fa-weebly:before { content: "\f5cc" } .fa-weibo:before { content: "\f18a" } .fa-weight:before { content: "\f496" } .fa-weight-hanging:before { content: "\f5cd" } .fa-weixin:before { content: "\f1d7" } .fa-whale:before { content: "\f72c" } .fa-whatsapp:before { content: "\f232" } .fa-whatsapp-square:before { content: "\f40c" } .fa-wheat:before { content: "\f72d" } .fa-wheelchair:before { content: "\f193" } .fa-whistle:before { content: "\f460" } .fa-whmcs:before { content: "\f40d" } .fa-wifi:before { content: "\f1eb" } .fa-wifi-1:before { content: "\f6aa" } .fa-wifi-2:before { content: "\f6ab" } .fa-wifi-slash:before { content: "\f6ac" } .fa-wikipedia-w:before { content: "\f266" } .fa-wind:before { content: "\f72e" } .fa-wind-turbine:before { content: "\f89b" } .fa-wind-warning:before { content: "\f776" } .fa-window:before { content: "\f40e" } .fa-window-alt:before { content: "\f40f" } .fa-window-close:before { content: "\f410" } .fa-window-frame:before { content: "\e04f" } .fa-window-frame-open:before { content: "\e050" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-windows:before { content: "\f17a" } .fa-windsock:before { content: "\f777" } .fa-wine-bottle:before { content: "\f72f" } .fa-wine-glass:before { content: "\f4e3" } .fa-wine-glass-alt:before { content: "\f5ce" } .fa-wix:before { content: "\f5cf" } .fa-wizards-of-the-coast:before { content: "\f730" } .fa-wodu:before { content: "\e088" } .fa-wolf-pack-battalion:before { content: "\f514" } .fa-won-sign:before { content: "\f159" } .fa-wordpress:before { content: "\f19a" } .fa-wordpress-simple:before { content: "\f411" } .fa-wpbeginner:before { content: "\f297" } .fa-wpexplorer:before { content: "\f2de" } .fa-wpforms:before { content: "\f298" } .fa-wpressr:before { content: "\f3e4" } .fa-wreath:before { content: "\f7e2" } .fa-wrench:before { content: "\f0ad" } .fa-x-ray:before { content: "\f497" } .fa-xbox:before { content: "\f412" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-y-combinator:before { content: "\f23b" } .fa-yahoo:before { content: "\f19e" } .fa-yammer:before { content: "\f840" } .fa-yandex:before { content: "\f413" } .fa-yandex-international:before { content: "\f414" } .fa-yarn:before { content: "\f7e3" } .fa-yelp:before { content: "\f1e9" } .fa-yen-sign:before { content: "\f157" } .fa-yin-yang:before { content: "\f6ad" } .fa-yoast:before { content: "\f2b1" } .fa-youtube:before { content: "\f167" } .fa-youtube-square:before { content: "\f431" } .fa-zhihu:before { content: "\f63f" } .sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url(../fonts/fa-brands-400.eot); src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg") } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400 } @font-face { font-family: "Font Awesome 5 Duotone"; font-style: normal; font-weight: 900; font-display: block; src: url(../fonts/fa-duotone-900.eot); src: url(../fonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-duotone-900.woff2) format("woff2"),url(../fonts/fa-duotone-900.woff) format("woff"),url(../fonts/fa-duotone-900.ttf) format("truetype"),url(../fonts/fa-duotone-900.svg#fontawesome) format("svg") } .fad { position: relative; font-family: "Font Awesome 5 Duotone"; font-weight: 900 } .fad:before { position: absolute; color: var(--fa-primary-color,inherit); opacity: 1; opacity: var(--fa-primary-opacity,1) } .fad:after { color: var(--fa-secondary-color,inherit) } .fa-swap-opacity .fad:before, .fad.fa-swap-opacity:before, .fad:after { opacity: .4; opacity: var(--fa-secondary-opacity,.4) } .fa-swap-opacity .fad:after, .fad.fa-swap-opacity:after { opacity: 1; opacity: var(--fa-primary-opacity,1) } .fad.fa-inverse { color: #fff } .fad.fa-stack-1x, .fad.fa-stack-2x { position: absolute } .fad.fa-fw:before, .fad.fa-stack-1x:before, .fad.fa-stack-2x:before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .fad.fa-abacus:after { content: "\10f640" } .fad.fa-acorn:after { content: "\10f6ae" } .fad.fa-ad:after { content: "\10f641" } .fad.fa-address-book:after { content: "\10f2b9" } .fad.fa-address-card:after { content: "\10f2bb" } .fad.fa-adjust:after { content: "\10f042" } .fad.fa-air-conditioner:after { content: "\10f8f4" } .fad.fa-air-freshener:after { content: "\10f5d0" } .fad.fa-alarm-clock:after { content: "\10f34e" } .fad.fa-alarm-exclamation:after { content: "\10f843" } .fad.fa-alarm-plus:after { content: "\10f844" } .fad.fa-alarm-snooze:after { content: "\10f845" } .fad.fa-album:after { content: "\10f89f" } .fad.fa-album-collection:after { content: "\10f8a0" } .fad.fa-alicorn:after { content: "\10f6b0" } .fad.fa-alien:after { content: "\10f8f5" } .fad.fa-alien-monster:after { content: "\10f8f6" } .fad.fa-align-center:after { content: "\10f037" } .fad.fa-align-justify:after { content: "\10f039" } .fad.fa-align-left:after { content: "\10f036" } .fad.fa-align-right:after { content: "\10f038" } .fad.fa-align-slash:after { content: "\10f846" } .fad.fa-allergies:after { content: "\10f461" } .fad.fa-ambulance:after { content: "\10f0f9" } .fad.fa-american-sign-language-interpreting:after { content: "\10f2a3" } .fad.fa-amp-guitar:after { content: "\10f8a1" } .fad.fa-analytics:after { content: "\10f643" } .fad.fa-anchor:after { content: "\10f13d" } .fad.fa-angel:after { content: "\10f779" } .fad.fa-angle-double-down:after { content: "\10f103" } .fad.fa-angle-double-left:after { content: "\10f100" } .fad.fa-angle-double-right:after { content: "\10f101" } .fad.fa-angle-double-up:after { content: "\10f102" } .fad.fa-angle-down:after { content: "\10f107" } .fad.fa-angle-left:after { content: "\10f104" } .fad.fa-angle-right:after { content: "\10f105" } .fad.fa-angle-up:after { content: "\10f106" } .fad.fa-angry:after { content: "\10f556" } .fad.fa-ankh:after { content: "\10f644" } .fad.fa-apple-alt:after { content: "\10f5d1" } .fad.fa-apple-crate:after { content: "\10f6b1" } .fad.fa-archive:after { content: "\10f187" } .fad.fa-archway:after { content: "\10f557" } .fad.fa-arrow-alt-circle-down:after { content: "\10f358" } .fad.fa-arrow-alt-circle-left:after { content: "\10f359" } .fad.fa-arrow-alt-circle-right:after { content: "\10f35a" } .fad.fa-arrow-alt-circle-up:after { content: "\10f35b" } .fad.fa-arrow-alt-down:after { content: "\10f354" } .fad.fa-arrow-alt-from-bottom:after { content: "\10f346" } .fad.fa-arrow-alt-from-left:after { content: "\10f347" } .fad.fa-arrow-alt-from-right:after { content: "\10f348" } .fad.fa-arrow-alt-from-top:after { content: "\10f349" } .fad.fa-arrow-alt-left:after { content: "\10f355" } .fad.fa-arrow-alt-right:after { content: "\10f356" } .fad.fa-arrow-alt-square-down:after { content: "\10f350" } .fad.fa-arrow-alt-square-left:after { content: "\10f351" } .fad.fa-arrow-alt-square-right:after { content: "\10f352" } .fad.fa-arrow-alt-square-up:after { content: "\10f353" } .fad.fa-arrow-alt-to-bottom:after { content: "\10f34a" } .fad.fa-arrow-alt-to-left:after { content: "\10f34b" } .fad.fa-arrow-alt-to-right:after { content: "\10f34c" } .fad.fa-arrow-alt-to-top:after { content: "\10f34d" } .fad.fa-arrow-alt-up:after { content: "\10f357" } .fad.fa-arrow-circle-down:after { content: "\10f0ab" } .fad.fa-arrow-circle-left:after { content: "\10f0a8" } .fad.fa-arrow-circle-right:after { content: "\10f0a9" } .fad.fa-arrow-circle-up:after { content: "\10f0aa" } .fad.fa-arrow-down:after { content: "\10f063" } .fad.fa-arrow-from-bottom:after { content: "\10f342" } .fad.fa-arrow-from-left:after { content: "\10f343" } .fad.fa-arrow-from-right:after { content: "\10f344" } .fad.fa-arrow-from-top:after { content: "\10f345" } .fad.fa-arrow-left:after { content: "\10f060" } .fad.fa-arrow-right:after { content: "\10f061" } .fad.fa-arrow-square-down:after { content: "\10f339" } .fad.fa-arrow-square-left:after { content: "\10f33a" } .fad.fa-arrow-square-right:after { content: "\10f33b" } .fad.fa-arrow-square-up:after { content: "\10f33c" } .fad.fa-arrow-to-bottom:after { content: "\10f33d" } .fad.fa-arrow-to-left:after { content: "\10f33e" } .fad.fa-arrow-to-right:after { content: "\10f340" } .fad.fa-arrow-to-top:after { content: "\10f341" } .fad.fa-arrow-up:after { content: "\10f062" } .fad.fa-arrows:after { content: "\10f047" } .fad.fa-arrows-alt:after { content: "\10f0b2" } .fad.fa-arrows-alt-h:after { content: "\10f337" } .fad.fa-arrows-alt-v:after { content: "\10f338" } .fad.fa-arrows-h:after { content: "\10f07e" } .fad.fa-arrows-v:after { content: "\10f07d" } .fad.fa-assistive-listening-systems:after { content: "\10f2a2" } .fad.fa-asterisk:after { content: "\10f069" } .fad.fa-at:after { content: "\10f1fa" } .fad.fa-atlas:after { content: "\10f558" } .fad.fa-atom:after { content: "\10f5d2" } .fad.fa-atom-alt:after { content: "\10f5d3" } .fad.fa-audio-description:after { content: "\10f29e" } .fad.fa-award:after { content: "\10f559" } .fad.fa-axe:after { content: "\10f6b2" } .fad.fa-axe-battle:after { content: "\10f6b3" } .fad.fa-baby:after { content: "\10f77c" } .fad.fa-baby-carriage:after { content: "\10f77d" } .fad.fa-backpack:after { content: "\10f5d4" } .fad.fa-backspace:after { content: "\10f55a" } .fad.fa-backward:after { content: "\10f04a" } .fad.fa-bacon:after { content: "\10f7e5" } .fad.fa-bacteria:after { content: "\10e059" } .fad.fa-bacterium:after { content: "\10e05a" } .fad.fa-badge:after { content: "\10f335" } .fad.fa-badge-check:after { content: "\10f336" } .fad.fa-badge-dollar:after { content: "\10f645" } .fad.fa-badge-percent:after { content: "\10f646" } .fad.fa-badge-sheriff:after { content: "\10f8a2" } .fad.fa-badger-honey:after { content: "\10f6b4" } .fad.fa-bags-shopping:after { content: "\10f847" } .fad.fa-bahai:after { content: "\10f666" } .fad.fa-balance-scale:after { content: "\10f24e" } .fad.fa-balance-scale-left:after { content: "\10f515" } .fad.fa-balance-scale-right:after { content: "\10f516" } .fad.fa-ball-pile:after { content: "\10f77e" } .fad.fa-ballot:after { content: "\10f732" } .fad.fa-ballot-check:after { content: "\10f733" } .fad.fa-ban:after { content: "\10f05e" } .fad.fa-band-aid:after { content: "\10f462" } .fad.fa-banjo:after { content: "\10f8a3" } .fad.fa-barcode:after { content: "\10f02a" } .fad.fa-barcode-alt:after { content: "\10f463" } .fad.fa-barcode-read:after { content: "\10f464" } .fad.fa-barcode-scan:after { content: "\10f465" } .fad.fa-bars:after { content: "\10f0c9" } .fad.fa-baseball:after { content: "\10f432" } .fad.fa-baseball-ball:after { content: "\10f433" } .fad.fa-basketball-ball:after { content: "\10f434" } .fad.fa-basketball-hoop:after { content: "\10f435" } .fad.fa-bat:after { content: "\10f6b5" } .fad.fa-bath:after { content: "\10f2cd" } .fad.fa-battery-bolt:after { content: "\10f376" } .fad.fa-battery-empty:after { content: "\10f244" } .fad.fa-battery-full:after { content: "\10f240" } .fad.fa-battery-half:after { content: "\10f242" } .fad.fa-battery-quarter:after { content: "\10f243" } .fad.fa-battery-slash:after { content: "\10f377" } .fad.fa-battery-three-quarters:after { content: "\10f241" } .fad.fa-bed:after { content: "\10f236" } .fad.fa-bed-alt:after { content: "\10f8f7" } .fad.fa-bed-bunk:after { content: "\10f8f8" } .fad.fa-bed-empty:after { content: "\10f8f9" } .fad.fa-beer:after { content: "\10f0fc" } .fad.fa-bell:after { content: "\10f0f3" } .fad.fa-bell-exclamation:after { content: "\10f848" } .fad.fa-bell-on:after { content: "\10f8fa" } .fad.fa-bell-plus:after { content: "\10f849" } .fad.fa-bell-school:after { content: "\10f5d5" } .fad.fa-bell-school-slash:after { content: "\10f5d6" } .fad.fa-bell-slash:after { content: "\10f1f6" } .fad.fa-bells:after { content: "\10f77f" } .fad.fa-betamax:after { content: "\10f8a4" } .fad.fa-bezier-curve:after { content: "\10f55b" } .fad.fa-bible:after { content: "\10f647" } .fad.fa-bicycle:after { content: "\10f206" } .fad.fa-biking:after { content: "\10f84a" } .fad.fa-biking-mountain:after { content: "\10f84b" } .fad.fa-binoculars:after { content: "\10f1e5" } .fad.fa-biohazard:after { content: "\10f780" } .fad.fa-birthday-cake:after { content: "\10f1fd" } .fad.fa-blanket:after { content: "\10f498" } .fad.fa-blender:after { content: "\10f517" } .fad.fa-blender-phone:after { content: "\10f6b6" } .fad.fa-blind:after { content: "\10f29d" } .fad.fa-blinds:after { content: "\10f8fb" } .fad.fa-blinds-open:after { content: "\10f8fc" } .fad.fa-blinds-raised:after { content: "\10f8fd" } .fad.fa-blog:after { content: "\10f781" } .fad.fa-bold:after { content: "\10f032" } .fad.fa-bolt:after { content: "\10f0e7" } .fad.fa-bomb:after { content: "\10f1e2" } .fad.fa-bone:after { content: "\10f5d7" } .fad.fa-bone-break:after { content: "\10f5d8" } .fad.fa-bong:after { content: "\10f55c" } .fad.fa-book:after { content: "\10f02d" } .fad.fa-book-alt:after { content: "\10f5d9" } .fad.fa-book-dead:after { content: "\10f6b7" } .fad.fa-book-heart:after { content: "\10f499" } .fad.fa-book-medical:after { content: "\10f7e6" } .fad.fa-book-open:after { content: "\10f518" } .fad.fa-book-reader:after { content: "\10f5da" } .fad.fa-book-spells:after { content: "\10f6b8" } .fad.fa-book-user:after { content: "\10f7e7" } .fad.fa-bookmark:after { content: "\10f02e" } .fad.fa-books:after { content: "\10f5db" } .fad.fa-books-medical:after { content: "\10f7e8" } .fad.fa-boombox:after { content: "\10f8a5" } .fad.fa-boot:after { content: "\10f782" } .fad.fa-booth-curtain:after { content: "\10f734" } .fad.fa-border-all:after { content: "\10f84c" } .fad.fa-border-bottom:after { content: "\10f84d" } .fad.fa-border-center-h:after { content: "\10f89c" } .fad.fa-border-center-v:after { content: "\10f89d" } .fad.fa-border-inner:after { content: "\10f84e" } .fad.fa-border-left:after { content: "\10f84f" } .fad.fa-border-none:after { content: "\10f850" } .fad.fa-border-outer:after { content: "\10f851" } .fad.fa-border-right:after { content: "\10f852" } .fad.fa-border-style:after { content: "\10f853" } .fad.fa-border-style-alt:after { content: "\10f854" } .fad.fa-border-top:after { content: "\10f855" } .fad.fa-bow-arrow:after { content: "\10f6b9" } .fad.fa-bowling-ball:after { content: "\10f436" } .fad.fa-bowling-pins:after { content: "\10f437" } .fad.fa-box:after { content: "\10f466" } .fad.fa-box-alt:after { content: "\10f49a" } .fad.fa-box-ballot:after { content: "\10f735" } .fad.fa-box-check:after { content: "\10f467" } .fad.fa-box-fragile:after { content: "\10f49b" } .fad.fa-box-full:after { content: "\10f49c" } .fad.fa-box-heart:after { content: "\10f49d" } .fad.fa-box-open:after { content: "\10f49e" } .fad.fa-box-tissue:after { content: "\10e05b" } .fad.fa-box-up:after { content: "\10f49f" } .fad.fa-box-usd:after { content: "\10f4a0" } .fad.fa-boxes:after { content: "\10f468" } .fad.fa-boxes-alt:after { content: "\10f4a1" } .fad.fa-boxing-glove:after { content: "\10f438" } .fad.fa-brackets:after { content: "\10f7e9" } .fad.fa-brackets-curly:after { content: "\10f7ea" } .fad.fa-braille:after { content: "\10f2a1" } .fad.fa-brain:after { content: "\10f5dc" } .fad.fa-bread-loaf:after { content: "\10f7eb" } .fad.fa-bread-slice:after { content: "\10f7ec" } .fad.fa-briefcase:after { content: "\10f0b1" } .fad.fa-briefcase-medical:after { content: "\10f469" } .fad.fa-bring-forward:after { content: "\10f856" } .fad.fa-bring-front:after { content: "\10f857" } .fad.fa-broadcast-tower:after { content: "\10f519" } .fad.fa-broom:after { content: "\10f51a" } .fad.fa-browser:after { content: "\10f37e" } .fad.fa-brush:after { content: "\10f55d" } .fad.fa-bug:after { content: "\10f188" } .fad.fa-building:after { content: "\10f1ad" } .fad.fa-bullhorn:after { content: "\10f0a1" } .fad.fa-bullseye:after { content: "\10f140" } .fad.fa-bullseye-arrow:after { content: "\10f648" } .fad.fa-bullseye-pointer:after { content: "\10f649" } .fad.fa-burger-soda:after { content: "\10f858" } .fad.fa-burn:after { content: "\10f46a" } .fad.fa-burrito:after { content: "\10f7ed" } .fad.fa-bus:after { content: "\10f207" } .fad.fa-bus-alt:after { content: "\10f55e" } .fad.fa-bus-school:after { content: "\10f5dd" } .fad.fa-business-time:after { content: "\10f64a" } .fad.fa-cabinet-filing:after { content: "\10f64b" } .fad.fa-cactus:after { content: "\10f8a7" } .fad.fa-calculator:after { content: "\10f1ec" } .fad.fa-calculator-alt:after { content: "\10f64c" } .fad.fa-calendar:after { content: "\10f133" } .fad.fa-calendar-alt:after { content: "\10f073" } .fad.fa-calendar-check:after { content: "\10f274" } .fad.fa-calendar-day:after { content: "\10f783" } .fad.fa-calendar-edit:after { content: "\10f333" } .fad.fa-calendar-exclamation:after { content: "\10f334" } .fad.fa-calendar-minus:after { content: "\10f272" } .fad.fa-calendar-plus:after { content: "\10f271" } .fad.fa-calendar-star:after { content: "\10f736" } .fad.fa-calendar-times:after { content: "\10f273" } .fad.fa-calendar-week:after { content: "\10f784" } .fad.fa-camcorder:after { content: "\10f8a8" } .fad.fa-camera:after { content: "\10f030" } .fad.fa-camera-alt:after { content: "\10f332" } .fad.fa-camera-home:after { content: "\10f8fe" } .fad.fa-camera-movie:after { content: "\10f8a9" } .fad.fa-camera-polaroid:after { content: "\10f8aa" } .fad.fa-camera-retro:after { content: "\10f083" } .fad.fa-campfire:after { content: "\10f6ba" } .fad.fa-campground:after { content: "\10f6bb" } .fad.fa-candle-holder:after { content: "\10f6bc" } .fad.fa-candy-cane:after { content: "\10f786" } .fad.fa-candy-corn:after { content: "\10f6bd" } .fad.fa-cannabis:after { content: "\10f55f" } .fad.fa-capsules:after { content: "\10f46b" } .fad.fa-car:after { content: "\10f1b9" } .fad.fa-car-alt:after { content: "\10f5de" } .fad.fa-car-battery:after { content: "\10f5df" } .fad.fa-car-building:after { content: "\10f859" } .fad.fa-car-bump:after { content: "\10f5e0" } .fad.fa-car-bus:after { content: "\10f85a" } .fad.fa-car-crash:after { content: "\10f5e1" } .fad.fa-car-garage:after { content: "\10f5e2" } .fad.fa-car-mechanic:after { content: "\10f5e3" } .fad.fa-car-side:after { content: "\10f5e4" } .fad.fa-car-tilt:after { content: "\10f5e5" } .fad.fa-car-wash:after { content: "\10f5e6" } .fad.fa-caravan:after { content: "\10f8ff" } .fad.fa-caravan-alt:after { content: "\10e000" } .fad.fa-caret-circle-down:after { content: "\10f32d" } .fad.fa-caret-circle-left:after { content: "\10f32e" } .fad.fa-caret-circle-right:after { content: "\10f330" } .fad.fa-caret-circle-up:after { content: "\10f331" } .fad.fa-caret-down:after { content: "\10f0d7" } .fad.fa-caret-left:after { content: "\10f0d9" } .fad.fa-caret-right:after { content: "\10f0da" } .fad.fa-caret-square-down:after { content: "\10f150" } .fad.fa-caret-square-left:after { content: "\10f191" } .fad.fa-caret-square-right:after { content: "\10f152" } .fad.fa-caret-square-up:after { content: "\10f151" } .fad.fa-caret-up:after { content: "\10f0d8" } .fad.fa-carrot:after { content: "\10f787" } .fad.fa-cars:after { content: "\10f85b" } .fad.fa-cart-arrow-down:after { content: "\10f218" } .fad.fa-cart-plus:after { content: "\10f217" } .fad.fa-cash-register:after { content: "\10f788" } .fad.fa-cassette-tape:after { content: "\10f8ab" } .fad.fa-cat:after { content: "\10f6be" } .fad.fa-cat-space:after { content: "\10e001" } .fad.fa-cauldron:after { content: "\10f6bf" } .fad.fa-cctv:after { content: "\10f8ac" } .fad.fa-certificate:after { content: "\10f0a3" } .fad.fa-chair:after { content: "\10f6c0" } .fad.fa-chair-office:after { content: "\10f6c1" } .fad.fa-chalkboard:after { content: "\10f51b" } .fad.fa-chalkboard-teacher:after { content: "\10f51c" } .fad.fa-charging-station:after { content: "\10f5e7" } .fad.fa-chart-area:after { content: "\10f1fe" } .fad.fa-chart-bar:after { content: "\10f080" } .fad.fa-chart-line:after { content: "\10f201" } .fad.fa-chart-line-down:after { content: "\10f64d" } .fad.fa-chart-network:after { content: "\10f78a" } .fad.fa-chart-pie:after { content: "\10f200" } .fad.fa-chart-pie-alt:after { content: "\10f64e" } .fad.fa-chart-scatter:after { content: "\10f7ee" } .fad.fa-check:after { content: "\10f00c" } .fad.fa-check-circle:after { content: "\10f058" } .fad.fa-check-double:after { content: "\10f560" } .fad.fa-check-square:after { content: "\10f14a" } .fad.fa-cheese:after { content: "\10f7ef" } .fad.fa-cheese-swiss:after { content: "\10f7f0" } .fad.fa-cheeseburger:after { content: "\10f7f1" } .fad.fa-chess:after { content: "\10f439" } .fad.fa-chess-bishop:after { content: "\10f43a" } .fad.fa-chess-bishop-alt:after { content: "\10f43b" } .fad.fa-chess-board:after { content: "\10f43c" } .fad.fa-chess-clock:after { content: "\10f43d" } .fad.fa-chess-clock-alt:after { content: "\10f43e" } .fad.fa-chess-king:after { content: "\10f43f" } .fad.fa-chess-king-alt:after { content: "\10f440" } .fad.fa-chess-knight:after { content: "\10f441" } .fad.fa-chess-knight-alt:after { content: "\10f442" } .fad.fa-chess-pawn:after { content: "\10f443" } .fad.fa-chess-pawn-alt:after { content: "\10f444" } .fad.fa-chess-queen:after { content: "\10f445" } .fad.fa-chess-queen-alt:after { content: "\10f446" } .fad.fa-chess-rook:after { content: "\10f447" } .fad.fa-chess-rook-alt:after { content: "\10f448" } .fad.fa-chevron-circle-down:after { content: "\10f13a" } .fad.fa-chevron-circle-left:after { content: "\10f137" } .fad.fa-chevron-circle-right:after { content: "\10f138" } .fad.fa-chevron-circle-up:after { content: "\10f139" } .fad.fa-chevron-double-down:after { content: "\10f322" } .fad.fa-chevron-double-left:after { content: "\10f323" } .fad.fa-chevron-double-right:after { content: "\10f324" } .fad.fa-chevron-double-up:after { content: "\10f325" } .fad.fa-chevron-down:after { content: "\10f078" } .fad.fa-chevron-left:after { content: "\10f053" } .fad.fa-chevron-right:after { content: "\10f054" } .fad.fa-chevron-square-down:after { content: "\10f329" } .fad.fa-chevron-square-left:after { content: "\10f32a" } .fad.fa-chevron-square-right:after { content: "\10f32b" } .fad.fa-chevron-square-up:after { content: "\10f32c" } .fad.fa-chevron-up:after { content: "\10f077" } .fad.fa-child:after { content: "\10f1ae" } .fad.fa-chimney:after { content: "\10f78b" } .fad.fa-church:after { content: "\10f51d" } .fad.fa-circle:after { content: "\10f111" } .fad.fa-circle-notch:after { content: "\10f1ce" } .fad.fa-city:after { content: "\10f64f" } .fad.fa-clarinet:after { content: "\10f8ad" } .fad.fa-claw-marks:after { content: "\10f6c2" } .fad.fa-clinic-medical:after { content: "\10f7f2" } .fad.fa-clipboard:after { content: "\10f328" } .fad.fa-clipboard-check:after { content: "\10f46c" } .fad.fa-clipboard-list:after { content: "\10f46d" } .fad.fa-clipboard-list-check:after { content: "\10f737" } .fad.fa-clipboard-prescription:after { content: "\10f5e8" } .fad.fa-clipboard-user:after { content: "\10f7f3" } .fad.fa-clock:after { content: "\10f017" } .fad.fa-clone:after { content: "\10f24d" } .fad.fa-closed-captioning:after { content: "\10f20a" } .fad.fa-cloud:after { content: "\10f0c2" } .fad.fa-cloud-download:after { content: "\10f0ed" } .fad.fa-cloud-download-alt:after { content: "\10f381" } .fad.fa-cloud-drizzle:after { content: "\10f738" } .fad.fa-cloud-hail:after { content: "\10f739" } .fad.fa-cloud-hail-mixed:after { content: "\10f73a" } .fad.fa-cloud-meatball:after { content: "\10f73b" } .fad.fa-cloud-moon:after { content: "\10f6c3" } .fad.fa-cloud-moon-rain:after { content: "\10f73c" } .fad.fa-cloud-music:after { content: "\10f8ae" } .fad.fa-cloud-rain:after { content: "\10f73d" } .fad.fa-cloud-rainbow:after { content: "\10f73e" } .fad.fa-cloud-showers:after { content: "\10f73f" } .fad.fa-cloud-showers-heavy:after { content: "\10f740" } .fad.fa-cloud-sleet:after { content: "\10f741" } .fad.fa-cloud-snow:after { content: "\10f742" } .fad.fa-cloud-sun:after { content: "\10f6c4" } .fad.fa-cloud-sun-rain:after { content: "\10f743" } .fad.fa-cloud-upload:after { content: "\10f0ee" } .fad.fa-cloud-upload-alt:after { content: "\10f382" } .fad.fa-clouds:after { content: "\10f744" } .fad.fa-clouds-moon:after { content: "\10f745" } .fad.fa-clouds-sun:after { content: "\10f746" } .fad.fa-club:after { content: "\10f327" } .fad.fa-cocktail:after { content: "\10f561" } .fad.fa-code:after { content: "\10f121" } .fad.fa-code-branch:after { content: "\10f126" } .fad.fa-code-commit:after { content: "\10f386" } .fad.fa-code-merge:after { content: "\10f387" } .fad.fa-coffee:after { content: "\10f0f4" } .fad.fa-coffee-pot:after { content: "\10e002" } .fad.fa-coffee-togo:after { content: "\10f6c5" } .fad.fa-coffin:after { content: "\10f6c6" } .fad.fa-coffin-cross:after { content: "\10e051" } .fad.fa-cog:after { content: "\10f013" } .fad.fa-cogs:after { content: "\10f085" } .fad.fa-coin:after { content: "\10f85c" } .fad.fa-coins:after { content: "\10f51e" } .fad.fa-columns:after { content: "\10f0db" } .fad.fa-comet:after { content: "\10e003" } .fad.fa-comment:after { content: "\10f075" } .fad.fa-comment-alt:after { content: "\10f27a" } .fad.fa-comment-alt-check:after { content: "\10f4a2" } .fad.fa-comment-alt-dollar:after { content: "\10f650" } .fad.fa-comment-alt-dots:after { content: "\10f4a3" } .fad.fa-comment-alt-edit:after { content: "\10f4a4" } .fad.fa-comment-alt-exclamation:after { content: "\10f4a5" } .fad.fa-comment-alt-lines:after { content: "\10f4a6" } .fad.fa-comment-alt-medical:after { content: "\10f7f4" } .fad.fa-comment-alt-minus:after { content: "\10f4a7" } .fad.fa-comment-alt-music:after { content: "\10f8af" } .fad.fa-comment-alt-plus:after { content: "\10f4a8" } .fad.fa-comment-alt-slash:after { content: "\10f4a9" } .fad.fa-comment-alt-smile:after { content: "\10f4aa" } .fad.fa-comment-alt-times:after { content: "\10f4ab" } .fad.fa-comment-check:after { content: "\10f4ac" } .fad.fa-comment-dollar:after { content: "\10f651" } .fad.fa-comment-dots:after { content: "\10f4ad" } .fad.fa-comment-edit:after { content: "\10f4ae" } .fad.fa-comment-exclamation:after { content: "\10f4af" } .fad.fa-comment-lines:after { content: "\10f4b0" } .fad.fa-comment-medical:after { content: "\10f7f5" } .fad.fa-comment-minus:after { content: "\10f4b1" } .fad.fa-comment-music:after { content: "\10f8b0" } .fad.fa-comment-plus:after { content: "\10f4b2" } .fad.fa-comment-slash:after { content: "\10f4b3" } .fad.fa-comment-smile:after { content: "\10f4b4" } .fad.fa-comment-times:after { content: "\10f4b5" } .fad.fa-comments:after { content: "\10f086" } .fad.fa-comments-alt:after { content: "\10f4b6" } .fad.fa-comments-alt-dollar:after { content: "\10f652" } .fad.fa-comments-dollar:after { content: "\10f653" } .fad.fa-compact-disc:after { content: "\10f51f" } .fad.fa-compass:after { content: "\10f14e" } .fad.fa-compass-slash:after { content: "\10f5e9" } .fad.fa-compress:after { content: "\10f066" } .fad.fa-compress-alt:after { content: "\10f422" } .fad.fa-compress-arrows-alt:after { content: "\10f78c" } .fad.fa-compress-wide:after { content: "\10f326" } .fad.fa-computer-classic:after { content: "\10f8b1" } .fad.fa-computer-speaker:after { content: "\10f8b2" } .fad.fa-concierge-bell:after { content: "\10f562" } .fad.fa-construction:after { content: "\10f85d" } .fad.fa-container-storage:after { content: "\10f4b7" } .fad.fa-conveyor-belt:after { content: "\10f46e" } .fad.fa-conveyor-belt-alt:after { content: "\10f46f" } .fad.fa-cookie:after { content: "\10f563" } .fad.fa-cookie-bite:after { content: "\10f564" } .fad.fa-copy:after { content: "\10f0c5" } .fad.fa-copyright:after { content: "\10f1f9" } .fad.fa-corn:after { content: "\10f6c7" } .fad.fa-couch:after { content: "\10f4b8" } .fad.fa-cow:after { content: "\10f6c8" } .fad.fa-cowbell:after { content: "\10f8b3" } .fad.fa-cowbell-more:after { content: "\10f8b4" } .fad.fa-credit-card:after { content: "\10f09d" } .fad.fa-credit-card-blank:after { content: "\10f389" } .fad.fa-credit-card-front:after { content: "\10f38a" } .fad.fa-cricket:after { content: "\10f449" } .fad.fa-croissant:after { content: "\10f7f6" } .fad.fa-crop:after { content: "\10f125" } .fad.fa-crop-alt:after { content: "\10f565" } .fad.fa-cross:after { content: "\10f654" } .fad.fa-crosshairs:after { content: "\10f05b" } .fad.fa-crow:after { content: "\10f520" } .fad.fa-crown:after { content: "\10f521" } .fad.fa-crutch:after { content: "\10f7f7" } .fad.fa-crutches:after { content: "\10f7f8" } .fad.fa-cube:after { content: "\10f1b2" } .fad.fa-cubes:after { content: "\10f1b3" } .fad.fa-curling:after { content: "\10f44a" } .fad.fa-cut:after { content: "\10f0c4" } .fad.fa-dagger:after { content: "\10f6cb" } .fad.fa-database:after { content: "\10f1c0" } .fad.fa-deaf:after { content: "\10f2a4" } .fad.fa-debug:after { content: "\10f7f9" } .fad.fa-deer:after { content: "\10f78e" } .fad.fa-deer-rudolph:after { content: "\10f78f" } .fad.fa-democrat:after { content: "\10f747" } .fad.fa-desktop:after { content: "\10f108" } .fad.fa-desktop-alt:after { content: "\10f390" } .fad.fa-dewpoint:after { content: "\10f748" } .fad.fa-dharmachakra:after { content: "\10f655" } .fad.fa-diagnoses:after { content: "\10f470" } .fad.fa-diamond:after { content: "\10f219" } .fad.fa-dice:after { content: "\10f522" } .fad.fa-dice-d10:after { content: "\10f6cd" } .fad.fa-dice-d12:after { content: "\10f6ce" } .fad.fa-dice-d20:after { content: "\10f6cf" } .fad.fa-dice-d4:after { content: "\10f6d0" } .fad.fa-dice-d6:after { content: "\10f6d1" } .fad.fa-dice-d8:after { content: "\10f6d2" } .fad.fa-dice-five:after { content: "\10f523" } .fad.fa-dice-four:after { content: "\10f524" } .fad.fa-dice-one:after { content: "\10f525" } .fad.fa-dice-six:after { content: "\10f526" } .fad.fa-dice-three:after { content: "\10f527" } .fad.fa-dice-two:after { content: "\10f528" } .fad.fa-digging:after { content: "\10f85e" } .fad.fa-digital-tachograph:after { content: "\10f566" } .fad.fa-diploma:after { content: "\10f5ea" } .fad.fa-directions:after { content: "\10f5eb" } .fad.fa-disc-drive:after { content: "\10f8b5" } .fad.fa-disease:after { content: "\10f7fa" } .fad.fa-divide:after { content: "\10f529" } .fad.fa-dizzy:after { content: "\10f567" } .fad.fa-dna:after { content: "\10f471" } .fad.fa-do-not-enter:after { content: "\10f5ec" } .fad.fa-dog:after { content: "\10f6d3" } .fad.fa-dog-leashed:after { content: "\10f6d4" } .fad.fa-dollar-sign:after { content: "\10f155" } .fad.fa-dolly:after { content: "\10f472" } .fad.fa-dolly-empty:after { content: "\10f473" } .fad.fa-dolly-flatbed:after { content: "\10f474" } .fad.fa-dolly-flatbed-alt:after { content: "\10f475" } .fad.fa-dolly-flatbed-empty:after { content: "\10f476" } .fad.fa-donate:after { content: "\10f4b9" } .fad.fa-door-closed:after { content: "\10f52a" } .fad.fa-door-open:after { content: "\10f52b" } .fad.fa-dot-circle:after { content: "\10f192" } .fad.fa-dove:after { content: "\10f4ba" } .fad.fa-download:after { content: "\10f019" } .fad.fa-drafting-compass:after { content: "\10f568" } .fad.fa-dragon:after { content: "\10f6d5" } .fad.fa-draw-circle:after { content: "\10f5ed" } .fad.fa-draw-polygon:after { content: "\10f5ee" } .fad.fa-draw-square:after { content: "\10f5ef" } .fad.fa-dreidel:after { content: "\10f792" } .fad.fa-drone:after { content: "\10f85f" } .fad.fa-drone-alt:after { content: "\10f860" } .fad.fa-drum:after { content: "\10f569" } .fad.fa-drum-steelpan:after { content: "\10f56a" } .fad.fa-drumstick:after { content: "\10f6d6" } .fad.fa-drumstick-bite:after { content: "\10f6d7" } .fad.fa-dryer:after { content: "\10f861" } .fad.fa-dryer-alt:after { content: "\10f862" } .fad.fa-duck:after { content: "\10f6d8" } .fad.fa-dumbbell:after { content: "\10f44b" } .fad.fa-dumpster:after { content: "\10f793" } .fad.fa-dumpster-fire:after { content: "\10f794" } .fad.fa-dungeon:after { content: "\10f6d9" } .fad.fa-ear:after { content: "\10f5f0" } .fad.fa-ear-muffs:after { content: "\10f795" } .fad.fa-eclipse:after { content: "\10f749" } .fad.fa-eclipse-alt:after { content: "\10f74a" } .fad.fa-edit:after { content: "\10f044" } .fad.fa-egg:after { content: "\10f7fb" } .fad.fa-egg-fried:after { content: "\10f7fc" } .fad.fa-eject:after { content: "\10f052" } .fad.fa-elephant:after { content: "\10f6da" } .fad.fa-ellipsis-h:after { content: "\10f141" } .fad.fa-ellipsis-h-alt:after { content: "\10f39b" } .fad.fa-ellipsis-v:after { content: "\10f142" } .fad.fa-ellipsis-v-alt:after { content: "\10f39c" } .fad.fa-empty-set:after { content: "\10f656" } .fad.fa-engine-warning:after { content: "\10f5f2" } .fad.fa-envelope:after { content: "\10f0e0" } .fad.fa-envelope-open:after { content: "\10f2b6" } .fad.fa-envelope-open-dollar:after { content: "\10f657" } .fad.fa-envelope-open-text:after { content: "\10f658" } .fad.fa-envelope-square:after { content: "\10f199" } .fad.fa-equals:after { content: "\10f52c" } .fad.fa-eraser:after { content: "\10f12d" } .fad.fa-ethernet:after { content: "\10f796" } .fad.fa-euro-sign:after { content: "\10f153" } .fad.fa-exchange:after { content: "\10f0ec" } .fad.fa-exchange-alt:after { content: "\10f362" } .fad.fa-exclamation:after { content: "\10f12a" } .fad.fa-exclamation-circle:after { content: "\10f06a" } .fad.fa-exclamation-square:after { content: "\10f321" } .fad.fa-exclamation-triangle:after { content: "\10f071" } .fad.fa-expand:after { content: "\10f065" } .fad.fa-expand-alt:after { content: "\10f424" } .fad.fa-expand-arrows:after { content: "\10f31d" } .fad.fa-expand-arrows-alt:after { content: "\10f31e" } .fad.fa-expand-wide:after { content: "\10f320" } .fad.fa-external-link:after { content: "\10f08e" } .fad.fa-external-link-alt:after { content: "\10f35d" } .fad.fa-external-link-square:after { content: "\10f14c" } .fad.fa-external-link-square-alt:after { content: "\10f360" } .fad.fa-eye:after { content: "\10f06e" } .fad.fa-eye-dropper:after { content: "\10f1fb" } .fad.fa-eye-evil:after { content: "\10f6db" } .fad.fa-eye-slash:after { content: "\10f070" } .fad.fa-fan:after { content: "\10f863" } .fad.fa-fan-table:after { content: "\10e004" } .fad.fa-farm:after { content: "\10f864" } .fad.fa-fast-backward:after { content: "\10f049" } .fad.fa-fast-forward:after { content: "\10f050" } .fad.fa-faucet:after { content: "\10e005" } .fad.fa-faucet-drip:after { content: "\10e006" } .fad.fa-fax:after { content: "\10f1ac" } .fad.fa-feather:after { content: "\10f52d" } .fad.fa-feather-alt:after { content: "\10f56b" } .fad.fa-female:after { content: "\10f182" } .fad.fa-field-hockey:after { content: "\10f44c" } .fad.fa-fighter-jet:after { content: "\10f0fb" } .fad.fa-file:after { content: "\10f15b" } .fad.fa-file-alt:after { content: "\10f15c" } .fad.fa-file-archive:after { content: "\10f1c6" } .fad.fa-file-audio:after { content: "\10f1c7" } .fad.fa-file-certificate:after { content: "\10f5f3" } .fad.fa-file-chart-line:after { content: "\10f659" } .fad.fa-file-chart-pie:after { content: "\10f65a" } .fad.fa-file-check:after { content: "\10f316" } .fad.fa-file-code:after { content: "\10f1c9" } .fad.fa-file-contract:after { content: "\10f56c" } .fad.fa-file-csv:after { content: "\10f6dd" } .fad.fa-file-download:after { content: "\10f56d" } .fad.fa-file-edit:after { content: "\10f31c" } .fad.fa-file-excel:after { content: "\10f1c3" } .fad.fa-file-exclamation:after { content: "\10f31a" } .fad.fa-file-export:after { content: "\10f56e" } .fad.fa-file-image:after { content: "\10f1c5" } .fad.fa-file-import:after { content: "\10f56f" } .fad.fa-file-invoice:after { content: "\10f570" } .fad.fa-file-invoice-dollar:after { content: "\10f571" } .fad.fa-file-medical:after { content: "\10f477" } .fad.fa-file-medical-alt:after { content: "\10f478" } .fad.fa-file-minus:after { content: "\10f318" } .fad.fa-file-music:after { content: "\10f8b6" } .fad.fa-file-pdf:after { content: "\10f1c1" } .fad.fa-file-plus:after { content: "\10f319" } .fad.fa-file-powerpoint:after { content: "\10f1c4" } .fad.fa-file-prescription:after { content: "\10f572" } .fad.fa-file-search:after { content: "\10f865" } .fad.fa-file-signature:after { content: "\10f573" } .fad.fa-file-spreadsheet:after { content: "\10f65b" } .fad.fa-file-times:after { content: "\10f317" } .fad.fa-file-upload:after { content: "\10f574" } .fad.fa-file-user:after { content: "\10f65c" } .fad.fa-file-video:after { content: "\10f1c8" } .fad.fa-file-word:after { content: "\10f1c2" } .fad.fa-files-medical:after { content: "\10f7fd" } .fad.fa-fill:after { content: "\10f575" } .fad.fa-fill-drip:after { content: "\10f576" } .fad.fa-film:after { content: "\10f008" } .fad.fa-film-alt:after { content: "\10f3a0" } .fad.fa-film-canister:after { content: "\10f8b7" } .fad.fa-filter:after { content: "\10f0b0" } .fad.fa-fingerprint:after { content: "\10f577" } .fad.fa-fire:after { content: "\10f06d" } .fad.fa-fire-alt:after { content: "\10f7e4" } .fad.fa-fire-extinguisher:after { content: "\10f134" } .fad.fa-fire-smoke:after { content: "\10f74b" } .fad.fa-fireplace:after { content: "\10f79a" } .fad.fa-first-aid:after { content: "\10f479" } .fad.fa-fish:after { content: "\10f578" } .fad.fa-fish-cooked:after { content: "\10f7fe" } .fad.fa-fist-raised:after { content: "\10f6de" } .fad.fa-flag:after { content: "\10f024" } .fad.fa-flag-alt:after { content: "\10f74c" } .fad.fa-flag-checkered:after { content: "\10f11e" } .fad.fa-flag-usa:after { content: "\10f74d" } .fad.fa-flame:after { content: "\10f6df" } .fad.fa-flashlight:after { content: "\10f8b8" } .fad.fa-flask:after { content: "\10f0c3" } .fad.fa-flask-poison:after { content: "\10f6e0" } .fad.fa-flask-potion:after { content: "\10f6e1" } .fad.fa-flower:after { content: "\10f7ff" } .fad.fa-flower-daffodil:after { content: "\10f800" } .fad.fa-flower-tulip:after { content: "\10f801" } .fad.fa-flushed:after { content: "\10f579" } .fad.fa-flute:after { content: "\10f8b9" } .fad.fa-flux-capacitor:after { content: "\10f8ba" } .fad.fa-fog:after { content: "\10f74e" } .fad.fa-folder:after { content: "\10f07b" } .fad.fa-folder-download:after { content: "\10e053" } .fad.fa-folder-minus:after { content: "\10f65d" } .fad.fa-folder-open:after { content: "\10f07c" } .fad.fa-folder-plus:after { content: "\10f65e" } .fad.fa-folder-times:after { content: "\10f65f" } .fad.fa-folder-tree:after { content: "\10f802" } .fad.fa-folder-upload:after { content: "\10e054" } .fad.fa-folders:after { content: "\10f660" } .fad.fa-font:after { content: "\10f031" } .fad.fa-font-awesome-logo-full:after { content: "\10f4e6" } .fad.fa-font-case:after { content: "\10f866" } .fad.fa-football-ball:after { content: "\10f44e" } .fad.fa-football-helmet:after { content: "\10f44f" } .fad.fa-forklift:after { content: "\10f47a" } .fad.fa-forward:after { content: "\10f04e" } .fad.fa-fragile:after { content: "\10f4bb" } .fad.fa-french-fries:after { content: "\10f803" } .fad.fa-frog:after { content: "\10f52e" } .fad.fa-frosty-head:after { content: "\10f79b" } .fad.fa-frown:after { content: "\10f119" } .fad.fa-frown-open:after { content: "\10f57a" } .fad.fa-function:after { content: "\10f661" } .fad.fa-funnel-dollar:after { content: "\10f662" } .fad.fa-futbol:after { content: "\10f1e3" } .fad.fa-galaxy:after { content: "\10e008" } .fad.fa-game-board:after { content: "\10f867" } .fad.fa-game-board-alt:after { content: "\10f868" } .fad.fa-game-console-handheld:after { content: "\10f8bb" } .fad.fa-gamepad:after { content: "\10f11b" } .fad.fa-gamepad-alt:after { content: "\10f8bc" } .fad.fa-garage:after { content: "\10e009" } .fad.fa-garage-car:after { content: "\10e00a" } .fad.fa-garage-open:after { content: "\10e00b" } .fad.fa-gas-pump:after { content: "\10f52f" } .fad.fa-gas-pump-slash:after { content: "\10f5f4" } .fad.fa-gavel:after { content: "\10f0e3" } .fad.fa-gem:after { content: "\10f3a5" } .fad.fa-genderless:after { content: "\10f22d" } .fad.fa-ghost:after { content: "\10f6e2" } .fad.fa-gift:after { content: "\10f06b" } .fad.fa-gift-card:after { content: "\10f663" } .fad.fa-gifts:after { content: "\10f79c" } .fad.fa-gingerbread-man:after { content: "\10f79d" } .fad.fa-glass:after { content: "\10f804" } .fad.fa-glass-champagne:after { content: "\10f79e" } .fad.fa-glass-cheers:after { content: "\10f79f" } .fad.fa-glass-citrus:after { content: "\10f869" } .fad.fa-glass-martini:after { content: "\10f000" } .fad.fa-glass-martini-alt:after { content: "\10f57b" } .fad.fa-glass-whiskey:after { content: "\10f7a0" } .fad.fa-glass-whiskey-rocks:after { content: "\10f7a1" } .fad.fa-glasses:after { content: "\10f530" } .fad.fa-glasses-alt:after { content: "\10f5f5" } .fad.fa-globe:after { content: "\10f0ac" } .fad.fa-globe-africa:after { content: "\10f57c" } .fad.fa-globe-americas:after { content: "\10f57d" } .fad.fa-globe-asia:after { content: "\10f57e" } .fad.fa-globe-europe:after { content: "\10f7a2" } .fad.fa-globe-snow:after { content: "\10f7a3" } .fad.fa-globe-stand:after { content: "\10f5f6" } .fad.fa-golf-ball:after { content: "\10f450" } .fad.fa-golf-club:after { content: "\10f451" } .fad.fa-gopuram:after { content: "\10f664" } .fad.fa-graduation-cap:after { content: "\10f19d" } .fad.fa-gramophone:after { content: "\10f8bd" } .fad.fa-greater-than:after { content: "\10f531" } .fad.fa-greater-than-equal:after { content: "\10f532" } .fad.fa-grimace:after { content: "\10f57f" } .fad.fa-grin:after { content: "\10f580" } .fad.fa-grin-alt:after { content: "\10f581" } .fad.fa-grin-beam:after { content: "\10f582" } .fad.fa-grin-beam-sweat:after { content: "\10f583" } .fad.fa-grin-hearts:after { content: "\10f584" } .fad.fa-grin-squint:after { content: "\10f585" } .fad.fa-grin-squint-tears:after { content: "\10f586" } .fad.fa-grin-stars:after { content: "\10f587" } .fad.fa-grin-tears:after { content: "\10f588" } .fad.fa-grin-tongue:after { content: "\10f589" } .fad.fa-grin-tongue-squint:after { content: "\10f58a" } .fad.fa-grin-tongue-wink:after { content: "\10f58b" } .fad.fa-grin-wink:after { content: "\10f58c" } .fad.fa-grip-horizontal:after { content: "\10f58d" } .fad.fa-grip-lines:after { content: "\10f7a4" } .fad.fa-grip-lines-vertical:after { content: "\10f7a5" } .fad.fa-grip-vertical:after { content: "\10f58e" } .fad.fa-guitar:after { content: "\10f7a6" } .fad.fa-guitar-electric:after { content: "\10f8be" } .fad.fa-guitars:after { content: "\10f8bf" } .fad.fa-h-square:after { content: "\10f0fd" } .fad.fa-h1:after { content: "\10f313" } .fad.fa-h2:after { content: "\10f314" } .fad.fa-h3:after { content: "\10f315" } .fad.fa-h4:after { content: "\10f86a" } .fad.fa-hamburger:after { content: "\10f805" } .fad.fa-hammer:after { content: "\10f6e3" } .fad.fa-hammer-war:after { content: "\10f6e4" } .fad.fa-hamsa:after { content: "\10f665" } .fad.fa-hand-heart:after { content: "\10f4bc" } .fad.fa-hand-holding:after { content: "\10f4bd" } .fad.fa-hand-holding-box:after { content: "\10f47b" } .fad.fa-hand-holding-heart:after { content: "\10f4be" } .fad.fa-hand-holding-magic:after { content: "\10f6e5" } .fad.fa-hand-holding-medical:after { content: "\10e05c" } .fad.fa-hand-holding-seedling:after { content: "\10f4bf" } .fad.fa-hand-holding-usd:after { content: "\10f4c0" } .fad.fa-hand-holding-water:after { content: "\10f4c1" } .fad.fa-hand-lizard:after { content: "\10f258" } .fad.fa-hand-middle-finger:after { content: "\10f806" } .fad.fa-hand-paper:after { content: "\10f256" } .fad.fa-hand-peace:after { content: "\10f25b" } .fad.fa-hand-point-down:after { content: "\10f0a7" } .fad.fa-hand-point-left:after { content: "\10f0a5" } .fad.fa-hand-point-right:after { content: "\10f0a4" } .fad.fa-hand-point-up:after { content: "\10f0a6" } .fad.fa-hand-pointer:after { content: "\10f25a" } .fad.fa-hand-receiving:after { content: "\10f47c" } .fad.fa-hand-rock:after { content: "\10f255" } .fad.fa-hand-scissors:after { content: "\10f257" } .fad.fa-hand-sparkles:after { content: "\10e05d" } .fad.fa-hand-spock:after { content: "\10f259" } .fad.fa-hands:after { content: "\10f4c2" } .fad.fa-hands-heart:after { content: "\10f4c3" } .fad.fa-hands-helping:after { content: "\10f4c4" } .fad.fa-hands-usd:after { content: "\10f4c5" } .fad.fa-hands-wash:after { content: "\10e05e" } .fad.fa-handshake:after { content: "\10f2b5" } .fad.fa-handshake-alt:after { content: "\10f4c6" } .fad.fa-handshake-alt-slash:after { content: "\10e05f" } .fad.fa-handshake-slash:after { content: "\10e060" } .fad.fa-hanukiah:after { content: "\10f6e6" } .fad.fa-hard-hat:after { content: "\10f807" } .fad.fa-hashtag:after { content: "\10f292" } .fad.fa-hat-chef:after { content: "\10f86b" } .fad.fa-hat-cowboy:after { content: "\10f8c0" } .fad.fa-hat-cowboy-side:after { content: "\10f8c1" } .fad.fa-hat-santa:after { content: "\10f7a7" } .fad.fa-hat-winter:after { content: "\10f7a8" } .fad.fa-hat-witch:after { content: "\10f6e7" } .fad.fa-hat-wizard:after { content: "\10f6e8" } .fad.fa-hdd:after { content: "\10f0a0" } .fad.fa-head-side:after { content: "\10f6e9" } .fad.fa-head-side-brain:after { content: "\10f808" } .fad.fa-head-side-cough:after { content: "\10e061" } .fad.fa-head-side-cough-slash:after { content: "\10e062" } .fad.fa-head-side-headphones:after { content: "\10f8c2" } .fad.fa-head-side-mask:after { content: "\10e063" } .fad.fa-head-side-medical:after { content: "\10f809" } .fad.fa-head-side-virus:after { content: "\10e064" } .fad.fa-head-vr:after { content: "\10f6ea" } .fad.fa-heading:after { content: "\10f1dc" } .fad.fa-headphones:after { content: "\10f025" } .fad.fa-headphones-alt:after { content: "\10f58f" } .fad.fa-headset:after { content: "\10f590" } .fad.fa-heart:after { content: "\10f004" } .fad.fa-heart-broken:after { content: "\10f7a9" } .fad.fa-heart-circle:after { content: "\10f4c7" } .fad.fa-heart-rate:after { content: "\10f5f8" } .fad.fa-heart-square:after { content: "\10f4c8" } .fad.fa-heartbeat:after { content: "\10f21e" } .fad.fa-heat:after { content: "\10e00c" } .fad.fa-helicopter:after { content: "\10f533" } .fad.fa-helmet-battle:after { content: "\10f6eb" } .fad.fa-hexagon:after { content: "\10f312" } .fad.fa-highlighter:after { content: "\10f591" } .fad.fa-hiking:after { content: "\10f6ec" } .fad.fa-hippo:after { content: "\10f6ed" } .fad.fa-history:after { content: "\10f1da" } .fad.fa-hockey-mask:after { content: "\10f6ee" } .fad.fa-hockey-puck:after { content: "\10f453" } .fad.fa-hockey-sticks:after { content: "\10f454" } .fad.fa-holly-berry:after { content: "\10f7aa" } .fad.fa-home:after { content: "\10f015" } .fad.fa-home-alt:after { content: "\10f80a" } .fad.fa-home-heart:after { content: "\10f4c9" } .fad.fa-home-lg:after { content: "\10f80b" } .fad.fa-home-lg-alt:after { content: "\10f80c" } .fad.fa-hood-cloak:after { content: "\10f6ef" } .fad.fa-horizontal-rule:after { content: "\10f86c" } .fad.fa-horse:after { content: "\10f6f0" } .fad.fa-horse-head:after { content: "\10f7ab" } .fad.fa-horse-saddle:after { content: "\10f8c3" } .fad.fa-hospital:after { content: "\10f0f8" } .fad.fa-hospital-alt:after { content: "\10f47d" } .fad.fa-hospital-symbol:after { content: "\10f47e" } .fad.fa-hospital-user:after { content: "\10f80d" } .fad.fa-hospitals:after { content: "\10f80e" } .fad.fa-hot-tub:after { content: "\10f593" } .fad.fa-hotdog:after { content: "\10f80f" } .fad.fa-hotel:after { content: "\10f594" } .fad.fa-hourglass:after { content: "\10f254" } .fad.fa-hourglass-end:after { content: "\10f253" } .fad.fa-hourglass-half:after { content: "\10f252" } .fad.fa-hourglass-start:after { content: "\10f251" } .fad.fa-house:after { content: "\10e00d" } .fad.fa-house-damage:after { content: "\10f6f1" } .fad.fa-house-day:after { content: "\10e00e" } .fad.fa-house-flood:after { content: "\10f74f" } .fad.fa-house-leave:after { content: "\10e00f" } .fad.fa-house-night:after { content: "\10e010" } .fad.fa-house-return:after { content: "\10e011" } .fad.fa-house-signal:after { content: "\10e012" } .fad.fa-house-user:after { content: "\10e065" } .fad.fa-hryvnia:after { content: "\10f6f2" } .fad.fa-humidity:after { content: "\10f750" } .fad.fa-hurricane:after { content: "\10f751" } .fad.fa-i-cursor:after { content: "\10f246" } .fad.fa-ice-cream:after { content: "\10f810" } .fad.fa-ice-skate:after { content: "\10f7ac" } .fad.fa-icicles:after { content: "\10f7ad" } .fad.fa-icons:after { content: "\10f86d" } .fad.fa-icons-alt:after { content: "\10f86e" } .fad.fa-id-badge:after { content: "\10f2c1" } .fad.fa-id-card:after { content: "\10f2c2" } .fad.fa-id-card-alt:after { content: "\10f47f" } .fad.fa-igloo:after { content: "\10f7ae" } .fad.fa-image:after { content: "\10f03e" } .fad.fa-image-polaroid:after { content: "\10f8c4" } .fad.fa-images:after { content: "\10f302" } .fad.fa-inbox:after { content: "\10f01c" } .fad.fa-inbox-in:after { content: "\10f310" } .fad.fa-inbox-out:after { content: "\10f311" } .fad.fa-indent:after { content: "\10f03c" } .fad.fa-industry:after { content: "\10f275" } .fad.fa-industry-alt:after { content: "\10f3b3" } .fad.fa-infinity:after { content: "\10f534" } .fad.fa-info:after { content: "\10f129" } .fad.fa-info-circle:after { content: "\10f05a" } .fad.fa-info-square:after { content: "\10f30f" } .fad.fa-inhaler:after { content: "\10f5f9" } .fad.fa-integral:after { content: "\10f667" } .fad.fa-intersection:after { content: "\10f668" } .fad.fa-inventory:after { content: "\10f480" } .fad.fa-island-tropical:after { content: "\10f811" } .fad.fa-italic:after { content: "\10f033" } .fad.fa-jack-o-lantern:after { content: "\10f30e" } .fad.fa-jedi:after { content: "\10f669" } .fad.fa-joint:after { content: "\10f595" } .fad.fa-journal-whills:after { content: "\10f66a" } .fad.fa-joystick:after { content: "\10f8c5" } .fad.fa-jug:after { content: "\10f8c6" } .fad.fa-kaaba:after { content: "\10f66b" } .fad.fa-kazoo:after { content: "\10f8c7" } .fad.fa-kerning:after { content: "\10f86f" } .fad.fa-key:after { content: "\10f084" } .fad.fa-key-skeleton:after { content: "\10f6f3" } .fad.fa-keyboard:after { content: "\10f11c" } .fad.fa-keynote:after { content: "\10f66c" } .fad.fa-khanda:after { content: "\10f66d" } .fad.fa-kidneys:after { content: "\10f5fb" } .fad.fa-kiss:after { content: "\10f596" } .fad.fa-kiss-beam:after { content: "\10f597" } .fad.fa-kiss-wink-heart:after { content: "\10f598" } .fad.fa-kite:after { content: "\10f6f4" } .fad.fa-kiwi-bird:after { content: "\10f535" } .fad.fa-knife-kitchen:after { content: "\10f6f5" } .fad.fa-lambda:after { content: "\10f66e" } .fad.fa-lamp:after { content: "\10f4ca" } .fad.fa-lamp-desk:after { content: "\10e014" } .fad.fa-lamp-floor:after { content: "\10e015" } .fad.fa-landmark:after { content: "\10f66f" } .fad.fa-landmark-alt:after { content: "\10f752" } .fad.fa-language:after { content: "\10f1ab" } .fad.fa-laptop:after { content: "\10f109" } .fad.fa-laptop-code:after { content: "\10f5fc" } .fad.fa-laptop-house:after { content: "\10e066" } .fad.fa-laptop-medical:after { content: "\10f812" } .fad.fa-lasso:after { content: "\10f8c8" } .fad.fa-laugh:after { content: "\10f599" } .fad.fa-laugh-beam:after { content: "\10f59a" } .fad.fa-laugh-squint:after { content: "\10f59b" } .fad.fa-laugh-wink:after { content: "\10f59c" } .fad.fa-layer-group:after { content: "\10f5fd" } .fad.fa-layer-minus:after { content: "\10f5fe" } .fad.fa-layer-plus:after { content: "\10f5ff" } .fad.fa-leaf:after { content: "\10f06c" } .fad.fa-leaf-heart:after { content: "\10f4cb" } .fad.fa-leaf-maple:after { content: "\10f6f6" } .fad.fa-leaf-oak:after { content: "\10f6f7" } .fad.fa-lemon:after { content: "\10f094" } .fad.fa-less-than:after { content: "\10f536" } .fad.fa-less-than-equal:after { content: "\10f537" } .fad.fa-level-down:after { content: "\10f149" } .fad.fa-level-down-alt:after { content: "\10f3be" } .fad.fa-level-up:after { content: "\10f148" } .fad.fa-level-up-alt:after { content: "\10f3bf" } .fad.fa-life-ring:after { content: "\10f1cd" } .fad.fa-light-ceiling:after { content: "\10e016" } .fad.fa-light-switch:after { content: "\10e017" } .fad.fa-light-switch-off:after { content: "\10e018" } .fad.fa-light-switch-on:after { content: "\10e019" } .fad.fa-lightbulb:after { content: "\10f0eb" } .fad.fa-lightbulb-dollar:after { content: "\10f670" } .fad.fa-lightbulb-exclamation:after { content: "\10f671" } .fad.fa-lightbulb-on:after { content: "\10f672" } .fad.fa-lightbulb-slash:after { content: "\10f673" } .fad.fa-lights-holiday:after { content: "\10f7b2" } .fad.fa-line-columns:after { content: "\10f870" } .fad.fa-line-height:after { content: "\10f871" } .fad.fa-link:after { content: "\10f0c1" } .fad.fa-lips:after { content: "\10f600" } .fad.fa-lira-sign:after { content: "\10f195" } .fad.fa-list:after { content: "\10f03a" } .fad.fa-list-alt:after { content: "\10f022" } .fad.fa-list-music:after { content: "\10f8c9" } .fad.fa-list-ol:after { content: "\10f0cb" } .fad.fa-list-ul:after { content: "\10f0ca" } .fad.fa-location:after { content: "\10f601" } .fad.fa-location-arrow:after { content: "\10f124" } .fad.fa-location-circle:after { content: "\10f602" } .fad.fa-location-slash:after { content: "\10f603" } .fad.fa-lock:after { content: "\10f023" } .fad.fa-lock-alt:after { content: "\10f30d" } .fad.fa-lock-open:after { content: "\10f3c1" } .fad.fa-lock-open-alt:after { content: "\10f3c2" } .fad.fa-long-arrow-alt-down:after { content: "\10f309" } .fad.fa-long-arrow-alt-left:after { content: "\10f30a" } .fad.fa-long-arrow-alt-right:after { content: "\10f30b" } .fad.fa-long-arrow-alt-up:after { content: "\10f30c" } .fad.fa-long-arrow-down:after { content: "\10f175" } .fad.fa-long-arrow-left:after { content: "\10f177" } .fad.fa-long-arrow-right:after { content: "\10f178" } .fad.fa-long-arrow-up:after { content: "\10f176" } .fad.fa-loveseat:after { content: "\10f4cc" } .fad.fa-low-vision:after { content: "\10f2a8" } .fad.fa-luchador:after { content: "\10f455" } .fad.fa-luggage-cart:after { content: "\10f59d" } .fad.fa-lungs:after { content: "\10f604" } .fad.fa-lungs-virus:after { content: "\10e067" } .fad.fa-mace:after { content: "\10f6f8" } .fad.fa-magic:after { content: "\10f0d0" } .fad.fa-magnet:after { content: "\10f076" } .fad.fa-mail-bulk:after { content: "\10f674" } .fad.fa-mailbox:after { content: "\10f813" } .fad.fa-male:after { content: "\10f183" } .fad.fa-mandolin:after { content: "\10f6f9" } .fad.fa-map:after { content: "\10f279" } .fad.fa-map-marked:after { content: "\10f59f" } .fad.fa-map-marked-alt:after { content: "\10f5a0" } .fad.fa-map-marker:after { content: "\10f041" } .fad.fa-map-marker-alt:after { content: "\10f3c5" } .fad.fa-map-marker-alt-slash:after { content: "\10f605" } .fad.fa-map-marker-check:after { content: "\10f606" } .fad.fa-map-marker-edit:after { content: "\10f607" } .fad.fa-map-marker-exclamation:after { content: "\10f608" } .fad.fa-map-marker-minus:after { content: "\10f609" } .fad.fa-map-marker-plus:after { content: "\10f60a" } .fad.fa-map-marker-question:after { content: "\10f60b" } .fad.fa-map-marker-slash:after { content: "\10f60c" } .fad.fa-map-marker-smile:after { content: "\10f60d" } .fad.fa-map-marker-times:after { content: "\10f60e" } .fad.fa-map-pin:after { content: "\10f276" } .fad.fa-map-signs:after { content: "\10f277" } .fad.fa-marker:after { content: "\10f5a1" } .fad.fa-mars:after { content: "\10f222" } .fad.fa-mars-double:after { content: "\10f227" } .fad.fa-mars-stroke:after { content: "\10f229" } .fad.fa-mars-stroke-h:after { content: "\10f22b" } .fad.fa-mars-stroke-v:after { content: "\10f22a" } .fad.fa-mask:after { content: "\10f6fa" } .fad.fa-meat:after { content: "\10f814" } .fad.fa-medal:after { content: "\10f5a2" } .fad.fa-medkit:after { content: "\10f0fa" } .fad.fa-megaphone:after { content: "\10f675" } .fad.fa-meh:after { content: "\10f11a" } .fad.fa-meh-blank:after { content: "\10f5a4" } .fad.fa-meh-rolling-eyes:after { content: "\10f5a5" } .fad.fa-memory:after { content: "\10f538" } .fad.fa-menorah:after { content: "\10f676" } .fad.fa-mercury:after { content: "\10f223" } .fad.fa-meteor:after { content: "\10f753" } .fad.fa-microchip:after { content: "\10f2db" } .fad.fa-microphone:after { content: "\10f130" } .fad.fa-microphone-alt:after { content: "\10f3c9" } .fad.fa-microphone-alt-slash:after { content: "\10f539" } .fad.fa-microphone-slash:after { content: "\10f131" } .fad.fa-microphone-stand:after { content: "\10f8cb" } .fad.fa-microscope:after { content: "\10f610" } .fad.fa-microwave:after { content: "\10e01b" } .fad.fa-mind-share:after { content: "\10f677" } .fad.fa-minus:after { content: "\10f068" } .fad.fa-minus-circle:after { content: "\10f056" } .fad.fa-minus-hexagon:after { content: "\10f307" } .fad.fa-minus-octagon:after { content: "\10f308" } .fad.fa-minus-square:after { content: "\10f146" } .fad.fa-mistletoe:after { content: "\10f7b4" } .fad.fa-mitten:after { content: "\10f7b5" } .fad.fa-mobile:after { content: "\10f10b" } .fad.fa-mobile-alt:after { content: "\10f3cd" } .fad.fa-mobile-android:after { content: "\10f3ce" } .fad.fa-mobile-android-alt:after { content: "\10f3cf" } .fad.fa-money-bill:after { content: "\10f0d6" } .fad.fa-money-bill-alt:after { content: "\10f3d1" } .fad.fa-money-bill-wave:after { content: "\10f53a" } .fad.fa-money-bill-wave-alt:after { content: "\10f53b" } .fad.fa-money-check:after { content: "\10f53c" } .fad.fa-money-check-alt:after { content: "\10f53d" } .fad.fa-money-check-edit:after { content: "\10f872" } .fad.fa-money-check-edit-alt:after { content: "\10f873" } .fad.fa-monitor-heart-rate:after { content: "\10f611" } .fad.fa-monkey:after { content: "\10f6fb" } .fad.fa-monument:after { content: "\10f5a6" } .fad.fa-moon:after { content: "\10f186" } .fad.fa-moon-cloud:after { content: "\10f754" } .fad.fa-moon-stars:after { content: "\10f755" } .fad.fa-mortar-pestle:after { content: "\10f5a7" } .fad.fa-mosque:after { content: "\10f678" } .fad.fa-motorcycle:after { content: "\10f21c" } .fad.fa-mountain:after { content: "\10f6fc" } .fad.fa-mountains:after { content: "\10f6fd" } .fad.fa-mouse:after { content: "\10f8cc" } .fad.fa-mouse-alt:after { content: "\10f8cd" } .fad.fa-mouse-pointer:after { content: "\10f245" } .fad.fa-mp3-player:after { content: "\10f8ce" } .fad.fa-mug:after { content: "\10f874" } .fad.fa-mug-hot:after { content: "\10f7b6" } .fad.fa-mug-marshmallows:after { content: "\10f7b7" } .fad.fa-mug-tea:after { content: "\10f875" } .fad.fa-music:after { content: "\10f001" } .fad.fa-music-alt:after { content: "\10f8cf" } .fad.fa-music-alt-slash:after { content: "\10f8d0" } .fad.fa-music-slash:after { content: "\10f8d1" } .fad.fa-narwhal:after { content: "\10f6fe" } .fad.fa-network-wired:after { content: "\10f6ff" } .fad.fa-neuter:after { content: "\10f22c" } .fad.fa-newspaper:after { content: "\10f1ea" } .fad.fa-not-equal:after { content: "\10f53e" } .fad.fa-notes-medical:after { content: "\10f481" } .fad.fa-object-group:after { content: "\10f247" } .fad.fa-object-ungroup:after { content: "\10f248" } .fad.fa-octagon:after { content: "\10f306" } .fad.fa-oil-can:after { content: "\10f613" } .fad.fa-oil-temp:after { content: "\10f614" } .fad.fa-om:after { content: "\10f679" } .fad.fa-omega:after { content: "\10f67a" } .fad.fa-ornament:after { content: "\10f7b8" } .fad.fa-otter:after { content: "\10f700" } .fad.fa-outdent:after { content: "\10f03b" } .fad.fa-outlet:after { content: "\10e01c" } .fad.fa-oven:after { content: "\10e01d" } .fad.fa-overline:after { content: "\10f876" } .fad.fa-page-break:after { content: "\10f877" } .fad.fa-pager:after { content: "\10f815" } .fad.fa-paint-brush:after { content: "\10f1fc" } .fad.fa-paint-brush-alt:after { content: "\10f5a9" } .fad.fa-paint-roller:after { content: "\10f5aa" } .fad.fa-palette:after { content: "\10f53f" } .fad.fa-pallet:after { content: "\10f482" } .fad.fa-pallet-alt:after { content: "\10f483" } .fad.fa-paper-plane:after { content: "\10f1d8" } .fad.fa-paperclip:after { content: "\10f0c6" } .fad.fa-parachute-box:after { content: "\10f4cd" } .fad.fa-paragraph:after { content: "\10f1dd" } .fad.fa-paragraph-rtl:after { content: "\10f878" } .fad.fa-parking:after { content: "\10f540" } .fad.fa-parking-circle:after { content: "\10f615" } .fad.fa-parking-circle-slash:after { content: "\10f616" } .fad.fa-parking-slash:after { content: "\10f617" } .fad.fa-passport:after { content: "\10f5ab" } .fad.fa-pastafarianism:after { content: "\10f67b" } .fad.fa-paste:after { content: "\10f0ea" } .fad.fa-pause:after { content: "\10f04c" } .fad.fa-pause-circle:after { content: "\10f28b" } .fad.fa-paw:after { content: "\10f1b0" } .fad.fa-paw-alt:after { content: "\10f701" } .fad.fa-paw-claws:after { content: "\10f702" } .fad.fa-peace:after { content: "\10f67c" } .fad.fa-pegasus:after { content: "\10f703" } .fad.fa-pen:after { content: "\10f304" } .fad.fa-pen-alt:after { content: "\10f305" } .fad.fa-pen-fancy:after { content: "\10f5ac" } .fad.fa-pen-nib:after { content: "\10f5ad" } .fad.fa-pen-square:after { content: "\10f14b" } .fad.fa-pencil:after { content: "\10f040" } .fad.fa-pencil-alt:after { content: "\10f303" } .fad.fa-pencil-paintbrush:after { content: "\10f618" } .fad.fa-pencil-ruler:after { content: "\10f5ae" } .fad.fa-pennant:after { content: "\10f456" } .fad.fa-people-arrows:after { content: "\10e068" } .fad.fa-people-carry:after { content: "\10f4ce" } .fad.fa-pepper-hot:after { content: "\10f816" } .fad.fa-percent:after { content: "\10f295" } .fad.fa-percentage:after { content: "\10f541" } .fad.fa-person-booth:after { content: "\10f756" } .fad.fa-person-carry:after { content: "\10f4cf" } .fad.fa-person-dolly:after { content: "\10f4d0" } .fad.fa-person-dolly-empty:after { content: "\10f4d1" } .fad.fa-person-sign:after { content: "\10f757" } .fad.fa-phone:after { content: "\10f095" } .fad.fa-phone-alt:after { content: "\10f879" } .fad.fa-phone-laptop:after { content: "\10f87a" } .fad.fa-phone-office:after { content: "\10f67d" } .fad.fa-phone-plus:after { content: "\10f4d2" } .fad.fa-phone-rotary:after { content: "\10f8d3" } .fad.fa-phone-slash:after { content: "\10f3dd" } .fad.fa-phone-square:after { content: "\10f098" } .fad.fa-phone-square-alt:after { content: "\10f87b" } .fad.fa-phone-volume:after { content: "\10f2a0" } .fad.fa-photo-video:after { content: "\10f87c" } .fad.fa-pi:after { content: "\10f67e" } .fad.fa-piano:after { content: "\10f8d4" } .fad.fa-piano-keyboard:after { content: "\10f8d5" } .fad.fa-pie:after { content: "\10f705" } .fad.fa-pig:after { content: "\10f706" } .fad.fa-piggy-bank:after { content: "\10f4d3" } .fad.fa-pills:after { content: "\10f484" } .fad.fa-pizza:after { content: "\10f817" } .fad.fa-pizza-slice:after { content: "\10f818" } .fad.fa-place-of-worship:after { content: "\10f67f" } .fad.fa-plane:after { content: "\10f072" } .fad.fa-plane-alt:after { content: "\10f3de" } .fad.fa-plane-arrival:after { content: "\10f5af" } .fad.fa-plane-departure:after { content: "\10f5b0" } .fad.fa-plane-slash:after { content: "\10e069" } .fad.fa-planet-moon:after { content: "\10e01f" } .fad.fa-planet-ringed:after { content: "\10e020" } .fad.fa-play:after { content: "\10f04b" } .fad.fa-play-circle:after { content: "\10f144" } .fad.fa-plug:after { content: "\10f1e6" } .fad.fa-plus:after { content: "\10f067" } .fad.fa-plus-circle:after { content: "\10f055" } .fad.fa-plus-hexagon:after { content: "\10f300" } .fad.fa-plus-octagon:after { content: "\10f301" } .fad.fa-plus-square:after { content: "\10f0fe" } .fad.fa-podcast:after { content: "\10f2ce" } .fad.fa-podium:after { content: "\10f680" } .fad.fa-podium-star:after { content: "\10f758" } .fad.fa-police-box:after { content: "\10e021" } .fad.fa-poll:after { content: "\10f681" } .fad.fa-poll-h:after { content: "\10f682" } .fad.fa-poll-people:after { content: "\10f759" } .fad.fa-poo:after { content: "\10f2fe" } .fad.fa-poo-storm:after { content: "\10f75a" } .fad.fa-poop:after { content: "\10f619" } .fad.fa-popcorn:after { content: "\10f819" } .fad.fa-portal-enter:after { content: "\10e022" } .fad.fa-portal-exit:after { content: "\10e023" } .fad.fa-portrait:after { content: "\10f3e0" } .fad.fa-pound-sign:after { content: "\10f154" } .fad.fa-power-off:after { content: "\10f011" } .fad.fa-pray:after { content: "\10f683" } .fad.fa-praying-hands:after { content: "\10f684" } .fad.fa-prescription:after { content: "\10f5b1" } .fad.fa-prescription-bottle:after { content: "\10f485" } .fad.fa-prescription-bottle-alt:after { content: "\10f486" } .fad.fa-presentation:after { content: "\10f685" } .fad.fa-print:after { content: "\10f02f" } .fad.fa-print-search:after { content: "\10f81a" } .fad.fa-print-slash:after { content: "\10f686" } .fad.fa-procedures:after { content: "\10f487" } .fad.fa-project-diagram:after { content: "\10f542" } .fad.fa-projector:after { content: "\10f8d6" } .fad.fa-pump-medical:after { content: "\10e06a" } .fad.fa-pump-soap:after { content: "\10e06b" } .fad.fa-pumpkin:after { content: "\10f707" } .fad.fa-puzzle-piece:after { content: "\10f12e" } .fad.fa-qrcode:after { content: "\10f029" } .fad.fa-question:after { content: "\10f128" } .fad.fa-question-circle:after { content: "\10f059" } .fad.fa-question-square:after { content: "\10f2fd" } .fad.fa-quidditch:after { content: "\10f458" } .fad.fa-quote-left:after { content: "\10f10d" } .fad.fa-quote-right:after { content: "\10f10e" } .fad.fa-quran:after { content: "\10f687" } .fad.fa-rabbit:after { content: "\10f708" } .fad.fa-rabbit-fast:after { content: "\10f709" } .fad.fa-racquet:after { content: "\10f45a" } .fad.fa-radar:after { content: "\10e024" } .fad.fa-radiation:after { content: "\10f7b9" } .fad.fa-radiation-alt:after { content: "\10f7ba" } .fad.fa-radio:after { content: "\10f8d7" } .fad.fa-radio-alt:after { content: "\10f8d8" } .fad.fa-rainbow:after { content: "\10f75b" } .fad.fa-raindrops:after { content: "\10f75c" } .fad.fa-ram:after { content: "\10f70a" } .fad.fa-ramp-loading:after { content: "\10f4d4" } .fad.fa-random:after { content: "\10f074" } .fad.fa-raygun:after { content: "\10e025" } .fad.fa-receipt:after { content: "\10f543" } .fad.fa-record-vinyl:after { content: "\10f8d9" } .fad.fa-rectangle-landscape:after { content: "\10f2fa" } .fad.fa-rectangle-portrait:after { content: "\10f2fb" } .fad.fa-rectangle-wide:after { content: "\10f2fc" } .fad.fa-recycle:after { content: "\10f1b8" } .fad.fa-redo:after { content: "\10f01e" } .fad.fa-redo-alt:after { content: "\10f2f9" } .fad.fa-refrigerator:after { content: "\10e026" } .fad.fa-registered:after { content: "\10f25d" } .fad.fa-remove-format:after { content: "\10f87d" } .fad.fa-repeat:after { content: "\10f363" } .fad.fa-repeat-1:after { content: "\10f365" } .fad.fa-repeat-1-alt:after { content: "\10f366" } .fad.fa-repeat-alt:after { content: "\10f364" } .fad.fa-reply:after { content: "\10f3e5" } .fad.fa-reply-all:after { content: "\10f122" } .fad.fa-republican:after { content: "\10f75e" } .fad.fa-restroom:after { content: "\10f7bd" } .fad.fa-retweet:after { content: "\10f079" } .fad.fa-retweet-alt:after { content: "\10f361" } .fad.fa-ribbon:after { content: "\10f4d6" } .fad.fa-ring:after { content: "\10f70b" } .fad.fa-rings-wedding:after { content: "\10f81b" } .fad.fa-road:after { content: "\10f018" } .fad.fa-robot:after { content: "\10f544" } .fad.fa-rocket:after { content: "\10f135" } .fad.fa-rocket-launch:after { content: "\10e027" } .fad.fa-route:after { content: "\10f4d7" } .fad.fa-route-highway:after { content: "\10f61a" } .fad.fa-route-interstate:after { content: "\10f61b" } .fad.fa-router:after { content: "\10f8da" } .fad.fa-rss:after { content: "\10f09e" } .fad.fa-rss-square:after { content: "\10f143" } .fad.fa-ruble-sign:after { content: "\10f158" } .fad.fa-ruler:after { content: "\10f545" } .fad.fa-ruler-combined:after { content: "\10f546" } .fad.fa-ruler-horizontal:after { content: "\10f547" } .fad.fa-ruler-triangle:after { content: "\10f61c" } .fad.fa-ruler-vertical:after { content: "\10f548" } .fad.fa-running:after { content: "\10f70c" } .fad.fa-rupee-sign:after { content: "\10f156" } .fad.fa-rv:after { content: "\10f7be" } .fad.fa-sack:after { content: "\10f81c" } .fad.fa-sack-dollar:after { content: "\10f81d" } .fad.fa-sad-cry:after { content: "\10f5b3" } .fad.fa-sad-tear:after { content: "\10f5b4" } .fad.fa-salad:after { content: "\10f81e" } .fad.fa-sandwich:after { content: "\10f81f" } .fad.fa-satellite:after { content: "\10f7bf" } .fad.fa-satellite-dish:after { content: "\10f7c0" } .fad.fa-sausage:after { content: "\10f820" } .fad.fa-save:after { content: "\10f0c7" } .fad.fa-sax-hot:after { content: "\10f8db" } .fad.fa-saxophone:after { content: "\10f8dc" } .fad.fa-scalpel:after { content: "\10f61d" } .fad.fa-scalpel-path:after { content: "\10f61e" } .fad.fa-scanner:after { content: "\10f488" } .fad.fa-scanner-image:after { content: "\10f8f3" } .fad.fa-scanner-keyboard:after { content: "\10f489" } .fad.fa-scanner-touchscreen:after { content: "\10f48a" } .fad.fa-scarecrow:after { content: "\10f70d" } .fad.fa-scarf:after { content: "\10f7c1" } .fad.fa-school:after { content: "\10f549" } .fad.fa-screwdriver:after { content: "\10f54a" } .fad.fa-scroll:after { content: "\10f70e" } .fad.fa-scroll-old:after { content: "\10f70f" } .fad.fa-scrubber:after { content: "\10f2f8" } .fad.fa-scythe:after { content: "\10f710" } .fad.fa-sd-card:after { content: "\10f7c2" } .fad.fa-search:after { content: "\10f002" } .fad.fa-search-dollar:after { content: "\10f688" } .fad.fa-search-location:after { content: "\10f689" } .fad.fa-search-minus:after { content: "\10f010" } .fad.fa-search-plus:after { content: "\10f00e" } .fad.fa-seedling:after { content: "\10f4d8" } .fad.fa-send-back:after { content: "\10f87e" } .fad.fa-send-backward:after { content: "\10f87f" } .fad.fa-sensor:after { content: "\10e028" } .fad.fa-sensor-alert:after { content: "\10e029" } .fad.fa-sensor-fire:after { content: "\10e02a" } .fad.fa-sensor-on:after { content: "\10e02b" } .fad.fa-sensor-smoke:after { content: "\10e02c" } .fad.fa-server:after { content: "\10f233" } .fad.fa-shapes:after { content: "\10f61f" } .fad.fa-share:after { content: "\10f064" } .fad.fa-share-all:after { content: "\10f367" } .fad.fa-share-alt:after { content: "\10f1e0" } .fad.fa-share-alt-square:after { content: "\10f1e1" } .fad.fa-share-square:after { content: "\10f14d" } .fad.fa-sheep:after { content: "\10f711" } .fad.fa-shekel-sign:after { content: "\10f20b" } .fad.fa-shield:after { content: "\10f132" } .fad.fa-shield-alt:after { content: "\10f3ed" } .fad.fa-shield-check:after { content: "\10f2f7" } .fad.fa-shield-cross:after { content: "\10f712" } .fad.fa-shield-virus:after { content: "\10e06c" } .fad.fa-ship:after { content: "\10f21a" } .fad.fa-shipping-fast:after { content: "\10f48b" } .fad.fa-shipping-timed:after { content: "\10f48c" } .fad.fa-shish-kebab:after { content: "\10f821" } .fad.fa-shoe-prints:after { content: "\10f54b" } .fad.fa-shopping-bag:after { content: "\10f290" } .fad.fa-shopping-basket:after { content: "\10f291" } .fad.fa-shopping-cart:after { content: "\10f07a" } .fad.fa-shovel:after { content: "\10f713" } .fad.fa-shovel-snow:after { content: "\10f7c3" } .fad.fa-shower:after { content: "\10f2cc" } .fad.fa-shredder:after { content: "\10f68a" } .fad.fa-shuttle-van:after { content: "\10f5b6" } .fad.fa-shuttlecock:after { content: "\10f45b" } .fad.fa-sickle:after { content: "\10f822" } .fad.fa-sigma:after { content: "\10f68b" } .fad.fa-sign:after { content: "\10f4d9" } .fad.fa-sign-in:after { content: "\10f090" } .fad.fa-sign-in-alt:after { content: "\10f2f6" } .fad.fa-sign-language:after { content: "\10f2a7" } .fad.fa-sign-out:after { content: "\10f08b" } .fad.fa-sign-out-alt:after { content: "\10f2f5" } .fad.fa-signal:after { content: "\10f012" } .fad.fa-signal-1:after { content: "\10f68c" } .fad.fa-signal-2:after { content: "\10f68d" } .fad.fa-signal-3:after { content: "\10f68e" } .fad.fa-signal-4:after { content: "\10f68f" } .fad.fa-signal-alt:after { content: "\10f690" } .fad.fa-signal-alt-1:after { content: "\10f691" } .fad.fa-signal-alt-2:after { content: "\10f692" } .fad.fa-signal-alt-3:after { content: "\10f693" } .fad.fa-signal-alt-slash:after { content: "\10f694" } .fad.fa-signal-slash:after { content: "\10f695" } .fad.fa-signal-stream:after { content: "\10f8dd" } .fad.fa-signature:after { content: "\10f5b7" } .fad.fa-sim-card:after { content: "\10f7c4" } .fad.fa-sink:after { content: "\10e06d" } .fad.fa-siren:after { content: "\10e02d" } .fad.fa-siren-on:after { content: "\10e02e" } .fad.fa-sitemap:after { content: "\10f0e8" } .fad.fa-skating:after { content: "\10f7c5" } .fad.fa-skeleton:after { content: "\10f620" } .fad.fa-ski-jump:after { content: "\10f7c7" } .fad.fa-ski-lift:after { content: "\10f7c8" } .fad.fa-skiing:after { content: "\10f7c9" } .fad.fa-skiing-nordic:after { content: "\10f7ca" } .fad.fa-skull:after { content: "\10f54c" } .fad.fa-skull-cow:after { content: "\10f8de" } .fad.fa-skull-crossbones:after { content: "\10f714" } .fad.fa-slash:after { content: "\10f715" } .fad.fa-sledding:after { content: "\10f7cb" } .fad.fa-sleigh:after { content: "\10f7cc" } .fad.fa-sliders-h:after { content: "\10f1de" } .fad.fa-sliders-h-square:after { content: "\10f3f0" } .fad.fa-sliders-v:after { content: "\10f3f1" } .fad.fa-sliders-v-square:after { content: "\10f3f2" } .fad.fa-smile:after { content: "\10f118" } .fad.fa-smile-beam:after { content: "\10f5b8" } .fad.fa-smile-plus:after { content: "\10f5b9" } .fad.fa-smile-wink:after { content: "\10f4da" } .fad.fa-smog:after { content: "\10f75f" } .fad.fa-smoke:after { content: "\10f760" } .fad.fa-smoking:after { content: "\10f48d" } .fad.fa-smoking-ban:after { content: "\10f54d" } .fad.fa-sms:after { content: "\10f7cd" } .fad.fa-snake:after { content: "\10f716" } .fad.fa-snooze:after { content: "\10f880" } .fad.fa-snow-blowing:after { content: "\10f761" } .fad.fa-snowboarding:after { content: "\10f7ce" } .fad.fa-snowflake:after { content: "\10f2dc" } .fad.fa-snowflakes:after { content: "\10f7cf" } .fad.fa-snowman:after { content: "\10f7d0" } .fad.fa-snowmobile:after { content: "\10f7d1" } .fad.fa-snowplow:after { content: "\10f7d2" } .fad.fa-soap:after { content: "\10e06e" } .fad.fa-socks:after { content: "\10f696" } .fad.fa-solar-panel:after { content: "\10f5ba" } .fad.fa-solar-system:after { content: "\10e02f" } .fad.fa-sort:after { content: "\10f0dc" } .fad.fa-sort-alpha-down:after { content: "\10f15d" } .fad.fa-sort-alpha-down-alt:after { content: "\10f881" } .fad.fa-sort-alpha-up:after { content: "\10f15e" } .fad.fa-sort-alpha-up-alt:after { content: "\10f882" } .fad.fa-sort-alt:after { content: "\10f883" } .fad.fa-sort-amount-down:after { content: "\10f160" } .fad.fa-sort-amount-down-alt:after { content: "\10f884" } .fad.fa-sort-amount-up:after { content: "\10f161" } .fad.fa-sort-amount-up-alt:after { content: "\10f885" } .fad.fa-sort-circle:after { content: "\10e030" } .fad.fa-sort-circle-down:after { content: "\10e031" } .fad.fa-sort-circle-up:after { content: "\10e032" } .fad.fa-sort-down:after { content: "\10f0dd" } .fad.fa-sort-numeric-down:after { content: "\10f162" } .fad.fa-sort-numeric-down-alt:after { content: "\10f886" } .fad.fa-sort-numeric-up:after { content: "\10f163" } .fad.fa-sort-numeric-up-alt:after { content: "\10f887" } .fad.fa-sort-shapes-down:after { content: "\10f888" } .fad.fa-sort-shapes-down-alt:after { content: "\10f889" } .fad.fa-sort-shapes-up:after { content: "\10f88a" } .fad.fa-sort-shapes-up-alt:after { content: "\10f88b" } .fad.fa-sort-size-down:after { content: "\10f88c" } .fad.fa-sort-size-down-alt:after { content: "\10f88d" } .fad.fa-sort-size-up:after { content: "\10f88e" } .fad.fa-sort-size-up-alt:after { content: "\10f88f" } .fad.fa-sort-up:after { content: "\10f0de" } .fad.fa-soup:after { content: "\10f823" } .fad.fa-spa:after { content: "\10f5bb" } .fad.fa-space-shuttle:after { content: "\10f197" } .fad.fa-space-station-moon:after { content: "\10e033" } .fad.fa-space-station-moon-alt:after { content: "\10e034" } .fad.fa-spade:after { content: "\10f2f4" } .fad.fa-sparkles:after { content: "\10f890" } .fad.fa-speaker:after { content: "\10f8df" } .fad.fa-speakers:after { content: "\10f8e0" } .fad.fa-spell-check:after { content: "\10f891" } .fad.fa-spider:after { content: "\10f717" } .fad.fa-spider-black-widow:after { content: "\10f718" } .fad.fa-spider-web:after { content: "\10f719" } .fad.fa-spinner:after { content: "\10f110" } .fad.fa-spinner-third:after { content: "\10f3f4" } .fad.fa-splotch:after { content: "\10f5bc" } .fad.fa-spray-can:after { content: "\10f5bd" } .fad.fa-sprinkler:after { content: "\10e035" } .fad.fa-square:after { content: "\10f0c8" } .fad.fa-square-full:after { content: "\10f45c" } .fad.fa-square-root:after { content: "\10f697" } .fad.fa-square-root-alt:after { content: "\10f698" } .fad.fa-squirrel:after { content: "\10f71a" } .fad.fa-staff:after { content: "\10f71b" } .fad.fa-stamp:after { content: "\10f5bf" } .fad.fa-star:after { content: "\10f005" } .fad.fa-star-and-crescent:after { content: "\10f699" } .fad.fa-star-christmas:after { content: "\10f7d4" } .fad.fa-star-exclamation:after { content: "\10f2f3" } .fad.fa-star-half:after { content: "\10f089" } .fad.fa-star-half-alt:after { content: "\10f5c0" } .fad.fa-star-of-david:after { content: "\10f69a" } .fad.fa-star-of-life:after { content: "\10f621" } .fad.fa-star-shooting:after { content: "\10e036" } .fad.fa-starfighter:after { content: "\10e037" } .fad.fa-starfighter-alt:after { content: "\10e038" } .fad.fa-stars:after { content: "\10f762" } .fad.fa-starship:after { content: "\10e039" } .fad.fa-starship-freighter:after { content: "\10e03a" } .fad.fa-steak:after { content: "\10f824" } .fad.fa-steering-wheel:after { content: "\10f622" } .fad.fa-step-backward:after { content: "\10f048" } .fad.fa-step-forward:after { content: "\10f051" } .fad.fa-stethoscope:after { content: "\10f0f1" } .fad.fa-sticky-note:after { content: "\10f249" } .fad.fa-stocking:after { content: "\10f7d5" } .fad.fa-stomach:after { content: "\10f623" } .fad.fa-stop:after { content: "\10f04d" } .fad.fa-stop-circle:after { content: "\10f28d" } .fad.fa-stopwatch:after { content: "\10f2f2" } .fad.fa-stopwatch-20:after { content: "\10e06f" } .fad.fa-store:after { content: "\10f54e" } .fad.fa-store-alt:after { content: "\10f54f" } .fad.fa-store-alt-slash:after { content: "\10e070" } .fad.fa-store-slash:after { content: "\10e071" } .fad.fa-stream:after { content: "\10f550" } .fad.fa-street-view:after { content: "\10f21d" } .fad.fa-stretcher:after { content: "\10f825" } .fad.fa-strikethrough:after { content: "\10f0cc" } .fad.fa-stroopwafel:after { content: "\10f551" } .fad.fa-subscript:after { content: "\10f12c" } .fad.fa-subway:after { content: "\10f239" } .fad.fa-suitcase:after { content: "\10f0f2" } .fad.fa-suitcase-rolling:after { content: "\10f5c1" } .fad.fa-sun:after { content: "\10f185" } .fad.fa-sun-cloud:after { content: "\10f763" } .fad.fa-sun-dust:after { content: "\10f764" } .fad.fa-sun-haze:after { content: "\10f765" } .fad.fa-sunglasses:after { content: "\10f892" } .fad.fa-sunrise:after { content: "\10f766" } .fad.fa-sunset:after { content: "\10f767" } .fad.fa-superscript:after { content: "\10f12b" } .fad.fa-surprise:after { content: "\10f5c2" } .fad.fa-swatchbook:after { content: "\10f5c3" } .fad.fa-swimmer:after { content: "\10f5c4" } .fad.fa-swimming-pool:after { content: "\10f5c5" } .fad.fa-sword:after { content: "\10f71c" } .fad.fa-sword-laser:after { content: "\10e03b" } .fad.fa-sword-laser-alt:after { content: "\10e03c" } .fad.fa-swords:after { content: "\10f71d" } .fad.fa-swords-laser:after { content: "\10e03d" } .fad.fa-synagogue:after { content: "\10f69b" } .fad.fa-sync:after { content: "\10f021" } .fad.fa-sync-alt:after { content: "\10f2f1" } .fad.fa-syringe:after { content: "\10f48e" } .fad.fa-table:after { content: "\10f0ce" } .fad.fa-table-tennis:after { content: "\10f45d" } .fad.fa-tablet:after { content: "\10f10a" } .fad.fa-tablet-alt:after { content: "\10f3fa" } .fad.fa-tablet-android:after { content: "\10f3fb" } .fad.fa-tablet-android-alt:after { content: "\10f3fc" } .fad.fa-tablet-rugged:after { content: "\10f48f" } .fad.fa-tablets:after { content: "\10f490" } .fad.fa-tachometer:after { content: "\10f0e4" } .fad.fa-tachometer-alt:after { content: "\10f3fd" } .fad.fa-tachometer-alt-average:after { content: "\10f624" } .fad.fa-tachometer-alt-fast:after { content: "\10f625" } .fad.fa-tachometer-alt-fastest:after { content: "\10f626" } .fad.fa-tachometer-alt-slow:after { content: "\10f627" } .fad.fa-tachometer-alt-slowest:after { content: "\10f628" } .fad.fa-tachometer-average:after { content: "\10f629" } .fad.fa-tachometer-fast:after { content: "\10f62a" } .fad.fa-tachometer-fastest:after { content: "\10f62b" } .fad.fa-tachometer-slow:after { content: "\10f62c" } .fad.fa-tachometer-slowest:after { content: "\10f62d" } .fad.fa-taco:after { content: "\10f826" } .fad.fa-tag:after { content: "\10f02b" } .fad.fa-tags:after { content: "\10f02c" } .fad.fa-tally:after { content: "\10f69c" } .fad.fa-tanakh:after { content: "\10f827" } .fad.fa-tape:after { content: "\10f4db" } .fad.fa-tasks:after { content: "\10f0ae" } .fad.fa-tasks-alt:after { content: "\10f828" } .fad.fa-taxi:after { content: "\10f1ba" } .fad.fa-teeth:after { content: "\10f62e" } .fad.fa-teeth-open:after { content: "\10f62f" } .fad.fa-telescope:after { content: "\10e03e" } .fad.fa-temperature-down:after { content: "\10e03f" } .fad.fa-temperature-frigid:after { content: "\10f768" } .fad.fa-temperature-high:after { content: "\10f769" } .fad.fa-temperature-hot:after { content: "\10f76a" } .fad.fa-temperature-low:after { content: "\10f76b" } .fad.fa-temperature-up:after { content: "\10e040" } .fad.fa-tenge:after { content: "\10f7d7" } .fad.fa-tennis-ball:after { content: "\10f45e" } .fad.fa-terminal:after { content: "\10f120" } .fad.fa-text:after { content: "\10f893" } .fad.fa-text-height:after { content: "\10f034" } .fad.fa-text-size:after { content: "\10f894" } .fad.fa-text-width:after { content: "\10f035" } .fad.fa-th:after { content: "\10f00a" } .fad.fa-th-large:after { content: "\10f009" } .fad.fa-th-list:after { content: "\10f00b" } .fad.fa-theater-masks:after { content: "\10f630" } .fad.fa-thermometer:after { content: "\10f491" } .fad.fa-thermometer-empty:after { content: "\10f2cb" } .fad.fa-thermometer-full:after { content: "\10f2c7" } .fad.fa-thermometer-half:after { content: "\10f2c9" } .fad.fa-thermometer-quarter:after { content: "\10f2ca" } .fad.fa-thermometer-three-quarters:after { content: "\10f2c8" } .fad.fa-theta:after { content: "\10f69e" } .fad.fa-thumbs-down:after { content: "\10f165" } .fad.fa-thumbs-up:after { content: "\10f164" } .fad.fa-thumbtack:after { content: "\10f08d" } .fad.fa-thunderstorm:after { content: "\10f76c" } .fad.fa-thunderstorm-moon:after { content: "\10f76d" } .fad.fa-thunderstorm-sun:after { content: "\10f76e" } .fad.fa-ticket:after { content: "\10f145" } .fad.fa-ticket-alt:after { content: "\10f3ff" } .fad.fa-tilde:after { content: "\10f69f" } .fad.fa-times:after { content: "\10f00d" } .fad.fa-times-circle:after { content: "\10f057" } .fad.fa-times-hexagon:after { content: "\10f2ee" } .fad.fa-times-octagon:after { content: "\10f2f0" } .fad.fa-times-square:after { content: "\10f2d3" } .fad.fa-tint:after { content: "\10f043" } .fad.fa-tint-slash:after { content: "\10f5c7" } .fad.fa-tire:after { content: "\10f631" } .fad.fa-tire-flat:after { content: "\10f632" } .fad.fa-tire-pressure-warning:after { content: "\10f633" } .fad.fa-tire-rugged:after { content: "\10f634" } .fad.fa-tired:after { content: "\10f5c8" } .fad.fa-toggle-off:after { content: "\10f204" } .fad.fa-toggle-on:after { content: "\10f205" } .fad.fa-toilet:after { content: "\10f7d8" } .fad.fa-toilet-paper:after { content: "\10f71e" } .fad.fa-toilet-paper-alt:after { content: "\10f71f" } .fad.fa-toilet-paper-slash:after { content: "\10e072" } .fad.fa-tombstone:after { content: "\10f720" } .fad.fa-tombstone-alt:after { content: "\10f721" } .fad.fa-toolbox:after { content: "\10f552" } .fad.fa-tools:after { content: "\10f7d9" } .fad.fa-tooth:after { content: "\10f5c9" } .fad.fa-toothbrush:after { content: "\10f635" } .fad.fa-torah:after { content: "\10f6a0" } .fad.fa-torii-gate:after { content: "\10f6a1" } .fad.fa-tornado:after { content: "\10f76f" } .fad.fa-tractor:after { content: "\10f722" } .fad.fa-trademark:after { content: "\10f25c" } .fad.fa-traffic-cone:after { content: "\10f636" } .fad.fa-traffic-light:after { content: "\10f637" } .fad.fa-traffic-light-go:after { content: "\10f638" } .fad.fa-traffic-light-slow:after { content: "\10f639" } .fad.fa-traffic-light-stop:after { content: "\10f63a" } .fad.fa-trailer:after { content: "\10e041" } .fad.fa-train:after { content: "\10f238" } .fad.fa-tram:after { content: "\10f7da" } .fad.fa-transgender:after { content: "\10f224" } .fad.fa-transgender-alt:after { content: "\10f225" } .fad.fa-transporter:after { content: "\10e042" } .fad.fa-transporter-1:after { content: "\10e043" } .fad.fa-transporter-2:after { content: "\10e044" } .fad.fa-transporter-3:after { content: "\10e045" } .fad.fa-transporter-empty:after { content: "\10e046" } .fad.fa-trash:after { content: "\10f1f8" } .fad.fa-trash-alt:after { content: "\10f2ed" } .fad.fa-trash-restore:after { content: "\10f829" } .fad.fa-trash-restore-alt:after { content: "\10f82a" } .fad.fa-trash-undo:after { content: "\10f895" } .fad.fa-trash-undo-alt:after { content: "\10f896" } .fad.fa-treasure-chest:after { content: "\10f723" } .fad.fa-tree:after { content: "\10f1bb" } .fad.fa-tree-alt:after { content: "\10f400" } .fad.fa-tree-christmas:after { content: "\10f7db" } .fad.fa-tree-decorated:after { content: "\10f7dc" } .fad.fa-tree-large:after { content: "\10f7dd" } .fad.fa-tree-palm:after { content: "\10f82b" } .fad.fa-trees:after { content: "\10f724" } .fad.fa-triangle:after { content: "\10f2ec" } .fad.fa-triangle-music:after { content: "\10f8e2" } .fad.fa-trophy:after { content: "\10f091" } .fad.fa-trophy-alt:after { content: "\10f2eb" } .fad.fa-truck:after { content: "\10f0d1" } .fad.fa-truck-container:after { content: "\10f4dc" } .fad.fa-truck-couch:after { content: "\10f4dd" } .fad.fa-truck-loading:after { content: "\10f4de" } .fad.fa-truck-monster:after { content: "\10f63b" } .fad.fa-truck-moving:after { content: "\10f4df" } .fad.fa-truck-pickup:after { content: "\10f63c" } .fad.fa-truck-plow:after { content: "\10f7de" } .fad.fa-truck-ramp:after { content: "\10f4e0" } .fad.fa-trumpet:after { content: "\10f8e3" } .fad.fa-tshirt:after { content: "\10f553" } .fad.fa-tty:after { content: "\10f1e4" } .fad.fa-turkey:after { content: "\10f725" } .fad.fa-turntable:after { content: "\10f8e4" } .fad.fa-turtle:after { content: "\10f726" } .fad.fa-tv:after { content: "\10f26c" } .fad.fa-tv-alt:after { content: "\10f8e5" } .fad.fa-tv-music:after { content: "\10f8e6" } .fad.fa-tv-retro:after { content: "\10f401" } .fad.fa-typewriter:after { content: "\10f8e7" } .fad.fa-ufo:after { content: "\10e047" } .fad.fa-ufo-beam:after { content: "\10e048" } .fad.fa-umbrella:after { content: "\10f0e9" } .fad.fa-umbrella-beach:after { content: "\10f5ca" } .fad.fa-underline:after { content: "\10f0cd" } .fad.fa-undo:after { content: "\10f0e2" } .fad.fa-undo-alt:after { content: "\10f2ea" } .fad.fa-unicorn:after { content: "\10f727" } .fad.fa-union:after { content: "\10f6a2" } .fad.fa-universal-access:after { content: "\10f29a" } .fad.fa-university:after { content: "\10f19c" } .fad.fa-unlink:after { content: "\10f127" } .fad.fa-unlock:after { content: "\10f09c" } .fad.fa-unlock-alt:after { content: "\10f13e" } .fad.fa-upload:after { content: "\10f093" } .fad.fa-usb-drive:after { content: "\10f8e9" } .fad.fa-usd-circle:after { content: "\10f2e8" } .fad.fa-usd-square:after { content: "\10f2e9" } .fad.fa-user:after { content: "\10f007" } .fad.fa-user-alien:after { content: "\10e04a" } .fad.fa-user-alt:after { content: "\10f406" } .fad.fa-user-alt-slash:after { content: "\10f4fa" } .fad.fa-user-astronaut:after { content: "\10f4fb" } .fad.fa-user-chart:after { content: "\10f6a3" } .fad.fa-user-check:after { content: "\10f4fc" } .fad.fa-user-circle:after { content: "\10f2bd" } .fad.fa-user-clock:after { content: "\10f4fd" } .fad.fa-user-cog:after { content: "\10f4fe" } .fad.fa-user-cowboy:after { content: "\10f8ea" } .fad.fa-user-crown:after { content: "\10f6a4" } .fad.fa-user-edit:after { content: "\10f4ff" } .fad.fa-user-friends:after { content: "\10f500" } .fad.fa-user-graduate:after { content: "\10f501" } .fad.fa-user-hard-hat:after { content: "\10f82c" } .fad.fa-user-headset:after { content: "\10f82d" } .fad.fa-user-injured:after { content: "\10f728" } .fad.fa-user-lock:after { content: "\10f502" } .fad.fa-user-md:after { content: "\10f0f0" } .fad.fa-user-md-chat:after { content: "\10f82e" } .fad.fa-user-minus:after { content: "\10f503" } .fad.fa-user-music:after { content: "\10f8eb" } .fad.fa-user-ninja:after { content: "\10f504" } .fad.fa-user-nurse:after { content: "\10f82f" } .fad.fa-user-plus:after { content: "\10f234" } .fad.fa-user-robot:after { content: "\10e04b" } .fad.fa-user-secret:after { content: "\10f21b" } .fad.fa-user-shield:after { content: "\10f505" } .fad.fa-user-slash:after { content: "\10f506" } .fad.fa-user-tag:after { content: "\10f507" } .fad.fa-user-tie:after { content: "\10f508" } .fad.fa-user-times:after { content: "\10f235" } .fad.fa-user-unlock:after { content: "\10e058" } .fad.fa-user-visor:after { content: "\10e04c" } .fad.fa-users:after { content: "\10f0c0" } .fad.fa-users-class:after { content: "\10f63d" } .fad.fa-users-cog:after { content: "\10f509" } .fad.fa-users-crown:after { content: "\10f6a5" } .fad.fa-users-medical:after { content: "\10f830" } .fad.fa-users-slash:after { content: "\10e073" } .fad.fa-utensil-fork:after { content: "\10f2e3" } .fad.fa-utensil-knife:after { content: "\10f2e4" } .fad.fa-utensil-spoon:after { content: "\10f2e5" } .fad.fa-utensils:after { content: "\10f2e7" } .fad.fa-utensils-alt:after { content: "\10f2e6" } .fad.fa-vacuum:after { content: "\10e04d" } .fad.fa-vacuum-robot:after { content: "\10e04e" } .fad.fa-value-absolute:after { content: "\10f6a6" } .fad.fa-vector-square:after { content: "\10f5cb" } .fad.fa-venus:after { content: "\10f221" } .fad.fa-venus-double:after { content: "\10f226" } .fad.fa-venus-mars:after { content: "\10f228" } .fad.fa-vest:after { content: "\10e085" } .fad.fa-vest-patches:after { content: "\10e086" } .fad.fa-vhs:after { content: "\10f8ec" } .fad.fa-vial:after { content: "\10f492" } .fad.fa-vials:after { content: "\10f493" } .fad.fa-video:after { content: "\10f03d" } .fad.fa-video-plus:after { content: "\10f4e1" } .fad.fa-video-slash:after { content: "\10f4e2" } .fad.fa-vihara:after { content: "\10f6a7" } .fad.fa-violin:after { content: "\10f8ed" } .fad.fa-virus:after { content: "\10e074" } .fad.fa-virus-slash:after { content: "\10e075" } .fad.fa-viruses:after { content: "\10e076" } .fad.fa-voicemail:after { content: "\10f897" } .fad.fa-volcano:after { content: "\10f770" } .fad.fa-volleyball-ball:after { content: "\10f45f" } .fad.fa-volume:after { content: "\10f6a8" } .fad.fa-volume-down:after { content: "\10f027" } .fad.fa-volume-mute:after { content: "\10f6a9" } .fad.fa-volume-off:after { content: "\10f026" } .fad.fa-volume-slash:after { content: "\10f2e2" } .fad.fa-volume-up:after { content: "\10f028" } .fad.fa-vote-nay:after { content: "\10f771" } .fad.fa-vote-yea:after { content: "\10f772" } .fad.fa-vr-cardboard:after { content: "\10f729" } .fad.fa-wagon-covered:after { content: "\10f8ee" } .fad.fa-walker:after { content: "\10f831" } .fad.fa-walkie-talkie:after { content: "\10f8ef" } .fad.fa-walking:after { content: "\10f554" } .fad.fa-wallet:after { content: "\10f555" } .fad.fa-wand:after { content: "\10f72a" } .fad.fa-wand-magic:after { content: "\10f72b" } .fad.fa-warehouse:after { content: "\10f494" } .fad.fa-warehouse-alt:after { content: "\10f495" } .fad.fa-washer:after { content: "\10f898" } .fad.fa-watch:after { content: "\10f2e1" } .fad.fa-watch-calculator:after { content: "\10f8f0" } .fad.fa-watch-fitness:after { content: "\10f63e" } .fad.fa-water:after { content: "\10f773" } .fad.fa-water-lower:after { content: "\10f774" } .fad.fa-water-rise:after { content: "\10f775" } .fad.fa-wave-sine:after { content: "\10f899" } .fad.fa-wave-square:after { content: "\10f83e" } .fad.fa-wave-triangle:after { content: "\10f89a" } .fad.fa-waveform:after { content: "\10f8f1" } .fad.fa-waveform-path:after { content: "\10f8f2" } .fad.fa-webcam:after { content: "\10f832" } .fad.fa-webcam-slash:after { content: "\10f833" } .fad.fa-weight:after { content: "\10f496" } .fad.fa-weight-hanging:after { content: "\10f5cd" } .fad.fa-whale:after { content: "\10f72c" } .fad.fa-wheat:after { content: "\10f72d" } .fad.fa-wheelchair:after { content: "\10f193" } .fad.fa-whistle:after { content: "\10f460" } .fad.fa-wifi:after { content: "\10f1eb" } .fad.fa-wifi-1:after { content: "\10f6aa" } .fad.fa-wifi-2:after { content: "\10f6ab" } .fad.fa-wifi-slash:after { content: "\10f6ac" } .fad.fa-wind:after { content: "\10f72e" } .fad.fa-wind-turbine:after { content: "\10f89b" } .fad.fa-wind-warning:after { content: "\10f776" } .fad.fa-window:after { content: "\10f40e" } .fad.fa-window-alt:after { content: "\10f40f" } .fad.fa-window-close:after { content: "\10f410" } .fad.fa-window-frame:after { content: "\10e04f" } .fad.fa-window-frame-open:after { content: "\10e050" } .fad.fa-window-maximize:after { content: "\10f2d0" } .fad.fa-window-minimize:after { content: "\10f2d1" } .fad.fa-window-restore:after { content: "\10f2d2" } .fad.fa-windsock:after { content: "\10f777" } .fad.fa-wine-bottle:after { content: "\10f72f" } .fad.fa-wine-glass:after { content: "\10f4e3" } .fad.fa-wine-glass-alt:after { content: "\10f5ce" } .fad.fa-won-sign:after { content: "\10f159" } .fad.fa-wreath:after { content: "\10f7e2" } .fad.fa-wrench:after { content: "\10f0ad" } .fad.fa-x-ray:after { content: "\10f497" } .fad.fa-yen-sign:after { content: "\10f157" } .fad.fa-yin-yang:after { content: "\10f6ad" } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; font-display: block; src: url(../fonts/fa-light-300.eot); src: url(../fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.woff) format("woff"),url(../fonts/fa-light-300.ttf) format("truetype"),url(../fonts/fa-light-300.svg#fontawesome) format("svg") } .fal { font-weight: 300 } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-display: block; src: url(../fonts/fa-regular-400.eot); src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg") } .fal, .far { font-family: "Font Awesome 5 Pro" } .far { font-weight: 400 } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; font-display: block; src: url(../fonts/fa-solid-900.eot); src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg") } .fa, .fas { font-family: "Font Awesome 5 Pro"; font-weight: 900 } @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical > .swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,.15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal > .swiper-wrapper: :before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical > .swiper-wrapper: :before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1 } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px,-50%,0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px) } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right } .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid > .swiper-wrapper { flex-wrap: wrap } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } :root { --box-shadow: 0px 0px 20px 0px rgba(7, 20, 52, .1); --box-shadow-secondary: 0 6px 12px rgba(0, 0, 0, 0.175); --box-shadow-extra: 0 5px 50px 0 rgba(0, 0, 0, 0.15); --box-shadow-dark: 0px 0px 0px; } @media (min-width: 768px) { .nav-box .container, .nav-box .container-lg, .nav-box .container-md, .nav-box .container-sm, .nav-box .container-xl { max-width: 720px; width: 720px; } } @media (min-width: 992px) { .nav-box .container, .nav-box .container-lg, .nav-box .container-md, .nav-box .container-sm, .nav-box .container-xl { max-width: 960px; width: 960px; } } @media (min-width: 1200px) { .nav-box .container, .nav-box .container-lg, .nav-box .container-md, .nav-box .container-sm, .nav-box .container-xl { max-width: 1200px; width: 1200px; } } .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { display: block; } .navbar { position: relative; padding: 0; } .navbar-nav .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin-top: 0; font-size: 14px; text-align: left; list-style: none; background-color: var(--white); -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: var(--box-shadow-secondary); box-shadow: var(--box-shadow-secondary); } .navbar .navbar-collapse.collapse { display: block !important; float: left; flex: inherit; } .navbar .collapse.navbar-collapse.center { float: none; } .navbar.brand-center .navbar-collapse.collapse { width: 100%; } .dropdown-toggle::after { display: inline; margin: 0; border: none; vertical-align: inherit; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; display: block; } .nav > li { position: relative; display: inline-block; } .navbar-sidebar li { display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: var(--blue); } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; max-height: 70px; } .navbar-toggle { position: relative; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .navbar .align-center { align-items: center; } .navbar-brand { margin: 0; padding: 0; display: block; } .main-nav-content { display: flex; flex-wrap: wrap; align-items: center; } .navbar .attr-right { float: right; margin-left: 30px; } .main-nav-content .collapse { float: left; flex: inherit; } .navbar .attr-right .attr-nav li.contact { position: relative; } .navbar.attr-border-full .attr-right .attr-nav li.contact { top: 0; } .navbar .attr-right .attr-nav li a { padding: 30px 0; display: block; } .navbar .attr-right .attr-nav li.button a { padding: 13px 32px !important; border-radius: 5px; font-size: 17px; color: var(--white); border: none; background: var(--color-primary) !important; position: relative; z-index: 1; overflow: hidden; } .navbar .attr-right .attr-nav li.search a { padding: 0; border: 1px solid #aec4f3; border-radius: 7px; height: 52px; width: 52px; text-align: center; line-height: 52px; } .attr-nav ul { display: flex; align-items: center; gap: 20px; } .navbar.secondary .attr-right .attr-nav li.button a { background: var(--color-primary) !important; } .navbar .attr-right .attr-nav li.button a::after { position: absolute; top: inherit; right: inherit; bottom: inherit; left: -5%; content: ""; height: 150px; width: 115%; z-index: -1; background-color: var(--color-heading); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translateY(-45%) skew(25deg) scale(0); transform: translateY(-45%) skew(25deg) scale(0); } .navbar.navbar-style-one.no-background .attr-right .attr-nav li.button a::after { background-color: var(--white); } .navbar.navbar-style-one.no-background .attr-right .attr-nav li.button a:hover { color: var(--color-heading); } .navbar .attr-right .attr-nav li.button a:hover::after { -webkit-transform: translateY(-45%) skew(25deg) scale(1.2); transform: translateY(-45%) skew(25deg) scale(1.2); } .navbar .attr-right .attr-nav li .call { display: flex; justify-content: right; } .navbar .attr-right .attr-nav li .call p { margin-bottom: 5px; line-height: 1; font-size: 14px; } .navbar .attr-right .attr-nav li .call p strong { font-weight: 600; color: var(--blue); } .navbar.navbar.no-background .attr-right .attr-nav li .call p strong { color: var(--white); } .navbar .attr-right .attr-nav li .call h5 { margin: 0; font-weight: 600; font-size: 20px; letter-spacing: 0.6px; } .navbar .attr-right .attr-nav li .call h5 a { padding: 0 !important; display: inline-block; text-transform: lowercase; } .navbar .attr-right .attr-nav li .call i { display: inline-block; font-size: 40px; margin-right: 15px; position: relative; color: var(--color-primary); } @media (max-width: 1023px) { .navbar .attr-right .attr-nav li .call h5 a { color: var(--color-heading); } .navbar.navbar .attr-right .attr-nav li .call p { color: var(--color-default) !important; } .navbar .attr-right .attr-nav li .call i { color: var(--color-primary); } } @media (max-width: 991px) { .navbar .attr-right .attr-nav li.contact { display: none; } } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after { clear: both; } .navbar .animated { animation-duration: 0.35s !important; } nav.validnavs .container { position: relative; } nav.navbar.validnavs.logo-less .navbar-brand { display: none; } nav.navbar.validnavs { background-color: var(--white); border-radius: 0; border: none; margin: 0; } nav.navbar.validnavs .navbar-toggle { margin: 0; background: transparent; border: none; font-size: 25px; padding: 30px 0; } nav.navbar.validnavs .navbar-toggle i { font-weight: 300; } nav.navbar.validnavs ul.nav .dropdown-menu .dropdown-menu { top: 0; left: 100%; } nav.navbar.validnavs ul.nav ul.dropdown-menu > li > a { white-space: normal; } nav.validnavs.navbar-full .navbar-toggle { display: inline-block; margin-right: 0; position: relative; top: 20px; font-size: 24px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } nav.validnavs.navbar-full .navbar-collapse { position: fixed; width: 100%; height: 100% !important; top: 0; left: 0; padding: 0; display: none !important; z-index: 9; } nav.validnavs.navbar-full .navbar-collapse.in, nav.validnavs.navbar-full .navbar-collapse.show { display: block !important; } nav.validnavs.navbar-full .navbar-collapse .nav-full { overflow: auto; } nav.validnavs.navbar-full .navbar-collapse .wrap-full-menu { display: table-cell; vertical-align: middle; background-color: var(--white); overflow: auto; } nav.validnavs.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar { width: 0; } nav.validnavs.navbar-full .navbar-collapse .nav-full::-moz-scrollbar { width: 0; } nav.validnavs.navbar-full .navbar-collapse .nav-full::-ms-scrollbar { width: 0; } nav.validnavs.navbar-full .navbar-collapse .nav-full::-o-scrollbar { width: 0; } nav.validnavs.navbar-full .navbar-collapse ul.nav { display: block; width: 100%; overflow: auto; } #navbar-menu { -webkit-animation-duration: 0.35s; animation-duration: 0.35s; } .validnavs .side .widget.social li.facebook a { background: #3b5998 none repeat scroll 0 0; } .validnavs .side .widget.social li.twitter a { background: #1da1f2 none repeat scroll 0 0; } .validnavs .side .widget.social li.pinterest a { background: #bd081c none repeat scroll 0 0; } .validnavs .side .widget.social li.g-plus a { background: #db4437 none repeat scroll 0 0; } .validnavs .side .widget.social li.linkedin a { background: #0077b5 none repeat scroll 0 0; } .validnavs .side .widget.social li.dribbble a { background: #ea4c89 none repeat scroll 0 0; } .validnavs a { color: #232323; font-weight: 600; text-transform: capitalize; background: transparent; } .validnavs a:focus, .validnavs a:hover, .validnavs a.active { background: transparent !important; } .attr-nav li { display: inline-block; } .attr-nav > ul > li > a { position: relative; } .attr-nav > ul > li > a i { font-size: 20px; } .attr-nav > ul > li > a span.badge { background-color: var(--blue); height: 20px; line-height: 20px; padding: 0; position: absolute; right: -8px; text-align: center; top: 18px; width: 20px; border-radius: 50%; } .attr-nav > ul li.dropdown ul.dropdown-menu { margin-top: 0; } .attr-nav > ul > li.dropdown ul.dropdown-menu { -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-box-shadow: var(--box-shadow-dark); -webkit-box-shadow: var(--box-shadow-dark); -o-box-shadow: var(--box-shadow-dark); box-shadow: var(--box-shadow-dark); border: solid 1px #e0e0e0; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list { padding: 0; width: 300px; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li { display: flex; border-top: 1px solid #e7e7e7; padding: 0; padding-top: 25px; margin: 0; margin-top: 25px; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li a { padding: 0; margin: 0; border: none; font-size: 16px; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li p { margin: 0; font-size: 13px; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list { padding: 25px; border: none; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li:first-child { margin: 0; padding: 0; border: none; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li img { width: 60px; border-radius: 5px; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li h6 { margin-bottom: 5px; font-weight: 600; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li .thumb { position: relative; margin-right: 20px; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li .remove-product, nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li .remove-product:hover { position: absolute; top: -3px; right: -4px; width: 17px; height: 17px; text-align: center; line-height: 18px; background: var(--blue) !important; color: var(--white); border-radius: 50%; font-size: 10px; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li.total a, nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li.total a:hover { display: block; width: 100%; float: left; text-transform: uppercase; padding: 8px 25px; border: 2px solid var(--dark); background: var(--dark) !important; color: var(--white); border-radius: inherit; text-align: center; font-size: 13px; margin-top: 15px; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li.total a:nth-child(3) { background: transparent !important; color: var(--color-heading); border: 2px solid var(--dark); margin-top: 10px; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li.total { display: block; } nav.navbar.navbar-default.validnavs li.dropdown ul.dropdown-menu.cart-list li.total span.pull-right { display: flex; align-items: center; justify-content: space-between; } .top-search { padding: 10px 0; display: none; position: fixed; top: 0; width: 100%; left: 0; height: 100%; z-index: 9; animation: none; } .top-search .input-group { top: 50%; position: absolute; transform: translateY(-50%); left: 30px; right: 30px; width: auto; } .top-search .container-xl { position: relative; height: 100%; } .navbar .top-search .input-group { border-bottom: 2px solid rgba(255, 255, 255, 1); z-index: 9; } .navbar .top-search::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: var(--dark); z-index: -1; opacity: 0.9; } .top-search input.form-control { background-color: transparent; border: none; -moz-box-shadow: var(--box-shadow-dark); -webkit-box-shadow: var(--box-shadow-dark); -o-box-shadow: var(--box-shadow-dark); box-shadow: var(--box-shadow-dark); color: var(--white); height: 40px; padding: 0 15px; border: none !important; } .top-search input.form-control::-webkit-input-placeholder { color: var(--white) !important; } .top-search input.form-control::-moz-placeholder { color: var(--white) !important; } .top-search input.form-control:-ms-input-placeholder { color: var(--white) !important; } .top-search input.form-control:-moz-placeholder { color: var(--white) !important; } .top-search .input-group-addon { background-color: transparent; border: none; color: var(--white); padding-left: 0; padding-right: 0; padding: 12px 0; } .top-search .input-group-addon.close-search { cursor: pointer; } .navbar .top-search .container { padding: 0 30px; } body { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .side { position: fixed; overflow-y: auto; top: 0; right: -500px; width: 500px; padding: 50px; padding-top: 0; height: 100%; display: block; background-color: var(--white); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9; box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.1); overflow-x: hidden; } .side .widget .logo { position: relative; z-index: 1; padding: 30px 0; margin-bottom: 50px; } .side .widget .logo::after { position: absolute; left: -50px; top: 0; content: ""; height: 100%; width: 200%; background: var(--dark); z-index: -1; } .side.on { right: -16px; } .side .widget .logo img { height: 50px; } body.on-side nav.navbar::after { position: fixed; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: #000000; transition: all 0.35s ease-in-out; opacity: 0.6; } .side .close-side { border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.5); float: right; font-size: 16px; font-weight: 400; height: 35px; line-height: 32px; position: relative; text-align: center; top: 43px; width: 35px; z-index: 2; color: rgba(255, 255, 255, 0.8); } .side .widget.address ul li p { text-transform: uppercase; font-weight: 600; margin-bottom: 0; color: var(--color-heading); } .navbar .side .widget h4 { display: block; font-weight: 600; position: relative; text-transform: capitalize; z-index: 1; } .side .widget.address ul li strong { font-weight: 400; } .side .widget.newsletter form { position: relative; z-index: 1; width: 100%; } .side .widget.newsletter form .input-group.stylish-input-group { position: relative; } .side .widget.newsletter form input, .side .widget.newsletter form input:focus { width: 100%; background: transparent; padding: 15px; color: var(--color-heading); border-radius: inherit; border: 1px solid #e7e7e7; min-height: 60px; } .side .widget.newsletter form span.input-group-addon { width: 60px; position: absolute; right: 0; border-left: 1px solid #e7e7e7; min-height: 60px; z-index: 9; } .side .widget.newsletter form span.input-group-addon button { position: absolute; height: 57px; top: 2px; right: 2px; width: 56px; border: none; background: var(--white); border-radius: 5px; color: var(--color-heading); font-size: 30px; } .navbar .side .widget.social li { display: inline-block; } .navbar .side .widget.social li a { color: var(--color-heading); display: inline-block; font-weight: 600; height: 45px; line-height: 45px; margin-right: 5px; margin-top: 5px; padding: 0; text-align: center; width: 45px; border-radius: 50%; border: 1px solid #e7e7e7; } .navbar .side .widget.social li a:hover { background: var(--dark) none repeat scroll 0 0 !important; color: var(--white); border-color: var(--color-heading); } @media (min-width: 1200px) { .attr-border .attr-nav { position: relative; z-index: 1; padding-left: 15px; } .attr-border .attr-nav::after { position: absolute; left: 0; top: 50%; content: ""; transform: translateY(-50%); height: 40px; width: 1px; border-left: 1px solid #dddddd; z-index: -1; } .attr-border.attr-border-full .attr-nav::after { height: 100%; } nav.navbar.validnavs.navbar-fixed.no-background.attr-border .attr-nav::after { border-left: 1px solid rgba(255, 255, 255, 0.3); } } .navbar .attr-right .attr-nav li.side-menu a { padding: 9px 20px !important; display: block; top: 4px; } .navbar.navbar-default.attr-border-full .attr-right .attr-nav li.side-menu a { top: -5px; } .navbar .attr-nav .side-menu span { position: absolute; right: 0; top: 0; content: ""; height: 2px; width: 30px; background: #232323; transition: all 0.35s ease-in-out; } .navbar .attr-nav .side-menu span:nth-child(2) { top: 8px; width: 35px; } .navbar .attr-nav .side-menu span:nth-child(3) { top: 16px; width: 15px; } .body-overlay { background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0; bottom: 0; height: 0; left: 0; opacity: 0; position: fixed; right: 0; transition: opacity 0.4s ease 0.8s, height 0s ease 1.2s; z-index: 490; } body.on-side .body-overlay { height: 100%; transition: height 0s ease 0s, opacity 0.4s ease 0s; } body.on-side .body-overlay { opacity: 1; top: 0; } nav.navbar.validnavs ul.nav > li.dropdown > a.dropdown-toggle::after { content: "\f107"; font-family: var(--fontawesome); margin-left: 7px; border: none; font-weight: 400; transition: all 0.35s ease-in-out; top: 1px; position: relative; } .navbar .side .widget.social { margin-top: -15px; } .navbar .side .widget li { display: block; margin-top: 15px; } .side .widget { position: relative; z-index: 1; margin-bottom: 50px; } .side .widget:last-child { margin-bottom: 0; } nav.navbar.validnavs.navbar-fixed { display: block; width: 100%; z-index: 100; box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04); top: 0; } nav.navbar.validnavs.navbar-fixed.nav-box.no-background { background: var(--white) none repeat scroll 0 0; top: 115px; width: auto; left: auto; } nav.navbar.validnavs.navbar-fixed.nav-box.no-background ul.nav > li > a, nav.navbar.validnavs.navbar-fixed.nav-box.no-background .attr-nav > ul > li > a { color: var(--color-heading); } nav.navbar.validnavs.navbar-fixed.nav-box { left: 0; top: 0; width: 100%; } nav.navbar.validnavs.navbar-fixed.no-background { display: block; position: absolute; width: 100%; z-index: 100; box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%); } nav.navbar.validnavs { z-index: 100; padding: 10px 0; } nav.navbar.validnavs.attr-border-full, nav.navbar.validnavs.brand-center { padding: 0; } @media (min-width: 1024px) and (max-width: 1400px) { body.wrap-nav-sidebar .wrapper .container { width: 100%; padding-left: 30px; padding-right: 30px; } } @media (min-width: 1024px) { .navbar-transparent.inc-top-bar { margin-top: 59px !important; } .navbar.white .attr-nav .side-menu span { background-color: var(--white); } .navbar.no-background .attr-right .attr-nav li .call h5 { color: var(--white); } nav.navbar.validnavs.navbar-fixed.no-background.nav-border { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .navbar.no-background.white .attr-right .attr-nav li .call p { color: var(--white); opacity: 0.9; } .navbar.no-background.white .attr-right .attr-nav li .call h5 a { color: var(--white); } nav.navbar.brand-style-bg { box-shadow: inherit; } nav.navbar.brand-style-bg.sticked { box-shadow: 0px 0px 20px 0px rgba(7, 20, 52, .1); } nav.navbar.validnavs.navbar-fixed.no-background .attr-right .attr-nav li.contact::after { background: rgba(255, 255, 255, 0.2); } nav.navbar.validnavs ul.nav .dropdown-menu .dropdown-menu { margin-top: -2px; } .nav-box.no-background .container.nav-container { box-shadow: 0 0 10px #cccccc; padding: 0 30px; } nav.navbar.validnavs ul.nav.navbar-right .dropdown-menu { right: auto; } nav.navbar.validnavs ul.nav.navbar-right .dropdown-left .dropdown-menu { right: 0; left: -100%; } nav.navbar.validnavs.navbar-default.navbar-fixed.navbar-transparent.inc-topbar { margin-top: 65px; transition: all 0.35s ease-in-out 0s; border-top: 1px solid rgba(255, 255, 255, 0.1); } nav.navbar.validnavs.navbar-fixed.no-background.top-pad { margin-top: 65px; } nav.navbar.validnavs.navbar-default.navbar-fixed.inc-topbar { margin-top: 0; } .navbar.logo-bg .navbar-brand { position: relative; z-index: 1; padding: 0 30px; } .navbar.logo-bg .navbar-brand img { position: relative; top: 12px; } nav.navbar.validnavs.active-border ul.nav > li > a.active { position: relative; z-index: 1; } nav.navbar.validnavs.active-border ul.nav > li > a.active::before { top: -2px; position: absolute; left: 10%; content: ""; height: 0px; width: 80%; border-bottom: 3px solid var(--blue); } nav.navbar.validnavs li.dropdown ul.dropdown-menu { background: var(--white) none repeat scroll 0 0; border: 1px solid transparent; border-radius: 6px; box-shadow: var(--box-shadow-extra); padding: 30px; width: 300px; } nav.navbar.validnavs li.dropdown ul.dropdown-menu.cart-list { left: auto; min-width: 300px; right: 0; border: none !important; box-shadow: var(--box-shadow-extra); } nav.navbar.validnavs.navbar-sticky.sticked li.dropdown ul.dropdown-menu.cart-list { margin-top: -8px; } nav.navbar.validnavs li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.validnavs li.dropdown ul.dropdown-menu > li a:hover { background-color: transparent; } nav.navbar.validnavs li.dropdown ul.dropdown-menu > li > a { padding: 12px 15px; color: var(--color-heading); font-weight: 500; font-size: 16px; text-transform: uppercase; } nav.navbar.validnavs li.dropdown ul.dropdown-menu > li:last-child > a { border-bottom: none; } nav.navbar.validnavs ul li.dropdown ul.dropdown-menu li a { color: var(--color-heading); display: block; font-size: 19px; margin-bottom: 0; padding: 7px 15px !important; text-align: left; text-transform: capitalize; width: 100%; font-weight: 500 !important; } nav.navbar.validnavs ul.navbar-right li.dropdown.dropdown-left ul.dropdown-menu li a { text-align: right; } nav.navbar.validnavs li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before { font-family: var(--fontawesome); font-weight: 900; float: right; content: "\f105"; margin-top: 0; } nav.navbar.validnavs ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before { font-family: var(--fontawesome); font-weight: 900; float: right; content: "\f105"; margin-top: 0; } nav.navbar.validnavs ul.navbar-right li.dropdown.dropdown-left ul.dropdown-menu li.dropdown > a.dropdown-toggle:before { font-family: var(--fontawesome); font-weight: 900; float: left; content: "\f104"; margin-top: 0; } nav.navbar.validnavs li.dropdown ul.dropdown-menu ul.dropdown-menu { top: -1px; } nav.navbar.validnavs.no-background { background-color: transparent; border: none; } nav.navbar.validnavs.navbar-fixed { position: absolute; background: transparent; } nav.navbar.validnavs.navbar-transparent .attr-nav { padding-left: 15px; margin-left: 30px; } nav.navbar.validnavs.navbar-transparent.white { background-color: rgba(255, 255, 255, 0.3); border-bottom: solid 1px #bbb; } nav.navbar.navbar-inverse.validnavs.navbar-transparent.dark, nav.navbar.validnavs.navbar-transparent.dark { background-color: rgba(0, 0, 0, 0.3); border-bottom: solid 1px #555; } nav.navbar.validnavs.navbar-transparent.white .attr-nav { border-left: solid 1px #bbb; } nav.navbar.navbar-inverse.validnavs.navbar-transparent.dark .attr-nav, nav.navbar.validnavs.navbar-transparent.dark .attr-nav { border-left: solid 1px #555; } nav.navbar.validnavs.no-background.white .attr-nav > ul > li > a, nav.navbar.validnavs.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.validnavs.navbar-transparent.white ul.nav > li > a, nav.navbar.validnavs.no-background.white ul.nav > li > a { color: var(--white); } nav.navbar.validnavs.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.validnavs.navbar-transparent.dark ul.nav > li > a { color: #eee; } nav.navbar.validnavs.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.validnavs.navbar-fixed.no-background .logo-scrolled, nav.navbar.validnavs.brand-center .logo-scrolled { display: none; } nav.navbar.validnavs.navbar-fixed.navbar-transparent .logo-display, nav.navbar.validnavs.navbar-fixed.no-background .logo-display, nav.navbar.validnavs.brand-center .logo-display { display: block; } nav.navbar.validnavs.navbar-fixed .logo-display { display: none; } nav.navbar.validnavs.navbar-fixed.no-background { box-shadow: inherit; } nav.navbar.validnavs.navbar-fixed.no-background.navbar-style-two { background: rgba(255, 255, 255, 0.4); } nav.navbar.validnavs.navbar-fixed .logo-scrolled { display: block; } .attr-nav > ul > li.dropdown ul.dropdown-menu { margin-top: 0; margin-left: 55px; width: 250px; left: -250px; } nav.navbar.validnavs.menu-center .container { position: relative; } nav.navbar.navbar-fixed-white .container { position: relative; z-index: 1; padding: 10px 15px; } nav.navbar.navbar-fixed-white .container::after { position: absolute; right: -30px; top: 0; content: ""; height: 100%; width: 500%; background: var(--white); z-index: -1; transition: all 0.35s ease-in-out; } nav.navbar.navbar-fixed-white.no-background .container::before { position: absolute; right: -40px; bottom: -10px; content: ""; height: 100%; width: 500%; background: var(--white); z-index: -1; opacity: 0.5; transition: all 0.35s ease-in-out; } nav.navbar.validnavs.navbar-style-one { padding: 0; } nav.navbar.validnavs.menu-center ul.nav.navbar-center { float: none; margin: 0 auto; display: table; table-layout: fixed; } nav.validnavs.navbar-brand-top .navbar-header { display: block; width: 100%; text-align: center; } nav.validnavs.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu { margin-top: 0px; } nav.validnavs.navbar-brand-top .navbar-header .navbar-brand { display: inline-block; float: none; margin: 0; } nav.validnavs.navbar-brand-top .navbar-collapse { text-align: center; } nav.validnavs.navbar-brand-top ul.nav { display: inline-block; float: none; margin: 0 0 -5px 0; } nav.validnavs.brand-center .navbar-header { display: block; width: 100%; position: absolute; text-align: center; top: 0; left: 0; } nav.validnavs.brand-center .navbar-brand { display: inline-block; float: none; } nav.validnavs.brand-center.center-side .navbar-brand { display: inline-block; float: none; padding: 15px 0; } nav.validnavs.brand-center .navbar-collapse { text-align: center; display: inline-block; padding-left: 0; padding-right: 0; } nav.validnavs.brand-center ul.nav > li.dropdown > ul.dropdown-menu { margin-top: 0px; } nav.validnavs.brand-center .navbar-collapse .col-half { width: 50%; float: left; display: block; } nav.validnavs.brand-center .navbar-collapse .col-half.left { text-align: right; padding-right: 150px; } nav.validnavs.brand-center .navbar-collapse .col-half.right { text-align: left; padding-left: 150px; } nav.validnavs.brand-center ul.nav { float: none !important; margin-bottom: -5px !important; display: inline-block !important; } nav.validnavs.brand-center ul.nav.navbar-right { margin: 0; } nav.validnavs.brand-center.center-side .navbar-collapse .col-half.left { text-align: left; padding-right: 100px; } nav.validnavs.brand-center.center-side .navbar-collapse .col-half.right { text-align: right; padding-left: 100px; } body.wrap-nav-sidebar .wrapper { padding-left: 320px; overflow-x: hidden; } nav.validnavs.navbar-sidebar { position: fixed; width: 320px; overflow: hidden; left: 0; padding: 0 0 0 0 !important; background: var(--white); -moz-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; } nav.validnavs.navbar-sidebar.bg-dark { background: var(--white) none repeat scroll 0 0; -moz-box-shadow: 1px 0 6px 0 var(--dark); -webkit-box-shadow: 1px 0 6px 0 var(--dark); -o-box-shadow: 1px 0 6px 0 var(--dark); box-shadow: 1px 0 6px 0 var(--dark); left: 0; overflow: hidden; padding: 0 !important; position: fixed; width: 260px; } nav.validnavs.navbar-sidebar.bg-dark { background-color: var(--color-heading); } nav.validnavs.navbar-sidebar .scroller { width: 280px; overflow-y: auto; overflow-x: hidden; } nav.validnavs.navbar-sidebar .scroller::-webkit-scrollbar { width: 0; } nav.validnavs.navbar-sidebar .scroller::-moz-scrollbar { width: 0; } nav.validnavs.navbar-sidebar .scroller::-ms-scrollbar { width: 0; } nav.validnavs.navbar-sidebar .scroller::-o-scrollbar { width: 0; } nav.validnavs.navbar-sidebar .container-fluid, nav.validnavs.navbar-sidebar .container { padding: 0 !important; } nav.validnavs.navbar-sidebar .navbar-header { float: none; display: block; padding: 10px 25px; margin: 50px 0 15px 0 !important; } nav.validnavs.navbar-sidebar .navbar-collapse { padding: 0 !important; width: 260px; } nav.validnavs.navbar-sidebar ul.nav { float: none; display: block; width: 100%; padding-left: 15px; margin: 0 0 30px 0; } nav.validnavs.navbar-sidebar.bg-dark ul.nav > li { border-bottom: 1px solid var(--dark); } nav.validnavs.navbar-sidebar ul.nav > li > a { padding: 8px 15px !important; text-transform: capitalize; font-weight: 700; font-size: 14px; } nav.validnavs.navbar-sidebar.bg-dark ul.nav > li > a { color: var(--white); } nav.validnavs.navbar-sidebar ul.nav > li > a:hover { color: var(--blue); } nav.validnavs.navbar-sidebar ul.nav > li.dropdown > a:after { float: right; } nav.validnavs.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu { left: 100%; top: 0; position: relative !important; left: 0 !important; width: 100% !important; height: auto !important; background-color: transparent; border: none !important; padding: 0; -moz-box-shadow: var(--box-shadow-dark); -webkit-box-shadow: var(--box-shadow-dark); -o-box-shadow: var(--box-shadow-dark); box-shadow: var(--box-shadow-dark); } nav.validnavs.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu { margin-bottom: 15px; } nav.validnavs.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu { padding-left: 15px; float: none; margin-bottom: 0; } nav.validnavs.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a { padding: 7px 15px; color: var(--color-heading); border: none; } nav.validnavs.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu { padding-left: 15px; margin-top: 0; } nav.validnavs.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before { font-family: var(--fontawesome); content: "\f105"; float: right; } nav.validnavs.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before { content: "\f107"; } nav.validnavs.brand-center .navbar-brand { position: relative; z-index: 1; padding: 10px 30px; } nav.validnavs.brand-center .navbar-brand::before { position: absolute; left: 50%; bottom: -43px; content: ""; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid var(--dark); margin-left: -30px; } nav.validnavs.dark-layout { background-color: var(--color-heading); } nav.validnavs.dark-layout ul.nav > li > a { color: var(--white); } nav.validnavs.brand-center .navbar-brand img { position: relative; top: 10px; } nav.navbar.validnavs.navbar-fixed.nav-box.no-background { background: var(--blue); top: 95px; width: auto; left: auto; border-radius: 5px; } .nav-box.no-background .container.nav-container { box-shadow: inherit; padding: 0 40px; } .nav-box.no-background .container.nav-container .attr-nav .side-menu { position: relative; float: right; width: 40px; height: 100%; margin-left: 16px; padding: 27px 0; } .nav-box.no-background .container.nav-container .attr-nav > ul > li { padding: 17px 0; font-size: 18px; } .nav-box.no-background .container.nav-container ul.nav > li > a { padding: 28px 15px; color: var(--white); } nav.navbar.validnavs.navbar-fixed.nav-box.no-background ul.nav > li > a, nav.navbar.validnavs.navbar-fixed.nav-box.no-background .attr-nav > ul > li > a { color: var(--white); } .navbar-right-part { display: flex; align-items: center; } nav.navbar.validnavs.navbar-fixed.navbar-style-three { padding: 0; background: transparent !important; box-shadow: inherit; } nav.navbar.validnavs.navbar-fixed.no-background.navbar-style-three { top: 59px; } nav.navbar.validnavs.navbar-fixed.navbar-style-three.no-background .container::after { position: absolute; right: 0; top: 0; content: ""; height: 100%; width: 500%; background: var(--color-primary); z-index: -1; } nav.navbar.validnavs.navbar-fixed.navbar-style-three .container::after { position: absolute; right: 0; top: 0; content: ""; height: 100%; width: 500%; background: var(--white); z-index: -1; border-bottom: 1px solid #e7e7e7; } nav.navbar.validnavs.navbar-fixed.navbar-style-three .container { padding-right: 0; } nav.navbar.validnavs.navbar-fixed.navbar-style-three .attr-right .attr-nav li { float: right; } nav.navbar.validnavs.navbar-fixed.navbar-style-three .attr-right .attr-nav li.button a { padding: 31px 40px !important; border-radius: inherit; font-size: 16px; color: var(--white); border: none; background: var(--dark-secondary) !important; position: relative; z-index: 1; overflow: hidden; margin: 0; top: 0; } nav.navbar.validnavs.navbar-fixed.navbar-style-three.no-background .attr-right .attr-nav li.button a { background: #f1f1f1 !important; color: var(--color-heading); } nav.navbar.validnavs.navbar-fixed.navbar-style-three .attr-right .attr-nav li.button a::after { height: 200px; width: 200%; } nav.navbar.validnavs.navbar-fixed.navbar-style-three.no-background .attr-right .attr-nav li.button a::before { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 1px; border-left: 1px solid rgba(255, 255, 255, 0.4); } nav.navbar.validnavs.navbar-fixed.navbar-style-three .attr-right .attr-nav li.button a:hover { color: var(--white); } nav.navbar.validnavs.navbar-fixed.navbar-style-three.no-background ul.nav > li > a { color: var(--white); } } @media only screen and (min-width: 768px) and (max-width: 991px) { nav.navbar.validnavs.navbar-fixed.inc-top-bar.navbar-transparent { margin-top: 100px; } } @media (max-width: 1023px) { nav.navbar.validnavs { position: relative; background: #ffffff !important; } nav.navbar.validnavs.navbar-fixed.no-background { position: relative; } a.navbar-brand { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; } nav.navbar.validnavs { padding: 0; } nav.navbar.validnavs.navbar-sidebar { padding: 25px 0; } nav.navbar.validnavs.brand-center { padding: 30px 0; } nav.navbar.validnavs.brand-center .logo-display { display: none; } header.adjust-height { min-height: 90px; } nav.navbar.validnavs.navbar-sidebar .scroller { width: 100%; } nav.navbar.validnavs.navbar-sidebar .navbar-brand img { height: 50px; } nav.navbar.validnavs.navbar-sidebar .navbar-toggle { margin: 0 15px; } nav.navbar.validnavs ul.nav > li.dropdown > a.dropdown-toggle::after { display: none; } nav.validnavs.navbar-default.info-topbar .navbar-header { display: block !important; } nav.validnavs.navbar-default.info-topbar ul li a.active::after { display: none; } nav.validnavs.navbar-default.info-topbar ul li a::after { display: none; } nav.navbar.shadow.navbar-inverse.validnavs.navbar-transparent.dark, nav.navbar.shadow.validnavs.navbar-transparent.dark { background-color: var(--white) !important; border-bottom: medium none var(--blue); } .navbar-default.validnavs.navbar-sidebar.bg-dark .social-share { padding: 20px 0; } .attr-nav > ul li.dropdown ul.dropdown-menu { margin-top: 0px !important; } nav.navbar.validnavs ul.nav li.dropdown > ul.dropdown-menu { box-shadow: inherit !important; } nav.navbar.validnavs ul.nav li.dropdown > ul.dropdown-menu li > a { border-bottom: 1px solid #e7e7e7 !important; font-weight: 700; } nav.navbar.validnavs ul.nav li.dropdown > ul.dropdown-menu li:hover > a { background-color: transparent !important; color: var(--blue) !important; } nav.bg-dark.navbar.validnavs ul.nav li.dropdown > ul.dropdown-menu li a { background: transparent none repeat scroll 0 0 !important; border-bottom: 1px solid #e7e7e7; color: var(--color-heading) !important; } nav.navbar.validnavs .navbar-collapse.collapse.in, nav.navbar.validnavs .navbar-collapse.collapse.show { background: var(--white) none repeat scroll 0 0; display: block; margin-bottom: 30px; } nav.navbar.validnavs .navbar-collapse { border: none; margin-bottom: 0; } nav.navbar.validnavs.no-full .navbar-collapse { max-height: 350px; overflow-y: auto !important; } nav.navbar.validnavs .navbar-collapse.collapse.in, nav.navbar.validnavs .navbar-collapse.collapse.show { display: block !important; } nav.navbar.validnavs .navbar-nav { float: none !important; padding-left: 30px; padding-right: 30px; margin: 0px; } nav.navbar.validnavs .navbar-collapse.collapse { display: none !important; } nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile { display: initial !important; } nav.navbar.validnavs .navbar-nav > li { float: none; display: block; } nav.navbar.validnavs li.dropdown a.dropdown-toggle:before { font-family: var(--fontawesome); font-weight: 400; content: "\f105"; float: right; font-size: 16px; margin-left: 10px; } nav.navbar.validnavs li.dropdown.on > a.dropdown-toggle:before { content: "\f107"; } nav.navbar.validnavs .navbar-nav > li > a { display: block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 13px 0 !important; border-top: solid 1px #e0e0e0; margin-bottom: -1px; } nav.navbar.validnavs .navbar-nav > li:first-child > a { border-top: none; } nav.navbar.validnavs ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu { border-bottom: solid 1px #e0e0e0; } nav.navbar.validnavs ul.nav li.dropdown li a.dropdown-toggle { float: none !important; position: relative; display: block; width: 100%; } nav.navbar.validnavs ul.nav li.dropdown ul.dropdown-menu { width: 100%; position: relative !important; background-color: transparent; float: none; border: none; padding: 0 0 0 15px !important; margin: 0 0 -1px 0 !important; -moz-box-shadow: var(--box-shadow-dark); -webkit-box-shadow: var(--box-shadow-dark); -o-box-shadow: var(--box-shadow-dark); box-shadow: var(--box-shadow-dark); -moz-border-radius: var(--box-shadow-dark); -webkit-border-radius: var(--box-shadow-dark); -o-border-radius: var(--box-shadow-dark); border-radius: var(--box-shadow-dark); } nav.navbar.validnavs ul.nav li.dropdown ul.dropdown-menu > li > a { border-bottom: 1px solid #e0e0e0; color: var(--color-heading); display: block; font-size: 17px; font-weight: 500; padding: 10px 0; text-transform: capitalize; width: 100%; } nav.navbar.validnavs ul.nav ul.dropdown-menu li a:hover, nav.navbar.validnavs ul.nav ul.dropdown-menu li a:focus { background-color: transparent; } nav.navbar.validnavs ul.nav ul.dropdown-menu ul.dropdown-menu { float: none !important; left: 0; padding: 0 0 0 15px; position: relative; background: transparent; width: 100%; } nav.navbar.validnavs ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu { display: inline-block; margin-top: -10px; } nav.navbar.validnavs li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after { display: none; } nav.validnavs.brand-center .navbar-collapse { display: block; } nav.validnavs.brand-center ul.nav { margin-bottom: 0px !important; } nav.validnavs.brand-center .navbar-collapse .col-half { width: 100%; float: none; display: block; } nav.validnavs.brand-center .navbar-collapse .col-half.left { margin-bottom: 0; } .navbar .col-lg-3:last-child { position: absolute; top: 15px; right: 30px; width: auto; } .nav-box .col-lg-3:last-child { position: absolute; right: 0; top: 0; } .attr-nav > ul { padding: 0; } .navbar .attr-right .attr-nav li.button a { padding: 13px 25px !important; } .navbar.navbar-style-three .attr-right .attr-nav li.button a { background: var(--color-optional) !important; } .attr-nav > ul > li > a { padding: 16px 15px 15px; } .attr-nav > ul > li.dropdown > a.dropdown-toggle:before { display: none; } .attr-nav > ul > li.dropdown ul.dropdown-menu { margin-top: 2px; margin-left: 55px; width: 250px; left: -250px; border-top: none; box-shadow: var(--box-shadow-extra); } .top-search .container { padding: 0 45px; } nav.validnavs.navbar-full ul.nav { margin-left: 0; } nav.validnavs.navbar-full ul.nav > li > a { border: none; } nav.validnavs.navbar-full .navbar-brand { float: left !important; padding-left: 0; } nav.validnavs.navbar-full .navbar-toggle { float: right; margin-right: 0; margin-top: 10px; top: 0; } body > .wrapper { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.side-right > .wrapper { margin-left: 280px; margin-right: -280px !important; } nav.navbar.validnavs.navbar-mobile .navbar-collapse { position: fixed; overflow-y: auto !important; overflow-x: hidden !important; display: block; background: var(--white); z-index: 99; width: 280px; height: 100% !important; left: -280px; top: 0; padding: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } nav.navbar.validnavs.navbar-mobile .navbar-collapse.in, nav.navbar.validnavs.navbar-mobile .navbar-collapse.show { left: 0; } nav.navbar.validnavs.navbar-mobile ul.nav { width: 293px; padding-right: 0; padding-left: 15px; } nav.navbar.validnavs.navbar-mobile ul.nav > li > a { padding: 15px 15px; } nav.navbar.validnavs.navbar-mobile ul.nav ul.dropdown-menu > li > a { padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; } nav.navbar.validnavs.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title { padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important; } nav.navbar.validnavs.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a { padding-top: 13px !important; padding-bottom: 13px !important; } nav.navbar.validnavs.navbar-mobile .navbar-collapse [class*=" col-"] { width: 100%; } nav.navbar.validnavs.navbar-fixed .logo-scrolled { display: block !important; } nav.navbar.validnavs.navbar-fixed .logo { display: block !important; max-height: 50px; } .navbar-brand > img { height: auto; max-height: 50px; } nav.navbar.validnavs.navbar-fixed .logo-display { display: none !important; } nav.navbar.validnavs.navbar-mobile .tab-menu, nav.navbar.validnavs.navbar-mobile .tab-content { width: 100%; display: block; } } @media (max-width: 550px) { .attr-right { display: none !important; } .side { width: 350px; } nav.navbar.validnavs .navbar-toggle { margin: 0 15px; } nav.navbar.validnavs.brand-center .navbar-toggle { margin: 0 15px; } } @media (max-width: 767px) { .attr-nav > ul > li.dropdown ul.dropdown-menu { left: -200px; right: 0; } body.side-right > .wrapper { margin-left: 280px; margin-right: -280px !important; } .navbar .attr-nav li.button { display: none; } } .navbar.validnavs.navbar-common .attr-right .attr-nav li .call i { color: var(--color-primary); } .navbar.validnavs.navbar-common .attr-right .attr-nav li .call p { color: var(--color-default); } .navbar.validnavs.navbar-common .attr-right .attr-nav li .call h5 a, .navbar.validnavs.navbar-common .attr-right .attr-nav li .call h5 { color: var(--color-heading); } @media (min-width: 480px) and (max-width: 640px) { nav.validnavs.navbar-full ul.nav { padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 1024px) { nav.navbar ul.nav > li > a { padding: 30px 15px; font-weight: 500; font-size: 19px; text-transform: capitalize; } nav.secondary.navbar ul.nav > li > a:hover { color: var(--color-primary); } nav.navbar.attr-border-full ul.nav > li > a, nav.navbar.brand-center ul.nav > li > a { padding: 40px 15px; } nav.navbar.attr-border-full .attr-right .attr-nav li a { padding: 40px 0; } nav.navbar.attr-border-full .attr-right .attr-nav > ul > li > a span.badge { top: 28px; } .navbar-toggle { display: none; } .navbar .attr-right .attr-nav li.button.light a { background: var(--color-primary) !important; color: var(--white) !important; } .navbar.no-background .attr-right .attr-nav li.button.light a { background: var(--white) !important; color: var(--color-heading) !important; } .navbar.no-background .attr-right .attr-nav li.button.light a:hover { color: var(--white) !important; } .navbar.no-background .attr-right .attr-nav li.button.light a::after { background: var(--color-primary) !important; } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { nav.navbar ul.nav > li > a { padding: 30px 12px; } .navbar .attr-right { margin-left: 0; } } nav.validnavs.navbar-full .navbar-toggle i { font-size: 18px; color: #9a9a9a; font-weight: bold; transition: 0.3s ease; } .navbar-toggle-txt { font-size: 13px; position: relative; top: -3px; font-weight: bold; color: #9a9a9a; transition: 0.3s ease; } nav.validnavs.navbar-full .navbar-toggle:hover i, nav.validnavs.navbar-full .navbar-toggle:hover span { color: #222; transition: 0.3s ease; } .top-search .input-group .form-control::-webkit-input-placeholder { color: #666666; opacity: 1; } .top-search .input-group .form-control::-moz-placeholder { color: #666666; opacity: 1; } .top-search .input-group .form-control::-ms-input-placeholder { color: #666666; opacity: 1; } .top-search .input-group .form-control::-moz-placeholder { color: #666666; opacity: 1; } @media only screen and (max-width: 767px) { nav.navbar.validnavs.navbar-fixed.nav-box.no-background { left: 0; top: 0; width: 100%; } } .navbar.nav-full-width .navbar-header .logo-light { display: none; } @media (min-width: 1200px) { .navbar.nav-full-width .navbar-header .logo-regular { display: none; } .navbar.nav-full-width .navbar-header .logo-light { display: inline-block; } } @media only screen and (min-width: 992px) and (max-width: 1023px) { .col-lg-3.brand-item { width: 100%; max-width: 100%; flex: inherit; } } .navbar-contents { position: relative; } nav.navbar.validnavs .navbar-collapse.collapse.collapse-mobile.show { position: absolute; left: 0; width: 100%; animation: fadeIn; top: 100%; border-top: 1px solid #e7e7e7; } @keyframes sticky { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } .sticked { position: fixed !important; width: 100%; top: 0; animation: sticky 0.4s; box-shadow: var(--box-shadow); z-index: 9999; background: #ffffff !important; } @keyframes fadeIn { from { opacity: 0; transform: translate3d(0, -20%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeLeft { from { opacity: 0; transform: translate3d(0, 0, 0, -100%); } to { opacity: 1; transform: translate3d(0, 0, 0, 0); } } nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile { position: fixed; left: -485px; top: 0; width: 400px; padding: 30px; animation: fadeLeft; height: 100%; min-height: 100vh; background: var(--white) none repeat scroll 0 0; overflow-y: scroll; -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 9999; } nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile ul.nav { padding: 0; } .collapse-header { overflow: hidden; } @media only screen and (max-width: 399px) { nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile { width: 300px; } } nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile.show { left: 0; } .overlay-screen.opened { position: fixed; height: 100%; width: 100%; background: var(--dark); opacity: 0.6; top: 0; left: 0; transition: all 0.25s ease-in-out; z-index: 1; } nav.navbar.validnavs .navbar-collapse.collapse img { display: none; } nav.navbar.validnavs .navbar-collapse.collapse img { margin-bottom: 30px; } nav.navbar.validnavs .navbar-collapse.collapse button { position: absolute; right: 30px; margin: 0; height: 35px; width: 35px; line-height: 32px; text-align: center; border: 2px solid #dddddd; border-radius: 50%; color: var(--color-heading); font-size: 16px; top: 40px; padding: 0; } nav.navbar.validnavs .navbar-collapse.collapse button i { font-weight: 400; font-size: 15px; } .navbar .attr-right.flex .attr-nav { display: flex; align-items: center; justify-content: right; } .navbar .attr-right .attr-nav ul.button-double li a { padding: 10px; display: inline-block; } .navbar .attr-right .attr-nav ul.button-double li:last-child a { background: var(--bg-gradient) !important; border-radius: 5px; padding: 10px 30px; color: var(--white); } .attr-nav .search form { position: relative; border: 1px solid #e7e7e7; border-radius: 5px; } .attr-nav .search form input { border: none; background: transparent; padding: 0 15px; } .attr-nav .search form button { position: absolute; right: 0; top: 0; height: 50px; width: 50px; border: none; background: transparent; color: var(--color-heading); } @media (min-width: 1024px) { .navbar.no-background .attr-nav .search form { border: 1px solid rgba(255, 255, 255, 0.2); } .navbar.no-background .attr-nav .search form input { color: var(--white); } .navbar.no-background .attr-nav .search form button { color: var(--white); } .navbar.no-background .attr-nav .search form input::-webkit-input-placeholder { color: var(--white); } .navbar.no-background .attr-nav .search form input::-moz-placeholder { color: var(--white); } .navbar.no-background .attr-nav .search form input:-ms-input-placeholder { color: var(--white); } .navbar.no-background .attr-nav .search form input:-moz-placeholder { color: var(--white); } } @media only screen and (max-width: 1023px) { nav.navbar.validnavs .navbar-collapse.collapse.show img { display: inline-block; height: 50px; } nav.navbar.validnavs .navbar-collapse.collapse img { display: inline-block; height: 50px; } } .navbar.navbar-common .attr-right .attr-nav li.contact { margin-left: 0; } .navbar.navbar-common .attr-right { margin-left: 30px !important; } @media (min-width: 1200px) { .navbar.brand-style-bg .navbar-header { padding: 55px 0; position: relative; top: -71px; margin-bottom: -85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .navbar.brand-style-bg .navbar-header img.logo.logo-scrolled { display: none; } .navbar.brand-style-bg .navbar-header::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: var(--color-primary); z-index: -1; } .navbar.secondary.brand-style-bg .navbar-header::after { background: var(--color-primary); } .navbar.brand-style-bg .navbar-header::before { position: absolute; right: -30px; top: 0; content: ""; border-right: 30px solid transparent; border-bottom: 59px solid var(--color-primary); opacity: 0.8; } .navbar.secondary.brand-style-bg .navbar-header::before { border-bottom: 59px solid var(--color-primary); } .navbar.brand-style-bg.sticked .navbar-header { padding: 14px 0; top: 0; margin: 0; } .navbar.brand-style-bg.sticked .navbar-header .navbar-brand { padding-left: 50px; } .navbar.brand-style-bg.sticked .navbar-header img.logo.logo-scrolled { display: inline-block; } .navbar.brand-style-bg.sticked .navbar-header img.logo.logo-display { display: none; } .navbar.brand-style-bg.sticked .navbar-header::after, .navbar.brand-style-bg.sticked .navbar-header::before { display: none; } .container-fill.pr .info { padding-left: 80px; } .container-fill.pr .navbar-collapse.collapse { padding-left: 55px; } .navbar.navbar-default.attr-border-full .container-fill { padding: 0 80px; padding-right: 0; } .navbar.navbar-default.attr-border-full .navbar-header { position: relative; padding-right: 25px; } .navbar.navbar-default.attr-border-full .navbar-header .navbar-brand { padding: 24px 0; } .navbar.navbar-default.attr-border-full .navbar-header::after { position: absolute; right: 0; bottom: 0; content: ""; border-right: 1px solid rgba(255, 255, 255, 0.3); height: 100%; } .navbar.navbar-default.attr-border-full .attr-right .attr-nav li.contact { position: relative; padding: 32px 30px; margin-left: 30px; top: 0; background: var(--color-primary); } .navbar.secondary.navbar-default.attr-border-full .attr-right .attr-nav li.contact { background: var(--color-primary); } .navbar.navbar-default.attr-border-full .attr-right .attr-nav li.contact::after { height: 100%; } } @media (max-width: 1199px) { .navbar.brand-style-bg .navbar-header .navbar-brand { padding-left: 0; } .navbar.brand-style-bg .navbar-header .navbar-brand img.logo.logo-display { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .navbar.validnavs.navbar-default .navbar-nav li a { padding: 30px 8px !important; font-size: 16px; } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .navbar.validnavs.navbar-default .navbar-nav li a { padding: 30px 8px !important; font-size: 16px; } } @media (min-width: 768px) { .navbar.no-background.top-pad-50 { margin-top: 58px !important; } } @media (min-width: 1024px) { .navbar.less-logo .navbar-collapse.collapse { width: 100%; } .navbar.less-logo .navbar-header { display: none; } nav.navbar.transparent.less-logo.validnavs.menu-center { padding: 0; position: absolute; background: transparent; width: 100%; top: 90px; } nav.navbar.transparent.less-logo ul.nav > li > a { color: #ffffff; } .navbar.less-logo.sticked { position: inherit !important; } nav.navbar.validnavs.inc-border { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } nav.navbar.validnavs.inc-border ul.nav > li > a { padding: 35px 15px; } .navbar .attr-right .attr-nav li.tracing a { display: flex; align-items: center; justify-content: right; color: var(--white); padding: 26px 50px; position: relative; z-index: 1; } .navbar .attr-right .attr-nav li.tracing h5 { color: var(--whte); margin: 0; font-weight: 600; font-size: 16px; } .navbar .attr-right .attr-nav li.tracing { margin: 0; } .navbar .attr-right .attr-nav li.tracing a::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 200%; background: var(--color-primary); z-index: -1; transform: skewX(15deg); } .navbar.secondary .attr-right .attr-nav li.tracing a::after { background: var(--color-primary); } nav.navbar.validnavs.inc-border.sticked { border: none; } .navbar .attr-right .attr-nav li.tracing i { display: inline-block; height: 45px; width: 45px; line-height: 45px; background: var(--white); color: var(--color-primary); text-align: center; font-weight: 100; border-radius: 50%; margin-right: 10px; } .navbar.secondary .attr-right .attr-nav li.tracing i { color: var(--color-primary); } } @media (min-width: 1250px) { nav.navbar.navbar-theme-secodnary .nav-box { max-width: 1290px; } } @media (min-width: 1024px) { nav.navbar.navbar-theme-secodnary .nav-box { background: var(--color-primary); padding: 0 30px; } nav.navbar.navbar-theme-secodnary { padding: 0; } nav.navbar.navbar-theme-secodnary .nav-box .navbar-brand { position: relative; padding-right: 50px; } nav.navbar.navbar-theme-secodnary .nav-box .navbar-brand::after { position: absolute; right: 0; top: -21px; content: ""; height: 91px; width: 15px; background: var(--white); transform: skewX(-10deg); } nav.navbar.navbar-theme-secodnary .logo-scrolled { display: none; } nav.navbar.navbar-theme-secodnary.sticked .logo-scrolled { display: inline-block; } nav.navbar.navbar-theme-secodnary.sticked .logo-display { display: none; } nav.navbar.navbar-theme-secodnary.sticked .nav-box { background: transparent; max-width: 1320px; padding: 0 15px; } nav.navbar.navbar-theme-secodnary .nav-box ul.nav > li > a { color: var(--white); } nav.navbar.navbar-theme-secodnary.sticked .nav-box ul.nav > li > a { color: var(--color-heading); } nav.navbar.navbar-theme-secodnary .attr-nav.attr-box li { position: relative; } nav.navbar.navbar-theme-secodnary.sticked .attr-nav.attr-box li::after { background: #e7e7e7; } nav.navbar.navbar-theme-secodnary .attr-nav.attr-box li:last-child::after { display: none; } nav.navbar.navbar-theme-secodnary .attr-nav.attr-box li:last-child { padding-right: 0; } nav.navbar.navbar-theme-secodnary .attr-right .attr-nav li, nav.navbar.navbar-theme-secodnary .attr-right .attr-nav li a { color: var(--white); } nav.navbar.navbar-theme-secodnary.sticked .attr-right .attr-nav li, nav.navbar.navbar-theme-secodnary.sticked .attr-right .attr-nav li a { color: var(--color-heading); } nav.navbar.navbar-theme-secodnary .attr-nav .side-menu span { background: var(--white); } nav.navbar.navbar-theme-secodnary.sticked .attr-nav .side-menu span { background: var(--color-heading); } .navbar.navbar-theme-secodnary .attr-right .attr-nav li.search a { border-color: rgba(255, 255, 255, 0.2); } } @media (max-width: 1023px) { nav.navbar.navbar-theme-secodnary .logo-display { display: none; } nav.navbar.validnavs .navbar-toggle { padding: 20px 0; } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { nav.navbar.validnavs.navbar-fixed.no-background.navbar-style-one { top: 48px; background: var(--white); } nav.navbar.validnavs.navbar-fixed.no-background.navbar-style-one .navbar-nav li a { color: var(--color-heading); } } nav.validnavs .dropdown.megamenu-fw { position: static; } nav.validnavs .megamenu-fw .dropdown-menu { left: auto; } nav.validnavs .megamenu-content { padding: 15px; width: 100% !important; max-width: 1320px; } nav.validnavs .dropdown.megamenu-fw .dropdown-menu { left: 0; right: 0; } @media (min-width: 1400px) { nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .menu-thumb .overlay { padding: 25px 50px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .col-menu-wrap { gap: 15px; } nav.navbar.validnavs ul.dropdown-menu.megamenu-content .col-menu { padding: 0 7px; } } @media (min-width: 1024px) { nav.navbar.validnavs ul.dropdown-menu.megamenu-content { padding: 0 15px !important; } nav.navbar.validnavs ul.dropdown-menu.megamenu-content.tabbed { padding: 0; } nav.navbar.validnavs ul.dropdown-menu.megamenu-content.tabbed > li { padding: 0; } nav.navbar.validnavs ul.dropdown-menu.megamenu-content .content { display: none; } nav.navbar.validnavs ul.dropdown-menu.megamenu-content .content ul.menu-col li a { border-bottom: medium none; color: var(--color-heading); display: block; font-size: 18px; margin-bottom: 0; padding: 10px 0; text-align: left; text-transform: capitalize; width: 100%; } nav.navbar.validnavs ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover { padding-left: 10px; color: var(--blue); } nav.navbar.validnavs.on ul.dropdown-menu.megamenu-content .content { display: block !important; height: auto !important; } nav.validnavs.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu { margin-top: 0; } nav.validnavs.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu { margin-top: 0; } nav.validnavs.navbar-sidebar ul.nav .megamenu-content .col-menu { border: none !important; } nav.validnavs.navbar-sidebar ul.dropdown-menu.megamenu-content > li { padding: 0 !important; } nav.validnavs.navbar-sidebar .dropdown .megamenu-content .col-menu { display: block; float: none !important; padding: 0; margin: 0; width: 100%; } nav.validnavs.navbar-sidebar .dropdown .megamenu-content .col-menu .title { padding: 10px 0; font-weight: 700; letter-spacing: 0px; margin-bottom: 0; cursor: pointer; color: var(--color-heading); text-transform: capitalize; } nav.validnavs.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before { font-family: var(--fontawesome); content: "\f105"; float: right; } nav.validnavs.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before { content: "\f107"; } nav.validnavs.navbar-sidebar .dropdown .megamenu-content .col-menu { border: none; } nav.validnavs.navbar-sidebar .dropdown .megamenu-content .col-menu .content { padding: 0 0 0 15px; } nav.validnavs.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a { padding: 3px 0 !important; } nav.navbar.validnavs .navbar-collapse.collapse .megamenu-content img { display: block; margin: 0; border-radius: 6px; } .megamenu-style-one .col-menu-wrap { display: grid; gap: 30px; grid-template-columns: 1fr; } .megamenu-style-one .menu-cal-items { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px; } nav.navbar.validnavs ul.dropdown-menu.megamenu-content { padding: 30px !important; left: 0; margin: auto; right: 0 !important; overflow: hidden; } nav.navbar.validnavs ul.dropdown-menu.megamenu-content::-webkit-scrollbar { width: 3px; } nav.navbar.validnavs ul.dropdown-menu.megamenu-content::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } nav.navbar.validnavs ul.dropdown-menu.megamenu-content::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } .megamenu-style-one.megamenu-content h6 { font-size: 20px; margin: 0; text-align: center; margin-top: 20px; } .megamenu-content .col-item { overflow: hidden; border-radius: 6px; } nav.navbar.validnavs ul li.dropdown ul.dropdown-menu.megamenu-content h6 a { padding: 0 !important; text-align: center; font-size: 18px; } .megamenu-banner { position: relative; } .megamenu-banner img { width: 100%; } .megamenu-banner a.popup-youtube.video-play-button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: var(--color-primary) !important; width: 120px !important; text-align: center !important; margin-top: -30px; } .megamenu-banner a.popup-youtube.video-play-button i { font-size: 30px; } .megamenu-banner img { height: 91%; object-fit: cover; object-position: center; } .megamenu-content h6 { font-size: 20px; margin: 0; } nav.navbar.validnavs ul li.dropdown ul.dropdown-menu.megamenu-content li a { padding: 6px 0 !important; } nav.navbar.validnavs .megamenu-style-two ul.dropdown-menu.megamenu-content { padding: 50px !important; } .megamenu-style-two .col-menu-wrap { display: grid; grid-template-columns: 2fr 1fr; gap: 50px; } .megamenu-style-two .col-menu-wrap .menu-cal-items { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } .megamenu-style-two .megamenu-content h6 { text-align: left; } .megamenu-style-two .megamenu-banner img { position: absolute; } .megamenu-style-two .col-menu-wrap .menu-cal-items ul.menu-col li { margin-top: 5px; } .megamenu-style-two .col-menu-wrap .menu-cal-items ul.menu-col li:first-child { margin-top: 0; } .megamenu-style-two .col-menu-wrap .menu-cal-items h4 { border-bottom: 1px solid #dddddd; padding-bottom: 15px; } nav.navbar.validnavs .megamenu-style-three ul.dropdown-menu.megamenu-content { padding: 80px !important; padding-bottom: 60px !important; border-radius: 6px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.7); } .megamenu-style-three .col-menu-wrap { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .megamenu-style-three .col-menu-wrap h6 { margin-bottom: 15px; font-size: 22px; } nav.navbar.validnavs ul li.dropdown.megamenu-style-three ul.dropdown-menu.megamenu-content li a { padding: 8px 0 !important; } nav.navbar.validnavs .megamenu-style-four ul.dropdown-menu.megamenu-content { padding: 50px !important; max-width: 600px; left: auto; } nav.navbar.validnavs .navbar-center .megamenu-style-four ul.dropdown-menu.megamenu-content { left: 0; right: 0 !important; } .megamenu-style-four .col-menu-wrap { display: grid; grid-template-columns: 1fr 1fr; } .megamenu-style-four .col-menu-wrap h6 { margin-bottom: 15px; font-size: 20px; } nav.navbar.validnavs ul li.dropdown.megamenu-style-four ul.dropdown-menu.megamenu-content li a { padding: 10px 0 !important; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one li { display: grid; grid-template-columns: 3fr 1fr; gap: 30px; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .col-menu-wrap { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .megamenu-content .col-item { overflow: hidden; border-radius: 10px; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .menu-thumb { position: relative; z-index: 1; overflow: hidden; border-radius: 10px; border: 1px solid #e7e7e7; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .megamenu-content img { display: block; margin: 0; border-radius: 10px; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .megamenu-content .title { font-size: 20px; margin: 0; text-align: center; margin-top: 20px; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .menu-thumb::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: var(--black); opacity: 0; transition: all 0.35s ease-in-out; visibility: hidden; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .menu-thumb:hover::after { visibility: visible; opacity: 0.5; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .menu-thumb .overlay { position: absolute; left: 0; top: 50%; width: 100%; z-index: 9; padding: 25px 30px; text-align: center; transform: translateY(-50%); transition: all 0.35s ease-in-out; margin-top: 50px; visibility: hidden; opacity: 0; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .menu-thumb:hover .overlay { margin: 0; visibility: visible; opacity: 1; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .menu-thumb .overlay a { display: inline-block; background: var(--white) !important; text-align: center; margin: 4px 0; border-radius: 7px; padding: 10px 35px !important; width: 100%; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .menu-thumb .overlay a:nth-child(2) { background: var(--bg-gradient) !important; color: var(--white); } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one .menu-thumb .overlay a:nth-child(3) { background: var(--color-secondary) !important; color: var(--white); } } @media only screen and (min-width: 1024px) and (max-width: 1399px) { .megamenu-style-one .col-menu-wrap { grid-template-columns: 1fr; } .megamenu-style-one .megamenu-banner { display: none; } nav.validnavs .dropdown.megamenu-fw.megamenu-style-one li { grid-template-columns: 1fr; } } @media (max-width: 1023px) { .col-menu-wrap { display: block; padding: 15px 0; } nav.bg-dark.navbar.validnavs .dropdown .megamenu-content .col-menu .title { border-bottom: 1px solid #e0e0e0; font-size: 14px; } nav.navbar.validnavs .dropdown .megamenu-content .col-menu .title { padding: 13px 0 13px 0; text-transform: none; letter-spacing: 0px; margin-bottom: 0; cursor: pointer; border-bottom: solid 1px #e0e0e0; color: var(--color-heading); font-size: 15px; font-weight: 600; } nav.navbar.validnavs .dropdown .megamenu-content .col-menu ul > li > a { display: block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 10px 0; } nav.navbar.validnavs .dropdown .megamenu-content .col-menu .title::before { content: "\f105"; float: right; font-family: var(--fontawesome); font-size: 16px; font-weight: 400; margin-left: 10px; position: relative; right: -15px; } nav.navbar.validnavs .dropdown .megamenu-content .col-menu:last-child .title { border-bottom: none; } nav.navbar.validnavs ul.nav li.dropdown > ul.dropdown-menu li:last-child > a { border: none !important; } nav.navbar.validnavs .dropdown .megamenu-content .col-menu.on:last-child .title { border-bottom: solid 1px #e0e0e0; } nav.navbar.validnavs .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a { border-bottom: none; } nav.navbar.validnavs .dropdown .megamenu-content .col-menu.on .title:before { content: "\f107"; } nav.navbar.validnavs .dropdown .megamenu-content .col-menu .content { padding: 0 0 0 15px; } nav.validnavs .megamenu-content { padding: 0; } nav.validnavs .megamenu-content .col-menu { padding-bottom: 0; } nav.validnavs .megamenu-content .title { cursor: pointer; display: block; margin-bottom: 0; font-weight: normal; } nav.validnavs .megamenu-content .content { display: none; } .megamenu-style-two .col-menu-wrap .menu-cal-items h4 { display: none; } .megamenu-banner { display: none; } nav.navbar.validnavs .dropdown .megamenu-content .col-menu .title::before { right: 0; margin: 0; } nav.validnavs .dropdown.megamenu-fw li .menu-thumb { display: none; } nav.navbar.validnavs ul li.dropdown ul.dropdown-menu.megamenu-content .title a { border-bottom: 1px solid #e0e0e0; color: var(--color-heading); display: block; font-size: 15px; font-weight: 600; padding: 13px 0 !important; text-transform: capitalize; width: 100%; text-align: left; } nav.navbar.validnavs ul li.dropdown ul.dropdown-menu.megamenu-content .col-item:last-child .title a { border-bottom: none; } nav.validnavs .dropdown.megamenu-fw li { grid-template-columns: 1fr; } } .fw-100 { font-weight: 100; } .fw-200 { font-weight: 200; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .fw-800 { font-weight: 800; } .fw-900 { font-weight: 900; } .pos-relative { position: relative; } .pos-absolute { position: absolute; } .pos-initial { position: initial; } .pos-inherit { position: inherit; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-105 { margin-top: 105px; } .mt-110 { margin-top: 110px; } .mt-115 { margin-top: 115px; } .mt-120 { margin-top: 120px; } .mt-125 { margin-top: 125px; } .mt-130 { margin-top: 130px; } .mt-135 { margin-top: 135px; } .mt-140 { margin-top: 140px; } .mt-145 { margin-top: 145px; } .mt-150 { margin-top: 150px; } .mt-155 { margin-top: 155px; } .mt-160 { margin-top: 160px; } .mt-165 { margin-top: 165px; } .mt-170 { margin-top: 170px; } .mt-175 { margin-top: 175px; } .mt-180 { margin-top: 180px; } .mt-185 { margin-top: 185px; } .mt-190 { margin-top: 190px; } .mt-195 { margin-top: 195px; } .mt-200 { margin-top: 200px; } .mt-205 { margin-top: 205px; } .mt-210 { margin-top: 210px; } .mt-215 { margin-top: 215px; } .mt-220 { margin-top: 220px; } .mt-225 { margin-top: 225px; } .mt-230 { margin-top: 230px; } .mt-235 { margin-top: 235px; } .mt-240 { margin-top: 240px; } .mt-245 { margin-top: 245px; } .mt-250 { margin-top: 250px; } .mt-255 { margin-top: 255px; } .mt-260 { margin-top: 260px; } .mt-265 { margin-top: 265px; } .mt-270 { margin-top: 270px; } .mt-275 { margin-top: 275px; } .mt-280 { margin-top: 280px; } .mt-285 { margin-top: 285px; } .mt-290 { margin-top: 290px; } .mt-295 { margin-top: 295px; } .mt-300 { margin-top: 300px; } .mt-305 { margin-top: 305px; } .mt-310 { margin-top: 310px; } .mt-315 { margin-top: 315px; } .mt-320 { margin-top: 320px; } .mt-325 { margin-top: 325px; } .mt--5 { margin-top: -5px; } .mt--10 { margin-top: -10px; } .mt--15 { margin-top: -15px; } .mt--20 { margin-top: -20px; } .mt--25 { margin-top: -25px; } .mt--30 { margin-top: -30px; } .mt--35 { margin-top: -35px; } .mt--40 { margin-top: -40px; } .mt--45 { margin-top: -45px; } .mt--50 { margin-top: -50px; } .mt--55 { margin-top: -55px; } .mt--60 { margin-top: -60px; } .mt--65 { margin-top: -65px; } .mt--70 { margin-top: -70px; } .mt--75 { margin-top: -75px; } .mt--80 { margin-top: -80px; } .mt--85 { margin-top: -85px; } .mt--90 { margin-top: -90px; } .mt--95 { margin-top: -95px; } .mt--100 { margin-top: -100px; } .mt--105 { margin-top: -105px; } .mt--110 { margin-top: -110px; } .mt--115 { margin-top: -115px; } .mt--120 { margin-top: -120px; } .mt--125 { margin-top: -125px; } .mt--130 { margin-top: -130px; } .mt--135 { margin-top: -135px; } .mt--140 { margin-top: -140px; } .mt--145 { margin-top: -145px; } .mt--150 { margin-top: -150px; } .mt--155 { margin-top: -155px; } .mt--160 { margin-top: -160px; } .mt--165 { margin-top: -165px; } .mt--170 { margin-top: -170px; } .mt--175 { margin-top: -175px; } .mt--180 { margin-top: -180px; } .mt--185 { margin-top: -185px; } .mt--190 { margin-top: -190px; } .mt--195 { margin-top: -195px; } .mt--200 { margin-top: -200px; } .mt--205 { margin-top: -205px; } .mt--210 { margin-top: -210px; } .mt--215 { margin-top: -215px; } .mt--220 { margin-top: -220px; } .mt--225 { margin-top: -225px; } .mt--230 { margin-top: -230px; } .mt--235 { margin-top: -235px; } .mt--240 { margin-top: -240px; } .mt--245 { margin-top: -245px; } .mt--250 { margin-top: -250px; } .mt--255 { margin-top: -255px; } .mt--260 { margin-top: -260px; } .mt--265 { margin-top: -265px; } .mt--270 { margin-top: -270px; } .mt--275 { margin-top: -275px; } .mt--280 { margin-top: -280px; } .mt--285 { margin-top: -285px; } .mt--290 { margin-top: -290px; } .mt--295 { margin-top: -295px; } .mt--300 { margin-top: -300px; } .mt--305 { margin-top: -305px; } .mt--310 { margin-top: -310px; } .mt--315 { margin-top: -315px; } .mt--320 { margin-top: -320px; } .mt--325 { margin-top: -325px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .mb-105 { margin-bottom: 105px; } .mb-110 { margin-bottom: 110px; } .mb-115 { margin-bottom: 115px; } .mb-120 { margin-bottom: 120px; } .mb-125 { margin-bottom: 125px; } .mb-130 { margin-bottom: 130px; } .mb-135 { margin-bottom: 135px; } .mb-140 { margin-bottom: 140px; } .mb-145 { margin-bottom: 145px; } .mb-150 { margin-bottom: 150px; } .mb-155 { margin-bottom: 155px; } .mb-160 { margin-bottom: 160px; } .mb-165 { margin-bottom: 165px; } .mb-170 { margin-bottom: 170px; } .mb-175 { margin-bottom: 175px; } .mb-180 { margin-bottom: 180px; } .mb-185 { margin-bottom: 185px; } .mb-190 { margin-bottom: 190px; } .mb-195 { margin-bottom: 195px; } .mb-200 { margin-bottom: 200px; } .mb-205 { margin-bottom: 205px; } .mb-210 { margin-bottom: 210px; } .mb-215 { margin-bottom: 215px; } .mb-220 { margin-bottom: 220px; } .mb-225 { margin-bottom: 225px; } .mb-230 { margin-bottom: 230px; } .mb-235 { margin-bottom: 235px; } .mb-240 { margin-bottom: 240px; } .mb-245 { margin-bottom: 245px; } .mb-250 { margin-bottom: 250px; } .mb-255 { margin-bottom: 255px; } .mb-260 { margin-bottom: 260px; } .mb-265 { margin-bottom: 265px; } .mb-270 { margin-bottom: 270px; } .mb-275 { margin-bottom: 275px; } .mb-280 { margin-bottom: 280px; } .mb-285 { margin-bottom: 285px; } .mb-290 { margin-bottom: 290px; } .mb-295 { margin-bottom: 295px; } .mb-300 { margin-bottom: 300px; } .mb-305 { margin-bottom: 305px; } .mb-310 { margin-bottom: 310px; } .mb-315 { margin-bottom: 315px; } .mb-320 { margin-bottom: 320px; } .mb-325 { margin-bottom: 325px; } .mb--5 { margin-bottom: -5px; } .mb--10 { margin-bottom: -10px; } .mb--15 { margin-bottom: -15px; } .mb--20 { margin-bottom: -20px; } .mb--25 { margin-bottom: -25px; } .mb--30 { margin-bottom: -30px; } .mb--35 { margin-bottom: -35px; } .mb--40 { margin-bottom: -40px; } .mb--45 { margin-bottom: -45px; } .mb--50 { margin-bottom: -50px; } .mb--55 { margin-bottom: -55px; } .mb--60 { margin-bottom: -60px; } .mb--65 { margin-bottom: -65px; } .mb--70 { margin-bottom: -70px; } .mb--75 { margin-bottom: -75px; } .mb--80 { margin-bottom: -80px; } .mb--85 { margin-bottom: -85px; } .mb--90 { margin-bottom: -90px; } .mb--95 { margin-bottom: -95px; } .mb--100 { margin-bottom: -100px; } .mb--105 { margin-bottom: -105px; } .mb--110 { margin-bottom: -110px; } .mb--115 { margin-bottom: -115px; } .mb--120 { margin-bottom: -120px; } .mb--125 { margin-bottom: -125px; } .mb--130 { margin-bottom: -130px; } .mb--135 { margin-bottom: -135px; } .mb--140 { margin-bottom: -140px; } .mb--145 { margin-bottom: -145px; } .mb--150 { margin-bottom: -150px; } .mb--155 { margin-bottom: -155px; } .mb--160 { margin-bottom: -160px; } .mb--165 { margin-bottom: -165px; } .mb--170 { margin-bottom: -170px; } .mb--175 { margin-bottom: -175px; } .mb--180 { margin-bottom: -180px; } .mb--185 { margin-bottom: -185px; } .mb--190 { margin-bottom: -190px; } .mb--195 { margin-bottom: -195px; } .mb--200 { margin-bottom: -200px; } .mb--205 { margin-bottom: -205px; } .mb--210 { margin-bottom: -210px; } .mb--215 { margin-bottom: -215px; } .mb--220 { margin-bottom: -220px; } .mb--225 { margin-bottom: -225px; } .mb--230 { margin-bottom: -230px; } .mb--235 { margin-bottom: -235px; } .mb--240 { margin-bottom: -240px; } .mb--245 { margin-bottom: -245px; } .mb--250 { margin-bottom: -250px; } .mb--255 { margin-bottom: -255px; } .mb--260 { margin-bottom: -260px; } .mb--265 { margin-bottom: -265px; } .mb--270 { margin-bottom: -270px; } .mb--275 { margin-bottom: -275px; } .mb--280 { margin-bottom: -280px; } .mb--285 { margin-bottom: -285px; } .mb--290 { margin-bottom: -290px; } .mb--295 { margin-bottom: -295px; } .mb--300 { margin-bottom: -300px; } .mb--305 { margin-bottom: -305px; } .mb--310 { margin-bottom: -310px; } .mb--315 { margin-bottom: -315px; } .mb--320 { margin-bottom: -320px; } .mb--325 { margin-bottom: -325px; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml-55 { margin-left: 55px; } .ml-60 { margin-left: 60px; } .ml-65 { margin-left: 65px; } .ml-70 { margin-left: 70px; } .ml-75 { margin-left: 75px; } .ml-80 { margin-left: 80px; } .ml-85 { margin-left: 85px; } .ml-90 { margin-left: 90px; } .ml-95 { margin-left: 95px; } .ml-100 { margin-left: 100px; } .ml-105 { margin-left: 105px; } .ml-110 { margin-left: 110px; } .ml-115 { margin-left: 115px; } .ml-120 { margin-left: 120px; } .ml-125 { margin-left: 125px; } .ml-130 { margin-left: 130px; } .ml-135 { margin-left: 135px; } .ml-140 { margin-left: 140px; } .ml-145 { margin-left: 145px; } .ml-150 { margin-left: 150px; } .ml-155 { margin-left: 155px; } .ml-160 { margin-left: 160px; } .ml-165 { margin-left: 165px; } .ml-170 { margin-left: 170px; } .ml-175 { margin-left: 175px; } .ml-180 { margin-left: 180px; } .ml-185 { margin-left: 185px; } .ml-190 { margin-left: 190px; } .ml-195 { margin-left: 195px; } .ml-200 { margin-left: 200px; } .ml-205 { margin-left: 205px; } .ml-210 { margin-left: 210px; } .ml-215 { margin-left: 215px; } .ml-220 { margin-left: 220px; } .ml-225 { margin-left: 225px; } .ml-230 { margin-left: 230px; } .ml-235 { margin-left: 235px; } .ml-240 { margin-left: 240px; } .ml-245 { margin-left: 245px; } .ml-250 { margin-left: 250px; } .ml-255 { margin-left: 255px; } .ml-260 { margin-left: 260px; } .ml-265 { margin-left: 265px; } .ml-270 { margin-left: 270px; } .ml-275 { margin-left: 275px; } .ml-280 { margin-left: 280px; } .ml-285 { margin-left: 285px; } .ml-290 { margin-left: 290px; } .ml-295 { margin-left: 295px; } .ml-300 { margin-left: 300px; } .ml-305 { margin-left: 305px; } .ml-310 { margin-left: 310px; } .ml-315 { margin-left: 315px; } .ml-320 { margin-left: 320px; } .ml-325 { margin-left: 325px; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; } .mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .mr-55 { margin-right: 55px; } .mr-60 { margin-right: 60px; } .mr-65 { margin-right: 65px; } .mr-70 { margin-right: 70px; } .mr-75 { margin-right: 75px; } .mr-80 { margin-right: 80px; } .mr-85 { margin-right: 85px; } .mr-90 { margin-right: 90px; } .mr-95 { margin-right: 95px; } .mr-100 { margin-right: 100px; } .mr-105 { margin-right: 105px; } .mr-110 { margin-right: 110px; } .mr-115 { margin-right: 115px; } .mr-120 { margin-right: 120px; } .mr-125 { margin-right: 125px; } .mr-130 { margin-right: 130px; } .mr-135 { margin-right: 135px; } .mr-140 { margin-right: 140px; } .mr-145 { margin-right: 145px; } .mr-150 { margin-right: 150px; } .mr-155 { margin-right: 155px; } .mr-160 { margin-right: 160px; } .mr-165 { margin-right: 165px; } .mr-170 { margin-right: 170px; } .mr-175 { margin-right: 175px; } .mr-180 { margin-right: 180px; } .mr-185 { margin-right: 185px; } .mr-190 { margin-right: 190px; } .mr-195 { margin-right: 195px; } .mr-200 { margin-right: 200px; } .mr-205 { margin-right: 205px; } .mr-210 { margin-right: 210px; } .mr-215 { margin-right: 215px; } .mr-220 { margin-right: 220px; } .mr-225 { margin-right: 225px; } .mr-230 { margin-right: 230px; } .mr-235 { margin-right: 235px; } .mr-240 { margin-right: 240px; } .mr-245 { margin-right: 245px; } .mr-250 { margin-right: 250px; } .mr-255 { margin-right: 255px; } .mr-260 { margin-right: 260px; } .mr-265 { margin-right: 265px; } .mr-270 { margin-right: 270px; } .mr-275 { margin-right: 275px; } .mr-280 { margin-right: 280px; } .mr-285 { margin-right: 285px; } .mr-290 { margin-right: 290px; } .mr-295 { margin-right: 295px; } .mr-300 { margin-right: 300px; } .mr-305 { margin-right: 305px; } .mr-310 { margin-right: 310px; } .mr-315 { margin-right: 315px; } .mr-320 { margin-right: 320px; } .mr-325 { margin-right: 325px; } @media (min-width: 992px) and (max-width: 1200px) { .mt-lg-5 { margin-top: 5px; } .mt-lg-10 { margin-top: 10px; } .mt-lg-15 { margin-top: 15px; } .mt-lg-20 { margin-top: 20px; } .mt-lg-25 { margin-top: 25px; } .mt-lg-30 { margin-top: 30px; } .mt-lg-35 { margin-top: 35px; } .mt-lg-40 { margin-top: 40px; } .mt-lg-45 { margin-top: 45px; } .mt-lg-50 { margin-top: 50px; } .mt-lg-55 { margin-top: 55px; } .mt-lg-60 { margin-top: 60px; } .mt-lg-65 { margin-top: 65px; } .mt-lg-70 { margin-top: 70px; } .mt-lg-75 { margin-top: 75px; } .mt-lg-80 { margin-top: 80px; } .mt-lg-85 { margin-top: 85px; } .mt-lg-90 { margin-top: 90px; } .mt-lg-95 { margin-top: 95px; } .mt-lg-100 { margin-top: 100px; } .mt-lg-105 { margin-top: 105px; } .mt-lg-110 { margin-top: 110px; } .mt-lg-115 { margin-top: 115px; } .mt-lg-120 { margin-top: 120px; } .mt-lg-125 { margin-top: 125px; } .mt-lg-130 { margin-top: 130px; } .mt-lg-135 { margin-top: 135px; } .mt-lg-140 { margin-top: 140px; } .mt-lg-145 { margin-top: 145px; } .mt-lg-150 { margin-top: 150px; } .mt-lg-155 { margin-top: 155px; } .mt-lg-160 { margin-top: 160px; } .mt-lg-165 { margin-top: 165px; } .mt-lg-170 { margin-top: 170px; } .mt-lg-175 { margin-top: 175px; } .mt-lg-180 { margin-top: 180px; } .mt-lg-185 { margin-top: 185px; } .mt-lg-190 { margin-top: 190px; } .mt-lg-195 { margin-top: 195px; } .mt-lg-200 { margin-top: 200px; } .mt-lg-205 { margin-top: 205px; } .mt-lg-210 { margin-top: 210px; } .mt-lg-215 { margin-top: 215px; } .mt-lg-220 { margin-top: 220px; } .mt-lg-225 { margin-top: 225px; } .mt-lg-230 { margin-top: 230px; } .mt-lg-235 { margin-top: 235px; } .mt-lg-240 { margin-top: 240px; } .mt-lg-245 { margin-top: 245px; } .mt-lg-250 { margin-top: 250px; } .mt-lg-255 { margin-top: 255px; } .mt-lg-260 { margin-top: 260px; } .mt-lg-265 { margin-top: 265px; } .mt-lg-270 { margin-top: 270px; } .mt-lg-275 { margin-top: 275px; } .mt-lg-280 { margin-top: 280px; } .mt-lg-285 { margin-top: 285px; } .mt-lg-290 { margin-top: 290px; } .mt-lg-295 { margin-top: 295px; } .mt-lg-300 { margin-top: 300px; } .mt-lg-305 { margin-top: 305px; } .mt-lg-310 { margin-top: 310px; } .mt-lg-315 { margin-top: 315px; } .mt-lg-320 { margin-top: 320px; } .mt-lg-325 { margin-top: 325px; } .mb-lg-5 { margin-bottom: 5px; } .mb-lg-10 { margin-bottom: 10px; } .mb-lg-15 { margin-bottom: 15px; } .mb-lg-20 { margin-bottom: 20px; } .mb-lg-25 { margin-bottom: 25px; } .mb-lg-30 { margin-bottom: 30px; } .mb-lg-35 { margin-bottom: 35px; } .mb-lg-40 { margin-bottom: 40px; } .mb-lg-45 { margin-bottom: 45px; } .mb-lg-50 { margin-bottom: 50px; } .mb-lg-55 { margin-bottom: 55px; } .mb-lg-60 { margin-bottom: 60px; } .mb-lg-65 { margin-bottom: 65px; } .mb-lg-70 { margin-bottom: 70px; } .mb-lg-75 { margin-bottom: 75px; } .mb-lg-80 { margin-bottom: 80px; } .mb-lg-85 { margin-bottom: 85px; } .mb-lg-90 { margin-bottom: 90px; } .mb-lg-95 { margin-bottom: 95px; } .mb-lg-100 { margin-bottom: 100px; } .mb-lg-105 { margin-bottom: 105px; } .mb-lg-110 { margin-bottom: 110px; } .mb-lg-115 { margin-bottom: 115px; } .mb-lg-120 { margin-bottom: 120px; } .mb-lg-125 { margin-bottom: 125px; } .mb-lg-130 { margin-bottom: 130px; } .mb-lg-135 { margin-bottom: 135px; } .mb-lg-140 { margin-bottom: 140px; } .mb-lg-145 { margin-bottom: 145px; } .mb-lg-150 { margin-bottom: 150px; } .mb-lg-155 { margin-bottom: 155px; } .mb-lg-160 { margin-bottom: 160px; } .mb-lg-165 { margin-bottom: 165px; } .mb-lg-170 { margin-bottom: 170px; } .mb-lg-175 { margin-bottom: 175px; } .mb-lg-180 { margin-bottom: 180px; } .mb-lg-185 { margin-bottom: 185px; } .mb-lg-190 { margin-bottom: 190px; } .mb-lg-195 { margin-bottom: 195px; } .mb-lg-200 { margin-bottom: 200px; } .mb-lg-205 { margin-bottom: 205px; } .mb-lg-210 { margin-bottom: 210px; } .mb-lg-215 { margin-bottom: 215px; } .mb-lg-220 { margin-bottom: 220px; } .mb-lg-225 { margin-bottom: 225px; } .mb-lg-230 { margin-bottom: 230px; } .mb-lg-235 { margin-bottom: 235px; } .mb-lg-240 { margin-bottom: 240px; } .mb-lg-245 { margin-bottom: 245px; } .mb-lg-250 { margin-bottom: 250px; } .mb-lg-255 { margin-bottom: 255px; } .mb-lg-260 { margin-bottom: 260px; } .mb-lg-265 { margin-bottom: 265px; } .mb-lg-270 { margin-bottom: 270px; } .mb-lg-275 { margin-bottom: 275px; } .mb-lg-280 { margin-bottom: 280px; } .mb-lg-285 { margin-bottom: 285px; } .mb-lg-290 { margin-bottom: 290px; } .mb-lg-295 { margin-bottom: 295px; } .mb-lg-300 { margin-bottom: 300px; } .mb-lg-305 { margin-bottom: 305px; } .mb-lg-310 { margin-bottom: 310px; } .mb-lg-315 { margin-bottom: 315px; } .mb-lg-320 { margin-bottom: 320px; } .mb-lg-325 { margin-bottom: 325px; } .ml-lg-5 { margin-left: 5px; } .ml-lg-10 { margin-left: 10px; } .ml-lg-15 { margin-left: 15px; } .ml-lg-20 { margin-left: 20px; } .ml-lg-25 { margin-left: 25px; } .ml-lg-30 { margin-left: 30px; } .ml-lg-35 { margin-left: 35px; } .ml-lg-40 { margin-left: 40px; } .ml-lg-45 { margin-left: 45px; } .ml-lg-50 { margin-left: 50px; } .ml-lg-55 { margin-left: 55px; } .ml-lg-60 { margin-left: 60px; } .ml-lg-65 { margin-left: 65px; } .ml-lg-70 { margin-left: 70px; } .ml-lg-75 { margin-left: 75px; } .ml-lg-80 { margin-left: 80px; } .ml-lg-85 { margin-left: 85px; } .ml-lg-90 { margin-left: 90px; } .ml-lg-95 { margin-left: 95px; } .ml-lg-100 { margin-left: 100px; } .ml-lg-105 { margin-left: 105px; } .ml-lg-110 { margin-left: 110px; } .ml-lg-115 { margin-left: 115px; } .ml-lg-120 { margin-left: 120px; } .ml-lg-125 { margin-left: 125px; } .ml-lg-130 { margin-left: 130px; } .ml-lg-135 { margin-left: 135px; } .ml-lg-140 { margin-left: 140px; } .ml-lg-145 { margin-left: 145px; } .ml-lg-150 { margin-left: 150px; } .ml-lg-155 { margin-left: 155px; } .ml-lg-160 { margin-left: 160px; } .ml-lg-165 { margin-left: 165px; } .ml-lg-170 { margin-left: 170px; } .ml-lg-175 { margin-left: 175px; } .ml-lg-180 { margin-left: 180px; } .ml-lg-185 { margin-left: 185px; } .ml-lg-190 { margin-left: 190px; } .ml-lg-195 { margin-left: 195px; } .ml-lg-200 { margin-left: 200px; } .ml-lg-205 { margin-left: 205px; } .ml-lg-210 { margin-left: 210px; } .ml-lg-215 { margin-left: 215px; } .ml-lg-220 { margin-left: 220px; } .ml-lg-225 { margin-left: 225px; } .ml-lg-230 { margin-left: 230px; } .ml-lg-235 { margin-left: 235px; } .ml-lg-240 { margin-left: 240px; } .ml-lg-245 { margin-left: 245px; } .ml-lg-250 { margin-left: 250px; } .ml-lg-255 { margin-left: 255px; } .ml-lg-260 { margin-left: 260px; } .ml-lg-265 { margin-left: 265px; } .ml-lg-270 { margin-left: 270px; } .ml-lg-275 { margin-left: 275px; } .ml-lg-280 { margin-left: 280px; } .ml-lg-285 { margin-left: 285px; } .ml-lg-290 { margin-left: 290px; } .ml-lg-295 { margin-left: 295px; } .ml-lg-300 { margin-left: 300px; } .ml-lg-305 { margin-left: 305px; } .ml-lg-310 { margin-left: 310px; } .ml-lg-315 { margin-left: 315px; } .ml-lg-320 { margin-left: 320px; } .ml-lg-325 { margin-left: 325px; } .mr-lg-5 { margin-right: 5px; } .mr-lg-10 { margin-right: 10px; } .mr-lg-15 { margin-right: 15px; } .mr-lg-20 { margin-right: 20px; } .mr-lg-25 { margin-right: 25px; } .mr-lg-30 { margin-right: 30px; } .mr-lg-35 { margin-right: 35px; } .mr-lg-40 { margin-right: 40px; } .mr-lg-45 { margin-right: 45px; } .mr-lg-50 { margin-right: 50px; } .mr-lg-55 { margin-right: 55px; } .mr-lg-60 { margin-right: 60px; } .mr-lg-65 { margin-right: 65px; } .mr-lg-70 { margin-right: 70px; } .mr-lg-75 { margin-right: 75px; } .mr-lg-80 { margin-right: 80px; } .mr-lg-85 { margin-right: 85px; } .mr-lg-90 { margin-right: 90px; } .mr-lg-95 { margin-right: 95px; } .mr-lg-100 { margin-right: 100px; } .mr-lg-105 { margin-right: 105px; } .mr-lg-110 { margin-right: 110px; } .mr-lg-115 { margin-right: 115px; } .mr-lg-120 { margin-right: 120px; } .mr-lg-125 { margin-right: 125px; } .mr-lg-130 { margin-right: 130px; } .mr-lg-135 { margin-right: 135px; } .mr-lg-140 { margin-right: 140px; } .mr-lg-145 { margin-right: 145px; } .mr-lg-150 { margin-right: 150px; } .mr-lg-155 { margin-right: 155px; } .mr-lg-160 { margin-right: 160px; } .mr-lg-165 { margin-right: 165px; } .mr-lg-170 { margin-right: 170px; } .mr-lg-175 { margin-right: 175px; } .mr-lg-180 { margin-right: 180px; } .mr-lg-185 { margin-right: 185px; } .mr-lg-190 { margin-right: 190px; } .mr-lg-195 { margin-right: 195px; } .mr-lg-200 { margin-right: 200px; } .mr-lg-205 { margin-right: 205px; } .mr-lg-210 { margin-right: 210px; } .mr-lg-215 { margin-right: 215px; } .mr-lg-220 { margin-right: 220px; } .mr-lg-225 { margin-right: 225px; } .mr-lg-230 { margin-right: 230px; } .mr-lg-235 { margin-right: 235px; } .mr-lg-240 { margin-right: 240px; } .mr-lg-245 { margin-right: 245px; } .mr-lg-250 { margin-right: 250px; } .mr-lg-255 { margin-right: 255px; } .mr-lg-260 { margin-right: 260px; } .mr-lg-265 { margin-right: 265px; } .mr-lg-270 { margin-right: 270px; } .mr-lg-275 { margin-right: 275px; } .mr-lg-280 { margin-right: 280px; } .mr-lg-285 { margin-right: 285px; } .mr-lg-290 { margin-right: 290px; } .mr-lg-295 { margin-right: 295px; } .mr-lg-300 { margin-right: 300px; } .mr-lg-305 { margin-right: 305px; } .mr-lg-310 { margin-right: 310px; } .mr-lg-315 { margin-right: 315px; } .mr-lg-320 { margin-right: 320px; } .mr-lg-325 { margin-right: 325px; } .mt-lg--5 { margin-top: -5px; } .mt-lg--10 { margin-top: -10px; } .mt-lg--15 { margin-top: -15px; } .mt-lg--20 { margin-top: -20px; } .mt-lg--25 { margin-top: -25px; } .mt-lg--30 { margin-top: -30px; } .mt-lg--35 { margin-top: -35px; } .mt-lg--40 { margin-top: -40px; } .mt-lg--45 { margin-top: -45px; } .mt-lg--50 { margin-top: -50px; } .mt-lg--55 { margin-top: -55px; } .mt-lg--60 { margin-top: -60px; } .mt-lg--65 { margin-top: -65px; } .mt-lg--70 { margin-top: -70px; } .mt-lg--75 { margin-top: -75px; } .mt-lg--80 { margin-top: -80px; } .mt-lg--85 { margin-top: -85px; } .mt-lg--90 { margin-top: -90px; } .mt-lg--95 { margin-top: -95px; } .mt-lg--100 { margin-top: -100px; } .mt-lg--105 { margin-top: -105px; } .mt-lg--110 { margin-top: -110px; } .mt-lg--115 { margin-top: -115px; } .mt-lg--120 { margin-top: -120px; } .mt-lg--125 { margin-top: -125px; } .mt-lg--130 { margin-top: -130px; } .mt-lg--135 { margin-top: -135px; } .mt-lg--140 { margin-top: -140px; } .mt-lg--145 { margin-top: -145px; } .mt-lg--150 { margin-top: -150px; } .mt-lg--155 { margin-top: -155px; } .mt-lg--160 { margin-top: -160px; } .mt-lg--165 { margin-top: -165px; } .mt-lg--170 { margin-top: -170px; } .mt-lg--175 { margin-top: -175px; } .mt-lg--180 { margin-top: -180px; } .mt-lg--185 { margin-top: -185px; } .mt-lg--190 { margin-top: -190px; } .mt-lg--195 { margin-top: -195px; } .mt-lg--200 { margin-top: -200px; } .mt-lg--205 { margin-top: -205px; } .mt-lg--210 { margin-top: -210px; } .mt-lg--215 { margin-top: -215px; } .mt-lg--220 { margin-top: -220px; } .mt-lg--225 { margin-top: -225px; } .mt-lg--230 { margin-top: -230px; } .mt-lg--235 { margin-top: -235px; } .mt-lg--240 { margin-top: -240px; } .mt-lg--245 { margin-top: -245px; } .mt-lg--250 { margin-top: -250px; } .mt-lg--255 { margin-top: -255px; } .mt-lg--260 { margin-top: -260px; } .mt-lg--265 { margin-top: -265px; } .mt-lg--270 { margin-top: -270px; } .mt-lg--275 { margin-top: -275px; } .mt-lg--280 { margin-top: -280px; } .mt-lg--285 { margin-top: -285px; } .mt-lg--290 { margin-top: -290px; } .mt-lg--295 { margin-top: -295px; } .mt-lg--300 { margin-top: -300px; } .mt-lg--305 { margin-top: -305px; } .mt-lg--310 { margin-top: -310px; } .mt-lg--315 { margin-top: -315px; } .mt-lg--320 { margin-top: -320px; } .mt-lg--325 { margin-top: -325px; } .mb-lg--5 { margin-bottom: -5px; } .mb-lg--10 { margin-bottom: -10px; } .mb-lg--15 { margin-bottom: -15px; } .mb-lg--20 { margin-bottom: -20px; } .mb-lg--25 { margin-bottom: -25px; } .mb-lg--30 { margin-bottom: -30px; } .mb-lg--35 { margin-bottom: -35px; } .mb-lg--40 { margin-bottom: -40px; } .mb-lg--45 { margin-bottom: -45px; } .mb-lg--50 { margin-bottom: -50px; } .mb-lg--55 { margin-bottom: -55px; } .mb-lg--60 { margin-bottom: -60px; } .mb-lg--65 { margin-bottom: -65px; } .mb-lg--70 { margin-bottom: -70px; } .mb-lg--75 { margin-bottom: -75px; } .mb-lg--80 { margin-bottom: -80px; } .mb-lg--85 { margin-bottom: -85px; } .mb-lg--90 { margin-bottom: -90px; } .mb-lg--95 { margin-bottom: -95px; } .mb-lg--100 { margin-bottom: -100px; } .mb-lg--105 { margin-bottom: -105px; } .mb-lg--110 { margin-bottom: -110px; } .mb-lg--115 { margin-bottom: -115px; } .mb-lg--120 { margin-bottom: -120px; } .mb-lg--125 { margin-bottom: -125px; } .mb-lg--130 { margin-bottom: -130px; } .mb-lg--135 { margin-bottom: -135px; } .mb-lg--140 { margin-bottom: -140px; } .mb-lg--145 { margin-bottom: -145px; } .mb-lg--150 { margin-bottom: -150px; } .mb-lg--155 { margin-bottom: -155px; } .mb-lg--160 { margin-bottom: -160px; } .mb-lg--165 { margin-bottom: -165px; } .mb-lg--170 { margin-bottom: -170px; } .mb-lg--175 { margin-bottom: -175px; } .mb-lg--180 { margin-bottom: -180px; } .mb-lg--185 { margin-bottom: -185px; } .mb-lg--190 { margin-bottom: -190px; } .mb-lg--195 { margin-bottom: -195px; } .mb-lg--200 { margin-bottom: -200px; } .mb-lg--205 { margin-bottom: -205px; } .mb-lg--210 { margin-bottom: -210px; } .mb-lg--215 { margin-bottom: -215px; } .mb-lg--220 { margin-bottom: -220px; } .mb-lg--225 { margin-bottom: -225px; } .mb-lg--230 { margin-bottom: -230px; } .mb-lg--235 { margin-bottom: -235px; } .mb-lg--240 { margin-bottom: -240px; } .mb-lg--245 { margin-bottom: -245px; } .mb-lg--250 { margin-bottom: -250px; } .mb-lg--255 { margin-bottom: -255px; } .mb-lg--260 { margin-bottom: -260px; } .mb-lg--265 { margin-bottom: -265px; } .mb-lg--270 { margin-bottom: -270px; } .mb-lg--275 { margin-bottom: -275px; } .mb-lg--280 { margin-bottom: -280px; } .mb-lg--285 { margin-bottom: -285px; } .mb-lg--290 { margin-bottom: -290px; } .mb-lg--295 { margin-bottom: -295px; } .mb-lg--300 { margin-bottom: -300px; } .mb-lg--305 { margin-bottom: -305px; } .mb-lg--310 { margin-bottom: -310px; } .mb-lg--315 { margin-bottom: -315px; } .mb-lg--320 { margin-bottom: -320px; } .mb-lg--325 { margin-bottom: -325px; } .mt-lg-0 { margin-top: 0; } .mb-lg-0 { margin-bottom: 0; } .ml-lg-0 { margin-left: 0; } .mr-lg-0 { margin-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { .mt-md-5 { margin-top: 5px; } .mt-md-10 { margin-top: 10px; } .mt-md-15 { margin-top: 15px; } .mt-md-20 { margin-top: 20px; } .mt-md-25 { margin-top: 25px; } .mt-md-30 { margin-top: 30px; } .mt-md-35 { margin-top: 35px; } .mt-md-40 { margin-top: 40px; } .mt-md-45 { margin-top: 45px; } .mt-md-50 { margin-top: 50px; } .mt-md-55 { margin-top: 55px; } .mt-md-60 { margin-top: 60px; } .mt-md-65 { margin-top: 65px; } .mt-md-70 { margin-top: 70px; } .mt-md-75 { margin-top: 75px; } .mt-md-80 { margin-top: 80px; } .mt-md-85 { margin-top: 85px; } .mt-md-90 { margin-top: 90px; } .mt-md-95 { margin-top: 95px; } .mt-md-100 { margin-top: 100px; } .mt-md-105 { margin-top: 105px; } .mt-md-110 { margin-top: 110px; } .mt-md-115 { margin-top: 115px; } .mt-md-120 { margin-top: 120px; } .mt-md-125 { margin-top: 125px; } .mt-md-130 { margin-top: 130px; } .mt-md-135 { margin-top: 135px; } .mt-md-140 { margin-top: 140px; } .mt-md-145 { margin-top: 145px; } .mt-md-150 { margin-top: 150px; } .mt-md-155 { margin-top: 155px; } .mt-md-160 { margin-top: 160px; } .mt-md-165 { margin-top: 165px; } .mt-md-170 { margin-top: 170px; } .mt-md-175 { margin-top: 175px; } .mt-md-180 { margin-top: 180px; } .mt-md-185 { margin-top: 185px; } .mt-md-190 { margin-top: 190px; } .mt-md-195 { margin-top: 195px; } .mt-md-200 { margin-top: 200px; } .mt-md-205 { margin-top: 205px; } .mt-md-210 { margin-top: 210px; } .mt-md-215 { margin-top: 215px; } .mt-md-220 { margin-top: 220px; } .mt-md-225 { margin-top: 225px; } .mt-md-230 { margin-top: 230px; } .mt-md-235 { margin-top: 235px; } .mt-md-240 { margin-top: 240px; } .mt-md-245 { margin-top: 245px; } .mt-md-250 { margin-top: 250px; } .mt-md-255 { margin-top: 255px; } .mt-md-260 { margin-top: 260px; } .mt-md-265 { margin-top: 265px; } .mt-md-270 { margin-top: 270px; } .mt-md-275 { margin-top: 275px; } .mt-md-280 { margin-top: 280px; } .mt-md-285 { margin-top: 285px; } .mt-md-290 { margin-top: 290px; } .mt-md-295 { margin-top: 295px; } .mt-md-300 { margin-top: 300px; } .mt-md-305 { margin-top: 305px; } .mt-md-310 { margin-top: 310px; } .mt-md-315 { margin-top: 315px; } .mt-md-320 { margin-top: 320px; } .mt-md-325 { margin-top: 325px; } .mb-md-5 { margin-bottom: 5px; } .mb-md-10 { margin-bottom: 10px; } .mb-md-15 { margin-bottom: 15px; } .mb-md-20 { margin-bottom: 20px; } .mb-md-25 { margin-bottom: 25px; } .mb-md-30 { margin-bottom: 30px; } .mb-md-35 { margin-bottom: 35px; } .mb-md-40 { margin-bottom: 40px; } .mb-md-45 { margin-bottom: 45px; } .mb-md-50 { margin-bottom: 50px; } .mb-md-55 { margin-bottom: 55px; } .mb-md-60 { margin-bottom: 60px; } .mb-md-65 { margin-bottom: 65px; } .mb-md-70 { margin-bottom: 70px; } .mb-md-75 { margin-bottom: 75px; } .mb-md-80 { margin-bottom: 80px; } .mb-md-85 { margin-bottom: 85px; } .mb-md-90 { margin-bottom: 90px; } .mb-md-95 { margin-bottom: 95px; } .mb-md-100 { margin-bottom: 100px; } .mb-md-105 { margin-bottom: 105px; } .mb-md-110 { margin-bottom: 110px; } .mb-md-115 { margin-bottom: 115px; } .mb-md-120 { margin-bottom: 120px; } .mb-md-125 { margin-bottom: 125px; } .mb-md-130 { margin-bottom: 130px; } .mb-md-135 { margin-bottom: 135px; } .mb-md-140 { margin-bottom: 140px; } .mb-md-145 { margin-bottom: 145px; } .mb-md-150 { margin-bottom: 150px; } .mb-md-155 { margin-bottom: 155px; } .mb-md-160 { margin-bottom: 160px; } .mb-md-165 { margin-bottom: 165px; } .mb-md-170 { margin-bottom: 170px; } .mb-md-175 { margin-bottom: 175px; } .mb-md-180 { margin-bottom: 180px; } .mb-md-185 { margin-bottom: 185px; } .mb-md-190 { margin-bottom: 190px; } .mb-md-195 { margin-bottom: 195px; } .mb-md-200 { margin-bottom: 200px; } .mb-md-205 { margin-bottom: 205px; } .mb-md-210 { margin-bottom: 210px; } .mb-md-215 { margin-bottom: 215px; } .mb-md-220 { margin-bottom: 220px; } .mb-md-225 { margin-bottom: 225px; } .mb-md-230 { margin-bottom: 230px; } .mb-md-235 { margin-bottom: 235px; } .mb-md-240 { margin-bottom: 240px; } .mb-md-245 { margin-bottom: 245px; } .mb-md-250 { margin-bottom: 250px; } .mb-md-255 { margin-bottom: 255px; } .mb-md-260 { margin-bottom: 260px; } .mb-md-265 { margin-bottom: 265px; } .mb-md-270 { margin-bottom: 270px; } .mb-md-275 { margin-bottom: 275px; } .mb-md-280 { margin-bottom: 280px; } .mb-md-285 { margin-bottom: 285px; } .mb-md-290 { margin-bottom: 290px; } .mb-md-295 { margin-bottom: 295px; } .mb-md-300 { margin-bottom: 300px; } .mb-md-305 { margin-bottom: 305px; } .mb-md-310 { margin-bottom: 310px; } .mb-md-315 { margin-bottom: 315px; } .mb-md-320 { margin-bottom: 320px; } .mb-md-325 { margin-bottom: 325px; } .ml-md-5 { margin-left: 5px; } .ml-md-10 { margin-left: 10px; } .ml-md-15 { margin-left: 15px; } .ml-md-20 { margin-left: 20px; } .ml-md-25 { margin-left: 25px; } .ml-md-30 { margin-left: 30px; } .ml-md-35 { margin-left: 35px; } .ml-md-40 { margin-left: 40px; } .ml-md-45 { margin-left: 45px; } .ml-md-50 { margin-left: 50px; } .ml-md-55 { margin-left: 55px; } .ml-md-60 { margin-left: 60px; } .ml-md-65 { margin-left: 65px; } .ml-md-70 { margin-left: 70px; } .ml-md-75 { margin-left: 75px; } .ml-md-80 { margin-left: 80px; } .ml-md-85 { margin-left: 85px; } .ml-md-90 { margin-left: 90px; } .ml-md-95 { margin-left: 95px; } .ml-md-100 { margin-left: 100px; } .ml-md-105 { margin-left: 105px; } .ml-md-110 { margin-left: 110px; } .ml-md-115 { margin-left: 115px; } .ml-md-120 { margin-left: 120px; } .ml-md-125 { margin-left: 125px; } .ml-md-130 { margin-left: 130px; } .ml-md-135 { margin-left: 135px; } .ml-md-140 { margin-left: 140px; } .ml-md-145 { margin-left: 145px; } .ml-md-150 { margin-left: 150px; } .ml-md-155 { margin-left: 155px; } .ml-md-160 { margin-left: 160px; } .ml-md-165 { margin-left: 165px; } .ml-md-170 { margin-left: 170px; } .ml-md-175 { margin-left: 175px; } .ml-md-180 { margin-left: 180px; } .ml-md-185 { margin-left: 185px; } .ml-md-190 { margin-left: 190px; } .ml-md-195 { margin-left: 195px; } .ml-md-200 { margin-left: 200px; } .ml-md-205 { margin-left: 205px; } .ml-md-210 { margin-left: 210px; } .ml-md-215 { margin-left: 215px; } .ml-md-220 { margin-left: 220px; } .ml-md-225 { margin-left: 225px; } .ml-md-230 { margin-left: 230px; } .ml-md-235 { margin-left: 235px; } .ml-md-240 { margin-left: 240px; } .ml-md-245 { margin-left: 245px; } .ml-md-250 { margin-left: 250px; } .ml-md-255 { margin-left: 255px; } .ml-md-260 { margin-left: 260px; } .ml-md-265 { margin-left: 265px; } .ml-md-270 { margin-left: 270px; } .ml-md-275 { margin-left: 275px; } .ml-md-280 { margin-left: 280px; } .ml-md-285 { margin-left: 285px; } .ml-md-290 { margin-left: 290px; } .ml-md-295 { margin-left: 295px; } .ml-md-300 { margin-left: 300px; } .ml-md-305 { margin-left: 305px; } .ml-md-310 { margin-left: 310px; } .ml-md-315 { margin-left: 315px; } .ml-md-320 { margin-left: 320px; } .ml-md-325 { margin-left: 325px; } .mr-md-5 { margin-right: 5px; } .mr-md-10 { margin-right: 10px; } .mr-md-15 { margin-right: 15px; } .mr-md-20 { margin-right: 20px; } .mr-md-25 { margin-right: 25px; } .mr-md-30 { margin-right: 30px; } .mr-md-35 { margin-right: 35px; } .mr-md-40 { margin-right: 40px; } .mr-md-45 { margin-right: 45px; } .mr-md-50 { margin-right: 50px; } .mr-md-55 { margin-right: 55px; } .mr-md-60 { margin-right: 60px; } .mr-md-65 { margin-right: 65px; } .mr-md-70 { margin-right: 70px; } .mr-md-75 { margin-right: 75px; } .mr-md-80 { margin-right: 80px; } .mr-md-85 { margin-right: 85px; } .mr-md-90 { margin-right: 90px; } .mr-md-95 { margin-right: 95px; } .mr-md-100 { margin-right: 100px; } .mr-md-105 { margin-right: 105px; } .mr-md-110 { margin-right: 110px; } .mr-md-115 { margin-right: 115px; } .mr-md-120 { margin-right: 120px; } .mr-md-125 { margin-right: 125px; } .mr-md-130 { margin-right: 130px; } .mr-md-135 { margin-right: 135px; } .mr-md-140 { margin-right: 140px; } .mr-md-145 { margin-right: 145px; } .mr-md-150 { margin-right: 150px; } .mr-md-155 { margin-right: 155px; } .mr-md-160 { margin-right: 160px; } .mr-md-165 { margin-right: 165px; } .mr-md-170 { margin-right: 170px; } .mr-md-175 { margin-right: 175px; } .mr-md-180 { margin-right: 180px; } .mr-md-185 { margin-right: 185px; } .mr-md-190 { margin-right: 190px; } .mr-md-195 { margin-right: 195px; } .mr-md-200 { margin-right: 200px; } .mr-md-205 { margin-right: 205px; } .mr-md-210 { margin-right: 210px; } .mr-md-215 { margin-right: 215px; } .mr-md-220 { margin-right: 220px; } .mr-md-225 { margin-right: 225px; } .mr-md-230 { margin-right: 230px; } .mr-md-235 { margin-right: 235px; } .mr-md-240 { margin-right: 240px; } .mr-md-245 { margin-right: 245px; } .mr-md-250 { margin-right: 250px; } .mr-md-255 { margin-right: 255px; } .mr-md-260 { margin-right: 260px; } .mr-md-265 { margin-right: 265px; } .mr-md-270 { margin-right: 270px; } .mr-md-275 { margin-right: 275px; } .mr-md-280 { margin-right: 280px; } .mr-md-285 { margin-right: 285px; } .mr-md-290 { margin-right: 290px; } .mr-md-295 { margin-right: 295px; } .mr-md-300 { margin-right: 300px; } .mr-md-305 { margin-right: 305px; } .mr-md-310 { margin-right: 310px; } .mr-md-315 { margin-right: 315px; } .mr-md-320 { margin-right: 320px; } .mr-md-325 { margin-right: 325px; } .mt-md--5 { margin-top: -5px; } .mt-md--10 { margin-top: -10px; } .mt-md--15 { margin-top: -15px; } .mt-md--20 { margin-top: -20px; } .mt-md--25 { margin-top: -25px; } .mt-md--30 { margin-top: -30px; } .mt-md--35 { margin-top: -35px; } .mt-md--40 { margin-top: -40px; } .mt-md--45 { margin-top: -45px; } .mt-md--50 { margin-top: -50px; } .mt-md--55 { margin-top: -55px; } .mt-md--60 { margin-top: -60px; } .mt-md--65 { margin-top: -65px; } .mt-md--70 { margin-top: -70px; } .mt-md--75 { margin-top: -75px; } .mt-md--80 { margin-top: -80px; } .mt-md--85 { margin-top: -85px; } .mt-md--90 { margin-top: -90px; } .mt-md--95 { margin-top: -95px; } .mt-md--100 { margin-top: -100px; } .mt-md--105 { margin-top: -105px; } .mt-md--110 { margin-top: -110px; } .mt-md--115 { margin-top: -115px; } .mt-md--120 { margin-top: -120px; } .mt-md--125 { margin-top: -125px; } .mt-md--130 { margin-top: -130px; } .mt-md--135 { margin-top: -135px; } .mt-md--140 { margin-top: -140px; } .mt-md--145 { margin-top: -145px; } .mt-md--150 { margin-top: -150px; } .mt-md--155 { margin-top: -155px; } .mt-md--160 { margin-top: -160px; } .mt-md--165 { margin-top: -165px; } .mt-md--170 { margin-top: -170px; } .mt-md--175 { margin-top: -175px; } .mt-md--180 { margin-top: -180px; } .mt-md--185 { margin-top: -185px; } .mt-md--190 { margin-top: -190px; } .mt-md--195 { margin-top: -195px; } .mt-md--200 { margin-top: -200px; } .mt-md--205 { margin-top: -205px; } .mt-md--210 { margin-top: -210px; } .mt-md--215 { margin-top: -215px; } .mt-md--220 { margin-top: -220px; } .mt-md--225 { margin-top: -225px; } .mt-md--230 { margin-top: -230px; } .mt-md--235 { margin-top: -235px; } .mt-md--240 { margin-top: -240px; } .mt-md--245 { margin-top: -245px; } .mt-md--250 { margin-top: -250px; } .mt-md--255 { margin-top: -255px; } .mt-md--260 { margin-top: -260px; } .mt-md--265 { margin-top: -265px; } .mt-md--270 { margin-top: -270px; } .mt-md--275 { margin-top: -275px; } .mt-md--280 { margin-top: -280px; } .mt-md--285 { margin-top: -285px; } .mt-md--290 { margin-top: -290px; } .mt-md--295 { margin-top: -295px; } .mt-md--300 { margin-top: -300px; } .mt-md--305 { margin-top: -305px; } .mt-md--310 { margin-top: -310px; } .mt-md--315 { margin-top: -315px; } .mt-md--320 { margin-top: -320px; } .mt-md--325 { margin-top: -325px; } .mb-md--5 { margin-bottom: -5px; } .mb-md--10 { margin-bottom: -10px; } .mb-md--15 { margin-bottom: -15px; } .mb-md--20 { margin-bottom: -20px; } .mb-md--25 { margin-bottom: -25px; } .mb-md--30 { margin-bottom: -30px; } .mb-md--35 { margin-bottom: -35px; } .mb-md--40 { margin-bottom: -40px; } .mb-md--45 { margin-bottom: -45px; } .mb-md--50 { margin-bottom: -50px; } .mb-md--55 { margin-bottom: -55px; } .mb-md--60 { margin-bottom: -60px; } .mb-md--65 { margin-bottom: -65px; } .mb-md--70 { margin-bottom: -70px; } .mb-md--75 { margin-bottom: -75px; } .mb-md--80 { margin-bottom: -80px; } .mb-md--85 { margin-bottom: -85px; } .mb-md--90 { margin-bottom: -90px; } .mb-md--95 { margin-bottom: -95px; } .mb-md--100 { margin-bottom: -100px; } .mb-md--105 { margin-bottom: -105px; } .mb-md--110 { margin-bottom: -110px; } .mb-md--115 { margin-bottom: -115px; } .mb-md--120 { margin-bottom: -120px; } .mb-md--125 { margin-bottom: -125px; } .mb-md--130 { margin-bottom: -130px; } .mb-md--135 { margin-bottom: -135px; } .mb-md--140 { margin-bottom: -140px; } .mb-md--145 { margin-bottom: -145px; } .mb-md--150 { margin-bottom: -150px; } .mb-md--155 { margin-bottom: -155px; } .mb-md--160 { margin-bottom: -160px; } .mb-md--165 { margin-bottom: -165px; } .mb-md--170 { margin-bottom: -170px; } .mb-md--175 { margin-bottom: -175px; } .mb-md--180 { margin-bottom: -180px; } .mb-md--185 { margin-bottom: -185px; } .mb-md--190 { margin-bottom: -190px; } .mb-md--195 { margin-bottom: -195px; } .mb-md--200 { margin-bottom: -200px; } .mb-md--205 { margin-bottom: -205px; } .mb-md--210 { margin-bottom: -210px; } .mb-md--215 { margin-bottom: -215px; } .mb-md--220 { margin-bottom: -220px; } .mb-md--225 { margin-bottom: -225px; } .mb-md--230 { margin-bottom: -230px; } .mb-md--235 { margin-bottom: -235px; } .mb-md--240 { margin-bottom: -240px; } .mb-md--245 { margin-bottom: -245px; } .mb-md--250 { margin-bottom: -250px; } .mb-md--255 { margin-bottom: -255px; } .mb-md--260 { margin-bottom: -260px; } .mb-md--265 { margin-bottom: -265px; } .mb-md--270 { margin-bottom: -270px; } .mb-md--275 { margin-bottom: -275px; } .mb-md--280 { margin-bottom: -280px; } .mb-md--285 { margin-bottom: -285px; } .mb-md--290 { margin-bottom: -290px; } .mb-md--295 { margin-bottom: -295px; } .mb-md--300 { margin-bottom: -300px; } .mb-md--305 { margin-bottom: -305px; } .mb-md--310 { margin-bottom: -310px; } .mb-md--315 { margin-bottom: -315px; } .mb-md--320 { margin-bottom: -320px; } .mb-md--325 { margin-bottom: -325px; } .mt-md-0 { margin-top: 0; } .mb-md-0 { margin-bottom: 0; } .ml-md-0 { margin-left: 0; } .mr-md-0 { margin-right: 0; } } @media (max-width: 767px) { .mt-xs-5 { margin-top: 5px; } .mt-xs-10 { margin-top: 10px; } .mt-xs-15 { margin-top: 15px; } .mt-xs-20 { margin-top: 20px; } .mt-xs-25 { margin-top: 25px; } .mt-xs-30 { margin-top: 30px; } .mt-xs-35 { margin-top: 35px; } .mt-xs-40 { margin-top: 40px; } .mt-xs-45 { margin-top: 45px; } .mt-xs-50 { margin-top: 50px; } .mt-xs-55 { margin-top: 55px; } .mt-xs-60 { margin-top: 60px; } .mt-xs-65 { margin-top: 65px; } .mt-xs-70 { margin-top: 70px; } .mt-xs-75 { margin-top: 75px; } .mt-xs-80 { margin-top: 80px; } .mt-xs-85 { margin-top: 85px; } .mt-xs-90 { margin-top: 90px; } .mt-xs-95 { margin-top: 95px; } .mt-xs-100 { margin-top: 100px; } .mt-xs-105 { margin-top: 105px; } .mt-xs-110 { margin-top: 110px; } .mt-xs-115 { margin-top: 115px; } .mt-xs-120 { margin-top: 120px; } .mt-xs-125 { margin-top: 125px; } .mt-xs-130 { margin-top: 130px; } .mt-xs-135 { margin-top: 135px; } .mt-xs-140 { margin-top: 140px; } .mt-xs-145 { margin-top: 145px; } .mt-xs-150 { margin-top: 150px; } .mt-xs-155 { margin-top: 155px; } .mt-xs-160 { margin-top: 160px; } .mt-xs-165 { margin-top: 165px; } .mt-xs-170 { margin-top: 170px; } .mt-xs-175 { margin-top: 175px; } .mt-xs-180 { margin-top: 180px; } .mt-xs-185 { margin-top: 185px; } .mt-xs-190 { margin-top: 190px; } .mt-xs-195 { margin-top: 195px; } .mt-xs-200 { margin-top: 200px; } .mt-xs-205 { margin-top: 205px; } .mt-xs-210 { margin-top: 210px; } .mt-xs-215 { margin-top: 215px; } .mt-xs-220 { margin-top: 220px; } .mt-xs-225 { margin-top: 225px; } .mt-xs-230 { margin-top: 230px; } .mt-xs-235 { margin-top: 235px; } .mt-xs-240 { margin-top: 240px; } .mt-xs-245 { margin-top: 245px; } .mt-xs-250 { margin-top: 250px; } .mt-xs-255 { margin-top: 255px; } .mt-xs-260 { margin-top: 260px; } .mt-xs-265 { margin-top: 265px; } .mt-xs-270 { margin-top: 270px; } .mt-xs-275 { margin-top: 275px; } .mt-xs-280 { margin-top: 280px; } .mt-xs-285 { margin-top: 285px; } .mt-xs-290 { margin-top: 290px; } .mt-xs-295 { margin-top: 295px; } .mt-xs-300 { margin-top: 300px; } .mt-xs-305 { margin-top: 305px; } .mt-xs-310 { margin-top: 310px; } .mt-xs-315 { margin-top: 315px; } .mt-xs-320 { margin-top: 320px; } .mt-xs-325 { margin-top: 325px; } .mb-xs-5 { margin-bottom: 5px; } .mb-xs-10 { margin-bottom: 10px; } .mb-xs-15 { margin-bottom: 15px; } .mb-xs-20 { margin-bottom: 20px; } .mb-xs-25 { margin-bottom: 25px; } .mb-xs-30 { margin-bottom: 30px; } .mb-xs-35 { margin-bottom: 35px; } .mb-xs-40 { margin-bottom: 40px; } .mb-xs-45 { margin-bottom: 45px; } .mb-xs-50 { margin-bottom: 50px; } .mb-xs-55 { margin-bottom: 55px; } .mb-xs-60 { margin-bottom: 60px; } .mb-xs-65 { margin-bottom: 65px; } .mb-xs-70 { margin-bottom: 70px; } .mb-xs-75 { margin-bottom: 75px; } .mb-xs-80 { margin-bottom: 80px; } .mb-xs-85 { margin-bottom: 85px; } .mb-xs-90 { margin-bottom: 90px; } .mb-xs-95 { margin-bottom: 95px; } .mb-xs-100 { margin-bottom: 100px; } .mb-xs-105 { margin-bottom: 105px; } .mb-xs-110 { margin-bottom: 110px; } .mb-xs-115 { margin-bottom: 115px; } .mb-xs-120 { margin-bottom: 120px; } .mb-xs-125 { margin-bottom: 125px; } .mb-xs-130 { margin-bottom: 130px; } .mb-xs-135 { margin-bottom: 135px; } .mb-xs-140 { margin-bottom: 140px; } .mb-xs-145 { margin-bottom: 145px; } .mb-xs-150 { margin-bottom: 150px; } .mb-xs-155 { margin-bottom: 155px; } .mb-xs-160 { margin-bottom: 160px; } .mb-xs-165 { margin-bottom: 165px; } .mb-xs-170 { margin-bottom: 170px; } .mb-xs-175 { margin-bottom: 175px; } .mb-xs-180 { margin-bottom: 180px; } .mb-xs-185 { margin-bottom: 185px; } .mb-xs-190 { margin-bottom: 190px; } .mb-xs-195 { margin-bottom: 195px; } .mb-xs-200 { margin-bottom: 200px; } .mb-xs-205 { margin-bottom: 205px; } .mb-xs-210 { margin-bottom: 210px; } .mb-xs-215 { margin-bottom: 215px; } .mb-xs-220 { margin-bottom: 220px; } .mb-xs-225 { margin-bottom: 225px; } .mb-xs-230 { margin-bottom: 230px; } .mb-xs-235 { margin-bottom: 235px; } .mb-xs-240 { margin-bottom: 240px; } .mb-xs-245 { margin-bottom: 245px; } .mb-xs-250 { margin-bottom: 250px; } .mb-xs-255 { margin-bottom: 255px; } .mb-xs-260 { margin-bottom: 260px; } .mb-xs-265 { margin-bottom: 265px; } .mb-xs-270 { margin-bottom: 270px; } .mb-xs-275 { margin-bottom: 275px; } .mb-xs-280 { margin-bottom: 280px; } .mb-xs-285 { margin-bottom: 285px; } .mb-xs-290 { margin-bottom: 290px; } .mb-xs-295 { margin-bottom: 295px; } .mb-xs-300 { margin-bottom: 300px; } .mb-xs-305 { margin-bottom: 305px; } .mb-xs-310 { margin-bottom: 310px; } .mb-xs-315 { margin-bottom: 315px; } .mb-xs-320 { margin-bottom: 320px; } .mb-xs-325 { margin-bottom: 325px; } .ml-xs-5 { margin-left: 5px; } .ml-xs-10 { margin-left: 10px; } .ml-xs-15 { margin-left: 15px; } .ml-xs-20 { margin-left: 20px; } .ml-xs-25 { margin-left: 25px; } .ml-xs-30 { margin-left: 30px; } .ml-xs-35 { margin-left: 35px; } .ml-xs-40 { margin-left: 40px; } .ml-xs-45 { margin-left: 45px; } .ml-xs-50 { margin-left: 50px; } .ml-xs-55 { margin-left: 55px; } .ml-xs-60 { margin-left: 60px; } .ml-xs-65 { margin-left: 65px; } .ml-xs-70 { margin-left: 70px; } .ml-xs-75 { margin-left: 75px; } .ml-xs-80 { margin-left: 80px; } .ml-xs-85 { margin-left: 85px; } .ml-xs-90 { margin-left: 90px; } .ml-xs-95 { margin-left: 95px; } .ml-xs-100 { margin-left: 100px; } .ml-xs-105 { margin-left: 105px; } .ml-xs-110 { margin-left: 110px; } .ml-xs-115 { margin-left: 115px; } .ml-xs-120 { margin-left: 120px; } .ml-xs-125 { margin-left: 125px; } .ml-xs-130 { margin-left: 130px; } .ml-xs-135 { margin-left: 135px; } .ml-xs-140 { margin-left: 140px; } .ml-xs-145 { margin-left: 145px; } .ml-xs-150 { margin-left: 150px; } .ml-xs-155 { margin-left: 155px; } .ml-xs-160 { margin-left: 160px; } .ml-xs-165 { margin-left: 165px; } .ml-xs-170 { margin-left: 170px; } .ml-xs-175 { margin-left: 175px; } .ml-xs-180 { margin-left: 180px; } .ml-xs-185 { margin-left: 185px; } .ml-xs-190 { margin-left: 190px; } .ml-xs-195 { margin-left: 195px; } .ml-xs-200 { margin-left: 200px; } .ml-xs-205 { margin-left: 205px; } .ml-xs-210 { margin-left: 210px; } .ml-xs-215 { margin-left: 215px; } .ml-xs-220 { margin-left: 220px; } .ml-xs-225 { margin-left: 225px; } .ml-xs-230 { margin-left: 230px; } .ml-xs-235 { margin-left: 235px; } .ml-xs-240 { margin-left: 240px; } .ml-xs-245 { margin-left: 245px; } .ml-xs-250 { margin-left: 250px; } .ml-xs-255 { margin-left: 255px; } .ml-xs-260 { margin-left: 260px; } .ml-xs-265 { margin-left: 265px; } .ml-xs-270 { margin-left: 270px; } .ml-xs-275 { margin-left: 275px; } .ml-xs-280 { margin-left: 280px; } .ml-xs-285 { margin-left: 285px; } .ml-xs-290 { margin-left: 290px; } .ml-xs-295 { margin-left: 295px; } .ml-xs-300 { margin-left: 300px; } .ml-xs-305 { margin-left: 305px; } .ml-xs-310 { margin-left: 310px; } .ml-xs-315 { margin-left: 315px; } .ml-xs-320 { margin-left: 320px; } .ml-xs-325 { margin-left: 325px; } .mr-xs-5 { margin-right: 5px; } .mr-xs-10 { margin-right: 10px; } .mr-xs-15 { margin-right: 15px; } .mr-xs-20 { margin-right: 20px; } .mr-xs-25 { margin-right: 25px; } .mr-xs-30 { margin-right: 30px; } .mr-xs-35 { margin-right: 35px; } .mr-xs-40 { margin-right: 40px; } .mr-xs-45 { margin-right: 45px; } .mr-xs-50 { margin-right: 50px; } .mr-xs-55 { margin-right: 55px; } .mr-xs-60 { margin-right: 60px; } .mr-xs-65 { margin-right: 65px; } .mr-xs-70 { margin-right: 70px; } .mr-xs-75 { margin-right: 75px; } .mr-xs-80 { margin-right: 80px; } .mr-xs-85 { margin-right: 85px; } .mr-xs-90 { margin-right: 90px; } .mr-xs-95 { margin-right: 95px; } .mr-xs-100 { margin-right: 100px; } .mr-xs-105 { margin-right: 105px; } .mr-xs-110 { margin-right: 110px; } .mr-xs-115 { margin-right: 115px; } .mr-xs-120 { margin-right: 120px; } .mr-xs-125 { margin-right: 125px; } .mr-xs-130 { margin-right: 130px; } .mr-xs-135 { margin-right: 135px; } .mr-xs-140 { margin-right: 140px; } .mr-xs-145 { margin-right: 145px; } .mr-xs-150 { margin-right: 150px; } .mr-xs-155 { margin-right: 155px; } .mr-xs-160 { margin-right: 160px; } .mr-xs-165 { margin-right: 165px; } .mr-xs-170 { margin-right: 170px; } .mr-xs-175 { margin-right: 175px; } .mr-xs-180 { margin-right: 180px; } .mr-xs-185 { margin-right: 185px; } .mr-xs-190 { margin-right: 190px; } .mr-xs-195 { margin-right: 195px; } .mr-xs-200 { margin-right: 200px; } .mr-xs-205 { margin-right: 205px; } .mr-xs-210 { margin-right: 210px; } .mr-xs-215 { margin-right: 215px; } .mr-xs-220 { margin-right: 220px; } .mr-xs-225 { margin-right: 225px; } .mr-xs-230 { margin-right: 230px; } .mr-xs-235 { margin-right: 235px; } .mr-xs-240 { margin-right: 240px; } .mr-xs-245 { margin-right: 245px; } .mr-xs-250 { margin-right: 250px; } .mr-xs-255 { margin-right: 255px; } .mr-xs-260 { margin-right: 260px; } .mr-xs-265 { margin-right: 265px; } .mr-xs-270 { margin-right: 270px; } .mr-xs-275 { margin-right: 275px; } .mr-xs-280 { margin-right: 280px; } .mr-xs-285 { margin-right: 285px; } .mr-xs-290 { margin-right: 290px; } .mr-xs-295 { margin-right: 295px; } .mr-xs-300 { margin-right: 300px; } .mr-xs-305 { margin-right: 305px; } .mr-xs-310 { margin-right: 310px; } .mr-xs-315 { margin-right: 315px; } .mr-xs-320 { margin-right: 320px; } .mr-xs-325 { margin-right: 325px; } .mt-xs--5 { margin-top: -5px; } .mt-xs--10 { margin-top: -10px; } .mt-xs--15 { margin-top: -15px; } .mt-xs--20 { margin-top: -20px; } .mt-xs--25 { margin-top: -25px; } .mt-xs--30 { margin-top: -30px; } .mt-xs--35 { margin-top: -35px; } .mt-xs--40 { margin-top: -40px; } .mt-xs--45 { margin-top: -45px; } .mt-xs--50 { margin-top: -50px; } .mt-xs--55 { margin-top: -55px; } .mt-xs--60 { margin-top: -60px; } .mt-xs--65 { margin-top: -65px; } .mt-xs--70 { margin-top: -70px; } .mt-xs--75 { margin-top: -75px; } .mt-xs--80 { margin-top: -80px; } .mt-xs--85 { margin-top: -85px; } .mt-xs--90 { margin-top: -90px; } .mt-xs--95 { margin-top: -95px; } .mt-xs--100 { margin-top: -100px; } .mt-xs--105 { margin-top: -105px; } .mt-xs--110 { margin-top: -110px; } .mt-xs--115 { margin-top: -115px; } .mt-xs--120 { margin-top: -120px; } .mt-xs--125 { margin-top: -125px; } .mt-xs--130 { margin-top: -130px; } .mt-xs--135 { margin-top: -135px; } .mt-xs--140 { margin-top: -140px; } .mt-xs--145 { margin-top: -145px; } .mt-xs--150 { margin-top: -150px; } .mt-xs--155 { margin-top: -155px; } .mt-xs--160 { margin-top: -160px; } .mt-xs--165 { margin-top: -165px; } .mt-xs--170 { margin-top: -170px; } .mt-xs--175 { margin-top: -175px; } .mt-xs--180 { margin-top: -180px; } .mt-xs--185 { margin-top: -185px; } .mt-xs--190 { margin-top: -190px; } .mt-xs--195 { margin-top: -195px; } .mt-xs--200 { margin-top: -200px; } .mt-xs--205 { margin-top: -205px; } .mt-xs--210 { margin-top: -210px; } .mt-xs--215 { margin-top: -215px; } .mt-xs--220 { margin-top: -220px; } .mt-xs--225 { margin-top: -225px; } .mt-xs--230 { margin-top: -230px; } .mt-xs--235 { margin-top: -235px; } .mt-xs--240 { margin-top: -240px; } .mt-xs--245 { margin-top: -245px; } .mt-xs--250 { margin-top: -250px; } .mt-xs--255 { margin-top: -255px; } .mt-xs--260 { margin-top: -260px; } .mt-xs--265 { margin-top: -265px; } .mt-xs--270 { margin-top: -270px; } .mt-xs--275 { margin-top: -275px; } .mt-xs--280 { margin-top: -280px; } .mt-xs--285 { margin-top: -285px; } .mt-xs--290 { margin-top: -290px; } .mt-xs--295 { margin-top: -295px; } .mt-xs--300 { margin-top: -300px; } .mt-xs--305 { margin-top: -305px; } .mt-xs--310 { margin-top: -310px; } .mt-xs--315 { margin-top: -315px; } .mt-xs--320 { margin-top: -320px; } .mt-xs--325 { margin-top: -325px; } .mb-xs--5 { margin-bottom: -5px; } .mb-xs--10 { margin-bottom: -10px; } .mb-xs--15 { margin-bottom: -15px; } .mb-xs--20 { margin-bottom: -20px; } .mb-xs--25 { margin-bottom: -25px; } .mb-xs--30 { margin-bottom: -30px; } .mb-xs--35 { margin-bottom: -35px; } .mb-xs--40 { margin-bottom: -40px; } .mb-xs--45 { margin-bottom: -45px; } .mb-xs--50 { margin-bottom: -50px; } .mb-xs--55 { margin-bottom: -55px; } .mb-xs--60 { margin-bottom: -60px; } .mb-xs--65 { margin-bottom: -65px; } .mb-xs--70 { margin-bottom: -70px; } .mb-xs--75 { margin-bottom: -75px; } .mb-xs--80 { margin-bottom: -80px; } .mb-xs--85 { margin-bottom: -85px; } .mb-xs--90 { margin-bottom: -90px; } .mb-xs--95 { margin-bottom: -95px; } .mb-xs--100 { margin-bottom: -100px; } .mb-xs--105 { margin-bottom: -105px; } .mb-xs--110 { margin-bottom: -110px; } .mb-xs--115 { margin-bottom: -115px; } .mb-xs--120 { margin-bottom: -120px; } .mb-xs--125 { margin-bottom: -125px; } .mb-xs--130 { margin-bottom: -130px; } .mb-xs--135 { margin-bottom: -135px; } .mb-xs--140 { margin-bottom: -140px; } .mb-xs--145 { margin-bottom: -145px; } .mb-xs--150 { margin-bottom: -150px; } .mb-xs--155 { margin-bottom: -155px; } .mb-xs--160 { margin-bottom: -160px; } .mb-xs--165 { margin-bottom: -165px; } .mb-xs--170 { margin-bottom: -170px; } .mb-xs--175 { margin-bottom: -175px; } .mb-xs--180 { margin-bottom: -180px; } .mb-xs--185 { margin-bottom: -185px; } .mb-xs--190 { margin-bottom: -190px; } .mb-xs--195 { margin-bottom: -195px; } .mb-xs--200 { margin-bottom: -200px; } .mb-xs--205 { margin-bottom: -205px; } .mb-xs--210 { margin-bottom: -210px; } .mb-xs--215 { margin-bottom: -215px; } .mb-xs--220 { margin-bottom: -220px; } .mb-xs--225 { margin-bottom: -225px; } .mb-xs--230 { margin-bottom: -230px; } .mb-xs--235 { margin-bottom: -235px; } .mb-xs--240 { margin-bottom: -240px; } .mb-xs--245 { margin-bottom: -245px; } .mb-xs--250 { margin-bottom: -250px; } .mb-xs--255 { margin-bottom: -255px; } .mb-xs--260 { margin-bottom: -260px; } .mb-xs--265 { margin-bottom: -265px; } .mb-xs--270 { margin-bottom: -270px; } .mb-xs--275 { margin-bottom: -275px; } .mb-xs--280 { margin-bottom: -280px; } .mb-xs--285 { margin-bottom: -285px; } .mb-xs--290 { margin-bottom: -290px; } .mb-xs--295 { margin-bottom: -295px; } .mb-xs--300 { margin-bottom: -300px; } .mb-xs--305 { margin-bottom: -305px; } .mb-xs--310 { margin-bottom: -310px; } .mb-xs--315 { margin-bottom: -315px; } .mb-xs--320 { margin-bottom: -320px; } .mb-xs--325 { margin-bottom: -325px; } .mt-xs-0 { margin-top: 0; } .mb-xs-0 { margin-bottom: 0; } .ml-xs-0 { margin-left: 0; } .mr-xs-0 { margin-right: 0; } } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pt-105 { padding-top: 105px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; } .pt-125 { padding-top: 125px; } .pt-130 { padding-top: 130px; } .pt-135 { padding-top: 135px; } .pt-140 { padding-top: 140px; } .pt-145 { padding-top: 145px; } .pt-150 { padding-top: 150px; } .pt-155 { padding-top: 155px; } .pt-160 { padding-top: 160px; } .pt-165 { padding-top: 165px; } .pt-170 { padding-top: 170px; } .pt-175 { padding-top: 175px; } .pt-180 { padding-top: 180px; } .pt-185 { padding-top: 185px; } .pt-190 { padding-top: 190px; } .pt-195 { padding-top: 195px; } .pt-200 { padding-top: 200px; } .pt-205 { padding-top: 205px; } .pt-210 { padding-top: 210px; } .pt-215 { padding-top: 215px; } .pt-220 { padding-top: 220px; } .pt-225 { padding-top: 225px; } .pt-230 { padding-top: 230px; } .pt-235 { padding-top: 235px; } .pt-240 { padding-top: 240px; } .pt-245 { padding-top: 245px; } .pt-250 { padding-top: 250px; } .pt-255 { padding-top: 255px; } .pt-260 { padding-top: 260px; } .pt-265 { padding-top: 265px; } .pt-270 { padding-top: 270px; } .pt-275 { padding-top: 275px; } .pt-280 { padding-top: 280px; } .pt-285 { padding-top: 285px; } .pt-290 { padding-top: 290px; } .pt-295 { padding-top: 295px; } .pt-300 { padding-top: 300px; } .pt-305 { padding-top: 305px; } .pt-310 { padding-top: 310px; } .pt-315 { padding-top: 315px; } .pt-320 { padding-top: 320px; } .pt-325 { padding-top: 325px; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pb-105 { padding-bottom: 105px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; } .pb-125 { padding-bottom: 125px; } .pb-130 { padding-bottom: 130px; } .pb-135 { padding-bottom: 135px; } .pb-140 { padding-bottom: 140px; } .pb-145 { padding-bottom: 145px; } .pb-150 { padding-bottom: 150px; } .pb-155 { padding-bottom: 155px; } .pb-160 { padding-bottom: 160px; } .pb-165 { padding-bottom: 165px; } .pb-170 { padding-bottom: 170px; } .pb-175 { padding-bottom: 175px; } .pb-180 { padding-bottom: 180px; } .pb-185 { padding-bottom: 185px; } .pb-190 { padding-bottom: 190px; } .pb-195 { padding-bottom: 195px; } .pb-200 { padding-bottom: 200px; } .pb-205 { padding-bottom: 205px; } .pb-210 { padding-bottom: 210px; } .pb-215 { padding-bottom: 215px; } .pb-220 { padding-bottom: 220px; } .pb-225 { padding-bottom: 225px; } .pb-230 { padding-bottom: 230px; } .pb-235 { padding-bottom: 235px; } .pb-240 { padding-bottom: 240px; } .pb-245 { padding-bottom: 245px; } .pb-250 { padding-bottom: 250px; } .pb-255 { padding-bottom: 255px; } .pb-260 { padding-bottom: 260px; } .pb-265 { padding-bottom: 265px; } .pb-270 { padding-bottom: 270px; } .pb-275 { padding-bottom: 275px; } .pb-280 { padding-bottom: 280px; } .pb-285 { padding-bottom: 285px; } .pb-290 { padding-bottom: 290px; } .pb-295 { padding-bottom: 295px; } .pb-300 { padding-bottom: 300px; } .pb-305 { padding-bottom: 305px; } .pb-310 { padding-bottom: 310px; } .pb-315 { padding-bottom: 315px; } .pb-320 { padding-bottom: 320px; } .pb-325 { padding-bottom: 325px; } .pl-5 { padding-left: 5px; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; } .pl-60 { padding-left: 60px; } .pl-65 { padding-left: 65px; } .pl-65 { padding-left: 65px; } .pl-70 { padding-left: 70px; } .pl-70 { padding-left: 70px; } .pl-75 { padding-left: 75px; } .pl-75 { padding-left: 75px; } .pl-80 { padding-left: 80px; } .pl-80 { padding-left: 80px; } .pl-85 { padding-left: 85px; } .pl-85 { padding-left: 85px; } .pl-90 { padding-left: 90px; } .pl-90 { padding-left: 90px; } .pl-95 { padding-left: 95px; } .pl-95 { padding-left: 95px; } .pl-100 { padding-left: 100px; } .pl-100 { padding-left: 100px; } .pl-105 { padding-left: 105px; } .pl-105 { padding-left: 105px; } .pl-110 { padding-left: 110px; } .pl-110 { padding-left: 110px; } .pl-115 { padding-left: 115px; } .pl-115 { padding-left: 115px; } .pl-120 { padding-left: 120px; } .pl-120 { padding-left: 120px; } .pl-125 { padding-left: 125px; } .pl-125 { padding-left: 125px; } .pl-130 { padding-left: 130px; } .pl-130 { padding-left: 130px; } .pl-135 { padding-left: 135px; } .pl-135 { padding-left: 135px; } .pl-140 { padding-left: 140px; } .pl-140 { padding-left: 140px; } .pl-145 { padding-left: 145px; } .pl-145 { padding-left: 145px; } .pl-150 { padding-left: 150px; } .pl-150 { padding-left: 150px; } .pl-155 { padding-left: 155px; } .pl-155 { padding-left: 155px; } .pl-160 { padding-left: 160px; } .pl-160 { padding-left: 160px; } .pl-165 { padding-left: 165px; } .pl-165 { padding-left: 165px; } .pl-170 { padding-left: 170px; } .pl-170 { padding-left: 170px; } .pl-175 { padding-left: 175px; } .pl-175 { padding-left: 175px; } .pl-180 { padding-left: 180px; } .pl-180 { padding-left: 180px; } .pl-185 { padding-left: 185px; } .pl-185 { padding-left: 185px; } .pl-190 { padding-left: 190px; } .pl-190 { padding-left: 190px; } .pl-195 { padding-left: 195px; } .pl-195 { padding-left: 195px; } .pl-200 { padding-left: 200px; } .pl-200 { padding-left: 200px; } .pl-205 { padding-left: 205px; } .pl-205 { padding-left: 205px; } .pl-210 { padding-left: 210px; } .pl-210 { padding-left: 210px; } .pl-215 { padding-left: 215px; } .pl-215 { padding-left: 215px; } .pl-220 { padding-left: 220px; } .pl-220 { padding-left: 220px; } .pl-225 { padding-left: 225px; } .pl-225 { padding-left: 225px; } .pl-230 { padding-left: 230px; } .pl-230 { padding-left: 230px; } .pl-235 { padding-left: 235px; } .pl-235 { padding-left: 235px; } .pl-240 { padding-left: 240px; } .pl-240 { padding-left: 240px; } .pl-245 { padding-left: 245px; } .pl-245 { padding-left: 245px; } .pl-250 { padding-left: 250px; } .pl-250 { padding-left: 250px; } .pl-255 { padding-left: 255px; } .pl-255 { padding-left: 255px; } .pl-260 { padding-left: 260px; } .pl-260 { padding-left: 260px; } .pl-265 { padding-left: 265px; } .pl-265 { padding-left: 265px; } .pl-270 { padding-left: 270px; } .pl-270 { padding-left: 270px; } .pl-275 { padding-left: 275px; } .pl-275 { padding-left: 275px; } .pl-280 { padding-left: 280px; } .pl-280 { padding-left: 280px; } .pl-285 { padding-left: 285px; } .pl-285 { padding-left: 285px; } .pl-290 { padding-left: 290px; } .pl-290 { padding-left: 290px; } .pl-295 { padding-left: 295px; } .pl-295 { padding-left: 295px; } .pl-300 { padding-left: 300px; } .pl-300 { padding-left: 300px; } .pl-305 { padding-left: 305px; } .pl-305 { padding-left: 305px; } .pl-310 { padding-left: 310px; } .pl-310 { padding-left: 310px; } .pl-315 { padding-left: 315px; } .pl-315 { padding-left: 315px; } .pl-320 { padding-left: 320px; } .pl-320 { padding-left: 320px; } .pl-325 { padding-left: 325px; } .pl-325 { padding-left: 325px; } .pr-5 { padding-right: 5px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; } .pr-60 { padding-right: 60px; } .pr-65 { padding-right: 65px; } .pr-65 { padding-right: 65px; } .pr-70 { padding-right: 70px; } .pr-70 { padding-right: 70px; } .pr-75 { padding-right: 75px; } .pr-75 { padding-right: 75px; } .pr-80 { padding-right: 80px; } .pr-80 { padding-right: 80px; } .pr-85 { padding-right: 85px; } .pr-85 { padding-right: 85px; } .pr-90 { padding-right: 90px; } .pr-90 { padding-right: 90px; } .pr-95 { padding-right: 95px; } .pr-95 { padding-right: 95px; } .pr-100 { padding-right: 100px; } .pr-100 { padding-right: 100px; } .pr-105 { padding-right: 105px; } .pr-105 { padding-right: 105px; } .pr-110 { padding-right: 110px; } .pr-110 { padding-right: 110px; } .pr-115 { padding-right: 115px; } .pr-115 { padding-right: 115px; } .pr-120 { padding-right: 120px; } .pr-120 { padding-right: 120px; } .pr-125 { padding-right: 125px; } .pr-125 { padding-right: 125px; } .pr-130 { padding-right: 130px; } .pr-130 { padding-right: 130px; } .pr-135 { padding-right: 135px; } .pr-135 { padding-right: 135px; } .pr-140 { padding-right: 140px; } .pr-140 { padding-right: 140px; } .pr-145 { padding-right: 145px; } .pr-145 { padding-right: 145px; } .pr-150 { padding-right: 150px; } .pr-150 { padding-right: 150px; } .pr-155 { padding-right: 155px; } .pr-155 { padding-right: 155px; } .pr-160 { padding-right: 160px; } .pr-160 { padding-right: 160px; } .pr-165 { padding-right: 165px; } .pr-165 { padding-right: 165px; } .pr-170 { padding-right: 170px; } .pr-170 { padding-right: 170px; } .pr-175 { padding-right: 175px; } .pr-175 { padding-right: 175px; } .pr-180 { padding-right: 180px; } .pr-180 { padding-right: 180px; } .pr-185 { padding-right: 185px; } .pr-185 { padding-right: 185px; } .pr-190 { padding-right: 190px; } .pr-190 { padding-right: 190px; } .pr-195 { padding-right: 195px; } .pr-195 { padding-right: 195px; } .pr-200 { padding-right: 200px; } .pr-200 { padding-right: 200px; } .pr-205 { padding-right: 205px; } .pr-205 { padding-right: 205px; } .pr-210 { padding-right: 210px; } .pr-210 { padding-right: 210px; } .pr-215 { padding-right: 215px; } .pr-215 { padding-right: 215px; } .pr-220 { padding-right: 220px; } .pr-220 { padding-right: 220px; } .pr-225 { padding-right: 225px; } .pr-225 { padding-right: 225px; } .pr-230 { padding-right: 230px; } .pr-230 { padding-right: 230px; } .pr-235 { padding-right: 235px; } .pr-235 { padding-right: 235px; } .pr-240 { padding-right: 240px; } .pr-240 { padding-right: 240px; } .pr-245 { padding-right: 245px; } .pr-245 { padding-right: 245px; } .pr-250 { padding-right: 250px; } .pr-250 { padding-right: 250px; } .pr-255 { padding-right: 255px; } .pr-255 { padding-right: 255px; } .pr-260 { padding-right: 260px; } .pr-260 { padding-right: 260px; } .pr-265 { padding-right: 265px; } .pr-265 { padding-right: 265px; } .pr-270 { padding-right: 270px; } .pr-270 { padding-right: 270px; } .pr-275 { padding-right: 275px; } .pr-275 { padding-right: 275px; } .pr-280 { padding-right: 280px; } .pr-280 { padding-right: 280px; } .pr-285 { padding-right: 285px; } .pr-285 { padding-right: 285px; } .pr-290 { padding-right: 290px; } .pr-290 { padding-right: 290px; } .pr-295 { padding-right: 295px; } .pr-295 { padding-right: 295px; } .pr-300 { padding-right: 300px; } .pr-300 { padding-right: 300px; } .pr-305 { padding-right: 305px; } .pr-305 { padding-right: 305px; } .pr-310 { padding-right: 310px; } .pr-310 { padding-right: 310px; } .pr-315 { padding-right: 315px; } .pr-315 { padding-right: 315px; } .pr-320 { padding-right: 320px; } .pr-320 { padding-right: 320px; } .pr-325 { padding-right: 325px; } .pr-325 { padding-right: 325px; } @media (min-width: 992px) and (max-width: 1200px) { .pt-lg-5 { padding-top: 5px; } .pt-lg-10 { padding-top: 10px; } .pt-lg-15 { padding-top: 15px; } .pt-lg-20 { padding-top: 20px; } .pt-lg-25 { padding-top: 25px; } .pt-lg-30 { padding-top: 30px; } .pt-lg-35 { padding-top: 35px; } .pt-lg-40 { padding-top: 40px; } .pt-lg-45 { padding-top: 45px; } .pt-lg-50 { padding-top: 50px; } .pt-lg-55 { padding-top: 55px; } .pt-lg-60 { padding-top: 60px; } .pt-lg-65 { padding-top: 65px; } .pt-lg-70 { padding-top: 70px; } .pt-lg-75 { padding-top: 75px; } .pt-lg-80 { padding-top: 80px; } .pt-lg-85 { padding-top: 85px; } .pt-lg-90 { padding-top: 90px; } .pt-lg-95 { padding-top: 95px; } .pt-lg-100 { padding-top: 100px; } .pt-lg-105 { padding-top: 105px; } .pt-lg-110 { padding-top: 110px; } .pt-lg-115 { padding-top: 115px; } .pt-lg-120 { padding-top: 120px; } .pt-lg-125 { padding-top: 125px; } .pt-lg-130 { padding-top: 130px; } .pt-lg-135 { padding-top: 135px; } .pt-lg-140 { padding-top: 140px; } .pt-lg-145 { padding-top: 145px; } .pt-lg-150 { padding-top: 150px; } .pt-lg-155 { padding-top: 155px; } .pt-lg-160 { padding-top: 160px; } .pt-lg-165 { padding-top: 165px; } .pt-lg-170 { padding-top: 170px; } .pt-lg-175 { padding-top: 175px; } .pt-lg-180 { padding-top: 180px; } .pt-lg-185 { padding-top: 185px; } .pt-lg-190 { padding-top: 190px; } .pt-lg-195 { padding-top: 195px; } .pt-lg-200 { padding-top: 200px; } .pt-lg-205 { padding-top: 205px; } .pt-lg-210 { padding-top: 210px; } .pt-lg-215 { padding-top: 215px; } .pt-lg-220 { padding-top: 220px; } .pt-lg-225 { padding-top: 225px; } .pt-lg-230 { padding-top: 230px; } .pt-lg-235 { padding-top: 235px; } .pt-lg-240 { padding-top: 240px; } .pt-lg-245 { padding-top: 245px; } .pt-lg-250 { padding-top: 250px; } .pt-lg-255 { padding-top: 255px; } .pt-lg-260 { padding-top: 260px; } .pt-lg-265 { padding-top: 265px; } .pt-lg-270 { padding-top: 270px; } .pt-lg-275 { padding-top: 275px; } .pt-lg-280 { padding-top: 280px; } .pt-lg-285 { padding-top: 285px; } .pt-lg-290 { padding-top: 290px; } .pt-lg-295 { padding-top: 295px; } .pt-lg-300 { padding-top: 300px; } .pt-lg-305 { padding-top: 305px; } .pt-lg-310 { padding-top: 310px; } .pt-lg-315 { padding-top: 315px; } .pt-lg-320 { padding-top: 320px; } .pt-lg-325 { padding-top: 325px; } .pb-lg-5 { padding-bottom: 5px; } .pb-lg-10 { padding-bottom: 10px; } .pb-lg-15 { padding-bottom: 15px; } .pb-lg-20 { padding-bottom: 20px; } .pb-lg-25 { padding-bottom: 25px; } .pb-lg-30 { padding-bottom: 30px; } .pb-lg-35 { padding-bottom: 35px; } .pb-lg-40 { padding-bottom: 40px; } .pb-lg-45 { padding-bottom: 45px; } .pb-lg-50 { padding-bottom: 50px; } .pb-lg-55 { padding-bottom: 55px; } .pb-lg-60 { padding-bottom: 60px; } .pb-lg-65 { padding-bottom: 65px; } .pb-lg-70 { padding-bottom: 70px; } .pb-lg-75 { padding-bottom: 75px; } .pb-lg-80 { padding-bottom: 80px; } .pb-lg-85 { padding-bottom: 85px; } .pb-lg-90 { padding-bottom: 90px; } .pb-lg-95 { padding-bottom: 95px; } .pb-lg-100 { padding-bottom: 100px; } .pb-lg-105 { padding-bottom: 105px; } .pb-lg-110 { padding-bottom: 110px; } .pb-lg-115 { padding-bottom: 115px; } .pb-lg-120 { padding-bottom: 120px; } .pb-lg-125 { padding-bottom: 125px; } .pb-lg-130 { padding-bottom: 130px; } .pb-lg-135 { padding-bottom: 135px; } .pb-lg-140 { padding-bottom: 140px; } .pb-lg-145 { padding-bottom: 145px; } .pb-lg-150 { padding-bottom: 150px; } .pb-lg-155 { padding-bottom: 155px; } .pb-lg-160 { padding-bottom: 160px; } .pb-lg-165 { padding-bottom: 165px; } .pb-lg-170 { padding-bottom: 170px; } .pb-lg-175 { padding-bottom: 175px; } .pb-lg-180 { padding-bottom: 180px; } .pb-lg-185 { padding-bottom: 185px; } .pb-lg-190 { padding-bottom: 190px; } .pb-lg-195 { padding-bottom: 195px; } .pb-lg-200 { padding-bottom: 200px; } .pb-lg-205 { padding-bottom: 205px; } .pb-lg-210 { padding-bottom: 210px; } .pb-lg-215 { padding-bottom: 215px; } .pb-lg-220 { padding-bottom: 220px; } .pb-lg-225 { padding-bottom: 225px; } .pb-lg-230 { padding-bottom: 230px; } .pb-lg-235 { padding-bottom: 235px; } .pb-lg-240 { padding-bottom: 240px; } .pb-lg-245 { padding-bottom: 245px; } .pb-lg-250 { padding-bottom: 250px; } .pb-lg-255 { padding-bottom: 255px; } .pb-lg-260 { padding-bottom: 260px; } .pb-lg-265 { padding-bottom: 265px; } .pb-lg-270 { padding-bottom: 270px; } .pb-lg-275 { padding-bottom: 275px; } .pb-lg-280 { padding-bottom: 280px; } .pb-lg-285 { padding-bottom: 285px; } .pb-lg-290 { padding-bottom: 290px; } .pb-lg-295 { padding-bottom: 295px; } .pb-lg-300 { padding-bottom: 300px; } .pb-lg-305 { padding-bottom: 305px; } .pb-lg-310 { padding-bottom: 310px; } .pb-lg-315 { padding-bottom: 315px; } .pb-lg-320 { padding-bottom: 320px; } .pb-lg-325 { padding-bottom: 325px; } .pl-lg-5 { padding-left: 5px; } .pl-lg-10 { padding-left: 10px; } .pl-lg-15 { padding-left: 15px; } .pl-lg-20 { padding-left: 20px; } .pl-lg-25 { padding-left: 25px; } .pl-lg-30 { padding-left: 30px; } .pl-lg-35 { padding-left: 35px; } .pl-lg-40 { padding-left: 40px; } .pl-lg-45 { padding-left: 45px; } .pl-lg-50 { padding-left: 50px; } .pl-lg-55 { padding-left: 55px; } .pl-lg-60 { padding-left: 60px; } .pl-lg-65 { padding-left: 65px; } .pl-lg-70 { padding-left: 70px; } .pl-lg-75 { padding-left: 75px; } .pl-lg-80 { padding-left: 80px; } .pl-lg-85 { padding-left: 85px; } .pl-lg-90 { padding-left: 90px; } .pl-lg-95 { padding-left: 95px; } .pl-lg-100 { padding-left: 100px; } .pl-lg-105 { padding-left: 105px; } .pl-lg-110 { padding-left: 110px; } .pl-lg-115 { padding-left: 115px; } .pl-lg-120 { padding-left: 120px; } .pl-lg-125 { padding-left: 125px; } .pl-lg-130 { padding-left: 130px; } .pl-lg-135 { padding-left: 135px; } .pl-lg-140 { padding-left: 140px; } .pl-lg-145 { padding-left: 145px; } .pl-lg-150 { padding-left: 150px; } .pl-lg-155 { padding-left: 155px; } .pl-lg-160 { padding-left: 160px; } .pl-lg-165 { padding-left: 165px; } .pl-lg-170 { padding-left: 170px; } .pl-lg-175 { padding-left: 175px; } .pl-lg-180 { padding-left: 180px; } .pl-lg-185 { padding-left: 185px; } .pl-lg-190 { padding-left: 190px; } .pl-lg-195 { padding-left: 195px; } .pl-lg-200 { padding-left: 200px; } .pl-lg-205 { padding-left: 205px; } .pl-lg-210 { padding-left: 210px; } .pl-lg-215 { padding-left: 215px; } .pl-lg-220 { padding-left: 220px; } .pl-lg-225 { padding-left: 225px; } .pl-lg-230 { padding-left: 230px; } .pl-lg-235 { padding-left: 235px; } .pl-lg-240 { padding-left: 240px; } .pl-lg-245 { padding-left: 245px; } .pl-lg-250 { padding-left: 250px; } .pl-lg-255 { padding-left: 255px; } .pl-lg-260 { padding-left: 260px; } .pl-lg-265 { padding-left: 265px; } .pl-lg-270 { padding-left: 270px; } .pl-lg-275 { padding-left: 275px; } .pl-lg-280 { padding-left: 280px; } .pl-lg-285 { padding-left: 285px; } .pl-lg-290 { padding-left: 290px; } .pl-lg-295 { padding-left: 295px; } .pl-lg-300 { padding-left: 300px; } .pl-lg-305 { padding-left: 305px; } .pl-lg-310 { padding-left: 310px; } .pl-lg-315 { padding-left: 315px; } .pl-lg-320 { padding-left: 320px; } .pl-lg-325 { padding-left: 325px; } .pr-lg-5 { padding-right: 5px; } .pr-lg-10 { padding-right: 10px; } .pr-lg-15 { padding-right: 15px; } .pr-lg-20 { padding-right: 20px; } .pr-lg-25 { padding-right: 25px; } .pr-lg-30 { padding-right: 30px; } .pr-lg-35 { padding-right: 35px; } .pr-lg-40 { padding-right: 40px; } .pr-lg-45 { padding-right: 45px; } .pr-lg-50 { padding-right: 50px; } .pr-lg-55 { padding-right: 55px; } .pr-lg-60 { padding-right: 60px; } .pr-lg-65 { padding-right: 65px; } .pr-lg-70 { padding-right: 70px; } .pr-lg-75 { padding-right: 75px; } .pr-lg-80 { padding-right: 80px; } .pr-lg-85 { padding-right: 85px; } .pr-lg-90 { padding-right: 90px; } .pr-lg-95 { padding-right: 95px; } .pr-lg-100 { padding-right: 100px; } .pr-lg-105 { padding-right: 105px; } .pr-lg-110 { padding-right: 110px; } .pr-lg-115 { padding-right: 115px; } .pr-lg-120 { padding-right: 120px; } .pr-lg-125 { padding-right: 125px; } .pr-lg-130 { padding-right: 130px; } .pr-lg-135 { padding-right: 135px; } .pr-lg-140 { padding-right: 140px; } .pr-lg-145 { padding-right: 145px; } .pr-lg-150 { padding-right: 150px; } .pr-lg-155 { padding-right: 155px; } .pr-lg-160 { padding-right: 160px; } .pr-lg-165 { padding-right: 165px; } .pr-lg-170 { padding-right: 170px; } .pr-lg-175 { padding-right: 175px; } .pr-lg-180 { padding-right: 180px; } .pr-lg-185 { padding-right: 185px; } .pr-lg-190 { padding-right: 190px; } .pr-lg-195 { padding-right: 195px; } .pr-lg-200 { padding-right: 200px; } .pr-lg-205 { padding-right: 205px; } .pr-lg-210 { padding-right: 210px; } .pr-lg-215 { padding-right: 215px; } .pr-lg-220 { padding-right: 220px; } .pr-lg-225 { padding-right: 225px; } .pr-lg-230 { padding-right: 230px; } .pr-lg-235 { padding-right: 235px; } .pr-lg-240 { padding-right: 240px; } .pr-lg-245 { padding-right: 245px; } .pr-lg-250 { padding-right: 250px; } .pr-lg-255 { padding-right: 255px; } .pr-lg-260 { padding-right: 260px; } .pr-lg-265 { padding-right: 265px; } .pr-lg-270 { padding-right: 270px; } .pr-lg-275 { padding-right: 275px; } .pr-lg-280 { padding-right: 280px; } .pr-lg-285 { padding-right: 285px; } .pr-lg-290 { padding-right: 290px; } .pr-lg-295 { padding-right: 295px; } .pr-lg-300 { padding-right: 300px; } .pr-lg-305 { padding-right: 305px; } .pr-lg-310 { padding-right: 310px; } .pr-lg-315 { padding-right: 315px; } .pr-lg-320 { padding-right: 320px; } .pr-lg-325 { padding-right: 325px; } .pt-lg-0 { padding-top: 0; } .pb-lg-0 { padding-bottom: 0; } .pl-lg-0 { padding-left: 0; } .pr-lg-0 { padding-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { .pt-md-5 { padding-top: 5px; } .pt-md-10 { padding-top: 10px; } .pt-md-15 { padding-top: 15px; } .pt-md-20 { padding-top: 20px; } .pt-md-25 { padding-top: 25px; } .pt-md-30 { padding-top: 30px; } .pt-md-35 { padding-top: 35px; } .pt-md-40 { padding-top: 40px; } .pt-md-45 { padding-top: 45px; } .pt-md-50 { padding-top: 50px; } .pt-md-55 { padding-top: 55px; } .pt-md-60 { padding-top: 60px; } .pt-md-65 { padding-top: 65px; } .pt-md-70 { padding-top: 70px; } .pt-md-75 { padding-top: 75px; } .pt-md-80 { padding-top: 80px; } .pt-md-85 { padding-top: 85px; } .pt-md-90 { padding-top: 90px; } .pt-md-95 { padding-top: 95px; } .pt-md-100 { padding-top: 100px; } .pt-md-105 { padding-top: 105px; } .pt-md-110 { padding-top: 110px; } .pt-md-115 { padding-top: 115px; } .pt-md-120 { padding-top: 120px; } .pt-md-125 { padding-top: 125px; } .pt-md-130 { padding-top: 130px; } .pt-md-135 { padding-top: 135px; } .pt-md-140 { padding-top: 140px; } .pt-md-145 { padding-top: 145px; } .pt-md-150 { padding-top: 150px; } .pt-md-155 { padding-top: 155px; } .pt-md-160 { padding-top: 160px; } .pt-md-165 { padding-top: 165px; } .pt-md-170 { padding-top: 170px; } .pt-md-175 { padding-top: 175px; } .pt-md-180 { padding-top: 180px; } .pt-md-185 { padding-top: 185px; } .pt-md-190 { padding-top: 190px; } .pt-md-195 { padding-top: 195px; } .pt-md-200 { padding-top: 200px; } .pt-md-205 { padding-top: 205px; } .pt-md-210 { padding-top: 210px; } .pt-md-215 { padding-top: 215px; } .pt-md-220 { padding-top: 220px; } .pt-md-225 { padding-top: 225px; } .pt-md-230 { padding-top: 230px; } .pt-md-235 { padding-top: 235px; } .pt-md-240 { padding-top: 240px; } .pt-md-245 { padding-top: 245px; } .pt-md-250 { padding-top: 250px; } .pt-md-255 { padding-top: 255px; } .pt-md-260 { padding-top: 260px; } .pt-md-265 { padding-top: 265px; } .pt-md-270 { padding-top: 270px; } .pt-md-275 { padding-top: 275px; } .pt-md-280 { padding-top: 280px; } .pt-md-285 { padding-top: 285px; } .pt-md-290 { padding-top: 290px; } .pt-md-295 { padding-top: 295px; } .pt-md-300 { padding-top: 300px; } .pt-md-305 { padding-top: 305px; } .pt-md-310 { padding-top: 310px; } .pt-md-315 { padding-top: 315px; } .pt-md-320 { padding-top: 320px; } .pt-md-325 { padding-top: 325px; } .pb-md-5 { padding-bottom: 5px; } .pb-md-10 { padding-bottom: 10px; } .pb-md-15 { padding-bottom: 15px; } .pb-md-20 { padding-bottom: 20px; } .pb-md-25 { padding-bottom: 25px; } .pb-md-30 { padding-bottom: 30px; } .pb-md-35 { padding-bottom: 35px; } .pb-md-40 { padding-bottom: 40px; } .pb-md-45 { padding-bottom: 45px; } .pb-md-50 { padding-bottom: 50px; } .pb-md-55 { padding-bottom: 55px; } .pb-md-60 { padding-bottom: 60px; } .pb-md-65 { padding-bottom: 65px; } .pb-md-70 { padding-bottom: 70px; } .pb-md-75 { padding-bottom: 75px; } .pb-md-80 { padding-bottom: 80px; } .pb-md-85 { padding-bottom: 85px; } .pb-md-90 { padding-bottom: 90px; } .pb-md-95 { padding-bottom: 95px; } .pb-md-100 { padding-bottom: 100px; } .pb-md-105 { padding-bottom: 105px; } .pb-md-110 { padding-bottom: 110px; } .pb-md-115 { padding-bottom: 115px; } .pb-md-120 { padding-bottom: 120px; } .pb-md-125 { padding-bottom: 125px; } .pb-md-130 { padding-bottom: 130px; } .pb-md-135 { padding-bottom: 135px; } .pb-md-140 { padding-bottom: 140px; } .pb-md-145 { padding-bottom: 145px; } .pb-md-150 { padding-bottom: 150px; } .pb-md-155 { padding-bottom: 155px; } .pb-md-160 { padding-bottom: 160px; } .pb-md-165 { padding-bottom: 165px; } .pb-md-170 { padding-bottom: 170px; } .pb-md-175 { padding-bottom: 175px; } .pb-md-180 { padding-bottom: 180px; } .pb-md-185 { padding-bottom: 185px; } .pb-md-190 { padding-bottom: 190px; } .pb-md-195 { padding-bottom: 195px; } .pb-md-200 { padding-bottom: 200px; } .pb-md-205 { padding-bottom: 205px; } .pb-md-210 { padding-bottom: 210px; } .pb-md-215 { padding-bottom: 215px; } .pb-md-220 { padding-bottom: 220px; } .pb-md-225 { padding-bottom: 225px; } .pb-md-230 { padding-bottom: 230px; } .pb-md-235 { padding-bottom: 235px; } .pb-md-240 { padding-bottom: 240px; } .pb-md-245 { padding-bottom: 245px; } .pb-md-250 { padding-bottom: 250px; } .pb-md-255 { padding-bottom: 255px; } .pb-md-260 { padding-bottom: 260px; } .pb-md-265 { padding-bottom: 265px; } .pb-md-270 { padding-bottom: 270px; } .pb-md-275 { padding-bottom: 275px; } .pb-md-280 { padding-bottom: 280px; } .pb-md-285 { padding-bottom: 285px; } .pb-md-290 { padding-bottom: 290px; } .pb-md-295 { padding-bottom: 295px; } .pb-md-300 { padding-bottom: 300px; } .pb-md-305 { padding-bottom: 305px; } .pb-md-310 { padding-bottom: 310px; } .pb-md-315 { padding-bottom: 315px; } .pb-md-320 { padding-bottom: 320px; } .pb-md-325 { padding-bottom: 325px; } .pl-md-5 { padding-left: 5px; } .pl-md-10 { padding-left: 10px; } .pl-md-15 { padding-left: 15px; } .pl-md-20 { padding-left: 20px; } .pl-md-25 { padding-left: 25px; } .pl-md-30 { padding-left: 30px; } .pl-md-35 { padding-left: 35px; } .pl-md-40 { padding-left: 40px; } .pl-md-45 { padding-left: 45px; } .pl-md-50 { padding-left: 50px; } .pl-md-55 { padding-left: 55px; } .pl-md-60 { padding-left: 60px; } .pl-md-65 { padding-left: 65px; } .pl-md-70 { padding-left: 70px; } .pl-md-75 { padding-left: 75px; } .pl-md-80 { padding-left: 80px; } .pl-md-85 { padding-left: 85px; } .pl-md-90 { padding-left: 90px; } .pl-md-95 { padding-left: 95px; } .pl-md-100 { padding-left: 100px; } .pl-md-105 { padding-left: 105px; } .pl-md-110 { padding-left: 110px; } .pl-md-115 { padding-left: 115px; } .pl-md-120 { padding-left: 120px; } .pl-md-125 { padding-left: 125px; } .pl-md-130 { padding-left: 130px; } .pl-md-135 { padding-left: 135px; } .pl-md-140 { padding-left: 140px; } .pl-md-145 { padding-left: 145px; } .pl-md-150 { padding-left: 150px; } .pl-md-155 { padding-left: 155px; } .pl-md-160 { padding-left: 160px; } .pl-md-165 { padding-left: 165px; } .pl-md-170 { padding-left: 170px; } .pl-md-175 { padding-left: 175px; } .pl-md-180 { padding-left: 180px; } .pl-md-185 { padding-left: 185px; } .pl-md-190 { padding-left: 190px; } .pl-md-195 { padding-left: 195px; } .pl-md-200 { padding-left: 200px; } .pl-md-205 { padding-left: 205px; } .pl-md-210 { padding-left: 210px; } .pl-md-215 { padding-left: 215px; } .pl-md-220 { padding-left: 220px; } .pl-md-225 { padding-left: 225px; } .pl-md-230 { padding-left: 230px; } .pl-md-235 { padding-left: 235px; } .pl-md-240 { padding-left: 240px; } .pl-md-245 { padding-left: 245px; } .pl-md-250 { padding-left: 250px; } .pl-md-255 { padding-left: 255px; } .pl-md-260 { padding-left: 260px; } .pl-md-265 { padding-left: 265px; } .pl-md-270 { padding-left: 270px; } .pl-md-275 { padding-left: 275px; } .pl-md-280 { padding-left: 280px; } .pl-md-285 { padding-left: 285px; } .pl-md-290 { padding-left: 290px; } .pl-md-295 { padding-left: 295px; } .pl-md-300 { padding-left: 300px; } .pl-md-305 { padding-left: 305px; } .pl-md-310 { padding-left: 310px; } .pl-md-315 { padding-left: 315px; } .pl-md-320 { padding-left: 320px; } .pl-md-325 { padding-left: 325px; } .pr-md-5 { padding-right: 5px; } .pr-md-10 { padding-right: 10px; } .pr-md-15 { padding-right: 15px; } .pr-md-20 { padding-right: 20px; } .pr-md-25 { padding-right: 25px; } .pr-md-30 { padding-right: 30px; } .pr-md-35 { padding-right: 35px; } .pr-md-40 { padding-right: 40px; } .pr-md-45 { padding-right: 45px; } .pr-md-50 { padding-right: 50px; } .pr-md-55 { padding-right: 55px; } .pr-md-60 { padding-right: 60px; } .pr-md-65 { padding-right: 65px; } .pr-md-70 { padding-right: 70px; } .pr-md-75 { padding-right: 75px; } .pr-md-80 { padding-right: 80px; } .pr-md-85 { padding-right: 85px; } .pr-md-90 { padding-right: 90px; } .pr-md-95 { padding-right: 95px; } .pr-md-100 { padding-right: 100px; } .pr-md-105 { padding-right: 105px; } .pr-md-110 { padding-right: 110px; } .pr-md-115 { padding-right: 115px; } .pr-md-120 { padding-right: 120px; } .pr-md-125 { padding-right: 125px; } .pr-md-130 { padding-right: 130px; } .pr-md-135 { padding-right: 135px; } .pr-md-140 { padding-right: 140px; } .pr-md-145 { padding-right: 145px; } .pr-md-150 { padding-right: 150px; } .pr-md-155 { padding-right: 155px; } .pr-md-160 { padding-right: 160px; } .pr-md-165 { padding-right: 165px; } .pr-md-170 { padding-right: 170px; } .pr-md-175 { padding-right: 175px; } .pr-md-180 { padding-right: 180px; } .pr-md-185 { padding-right: 185px; } .pr-md-190 { padding-right: 190px; } .pr-md-195 { padding-right: 195px; } .pr-md-200 { padding-right: 200px; } .pr-md-205 { padding-right: 205px; } .pr-md-210 { padding-right: 210px; } .pr-md-215 { padding-right: 215px; } .pr-md-220 { padding-right: 220px; } .pr-md-225 { padding-right: 225px; } .pr-md-230 { padding-right: 230px; } .pr-md-235 { padding-right: 235px; } .pr-md-240 { padding-right: 240px; } .pr-md-245 { padding-right: 245px; } .pr-md-250 { padding-right: 250px; } .pr-md-255 { padding-right: 255px; } .pr-md-260 { padding-right: 260px; } .pr-md-265 { padding-right: 265px; } .pr-md-270 { padding-right: 270px; } .pr-md-275 { padding-right: 275px; } .pr-md-280 { padding-right: 280px; } .pr-md-285 { padding-right: 285px; } .pr-md-290 { padding-right: 290px; } .pr-md-295 { padding-right: 295px; } .pr-md-300 { padding-right: 300px; } .pr-md-305 { padding-right: 305px; } .pr-md-310 { padding-right: 310px; } .pr-md-315 { padding-right: 315px; } .pr-md-320 { padding-right: 320px; } .pr-md-325 { padding-right: 325px; } .pt-md-0 { padding-top: 0; } .pb-md-0 { padding-bottom: 0; } .pl-md-0 { padding-left: 0; } .pr-md-0 { padding-right: 0; } } @media (max-width: 767px) { .pt-xs-5 { padding-top: 5px; } .pt-xs-10 { padding-top: 10px; } .pt-xs-15 { padding-top: 15px; } .pt-xs-20 { padding-top: 20px; } .pt-xs-25 { padding-top: 25px; } .pt-xs-30 { padding-top: 30px; } .pt-xs-35 { padding-top: 35px; } .pt-xs-40 { padding-top: 40px; } .pt-xs-45 { padding-top: 45px; } .pt-xs-50 { padding-top: 50px; } .pt-xs-55 { padding-top: 55px; } .pt-xs-60 { padding-top: 60px; } .pt-xs-65 { padding-top: 65px; } .pt-xs-70 { padding-top: 70px; } .pt-xs-75 { padding-top: 75px; } .pt-xs-80 { padding-top: 80px; } .pt-xs-85 { padding-top: 85px; } .pt-xs-90 { padding-top: 90px; } .pt-xs-95 { padding-top: 95px; } .pt-xs-100 { padding-top: 100px; } .pt-xs-105 { padding-top: 105px; } .pt-xs-110 { padding-top: 110px; } .pt-xs-115 { padding-top: 115px; } .pt-xs-120 { padding-top: 120px; } .pt-xs-125 { padding-top: 125px; } .pt-xs-130 { padding-top: 130px; } .pt-xs-135 { padding-top: 135px; } .pt-xs-140 { padding-top: 140px; } .pt-xs-145 { padding-top: 145px; } .pt-xs-150 { padding-top: 150px; } .pt-xs-155 { padding-top: 155px; } .pt-xs-160 { padding-top: 160px; } .pt-xs-165 { padding-top: 165px; } .pt-xs-170 { padding-top: 170px; } .pt-xs-175 { padding-top: 175px; } .pt-xs-180 { padding-top: 180px; } .pt-xs-185 { padding-top: 185px; } .pt-xs-190 { padding-top: 190px; } .pt-xs-195 { padding-top: 195px; } .pt-xs-200 { padding-top: 200px; } .pt-xs-205 { padding-top: 205px; } .pt-xs-210 { padding-top: 210px; } .pt-xs-215 { padding-top: 215px; } .pt-xs-220 { padding-top: 220px; } .pt-xs-225 { padding-top: 225px; } .pt-xs-230 { padding-top: 230px; } .pt-xs-235 { padding-top: 235px; } .pt-xs-240 { padding-top: 240px; } .pt-xs-245 { padding-top: 245px; } .pt-xs-250 { padding-top: 250px; } .pt-xs-255 { padding-top: 255px; } .pt-xs-260 { padding-top: 260px; } .pt-xs-265 { padding-top: 265px; } .pt-xs-270 { padding-top: 270px; } .pt-xs-275 { padding-top: 275px; } .pt-xs-280 { padding-top: 280px; } .pt-xs-285 { padding-top: 285px; } .pt-xs-290 { padding-top: 290px; } .pt-xs-295 { padding-top: 295px; } .pt-xs-300 { padding-top: 300px; } .pt-xs-305 { padding-top: 305px; } .pt-xs-310 { padding-top: 310px; } .pt-xs-315 { padding-top: 315px; } .pt-xs-320 { padding-top: 320px; } .pt-xs-325 { padding-top: 325px; } .pb-xs-5 { padding-bottom: 5px; } .pb-xs-10 { padding-bottom: 10px; } .pb-xs-15 { padding-bottom: 15px; } .pb-xs-20 { padding-bottom: 20px; } .pb-xs-25 { padding-bottom: 25px; } .pb-xs-30 { padding-bottom: 30px; } .pb-xs-35 { padding-bottom: 35px; } .pb-xs-40 { padding-bottom: 40px; } .pb-xs-45 { padding-bottom: 45px; } .pb-xs-50 { padding-bottom: 50px; } .pb-xs-55 { padding-bottom: 55px; } .pb-xs-60 { padding-bottom: 60px; } .pb-xs-65 { padding-bottom: 65px; } .pb-xs-70 { padding-bottom: 70px; } .pb-xs-75 { padding-bottom: 75px; } .pb-xs-80 { padding-bottom: 80px; } .pb-xs-85 { padding-bottom: 85px; } .pb-xs-90 { padding-bottom: 90px; } .pb-xs-95 { padding-bottom: 95px; } .pb-xs-100 { padding-bottom: 100px; } .pb-xs-105 { padding-bottom: 105px; } .pb-xs-110 { padding-bottom: 110px; } .pb-xs-115 { padding-bottom: 115px; } .pb-xs-120 { padding-bottom: 120px; } .pb-xs-125 { padding-bottom: 125px; } .pb-xs-130 { padding-bottom: 130px; } .pb-xs-135 { padding-bottom: 135px; } .pb-xs-140 { padding-bottom: 140px; } .pb-xs-145 { padding-bottom: 145px; } .pb-xs-150 { padding-bottom: 150px; } .pb-xs-155 { padding-bottom: 155px; } .pb-xs-160 { padding-bottom: 160px; } .pb-xs-165 { padding-bottom: 165px; } .pb-xs-170 { padding-bottom: 170px; } .pb-xs-175 { padding-bottom: 175px; } .pb-xs-180 { padding-bottom: 180px; } .pb-xs-185 { padding-bottom: 185px; } .pb-xs-190 { padding-bottom: 190px; } .pb-xs-195 { padding-bottom: 195px; } .pb-xs-200 { padding-bottom: 200px; } .pb-xs-205 { padding-bottom: 205px; } .pb-xs-210 { padding-bottom: 210px; } .pb-xs-215 { padding-bottom: 215px; } .pb-xs-220 { padding-bottom: 220px; } .pb-xs-225 { padding-bottom: 225px; } .pb-xs-230 { padding-bottom: 230px; } .pb-xs-235 { padding-bottom: 235px; } .pb-xs-240 { padding-bottom: 240px; } .pb-xs-245 { padding-bottom: 245px; } .pb-xs-250 { padding-bottom: 250px; } .pb-xs-255 { padding-bottom: 255px; } .pb-xs-260 { padding-bottom: 260px; } .pb-xs-265 { padding-bottom: 265px; } .pb-xs-270 { padding-bottom: 270px; } .pb-xs-275 { padding-bottom: 275px; } .pb-xs-280 { padding-bottom: 280px; } .pb-xs-285 { padding-bottom: 285px; } .pb-xs-290 { padding-bottom: 290px; } .pb-xs-295 { padding-bottom: 295px; } .pb-xs-300 { padding-bottom: 300px; } .pb-xs-305 { padding-bottom: 305px; } .pb-xs-310 { padding-bottom: 310px; } .pb-xs-315 { padding-bottom: 315px; } .pb-xs-320 { padding-bottom: 320px; } .pb-xs-325 { padding-bottom: 325px; } .pl-xs-5 { padding-left: 5px; } .pl-xs-10 { padding-left: 10px; } .pl-xs-15 { padding-left: 15px; } .pl-xs-20 { padding-left: 20px; } .pl-xs-25 { padding-left: 25px; } .pl-xs-30 { padding-left: 30px; } .pl-xs-35 { padding-left: 35px; } .pl-xs-40 { padding-left: 40px; } .pl-xs-45 { padding-left: 45px; } .pl-xs-50 { padding-left: 50px; } .pl-xs-55 { padding-left: 55px; } .pl-xs-60 { padding-left: 60px; } .pl-xs-65 { padding-left: 65px; } .pl-xs-70 { padding-left: 70px; } .pl-xs-75 { padding-left: 75px; } .pl-xs-80 { padding-left: 80px; } .pl-xs-85 { padding-left: 85px; } .pl-xs-90 { padding-left: 90px; } .pl-xs-95 { padding-left: 95px; } .pl-xs-100 { padding-left: 100px; } .pl-xs-105 { padding-left: 105px; } .pl-xs-110 { padding-left: 110px; } .pl-xs-115 { padding-left: 115px; } .pl-xs-120 { padding-left: 120px; } .pl-xs-125 { padding-left: 125px; } .pl-xs-130 { padding-left: 130px; } .pl-xs-135 { padding-left: 135px; } .pl-xs-140 { padding-left: 140px; } .pl-xs-145 { padding-left: 145px; } .pl-xs-150 { padding-left: 150px; } .pl-xs-155 { padding-left: 155px; } .pl-xs-160 { padding-left: 160px; } .pl-xs-165 { padding-left: 165px; } .pl-xs-170 { padding-left: 170px; } .pl-xs-175 { padding-left: 175px; } .pl-xs-180 { padding-left: 180px; } .pl-xs-185 { padding-left: 185px; } .pl-xs-190 { padding-left: 190px; } .pl-xs-195 { padding-left: 195px; } .pl-xs-200 { padding-left: 200px; } .pl-xs-205 { padding-left: 205px; } .pl-xs-210 { padding-left: 210px; } .pl-xs-215 { padding-left: 215px; } .pl-xs-220 { padding-left: 220px; } .pl-xs-225 { padding-left: 225px; } .pl-xs-230 { padding-left: 230px; } .pl-xs-235 { padding-left: 235px; } .pl-xs-240 { padding-left: 240px; } .pl-xs-245 { padding-left: 245px; } .pl-xs-250 { padding-left: 250px; } .pl-xs-255 { padding-left: 255px; } .pl-xs-260 { padding-left: 260px; } .pl-xs-265 { padding-left: 265px; } .pl-xs-270 { padding-left: 270px; } .pl-xs-275 { padding-left: 275px; } .pl-xs-280 { padding-left: 280px; } .pl-xs-285 { padding-left: 285px; } .pl-xs-290 { padding-left: 290px; } .pl-xs-295 { padding-left: 295px; } .pl-xs-300 { padding-left: 300px; } .pl-xs-305 { padding-left: 305px; } .pl-xs-310 { padding-left: 310px; } .pl-xs-315 { padding-left: 315px; } .pl-xs-320 { padding-left: 320px; } .pl-xs-325 { padding-left: 325px; } .pr-xs-5 { padding-right: 5px; } .pr-xs-10 { padding-right: 10px; } .pr-xs-15 { padding-right: 15px; } .pr-xs-20 { padding-right: 20px; } .pr-xs-25 { padding-right: 25px; } .pr-xs-30 { padding-right: 30px; } .pr-xs-35 { padding-right: 35px; } .pr-xs-40 { padding-right: 40px; } .pr-xs-45 { padding-right: 45px; } .pr-xs-50 { padding-right: 50px; } .pr-xs-55 { padding-right: 55px; } .pr-xs-60 { padding-right: 60px; } .pr-xs-65 { padding-right: 65px; } .pr-xs-70 { padding-right: 70px; } .pr-xs-75 { padding-right: 75px; } .pr-xs-80 { padding-right: 80px; } .pr-xs-85 { padding-right: 85px; } .pr-xs-90 { padding-right: 90px; } .pr-xs-95 { padding-right: 95px; } .pr-xs-100 { padding-right: 100px; } .pr-xs-105 { padding-right: 105px; } .pr-xs-110 { padding-right: 110px; } .pr-xs-115 { padding-right: 115px; } .pr-xs-120 { padding-right: 120px; } .pr-xs-125 { padding-right: 125px; } .pr-xs-130 { padding-right: 130px; } .pr-xs-135 { padding-right: 135px; } .pr-xs-140 { padding-right: 140px; } .pr-xs-145 { padding-right: 145px; } .pr-xs-150 { padding-right: 150px; } .pr-xs-155 { padding-right: 155px; } .pr-xs-160 { padding-right: 160px; } .pr-xs-165 { padding-right: 165px; } .pr-xs-170 { padding-right: 170px; } .pr-xs-175 { padding-right: 175px; } .pr-xs-180 { padding-right: 180px; } .pr-xs-185 { padding-right: 185px; } .pr-xs-190 { padding-right: 190px; } .pr-xs-195 { padding-right: 195px; } .pr-xs-200 { padding-right: 200px; } .pr-xs-205 { padding-right: 205px; } .pr-xs-210 { padding-right: 210px; } .pr-xs-215 { padding-right: 215px; } .pr-xs-220 { padding-right: 220px; } .pr-xs-225 { padding-right: 225px; } .pr-xs-230 { padding-right: 230px; } .pr-xs-235 { padding-right: 235px; } .pr-xs-240 { padding-right: 240px; } .pr-xs-245 { padding-right: 245px; } .pr-xs-250 { padding-right: 250px; } .pr-xs-255 { padding-right: 255px; } .pr-xs-260 { padding-right: 260px; } .pr-xs-265 { padding-right: 265px; } .pr-xs-270 { padding-right: 270px; } .pr-xs-275 { padding-right: 275px; } .pr-xs-280 { padding-right: 280px; } .pr-xs-285 { padding-right: 285px; } .pr-xs-290 { padding-right: 290px; } .pr-xs-295 { padding-right: 295px; } .pr-xs-300 { padding-right: 300px; } .pr-xs-305 { padding-right: 305px; } .pr-xs-310 { padding-right: 310px; } .pr-xs-315 { padding-right: 315px; } .pr-xs-320 { padding-right: 320px; } .pr-xs-325 { padding-right: 325px; } .pt-xs-0 { padding-top: 0; } .pb-xs-0 { padding-bottom: 0; } .pl-xs-0 { padding-left: 0; } .pr-xs-0 { padding-right: 0; } } button.btn { display: inline-block; font-weight: 600; text-transform: capitalize; transition: all 0.35s ease-in-out; overflow: hidden; border-radius: 5px; border: 2px solid transparent; -webkit-box-shadow: inherit; box-shadow: inherit; letter-spacing: 0.5px; background: #e7edf8; position: relative; z-index: 1; padding: 17px 50px !important; background: var(--color-primary); color: #ffffff; } button.btn::after { position: absolute; top: inherit; right: inherit; bottom: inherit; left: -5%; content: ""; height: 150px; width: 115%; z-index: -1; background: #040836; transition: all 0.25s ease-in-out; transform: translateY(-45%) skew(25deg) scale(0); } button.btn:hover { color: #ffffff; } button.btn:hover::after { -webkit-transform: translateY(-45%) skew(25deg) scale(1.2); transform: translateY(-45%) skew(25deg) scale(1.2); } .blog-area { background-size: 30%, contain; background-repeat: no-repeat; background-position: top right; } .blog-area .thumb { position: relative; border-radius: 10px; margin-bottom: 15px; } .blog-area .thumb .tags { position: absolute; left: 30px; bottom: -15px; } .blog-area .tags a { display: inline-block; background: var(--bg-gradient); color: var(--white); font-size: 14px; text-transform: capitalize; padding: 1px 20px; border-radius: 5px; font-weight: 500; } .blog-area .meta li { display: inline-block; margin-right: 15px; text-transform: capitalize; } .blog-area .meta { margin-bottom: 15px; } .blog-area .meta li a { font-weight: 400; } .blog-area .meta li a:hover { color: var(--color-primary); } .blog-area.secondary .meta li a:hover { color: var(--color-secondary); } .blog-area.blog-grid .thumb-less .meta li a:hover { color: var(--white); opacity: 0.9; } .blog-area .meta li i { font-weight: 100; margin-right: 3px; } .blog-area .item h4 { font-weight: 600; font-size: 24px; line-height: 1.3; } .blog-area.blog-grid p { margin: 0; } .blog-area .thumb img { border-radius: 10px 10px 0 0; } .blog-area .item { box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%); overflow: hidden; background: var(--white); border-radius: 8px; } .blog-area .item .info { border-radius: 0 0 10px 10px; padding: 30px; } .blog-area .author-meta { display: flex; align-items: center; border-top: 1px solid #e7e7e7; padding-top: 20px; margin-top: 20px; } .blog-area .author-meta img { height: 55px; width: 55px; min-width: 55px; border-radius: 50%; margin-right: 15px; border: 2px solid #e7e7e7; padding: 3px; } .blog-area.blog-grid .thumb-less .author-meta img { border-color: rgba(255, 255, 255, 0.3); } .blog-area .author-meta h5 { margin-bottom: 2px; } .blog-area.blog-grid .thumb-less .item { box-shadow: none; border: 1px solid #e7e7e7; position: relative; z-index: 1; background-size: cover; background-position: center; transition: all 0.35s ease-in-out; border-radius: inherit; } .blog-area.blog-grid .thumb-less .item:hover { background-position: right; } .blog-area.blog-grid .thumb-less .item .tags { margin-bottom: 20px; } .blog-area.blog-grid .thumb-less .btn-simple { margin-top: 20px; } .blog-area.blog-grid .thumb-less .btn-simple:hover { color: var(--white); } .blog-area.blog-grid .thumb-less .button { border-top: 1px solid rgba(255, 255, 255, 0.4); margin-top: 25px; } .blog-area.blog-grid .thumb-less .item::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: #000000; z-index: -1; opacity: 0.6; } .blog-area.blog-grid .thumb-less .item p { opacity: 0.9; transition: all 0.325s ease-in-out; transform: translateX(30px); opacity: 0; visibility: hidden; } .blog-area.blog-grid .thumb-less .item:hover p { visibility: visible; opacity: 0.9; transform: translateX(0); } .blog-area.blog-grid .thumb-less .author-meta { border-color: rgba(255, 255, 255, 0.4); padding-top: 22px; } .blog-area .single-item { margin-bottom: 30px; } .blog-area.full-blog .pagination { margin-top: 50px; } .blog-area h1, .blog-area h2, .blog-area h3, .blog-area h5, .blog-area h6 { font-weight: 600; } .pagination { display: block; margin-top: 30px; } .pagination li { display: inline-block; margin-top: 7px; } .pagination li a { display: inline-block; padding: 15px 20px; border-radius: 5px; margin: 0 2px; color: var(--color-heading); font-weight: 600; line-height: 19px; } .pagination li.page-item.active a { background: var(--color-primary); border-color: var(--color-primary); } .pagination i { position: relative; top: 1px; } .sidebar .title { display: block; font-weight: 600; margin-bottom: 30px; margin-top: -5px; position: relative; text-transform: capitalize; z-index: 1; display: inline-block; padding-bottom: 15px; font-size: 24px; } .sidebar .title h4 { font-size: 22px; margin: 0; } .sidebar .title h3 { margin: 0; } .sidebar .title h2 { margin: 0; } .sidebar .title::after { position: absolute; left: 0; bottom: 0; content: ""; height: 2px; width: 50px; border-bottom: 2px solid var(--color-primary); } .sidebar input[type="text"] { border: 1px solid #a7c6ff; -webkit-box-shadow: inherit; box-shadow: inherit; min-height: 60px; border-radius: 5px; padding: 20px; } .sidebar button[type="submit"] { background: var(--color-primary); border: none; color: var(--white); font-weight: 600; letter-spacing: 1px; min-height: 55px; width: 55px; position: absolute; right: 5px; text-transform: uppercase; top: 5px; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; border-radius: inherit; font-size: 18px; border-radius: 8px; } .sidebar button[type="submit"] i { font-weight: 500; } .sidebar button[type="submit"]:hover { background: var(--dark); } .sidebar form { position: relative; } .sidebar .sidebar-item { float: left; margin-bottom: 50px; width: 100%; background: #f1f4f8; padding: 40px; } .sidebar .sidebar-item:last-child { margin-bottom: 0; } .sidebar .sidebar-item.category li { display: block; position: relative; margin-top: 13px; } .sidebar .sidebar-item.category li a { display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: capitalize; font-weight: 500; color: var(--color-paragraph); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sidebar .sidebar-item.category li a:hover { color: var(--color-primary); } .sidebar .sidebar-item.category li a span { font-size: 13px; margin-left: 5px; background: var(--white); min-width: 40px; padding: 3px; text-align: center; color: var(--color-heading); border-radius: 30px; } .sidebar .sidebar-item.category li:first-child { margin-top: 0; padding-top: 0; } .sidebar .sidebar-item.category li:first-child a span { top: 0; } .sidebar .sidebar-item.category li:first-child a::after { top: 0; } .sidebar .sidebar-item.category li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .sidebar .sidebar-item.category .sidebar-info { margin-top: -5px; } .sidebar .sidebar-item.archives ul li { display: block; margin-bottom: 20px; position: relative; } .sidebar .sidebar-item.archives ul li:last-child { margin-bottom: 0; } .sidebar .sidebar-item.archives ul li a { display: inline-block; font-weight: 500; text-transform: capitalize; z-index: 1; padding-left: 25px; color: var(--color-paragraph); } .sidebar .sidebar-item.archives ul li a::after { border-radius: 50%; content: "\f07b"; font-family: "Font Awesome 5 Pro"; height: 8px; left: 0; position: absolute; width: 8px; font-weight: 300; } .sidebar .sidebar-item.archives ul li a:hover { color: var(--color-primary); } .sidebar .sidebar-item.archives .sidebar-info { margin-top: -5px; } .sidebar .sidebar-item.recent-post li { color: #cdd0d3; margin-bottom: 30px; } .sidebar .sidebar-item.recent-post li a { color: var(--color-heading); display: block; font-weight: 700; } .sidebar .sidebar-item.recent-post li a:last-child { display: inline-block; } .sidebar .sidebar-item.recent-post li a:hover { color: var(--color-primary); } .sidebar .sidebar-item.recent-post li a span { display: inline-block; color: var(--dark); } .sidebar .sidebar-item.recent-post li span { display: inline-block; font-size: 14px; font-weight: 500; text-transform: capitalize; } .sidebar .sidebar-item.recent-post li:last-child { border: medium none; margin: 0; padding: 0; } .sidebar .sidebar-item.recent-post li .thumb { display: table-cell; padding: 0; padding-top: 5px; vertical-align: top; width: 80px; } .sidebar .sidebar-item.recent-post li .thumb img { width: 100%; border-radius: inherit; } .sidebar .sidebar-item.recent-post li .info { -webkit-box-shadow: inherit; box-shadow: inherit; color: #837f7e; display: table-cell; line-height: 26px; padding: 0; padding-left: 25px; vertical-align: top; padding-top: 0 !important; } .sidebar .sidebar-item.recent-post li .info a { text-decoration: inherit; font-weight: 500; font-size: 18px; margin-top: 0; } .sidebar .sidebar-item.recent-post .meta-title { font-weight: 700; text-transform: capitalize; font-size: 13px; } .sidebar .sidebar-item.recent-post .meta-title a { color: #888888; } .sidebar .sidebar-item.recent-post .meta-title i { margin-right: 3px; font-weight: 600; } .sidebar .sidebar-item.gallery ul { margin: -7px; overflow: hidden; } .sidebar .sidebar-item.gallery ul li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 7px; width: 33.333%; } .sidebar .sidebar-item.gallery ul li img { min-height: 70px; width: 100%; } .sidebar .sidebar-item.social-sidebar ul { margin-bottom: -10px; overflow: hidden; } .sidebar .sidebar-item.social-sidebar ul li { display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px; } .sidebar .sidebar-item.social-sidebar ul li a { background: var(--dark); border: none; color: var(--white); display: inline-block; height: 50px; line-height: 54px; margin-bottom: 5px; text-align: center; width: 50px; font-size: 14px; } .sidebar .sidebar-item.social-sidebar ul li a:hover { color: var(--white) !important; } .sidebar .sidebar-item.social-sidebar ul li.facebook a { background: #3B5998; } .sidebar .sidebar-item.social-sidebar ul li.twitter a { background: #1DA1F2; } .sidebar .sidebar-item.social-sidebar ul li.pinterest a { background: #E60023; } .sidebar .sidebar-item.social-sidebar ul li.g-plus a { background: #DB4437; } .sidebar .sidebar-item.social-sidebar ul li.linkedin a { background: #0077B5; } .sidebar .sidebar-item.tags ul { margin-top: -8px; } .sidebar .sidebar-item.tags ul li { display: inline-block; } .sidebar .sidebar-item.tags ul li a { border: 1px solid #e7e7e7; display: inline-block; font-weight: 500; margin-top: 8px; margin-right: 5px; padding: 6px 22px; text-transform: capitalize; font-size: 13px; border-radius: 30px; color: var(--color-paragraph); background: var(--white); } .sidebar .sidebar-item.tags ul li a:hover { color: var(--color-primary); } .blog-area.single .item .blog-item-box span { background-color: var(--color-primary); color: var(--white); display: inline-block; font-weight: 700; letter-spacing: 1px; padding: 3px 20px; text-transform: uppercase; } .blog-area.single .item .blog-item-box h2 { font-weight: 600; } .blog-area.single .item .blog-item-box h3 { font-weight: 600; } .blog-area.single .item .blog-item-box h4 { font-weight: 600; } .blog-area.single .item .blog-item-box .cats { float: left; margin-right: 5px; } .blog-area.single .item .blog-item-box .meta { overflow: hidden; width: 100%; border: none; padding: 0; } .blog-area.single .item .blog-item-box .meta .date { float: right; letter-spacing: 1px; text-transform: uppercase; } .blog-area.single .item .blog-item-box .meta li { margin-right: 25px; font-weight: 400; } .blog-area.single .item .blog-item-box .meta li a { font-weight: 400; } .blog-area.single .item .blog-item-box .meta li i { color: var(--color-primary); font-weight: 100; font-size: 15px; position: relative; font-weight: 3; } .blog-area.single .info > ul { margin-bottom: 25px; margin-top: 25px; list-style: disc; padding-left: 20px; } .blog-area.single .info > ul li { list-style: disc; } .blog-area blockquote { position: relative; z-index: 1; border: none; font-size: 22px; margin-top: 30px; margin-bottom: 30px; color: #c3d2ff; font-weight: 400; background: var(--dark); padding: 80px 50px; font-style: italic; line-height: 1.7; } .blog-area blockquote::after { position: absolute; right: 50px; content: "\f10d"; font-family: "Font Awesome 5 Pro"; color: var(--white); bottom: -25px; font-weight: 100; opacity: 0.1; font-size: 120px; font-style: normal; line-height: 1; } .blog-area blockquote cite { display: block; margin-top: 15px; color: #999999; font-weight: 600; font-style: normal; } .blog-area blockquote p { margin: 0; position: relative; z-index: 1; line-height: 34px; font-size: 16px; font-style: italic; font-weight: 600; color: #c3d2ff; } .responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .single h1, .single h2, .single h3, .single h4, .single h5, .single h6 { font-weight: 600; } .blog-area.full-blog .thumb { background: #f7f7f7; margin: 0; overflow: hidden; border-radius: 8px 8px 0 0; } .blog-area.full-blog.single .thumb { border-radius: inherit; } .blog-area.full-blog .item { border-radius: 8px; box-shadow: inherit; margin-bottom: 30px; overflow: inherit; } .blog-area.full-blog .thumb img { border-radius: inherit; } .blog-area.full-blog .item .info { box-shadow: 3px 4px 20px -2px rgb(0 0 0 / 10%); border-radius: inherit; overflow: hidden; padding: 50px; } .blog-area.full-blog .item .info .tags { margin-bottom: 25px; overflow: hidden; } .blog-area.full-blog .item .info .tags a { float: left; margin-right: 5px; margin-bottom: 5px; box-shadow: inherit; background: #e8e8e8; color: var(--color-heading); } .blog-area.full-blog .item .info .tags a:hover { color: var(--white); background: var(--color-primary); } .blog-area.full-blog .meta li i { color: var(--color-primary); position: relative; } .blog-area.full-blog.single .item .info { padding: 0; box-shadow: inherit; margin-top: 40px; } .post-author { display: flex; } .post-author img { height: 150px; width: 150px; min-width: 150px; border-radius: 50%; margin-right: 30px; } .post-author { border: 2px solid #e7e7e7; padding: 37px; margin-top: 50px; } .post-author .thumb { overflow: inherit !important; background: transparent !important; border-radius: 50% !important; } .post-author p { margin: 0; } .post-tags.share { display: flex; margin-top: 50px; float: left; width: 100%; } .post-tags.share .tags { flex-grow: 1; } .post-tags.share .social { min-width: 250px; text-align: right; } .post-tags.share .social ul { margin: 0; padding: 0; list-style: none; display: inline-block; } .post-tags.share .social h4 { display: inline-block; margin: 0; margin-right: 5px; } .post-tags.share .social ul li { display: inline-block; margin-left: 5px; } .post-tags.share .social ul li a { display: inline-block; height: 38px; width: 38px; line-height: 40px; background: var(--color-primary); text-align: center; color: #ffffff; font-size: 14px; border-radius: 50%; } .post-tags.share .social ul li a:hover { background: var(--dark); } .post-tags.share .tags h4 { display: inline-block; margin-right: 10px; } .post-tags.share .tags a { display: inline-block; background: #f4f4f4; padding: 7px 23px; margin-right: 5px; margin-top: 5px; font-size: 14px; font-weight: 500; border-radius: 5px; color: var(--color-heading); } .post-tags.share .tags a:hover { background: var(--color-primary); color: #ffffff; } .post-pagi-area { margin-top: 50px; display: flex; float: left; width: 100%; } .post-pagi-area > div { width: 50%; margin-right: 15px; } .post-pagi-area a { font-weight: 400; text-transform: capitalize; color: #666666; display: flex; align-content: center; } .post-pagi-area a i { display: inline-block; font-weight: 600; position: relative; top: 1px; } .post-pagi-area a:hover i { color: #666666; } .post-pagi-area a:hover h5 { color: var(--color-primary); } .post-pagi-area > div:nth-child(2) { text-align: right; margin-right: 0; margin-left: 15px; } .post-pagi-area h5, .breadcrumb-area h2 { word-break: break-word; } .post-pagi-area h5 { text-transform: none; margin: 0; font-weight: 600; font-size: 20px; line-height: 28px; transition: all 0.35s ease-in-out; color: #232323; } .post-pagi-area a .icon { display: inline-block; width: 60px; border: 1px solid #e7e7e7; text-align: center; margin-right: 15px; position: relative; min-width: 60px; height: 60px; } .post-pagi-area .post-next { text-align: right; } .post-pagi-area .post-next .icon { margin-left: 15px; } .post-pagi-area a .icon i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-weight: 400; font-size: 20px; } .post-pagi-area .nav-title { text-transform: uppercase; font-weight: 400; letter-spacing: 0.6px; } .post-pagi-area > div:nth-child(2) a { justify-content: right; } .post-pagi-area > div:nth-child(2) a .icon { margin-right: 0; margin-left: 15px; } .blog-comments { float: left; width: 100%; margin-top: 50px; padding-top: 45px; border-top: 1px solid #e7e7e7; } .comments-area .comment-item { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 37px; -webkit-box-shadow: 0px 2px 12px 0px #e7e7e7; box-shadow: 0 0 25px rgb(0 0 0 / 8%); background: var(--white); position: relative; border-radius: 8px; } .comments-area .comment-item .comments-info p { display: block; margin: 0; } .comments-area .comment-item .comments-info a { border: 1px solid #e7e7e7; color: var(--dark); display: inline-block; font-size: 12px; margin-top: 5px; padding: 1px 20px; background: var(--white); text-transform: uppercase; font-weight: 700; border-radius: 30px; } .comments-area .comment-item .comments-info a:hover { color: var(--color-primary); } .comments-area .comment-item .comments-info a i { margin-right: 10px; } .comments-area .comment-item .avatar { height: 120px; width: 120px; min-width: 120px; } .comments-area .comment-item .avatar img { height: 90px; width: 90px; border-radius: 50%; } @media only screen and (max-width: 500px) { .comments-area .comment-item .avatar { margin: auto; } } .comments-area .comment-item:last-child { margin-bottom: 0; } .comments-area .comment-item.reply { margin-left: 80px; } @media only screen and (max-width: 767px) { .comments-area .comment-item.reply { margin-left: 0; } } .comments-area .comment-item .content .title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; font-weight: 600; } .comments-area .comment-item .content .title span { font-weight: 400; color: #999999; display: block; margin-top: 0; font-size: 16px; } .comments-area .comment-item .content .title span i { font-weight: 600; margin-right: 5px; } .comments-area .comment-item .content .title span i.fa-reply { font-weight: 700; margin-right: 3px; } .comments-area .comment-item .content .title span a { margin-left: 10px; } .comments-area .comment-item .content .title h5 { margin-bottom: 5px; } .comments-area .comment-item .content h2 { font-size: 18px; font-weight: 500; text-transform: capitalize; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comments-area .comment-item .content h3 { font-size: 18px; font-weight: 500; text-transform: capitalize; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comments-area .comment-item .content h4 { font-size: 18px; font-weight: 500; text-transform: capitalize; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comments-area .comment-item .content .reply { position: absolute; top: 37px; right: 37px; } .comments-area .comment-item .content .reply a { font-size: 14px; background: var(--dark); color: var(--white); display: inline-block; padding: 8px; font-weight: 500; border-radius: 5px; } .comments-area .comment-item .content .reply a:hover { background: var(--color-primary); } .comments-area .comment-item .content .reply i { font-size: 12px; } @media only screen and (max-width: 500px) { .comments-area .comment-item .content .reply { top: auto; right: auto; bottom: 37px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .comments-area .comment-item .content p:last-child { margin-bottom: 0; } @media only screen and (max-width: 500px) { .comments-area .comment-item { display: block; text-align: center; padding-bottom: 90px; } } .comments-area .contact-comments .submit { margin-bottom: 0; } .comments-area .contact-comments .comments { margin-top: 20px; } @media only screen and (max-width: 767px) { .comments-area .contact-comments .comments { margin-top: 0; } } @media only screen and (max-width: 767px) { .comments-area .contact-comments .form-group { margin-bottom: 15px; } } .comments-area .comments-form { margin-top: 50px; } .comments-area .comments-form input { -webkit-box-shadow: inherit; box-shadow: inherit; padding: 15px; background: transparent; min-height: 60px; border: 1px solid #e7e7e7; } .comments-area .comments-form textarea { -webkit-box-shadow: inherit; box-shadow: inherit; padding: 15px; background: transparent; min-height: 60px; border: 1px solid #e7e7e7; min-height: 180px; padding: 15px; } .comments-area .comments-form button { margin-top: 15px; } .comments-area .comments-form .form-group .submit { margin-bottom: 0; } .comments-area .comments-list { margin-bottom: 50px; } .comments-area .comments-title h2 { font-weight: 600; margin-bottom: 30px; text-transform: capitalize; } .comments-area .comments-title h3 { font-weight: 600; margin-bottom: 30px; text-transform: capitalize; } .comments-area .comments-title h4 { font-weight: 600; margin-bottom: 30px; text-transform: capitalize; } @media only screen and (min-width: 768px) and (max-width: 991px) { .breadcrumb-area { padding-bottom: 120px !important; background-size: 50%, contain !important; } } @media (max-width: 767px) { .breadcrumb-area { padding-top: 160px !important; background-size: 100%, contain !important; padding-bottom: 60px !important; } .blog-area.full-blog .pagination { margin-top: 20px; } .post-author { display: block; text-align: center; margin-top: 0; } .post-author img { margin: 0; margin-bottom: 30px; } .post-tags.share { display: block; } .post-tags.share .social { text-align: left; margin-top: 15px; } .post-pagi-area h5 { display: none; } .post-pagi-area a .icon { height: inherit; width: inherit; border: none; line-height: inherit; min-width: inherit; margin-right: 5px; } .post-pagi-area a .icon i { position: inherit; transform: inherit; top: 2px; left: inherit; right: inherit; } .post-pagi-area > div:nth-child(2) a .icon { margin-left: 5px; } .post-pagi-area a { padding: 15px; background: var(--bg-gray); text-align: center; justify-content: center; padding-bottom: 13px; border-radius: 5px; } .post-pagi-area .nav-title { font-weight: 600; color: var(--color-heading); } .post-pagi-area > div:nth-child(2) a { justify-content: center; } } @media (max-width: 450px) { .post-pagi-area > div { width: 100%; } .post-pagi-area { display: block; } .post-pagi-area > div:nth-child(2) { margin: 0; margin-top: 15px; } .blog-area.full-blog .item .info { padding: 37px; } } :root { --font-default: 'Outfit', sans-serif; --font-heading: 'Outfit', sans-serif; --font-secondary: 'Manrope', sans-serif; --fontawesome: "Font Awesome 5 Pro"; --black: #000000; --dark: #0e2769; --dark-secondary: #1e3373; --white: #ffffff; --color-primary: #075f88; --color-secondary: #9c00ff; --color-style-two: #B700C4; --color-style-three: #FF9B0D; --color-heading: #0e0e0e; --color-paragraph: #666666; --box-shadow-primary: -1px 3px 10px 0 rgba(0, 0, 0, 0.6); --box-shadow-secondary: 0 10px 30px 0 rgba(44, 130, 237, 0.4); --box-shadow-regular: 0px 2px 12px 0px #e7e7e7; --bg-gray: #eff6fe; --bg-gradient: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%); --bg-gradient-secondary: linear-gradient(0deg, var(--color-primary) 0%, var(--color-secondary) 100%); --bg-gradient-two: linear-gradient(90deg, var(--color-style-two) 0%, var(--color-style-three) 100%); } * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } body, html { height: 100%; } html { margin: 0; padding: 0; width: 100%; height: 100%; scroll-behavior: smooth; } html, body, div, span, img, ol, ul, li, a, p, h1, h2, h3, h4, h5, h6, option, legend, label, table, th, td, tr, article, aside, caption, figure, footer, header, hgroup, mark, nav, section, time, audio, video { margin: 0; padding: 0; border: 0; outline: 0; } .wrapper { height: 100%; } img { border: none; outline: none; max-width: 100%; } label { display: inline-block; font-weight: normal; margin-bottom: 5px; max-width: 100%; } a { outline: none; text-decoration: none; color: var(--color-heading); } a img { border: none; } a:active { outline: none; text-decoration: none; color: var(--color-heading); opacity: 1; } a:focus { outline: none; text-decoration: none; color: var(--color-heading); } a:hover { outline: none; text-decoration: none; color: var(--color-primary); opacity: 1; } .color-style-two a:hover { color: var(--color-style-three); } button { outline: medium none; } iframe { border: none; } hr { margin-top: 0; margin-bottom: 0; border: 0; border-top: 1px solid #eeeeee; } pre { display: block; margin: 0 0 30px; padding: 9.5px; word-wrap: break-word; word-break: break-all; color: #333333; border: 1px solid #ededed; border-radius: inherit; background-color: #f9f9f9; font-size: 13px; line-height: 1.42857143; } input { border: 1px solid #e7e7e7; border-radius: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; min-height: 50px; } input:focus { outline: none; -webkit-box-shadow: inherit; box-shadow: inherit; } textarea:focus { outline: none; -webkit-box-shadow: inherit; box-shadow: inherit; } select:focus { outline: none; -webkit-box-shadow: inherit; box-shadow: inherit; } ul { list-style-type: none; } ul, li { margin: 0; padding: 0; list-style: none; } b { font-weight: 600; } strong { font-weight: 600; } .row { --bs-gutter-x: 30px; } i::before { line-height: inherit !important; } .split-text { overflow: hidden; position: relative; } .split-text .line { overflow: hidden; display: none; } body { font-family: var(--font-default); font-size: 17px; font-weight: 400; line-height: 1.7; overflow-x: hidden; background-color: var(--white); color: var(--color-paragraph); } h1, h2, h3, h4, h5, h6 { color: var(--color-heading); font-weight: normal; line-height: 1.2; font-family: var(--font-heading); letter-spacing: 0; margin: 0; margin-bottom: 15px; font-weight: 600; } h1 { font-size: 40px; } h2 { font-size: 36px; } h3 { font-size: 27px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 14px; } a, .btn, button { -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; outline: medium none; text-decoration: none; font-weight: 600; } p { color: var(--color-paragraph); margin: 0 0 15px; text-transform: none; font-weight: 400; font-family: var(--font-default); } .container-full { padding: 0 15px; margin: auto; max-width: 1400px; } @media (min-width: 576px) { .container-full { max-width: 540px; width: 100%; } } @media (min-width: 768px) { .container-full { max-width: 720px; width: 100%; } } @media (min-width: 992px) { .container-full { max-width: 960px; width: 100%; } } @media (min-width: 1200px) { .container-full { max-width: 95%; width: 95%; } } .container-fill { padding: 0 15px; margin: auto; max-width: 100%; } @media (min-width: 576px) { .container-fill { max-width: 540px; width: 100%; } } @media (min-width: 768px) { .container-fill { max-width: 720px; width: 100%; } } @media (min-width: 992px) { .container-fill { max-width: 960px; width: 100%; } } @media (min-width: 1200px) { .container-fill { width: 100%; max-width: 100%; } } @media (max-width: 1199px) { .container-fill { padding: 0 25px; width: 100%; } } @media only screen and (min-width: 1367px) { .container-stage { margin-left: calc((100% - 1320px)/ 2); width: auto; min-width: auto; max-width: inherit; padding-right: 0; } } @media only screen and (max-width: 767px) { .row { --bs-gutter-x: 1.5rem; } } .bg-cover { background-position: center center !important; background-size: cover !important; } .bg-contain { background-size: contain !important; background-repeat: no-repeat !important; background-position: left top !important; } .bg-fixed { background-attachment: fixed !important; background-position: center center !important; background-size: cover !important; } .bg-fit { background-size: 100% 100% !important; background-position: center !important; } .bg-gray { background: var(--bg-gray); } .bg-light { background-color: var(--white); } .bg-dark { background-color: var(--dark) !important; } .bg-theme { background-color: var(--color-primary); } .bg-theme-secodnary { background-color: var(--color-secondary); } .bg-gradient { background-color: var(--color-primary); background: var(--bg-gradient) !important; } .bg-gradient-secondary { background-color: var(--color-secondary); background: var(--bg-gradient-secondary) !important; } .gradient-bg { background-color: var(--color-primary); background: var(--gradient-bg) !important; } .text-light { color: var(--white); } .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light span, .text-light a { color: var(--white); } .shadow { -webkit-box-shadow: inherit !important; box-shadow: inherit !important; } .shadow.dark { position: relative; z-index: 1; } .shadow.dark:after { background: var(--black); content: ""; height: 100%; left: 0; opacity: 0.4; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .shadow.dark-hard { position: relative; z-index: 1; } .shadow.dark-hard:after { background: rgba(0, 4, 30, 0) none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .shadow.theme { position: relative; z-index: 1; } .shadow.theme:after { background: var(--color-primary) none repeat scroll 0 0; content: ""; height: 100%; left: 0; mix-blend-mode: multiply; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 0.45; } .shadow.theme-hard { position: relative; z-index: 1; } .shadow.theme-hard:after { background: var(--color-primary) none repeat scroll 0 0; content: ""; height: 100%; left: 0; mix-blend-mode: multiply; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 0.65; } .shadow.light { position: relative; z-index: 1; } .shadow.light:after { background: var(--white) none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .default-padding, .default-padding-top, .default-padding-bottom, .default-padding-mx { position: relative; } .default-padding { padding-top: 120px; padding-bottom: 120px; } @media only screen and (max-width: 767px) { .default-padding { padding-top: 50px; padding-bottom: 50px; } } .default-padding-big { padding: 250px 0; } @media only screen and (max-width: 767px) { .default-padding-big { padding: 50px 0; } } .default-padding-top { padding-top: 120px; } @media only screen and (max-width: 767px) { .default-padding-top { padding-top: 50px; } } .default-padding-bottom { padding-bottom: 120px; } @media only screen and (max-width: 767px) { .default-padding-bottom { padding-bottom: 50px; } } .default-padding.bottom-less { padding-top: 120px; padding-bottom: 90px; } @media only screen and (max-width: 767px) { .default-padding.bottom-less { padding-top: 50px; padding-bottom: 20px; } } .default-padding-bottom.bottom-less { margin-bottom: -30px; } @media only screen and (max-width: 767px) { .default-padding-bottom.bottom-less { margin-bottom: 0; } } .default-padding-top.bottom-less { margin-bottom: -30px; } @media only screen and (max-width: 767px) { .default-padding-top.bottom-less { margin-bottom: -20px; } } @media only screen and (min-width: 1200px) { .align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .relative { position: relative; } .overflow-hidden { overflow: hidden; } .border-top { border-top: 1px solid #e7e7e7; } .border-bottom { border-bottom: 1px solid #e7e7e7; } .border-left { border-left: 1px solid #e7e7e7; } .border-right { border-right: 1px solid #e7e7e7; } .heading { font-weight: 600; margin-bottom: 25px; margin-top: -5px; font-size: 42px; line-height: 1.3; } .heading span { font-weight: 400; } .site-heading { margin-bottom: 60px; } .title { font-weight: 600; font-size: 55px; margin-bottom: 25px; } .site-heading .title { margin-bottom: 0; } .sub-title { text-transform: uppercase; color: var(--color-primary); font-weight: 600; background: var(--bg-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; position: relative; z-index: 1; border: 1px solid #cccccc; padding: 7px 15px; border-radius: 5px; font-size: 20px; margin-bottom: 20px; } .bg-gradient .sub-title { color: var(--white); -webkit-background-clip: inherit; background-clip: inherit; -webkit-text-fill-color: inherit; background: transparent; } .color-style-two .sub-title { background: var(--bg-gradient-two); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .bg-dark .sub-title { border-color: rgba(255, 255, 255, 0.3); -webkit-background-clip: inherit; background-clip: inherit; -webkit-text-fill-color: inherit; background: transparent; } .site-heading p { margin-bottom: 0; margin-top: 25px; padding: 0 10%; } .site-heading .devider { display: inline-block; width: 50px; height: 2px; background: var(--color-primary); position: relative; z-index: 1; left: 10px; } .color-style-two .site-heading .devider { background: var(--color-style-three); } .color-style-two .site-heading .devider::before { background: var(--color-style-two); } .secondary.site-heading .devider { background: var(--color-heading); } .site-heading.light .devider, .bg-theme .site-heading .devider, .bg-gradient .site-heading .devider, .shadow .site-heading .devider, .bg-dark .site-heading .devider { background: var(--white); } .site-heading .devider:before { position: absolute; left: -15px; top: 0; content: ""; height: 2px; width: 10px; background: var(--color-primary); } .secondary.site-heading .devider:before { background: var(--color-heading); } .site-heading.light .devider:before, .bg-theme .site-heading .devider:before, .bg-gradient .site-heading .devider:before, .shadow .site-heading .devider:before, .bg-dark .site-heading .devider:before { background: var(--white); } @media (max-width: 767px) { .site-heading p { padding: 0; } } @media only screen and (max-width: 767px) { .site-heading { margin-bottom: 30px; } } .heading-left { position: relative; z-index: 1; margin-bottom: 60px; } .heading-left .heading { font-weight: 600; margin-bottom: 0; } @media only screen and (max-width: 767px) { .heading-left .heading { margin-bottom: 15px; } } .heading-left p { margin-bottom: 0; } .heading-left .btn { margin-top: 30px; } @media only screen and (max-width: 767px) { .heading-left { margin-bottom: 30px; } } .bg-dark .heading-left p { opacity: 0.8; } .sub-heading { text-transform: uppercase; color: var(--color-primary); font-weight: 600; background: var(--bg-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; position: relative; z-index: 1; margin-bottom: 20px; font-size: 22px; } .secondary .sub-heading, .secondary.sub-heading, .bg-dark .secondary.sub-heading { background: var(--bg-gradient-secondary); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; } .text-center .sub-heading, .text-center.sub-heading { margin-bottom: 15px; } .bg-gradient .sub-heading { color: var(--white); background: transparent; -webkit-background-clip: inherit; background-clip: inherit; -webkit-text-fill-color: inherit; opacity: 0.9; } .bg-dark .sub-heading.secondary { background: transparent; -webkit-background-clip: inherit; background-clip: inherit; -webkit-text-fill-color: inherit; color: var(--color-secondary); } .left-heading { margin-bottom: 60px; } .left-heading .row { align-items: center; } .left-heading h2 { margin: 0; line-height: 1.1; } .left-heading p { margin: 0; } @media (max-width: 1023px) { .left-heading h2 { margin-bottom: 20px; } } .video-play-button { display: inline-block; position: relative; height: 120px; width: 120px; line-height: 120px; background: var(--color-primary); border-radius: 50%; font-size: 30px; font-weight: 100; color: var(--white); text-align: center; } .color-style-two .video-play-button { background: var(--bg-gradient-two); } .color-style-four .video-play-button { background: var(--color-style-four); } .video-play-button i { font-weight: 100; color: var(--white); } .video-play-button::after { position: absolute; left: 50%; top: 50%; content: ""; height: 105%; width: 105%; border: 1px solid rgba(255, 255, 255, 0.8); animation: pulse-border 3s linear infinite; border-radius: 50%; } @-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .video-play-button-with-text i { display: inline-block; height: 50px; width: 50px; text-align: center; line-height: 50px; background: var(--white); border-radius: 50%; margin-right: 10px; font-weight: 100; color: var(--color-primary); position: relative; } .video-play-button-with-text i::before { position: relative; left: 2px; } .video-play-button-with-text i::after { background: var(--white); height: 120%; width: 120%; z-index: inherit; position: absolute; left: 50%; top: 50%; display: block; content: ""; animation: video-play 1500ms ease-out infinite; z-index: -1; border-radius: 50%; } @-webkit-keyframes video-play { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes video-play { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .zoom-animation { -webkit-animation: zoom 2000ms ease-out infinite; animation: zoom 2000ms ease-out infinite; } @-webkit-keyframes zoom { from { -webkit-transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2); } } @keyframes zoom { from { -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } } .spiner-animation { -webkit-animation: spinner 20s infinite linear; animation: spinner 20s infinite linear; } @-webkit-keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } .spiner-reverse-animation { -webkit-animation: spinnerReverse 20s infinite linear; animation: spinnerReverse 20s infinite linear; } @-webkit-keyframes spinnerReverse { to { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @keyframes spinnerReverse { to { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @keyframes UpDown { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-25px); transform: translateY(-25px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } .updown-animation { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); -webkit-animation-name: UpDown; animation-name: UpDown; -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes UpDown { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-25px); transform: translateY(-25px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } .leftRight-animation { -webkit-animation: fadeLeftRight 10s ease-out infinite; animation: fadeLeftRight 10s ease-out infinite; } @keyframes fadeLeftRight { 0%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(100px); transform: translateX(100px); } } @-webkit-keyframes fadeLeftRight { 0%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(100px); transform: translateX(100px); } } .rightLeft-animation { -webkit-animation: fadeRightLeft 10s ease-out infinite; animation: fadeRightLeft 10s ease-out infinite; } @keyframes fadeRightLeft { 0%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } @-webkit-keyframes fadeRightLeft { 0%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } .zoomUpDown-animation { -webkit-animation: zoomUpDown 10s ease-out infinite; animation: zoomUpDown 10s ease-out infinite; } @keyframes zoomUpDown { 0%, 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @-webkit-keyframes zoomUpDown { 0%, 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .moving-animation { -webkit-animation: moving 10s ease-out infinite; animation: moving 10s ease-out infinite; } @-webkit-keyframes moving { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 20% { -webkit-transform: translate(0px, -30px); transform: translate(0px, -30px); } 50% { -webkit-transform: translate(-100px, -30px); transform: translate(-100px, -30px); } 70% { -webkit-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes moving { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 20% { -webkit-transform: translate(0px, -30px); transform: translate(0px, -30px); } 50% { -webkit-transform: translate(-100px, -30px); transform: translate(-100px, -30px); } 70% { -webkit-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes infinite-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes infinite-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes open { 0% { width: 0; height: 0; } 50% { width: 100px; height: 0; } 100% { width: 100px; height: 55px; } } @keyframes open { 0% { width: 0; height: 0; } 50% { width: 100px; height: 0; } 100% { width: 100px; height: 55px; } } @-webkit-keyframes openB { 0% { width: 0px; } 100% { width: 100px; } } @keyframes openB { 0% { width: 0px; } 100% { width: 100px; } } @-webkit-keyframes shine { 0% { background-position: 0; } 60% { background-position: 180px; } 100% { background-position: 180px; } } @keyframes shine { 0% { background-position: 0; } 60% { background-position: 180px; } 100% { background-position: 180px; } } @-webkit-keyframes infiniteMove { 0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } 50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; } 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } } @keyframes infiniteMove { 0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } 50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; } 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } } @-webkit-keyframes infiniteMove2 { 0% { border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%; } 50% { border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%; } 100% { border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%; } } @keyframes infiniteMove2 { 0% { border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%; } 50% { border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%; } 100% { border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%; } } .btn { display: inline-block; font-weight: 500; text-transform: capitalize; transition: all 0.35s ease-in-out; overflow: hidden; border-radius: 8px; border: 2px solid transparent; -webkit-box-shadow: inherit; box-shadow: none; font-size: 16px; letter-spacing: 0; padding: 13px 30px; background: #E7EDF8; position: relative; z-index: 1; } .btn:focus, .btn.active { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-box-shadow: inherit; box-shadow: inherit; border: 2px solid transparent; } .btn:hover { background-color: var(--color-primary); color: var(--white); } .btn.radius { border-radius: 6px; } .btn.btn-border { border: 2px solid #e7e7e7; background: transparent; } .btn.btn-border:hover { background: var(--color-primary); border-color: var(--color-primary); } .btn.btn-border.animation::after { position: absolute; top: 0; right: inherit; bottom: inherit; left: 0; content: ""; height: 100%; width: 0; z-index: -1; background: #e7e7e7; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .btn.btn-border.animation:hover { border-color: #e7e7e7; color: var(--dark); } .btn.btn-border.animation:hover::after { width: 100%; } .btn.btn-border-dark { border: 1px solid #96a1bd; background: transparent; padding: 13px 35px; } .btn.btn-border-dark:hover { background: var(--dark); border-color: var(--dark); } .btn.btn-border-dark.animation::after { position: absolute; top: 0; right: inherit; bottom: inherit; left: 0; content: ""; height: 100%; width: 0; z-index: -1; background: var(--dark); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .btn.btn-border-dark.animation:hover { border-color: var(--dark); color: var(--white); } .btn.btn-border-dark.animation:hover::after { width: 100%; } .btn.btn-border-theme { border: 2px solid var(--color-primary); background: transparent; } .btn.btn-border-theme:hover { background: var(--color-primary); border-color: var(--color-primary); } .btn.btn-border-theme.animation::after { position: absolute; top: 0; right: inherit; bottom: inherit; left: 0; content: ""; height: 100%; width: 0; z-index: -1; background: var(--color-primary); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .btn.btn-border-theme.animation:hover { border-color: var(--color-primary); color: var(--white); } .btn.btn-border-theme.animation:hover::after { width: 100%; } .btn.btn-border-light { border: 2px solid var(--white); background: transparent; color: var(--white); } .btn.btn-border-light:hover { background: var(--white); border-color: var(--white); color: var(--dark); } .btn.btn-border-light.animation::after { position: absolute; top: 0; right: inherit; bottom: inherit; left: 0; content: ""; height: 100%; width: 0; z-index: -1; background: var(--white); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .btn.btn-border-light.animation:hover { border-color: var(--white); color: var(--dark); } .btn.btn-border-light.animation:hover::after { width: 100%; } .btn.btn-gradient { border: none; color: var(--white); } .btn.btn-gradient::after { position: absolute; top: 0; right: inherit; bottom: inherit; left: 0; content: ""; height: 100%; width: 100%; z-index: -1; background-image: linear-gradient(to right, var(--color-primary), var(--color-secondary), var(--color-primary) ); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-size: 220%; } .btn.btn-gradient:hover::after { background-position: -70% 0; } .btn.btn-gradient.active { background-position: -70% 0; } .btn.btn-theme { color: var(--white); border: none; background: var(--bg-gradient); } .color-style-two .btn.btn-theme { background: var(--bg-gradient-two); } .btn.btn-theme::after { position: absolute; top: inherit; right: inherit; bottom: inherit; left: -5%; content: ""; height: 150px; width: 115%; z-index: -1; background-color: var(--dark); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translateY(-45%) skew(25deg) scale(0); transform: translateY(-45%) skew(25deg) scale(0); } .shadow .btn.btn-theme::after, .bg-dark .btn.btn-theme::after { background-color: var(--white) !important; } .shadow .btn.btn-theme:hover, .bg-dark .btn.btn-theme:hover { color: var(--color-heading); } .btn.btn-theme:hover::after { -webkit-transform: translateY(-45%) skew(25deg) scale(1.2); transform: translateY(-45%) skew(25deg) scale(1.2); } .btn.btn-theme.secondary { color: var(--white); border: none; background: var(--color-secondary); } .btn.btn-theme.secondary::after { position: absolute; top: inherit; right: inherit; bottom: inherit; left: -5%; content: ""; height: 150px; width: 115%; z-index: -1; background-color: var(--dark); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translateY(-45%) skew(25deg) scale(0); transform: translateY(-45%) skew(25deg) scale(0); } .text-light .btn.btn-theme.secondary::after { background-color: var(--white); } .text-light .btn.btn-theme.secondary:hover { color: var(--color-heading); } .btn.btn-theme.secondary:hover::after { -webkit-transform: translateY(-45%) skew(25deg) scale(1.2); transform: translateY(-45%) skew(25deg) scale(1.2); } .btn.btn-theme.hover-light::after { background-color: var(--white); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .btn.btn-theme.hover-light:hover { color: var(--dark); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .btn.btn-theme.hover-light:hover::after { -webkit-transform: translateY(-45%) skew(25deg) scale(1.2); transform: translateY(-45%) skew(25deg) scale(1.2); } .btn.btn-light { color: var(--color-heading); border: none; background: var(--white); border: 2px solid transparent; } .btn.btn-light:hover { color: var(--white); background: transparent; border: 2px solid var(--white); } .btn.btn-dark { color: var(--white); background: var(--dark); border: none; } .btn.btn-dark::after { position: absolute; top: 0; right: inherit; bottom: inherit; left: 0; content: ""; height: 100%; width: 0; z-index: -1; background-color: var(--color-primary); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .secondary .btn.btn-dark::after { background-color: var(--color-secondary); } .shadow .btn.btn-dark::after { background-color: var(--white); } .shadow .btn.btn-dark:hover { color: var(--color-heading) !important; } .btn.btn-dark:hover::after { width: 100%; } .btn.btn-dark.secondary { color: var(--white); border: none; background: var(--dark-optional); } .btn.btn-dark.secondary::after { position: absolute; top: inherit; right: inherit; bottom: inherit; left: -5%; content: ""; height: 150px; width: 115%; z-index: -1; background-color: var(--white); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translateY(-45%) skew(25deg) scale(0); transform: translateY(-45%) skew(25deg) scale(0); } .btn.btn-dark.secondary:hover::after { -webkit-transform: translateY(-45%) skew(25deg) scale(1.2); transform: translateY(-45%) skew(25deg) scale(1.2); } .btn.btn-dark.secondary:hover { color: var(--color-heading); } .btn i { position: relative; top: 1px; margin-left: 5px; } .btn.text-slide { min-width: 150px; height: 55px; line-height: 55px; } .btn.text-slide span { position: absolute; height: 100%; width: 100%; top: 0; left: 0; text-align: center; } .btn.animate-border { overflow: inherit; z-index: inherit; width: 200px; height: 55px; line-height: 55px; padding: 0; } .btn.animate-border:hover { background: transparent; color: var(--dark); } .btn.animate-border:hover .hover-border::after, .btn.animate-border:hover .hover-border::before { opacity: 1; -webkit-animation: open 0.4s; animation: open 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-animation-direction: normal; animation-direction: normal; } .btn.animate-border:hover .hover-border-bottom::after, .btn.animate-border:hover .hover-border-bottom::before { opacity: 1; -webkit-animation: openB 0.4s; animation: openB 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-animation-direction: normal; animation-direction: normal; } .btn.animate-border .hover-border { position: absolute; left: 0; top: -1px; height: 100%; width: 100%; } .btn.animate-border .hover-border::before { position: absolute; content: ""; height: 0; width: 0; display: block; opacity: 0; border-top: solid 2px var(--color-primary); border-left: solid 2px var(--color-primary); right: 98px; top: -1px; } .btn.animate-border .hover-border::after { position: absolute; content: ""; height: 0; width: 0; display: block; opacity: 0; border-top: solid 2px var(--color-primary); border-right: solid 2px var(--color-primary); left: 98px; top: -1px; } .btn.animate-border .hover-border-bottom { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; } .btn.animate-border .hover-border-bottom::before { position: absolute; content: ""; width: 0; display: block; opacity: 0; height: 55px; border-bottom: solid 2px var(--color-primary); right: -1px; bottom: -2px; } .btn.animate-border .hover-border-bottom::after { position: absolute; content: ""; width: 0; display: block; opacity: 0; height: 100%; border-bottom: solid 2px var(--color-primary); left: 0; bottom: -2px; } .btn.animated-arrow { border: none; background: transparent; min-width: 14rem; height: auto; padding: 0; } .btn.animated-arrow .circle { -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 3.5rem; height: 3.5rem; background: var(--color-primary); border-radius: 2rem; } .btn.animated-arrow .circle .icon { -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 15px; width: 1.125rem; height: 0.125rem; background: none; position: absolute; top: 0; bottom: 0; margin: auto; } .btn.animated-arrow .circle .icon::before { position: absolute; content: ""; top: -0.25rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--white); border-right: 0.125rem solid var(--white); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .btn.animated-arrow .button-text { -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 15px 0; margin: 0 0 0 70px; color: var(--dark); line-height: 2; text-align: left; width: 100%; font-size: 14px; } .btn.animated-arrow:hover { color: var(--white); } .btn.animated-arrow:hover .circle { width: 100%; } .btn.animated-arrow:hover .circle .icon.arrow { background: var(--white); -webkit-transform: translate(1.5rem, 0); transform: translate(1.5rem, 0); } .btn.animated-arrow:hover .button-text { color: var(--white); } .btn.circle { border-radius: 30px !important; } .btn-simple { line-height: 1; text-transform: capitalize; display: inline-block; font-size: 17px; } .btn-simple i { display: inline-block; margin-left: 2px; height: 40px; width: 40px; text-align: center; line-height: 38px; border: 1px solid var(--dark); border-radius: 50%; margin-right: 10px; transition: all 0.35s ease-in-out; font-weight: 400; font-size: 16px; background: var(--dark); color: var(--white); } .btn-simple:hover { color: var(--color-primary); } .secondary .btn-simple:hover { color: var(--color-secondary); } .btn-simple:hover i { background: var(--color-primary); border-color: var(--color-primary); color: var(--white); } .secondary .btn-simple:hover i { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--white); } .video-btn i { display: inline-block; height: 55px; width: 55px; text-align: center; line-height: 55px; background: var(--color-primary); border-radius: 50%; position: relative; margin-right: 20px; color: var(--white); } .text-light .video-btn i { background: var(--white); color: var(--color-primary); } .video-btn i::after { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background: var(--color-primary) repeat scroll 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; z-index: -1; } .text-light .video-btn i::after { background: var(--white) repeat scroll 0 0; } .text-shine { background: linear-gradient(to right, var(--dark) 0, var(--white) 10%, var(--color-primary) 20%); background-position: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: shine 3s infinite linear; animation: shine 3s infinite linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-text-size-adjust: none; font-weight: 600; font-size: 16px; text-decoration: none; white-space: nowrap; padding: 12px 48px; } .animate-inout { background: -webkit-gradient(linear, left top, right top, from(#8A6552), to(#472d20)); background: linear-gradient(90deg, #8A6552 0%, #472d20 100%); color: var(--white); font-size: 12px; text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; border: solid 2px var(--color-primary); cursor: pointer; } .btn-icon { position: relative; padding-left: 20px; } .btn-icon:hover { color: var(--color-primary); } .btn-icon::after { position: absolute; right: 10px; top: 50%; content: ""; height: 2px; left: 0; background: var(--color-heading); transform: translateY(-50%); margin-top: -1px; transition: all 0.35s ease-in-out; } .btn-icon:hover::after { background: var(--color-primary); } .btn-icon i { font-weight: 500; } .btn-icon:hover { padding-left: 40px; } .animate-inout span { z-index: 1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; line-height: 20px; } .animate-inout::before, .animate-inout::after { width: 0%; height: 0%; position: absolute; content: ""; border-radius: 100%; } .animate-inout:after { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background-color: var(--white); } .animate-inout:before { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background: var(--color-primary); } .animate-inout.animate-inout-borde { background: transparent; color: var(--dark); } .animate-inout.animate-inout-borde::after { background: -webkit-gradient(linear, left top, right top, from(#8A6552), to(#472d20)); background: linear-gradient(90deg, #8A6552 0%, #472d20 100%); } .animate-inout.animate-inout-borde:hover { color: var(--white); } .animate-inout.animate-inout-borde:hover::before { -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .animate-inout.animate-inout-borde:hover::after { -webkit-transition: all 0.7s ease-in; transition: all 0.7s ease-in; } .animate-inout:hover { color: var(--dark); } .animate-inout:hover::before, .animate-inout:hover::after { width: 200px; height: 200px; border-radius: 4px; } .animate-inout:hover::before { -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .animate-inout:hover::after { -webkit-transition: all 0.7s ease-in; transition: all 0.7s ease-in; } .btn-md { padding: 14px 35px; font-size: 18px; } .btn-sm { padding: 13px 30px; font-size: 15px; } .btn-animation { z-index: 1; position: relative; font-size: 20px; display: inline-block; margin-left: 10px; } .btn-animation i { display: inline-block; height: 55px; width: 55px; text-align: center; line-height: 55px; background: var(--white); color: var(--color-heading); border-radius: 50%; font-weight: 400; margin-right: 10px; transition: all 0.35s ease-in-out; transform: scale(0); } .btn-animation:hover { margin-left: 0; } .btn-animation:hover i { transform: scale(1); } .btn-animation::after { position: absolute; left: -13px; top: 0; content: ""; height: 60px; width: 60px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; transition: all 0.35s ease-in-out; transform: scale(1); z-index: -1; } .btn-animation:hover::after { transform: scale(0); } .btn-animation span { transition: all 0.35s ease-in-out; left: -50px; position: relative; } .btn-animation:hover span { left: 0; } .btn-animation.dark::after { border-color: #c5c5c5; z-index: -1; } .btn-animation.dark i { background: var(--color-primary); color: var(--white); } .btn-animation.dark:hover { color: var(--color-heading); } .btn-animate { position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; padding: 0; } .btn-animate { min-width: 11.2rem; height: auto; } .btn-animate .circle { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 3.2rem; height: 3.2rem; background: var(--bg-gradient); border-radius: 2rem; text-align: center; } .color-style-two .btn-animate .circle { background: var(--bg-gradient-two); } .btn-animate .circle .icon { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff; } .btn-animate .circle .icon.arrow { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 12px; width: 1.125rem; height: 0.125rem; background: none; } .btn-animate .circle .icon.arrow::before { position: absolute; content: ""; top: -0.25rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; transform: rotate(45deg); } .btn-animate .button-text { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: -3px; left: 0; right: 0; bottom: 0; padding: 15px 0; margin: 0 0 0 65px; color: #0e2258; line-height: 2; text-transform: uppercase; text-align: left; width: 100%; font-size: 15px; } .btn-animate:hover .circle { width: 100%; } .btn-animate:hover .circle .icon.arrow { background: #fff; transform: translate(1rem, 0); } .btn-animate:hover .button-text { color: #fff; } .nice-select { -webkit-tap-highlight-color: transparent; background-color: var(--white); border: solid 1px #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 16px; font-weight: normal; height: 50px; line-height: 50px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; margin-bottom: 15px; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999999; } .nice-select::after { border-bottom: 2px solid #999999; border-right: 2px solid #999999; content: ''; display: block; height: 5px; margin-top: -6px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); overflow-y: auto !important; height: auto; } .nice-select.open ::after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.disabled { border-color: #ededed; color: #999999; pointer-events: none; } .nice-select.disabled::after { border-color: #96aac1; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small::after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: var(--white); border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; width: 100%; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: 600; } .nice-select .option.disabled { background-color: transparent; color: #999999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .item-flex { align-items: center; display: flex; } .item-flex li { margin-left: 30px; } .item-flex li:first-child { margin: 0; } .item-flex li i { margin-right: 10px; font-weight: 100; font-size: 20px; } .top-bar-area li { display: flex; align-items: center; } .top-bar-area li a { font-weight: 400; } .top-bar-area .social li { display: inline-block; margin-right: 30px; } .top-bar-area .social li:first-child { margin-right: 0; } .top-bar-area .text-end .social li { margin-right: 0; margin-left: 30px; } .top-bar-area .text-end .social li:first-child { margin-left: 0; } .top-bar-area { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .top-bar-area.top-bar-style-one.bg-dark { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .top-bar-style-two { padding: 20px 0; } .top-bar-style-two .text-end .social li { margin-left: 8px; } .top-bar-style-two .social li a { display: inline-block; background: var(--dark); color: var(--white); height: 38px; width: 38px; text-align: center; line-height: 38px; border-radius: 50%; } .top-bar-style-two .item-flex li i { font-weight: 600; color: var(--color-paragraph); } .call-entry { display: flex; justify-content: right; text-align: left; } .call-entry p { margin-bottom: 5px; line-height: 1; font-size: 14px; } .call-entry p strong { font-weight: 600; color: var(--blue); } .call-entry h5 { margin: 0; font-weight: 600; font-size: 20px; letter-spacing: 0.6px; } .call-entry h5 a { padding: 0 !important; display: inline-block; text-transform: lowercase; } .call-entry i { display: inline-block; font-size: 40px; margin-right: 15px; position: relative; color: var(--color-primary); } .top-bar-style-two .item-flex li strong { display: block; text-transform: uppercase; font-weight: 600; color: var(--color-heading); } .top-bar-style-two .item-flex li a { font-weight: 500; color: var(--color-paragraph); } .top-bar-style-two .item-flex li a:hover { color: var(--color-primary); } .top-bar-style-two .item-flex li { line-height: 1.7; } .top-bar-style-two .item-flex li i { display: inline-block; font-size: 40px; color: var(--color-primary); margin-right: 15px; font-weight: 100; } .color-style-two .navbar .attr-right .attr-nav li.button a { background: var(--bg-gradient-two) !important; } .navbar .container { width: 99% !important; min-width: 99% !important; } @media (min-width: 1200px) { nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background { box-shadow: inherit; top: 50px; } nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background .navbar-header { position: relative; z-index: 1; padding-right: 45px; margin-right: -45px; } nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background .navbar-header::after { position: absolute; right: 0; bottom: 0; height: 300px; width: 500%; background: var(--white); z-index: -1; transform: skewX(15deg); } nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background .navbar-header::before { position: absolute; right: -10px; bottom: 15px; content: ""; height: 300px; width: 100%; background: #cfd2d5; z-index: -1; transform: skewX(15deg); } nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background .navbar-header a { position: relative; } nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background .navbar-header img { position: relative; top: -35px; } } .breadcrumb-area { padding: 150px 0; padding-top: 200px; position: relative; z-index: 1; overflow: hidden; } .breadcrumb-area .top-pad-extra { padding-top: 240px; } .breadcrumb-area .row { position: relative; z-index: 1; } .breadcrumb-area .breadcrumb { background: transparent none repeat scroll 0 0; display: inline-block; margin: 0; padding: 0; position: relative; z-index: 1; } .breadcrumb-area .breadcrumb > li + li::before { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 600; padding: 0 5px; color: var(--white); display: none; } .breadcrumb-area .breadcrumb li { padding: 0 10px; position: relative; display: inline-block; z-index: 1; font-weight: 600; font-size: 16px; } .breadcrumb-area .breadcrumb li a { font-weight: 600; } .breadcrumb-area .breadcrumb li::after { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 500; right: -5px; position: absolute; line-height: 0; top: 50%; font-size: 14px; color: var(--white); margin-top: 2px; } .breadcrumb-area .breadcrumb li i { margin-right: 3px; } .breadcrumb-area .breadcrumb li:last-child::after { display: none; } .breadcrumb-area h1 { display: block; font-weight: 600; margin-top: -10px; font-size: 55px; } @media only screen and (max-width: 767px) { .breadcrumb-area { padding: 80px 0 !important; } } .breadcrum-shape { text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; } .breadcrum-shape img { height: 100%; } .top-style-one .logo img { height: 60px; } .top-style-one .social li { display: inline-block; } .top-style-one { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e7e7e7; } .top-style-one.transparent { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .top-style-one .logo { text-align: center; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; padding: 15px 0; } .top-style-one.transparent .logo { border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3); } .top-style-one .social li a { display: inline-block; height: 43px; width: 43px; text-align: center; line-height: 45px; background: var(--bg-gradient); color: var(--white); border-radius: 50%; font-size: 15px; } .top-style-one .text-end.social li { margin-left: 3px; } .top-style-one .info i { font-weight: 100; font-size: 20px; position: relative; top: 2px; margin-right: 3px; color: var(--color-primary); } .top-style-one .info li { font-weight: 500; text-transform: capitalize; } @media (min-width: 1024px) { .top-style-one.transparent { border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 0; width: 100%; z-index: 9; } } .banner-area { height: 100%; width: 100%; position: relative; } @media (max-width: 1023px) { .banner-area { height: auto; } } .banner-area div { height: 100%; } .banner-area div.swiper-slide .row div { height: auto; } .banner-area.top-pad-80 .content { padding-top: 80px; } @media (max-width: 1023px) { .banner-area.top-pad-80 .content { padding-top: 200px; } } @media only screen and (max-width: 767px) { .banner-area.top-pad-80 .content { padding-top: 140px; } } .banner-area.top-pad-90 .content { padding-top: 90px; } @media (max-width: 1023px) { .banner-area.top-pad-90 .content { padding-top: 200px; } } @media only screen and (max-width: 767px) { .banner-area.top-pad-90 .content { padding-top: 140px; } } .banner-area.top-pad-100 .content { padding-top: 100px; } @media (max-width: 1023px) { .banner-area.top-pad-100 .content { padding-top: 200px; } } @media only screen and (max-width: 767px) { .banner-area.top-pad-100 .content { padding-top: 140px; } } .banner-area.top-pad-110 .content { padding-top: 110px; } @media (max-width: 1023px) { .banner-area.top-pad-110 .content { padding-top: 200px; } } @media only screen and (max-width: 767px) { .banner-area.top-pad-110 .content { padding-top: 140px; } } .banner-area.top-pad-120 .content { padding-top: 120px; } @media (max-width: 1023px) { .banner-area.top-pad-120 .content { padding-top: 200px; } } @media only screen and (max-width: 767px) { .banner-area.top-pad-120 .content { padding-top: 140px; } } .banner-area.top-pad-130 .content { padding-top: 130px; } @media (max-width: 1023px) { .banner-area.top-pad-130 .content { padding-top: 200px; } } @media only screen and (max-width: 767px) { .banner-area.top-pad-130 .content { padding-top: 140px; } } .banner-area.top-pad-150 .content { padding-top: 150px; } @media (max-width: 1023px) { .banner-area.top-pad-150 .content { padding-top: 200px; } } @media only screen and (max-width: 767px) { .banner-area.top-pad-150 .content { padding-top: 140px; } } .banner-area.auto-height { height: auto; } .banner-area.auto-height div { height: auto; } .banner-area.auto-height .content { padding: 200px 0; } @media only screen and (max-width: 767px) { .banner-area.auto-height .content { padding: 60px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area.auto-height .content { padding: 120px 0; } } .banner-area.auto-height .content .thumb { padding-left: 35px; } @media (max-width: 991px) { .banner-area.auto-height .content .thumb { padding-left: 0; margin-top: 50px; } } .banner-area.auto-height.inc-header-transparent .content { padding-top: 250px; } @media only screen and (max-width: 767px) { .banner-area.auto-height.inc-header-transparent .content { padding-top: 140px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area.auto-height.inc-header-transparent .content { padding-top: 220px; } } .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .info { padding-top: 80px; } .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb { margin-top: 250px; } @media only screen and (max-width: 767px) { .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb { margin-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb { margin-top: 50px; } } .banner-area .content { position: relative; z-index: 9; -webkit-transition: all 500ms ease; transition: all 500ms ease; } @media (max-width: 1023px) { .banner-area .content { padding: 120px 0; } } @media only screen and (max-width: 767px) { .banner-area .content { padding: 60px 0; } } .banner-area h4 { -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0); opacity: 0; visibility: hidden; } .banner-area h2 { -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden; } .banner-area p, .banner-area ul { -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; padding-right: 25%; margin: 0; visibility: hidden; } @media (max-width: 1023px) { .banner-area p { padding-right: 0 !important; } } .banner-area.text-center p { padding-left: 13%; padding-right: 13%; } @media (max-width: 1023px) { .banner-area.text-center p { padding: 0; } } .banner-area .thumb { -webkit-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; } .banner-area .button { -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; visibility: hidden; margin-top: 30px; } .banner-area h4 { -webkit-transform: translateY(50%); transform: translateY(50%); } .banner-area h2 { -webkit-transform: translateY(50%); transform: translateY(50%); } .banner-area p, .banner-area ul { -webkit-transform: translateY(50%); transform: translateY(50%); } .banner-area .button { -webkit-transform: translateY(50%); transform: translateY(50%); } .banner-area .swiper-slide.swiper-slide-active h4 { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-area .swiper-slide.swiper-slide-active h2 { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1400ms; transition-delay: 1400ms; } .banner-area .swiper-slide.swiper-slide-active p, .banner-area .swiper-slide.swiper-slide-active ul { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } .banner-area.banner-style-one .swiper-slide.swiper-slide-active .button { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 2200ms; transition-delay: 2200ms; } .banner-area.double-items .thumb { -webkit-transform: translateY(50%); transform: translateY(50%); } .banner-area.double-items .swiper-slide.swiper-slide-active .thumb { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 500ms; transition-delay: 500ms; visibility: visible; opacity: 1; } .banner-area.double-items.bottom-thumb .content { padding: 0; } .banner-area.double-items.bottom-thumb .content .thumb { margin-top: 120px; } @media only screen and (max-width: 767px) { .banner-area.double-items.bottom-thumb .content { padding: 50px 0; } .banner-area.double-items.bottom-thumb .content .thumb { margin-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area.double-items.bottom-thumb .content { padding: 120px 0; } .banner-area.double-items.bottom-thumb .content .thumb { margin-top: 50px; } } .banner-area.zoom-effect .banner-thumb { -webkit-transition: 10s ease-out; transition: 10s ease-out; -webkit-transform: scale(1.1); transform: scale(1.1); position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; } .banner-area.zoom-effect .swiper-slide.swiper-slide-active .banner-thumb { -webkit-transform: scale(1); transform: scale(1); } .banner-area .swiper-notification { display: none; } .banner-area .swiper-slide.swiper-slide-active h4 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; -webkit-transition-delay: 400ms; transition-delay: 400ms; } .banner-area .swiper-slide.swiper-slide-active h2 { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 800ms; transition-delay: 800ms; } .banner-area .swiper-slide.swiper-slide-active p, .banner-area .swiper-slide.swiper-slide-active ul { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-area .swiper-slide.swiper-slide-active .button { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } .banner-area .banner-style-one.swiper-slide.swiper-slide-active .button { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-area.banner-style-two .swiper-slide.swiper-slide-active .button { -webkit-transition-delay: 2400ms; transition-delay: 2400ms; } .banner-area .banner-items { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .banner-area:hover .swiper-button-prev, .banner-area:hover .swiper-button-next { opacity: 1; } .banner-area:hover .swiper-button-prev { left: 30px; right: auto; } .banner-area:hover .swiper-button-next { right: 30px; left: auto; } .banner-area .swiper-button-prev, .banner-area .swiper-button-next { height: 55px; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 0; width: 55px; color: var(--color-heading); background: var(--white); border-radius: 50%; border: 1px solid #cccccc; line-height: 55px; font-size: 28px; } .banner-area.banner-style-one .swiper-button-prev, .banner-area.banner-style-one .swiper-button-next { color: var(--white); background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); } .banner-area .swiper-button-prev i, .banner-area .swiper-button-next i { font-weight: 300; } .banner-area .swiper-button-prev::after, .banner-area .swiper-button-next::after { display: none; } .banner-area.navigation-circle .swiper-button-prev, .banner-area.navigation-circle .swiper-button-next { height: 55px; width: 55px; line-height: 55px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; border: 2px solid var(--color-heading); } .banner-area.navigation-circle .swiper-button-prev::after, .banner-area.navigation-circle .swiper-button-next::after { font-size: 16px; } .banner-area.navigation-right-bottom .swiper-button-prev, .banner-area.navigation-right-bottom .swiper-button-next { left: auto; right: 30px; opacity: 1; top: auto; -webkit-transform: inherit; transform: inherit; bottom: 50px; border-radius: inherit; } .banner-area.navigation-right-bottom .swiper-button-prev { right: 92px; } .banner-area.navigation-between-bottom .content { padding-bottom: 105px; } @media only screen and (min-width: 829px) and (max-width: 1023px) { .banner-area.navigation-between-bottom .content { padding-bottom: 220px; } } .banner-area.navigation-between-bottom .swiper-button-prev, .banner-area.navigation-between-bottom .swiper-button-next { left: auto; right: 30px; opacity: 1; top: auto; -webkit-transform: inherit; transform: inherit; bottom: 30px; border-radius: inherit; } .banner-area.navigation-between-bottom .swiper-button-prev { left: 30px; right: auto; } @media only screen and (max-width: 830px) { .banner-area .swiper-button-prev, .banner-area .swiper-button-next { display: none; } } .banner-area.navigation-custom .swiper-button-prev::after { font-family: 'ElegantIcons'; content: "\23"; font-size: 22px; } .banner-area.navigation-custom .swiper-button-next::after { font-family: 'ElegantIcons'; content: "\24"; font-size: 22px; } .banner-area.navigation-text .swiper-button-prev, .banner-area.navigation-text .swiper-button-next { opacity: 1; top: auto; -webkit-transform: inherit; transform: inherit; left: auto; right: 0; bottom: 0; display: inline-block; width: 150px; background: rgba(0, 0, 0, 0.2); text-align: center; height: 100px; line-height: 100px; } @media only screen and (max-width: 830px) { .banner-area.navigation-text .swiper-button-prev, .banner-area.navigation-text .swiper-button-next { display: none; } } .banner-area.navigation-text .swiper-button-prev { right: 151px; } .banner-area.navigation-text .swiper-button-prev::after { font-family: var(--font-heading); content: "Prev"; text-transform: uppercase !important; font-size: 16px; font-weight: 600; letter-spacing: 0.6px; } .banner-area.navigation-text .swiper-button-next::after { font-family: var(--font-heading); content: "Next"; text-transform: uppercase !important; font-size: 16px; font-weight: 600; letter-spacing: 0.6px; } .banner-area.navigation-icon-solid .swiper-button-prev::after, .banner-area.navigation-icon-solid .swiper-button-next::after { font-size: 30px; } .banner-area.navigation-custom-large .swiper-button-prev, .banner-area.navigation-custom-large .swiper-button-next { min-width: 65px; height: 30px; margin: 0; } .banner-area.navigation-custom-large .swiper-button-prev::after { font-family: "Font Awesome 5 Pro"; content: "\f104"; font-weight: 100; font-size: 30px; position: absolute; left: 8px; color: var(--color-primary); } .banner-area.navigation-custom-large .swiper-button-prev::before { position: absolute; top: 50%; right: inherit; bottom: inherit; left: 12px; content: ""; height: 2px; width: 35px; z-index: -1; background-color: var(--color-primary); margin-top: -1px; } .banner-area.navigation-custom-large .swiper-button-next::after { font-family: "Font Awesome 5 Pro"; content: "\f105"; font-weight: 100; font-size: 30px; position: absolute; right: 8px; color: var(--color-primary); } .banner-area.navigation-custom-large .swiper-button-next::before { position: absolute; top: 50%; left: 18px; bottom: inherit; right: inherit; content: ""; height: 2px; width: 35px; z-index: -1; background-color: var(--color-primary); margin-top: -1px; } .banner-area.navigation-right-botom .swiper-button-prev, .banner-area.navigation-right-botom .swiper-button-next { position: absolute; left: auto; left: 85px; top: auto; bottom: 40px; opacity: 1; -webkit-transform: inherit; transform: inherit; } .banner-area.navigation-right-botom .swiper-button-prev { right: 60px; } .banner-area.navigation-right-botom.navigation-custom-large .swiper-button-prev, .banner-area.navigation-right-botom.navigation-custom-large .swiper-button-next { bottom: 30px; } .banner-area.navigation-right-botom.navigation-custom-large .swiper-button-prev { left: 30px; } .banner-area .swiper-pagination { height: auto; bottom: 35px; } .banner-area .swiper-pagination span.swiper-pagination-bullet { height: 4px; width: 50px; background: rgba(255, 255, 255, 0.5); opacity: 1; border-radius: inherit; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .banner-area .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: white; height: 7px; } @media only screen and (max-width: 767px) { .banner-area.include-pagination .content { padding-bottom: 100px; } } .banner-area .swiper-pagination-fraction span { -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .banner-area .swiper-pagination-fraction span.swiper-pagination-current { font-size: 30px; font-family: var(--font-heading); font-weight: 600; } .banner-area .align-center { align-items: center; } .banner-style-one { position: relative; z-index: 1; } .banner-shape { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; } .banner-shape .item { position: absolute; left: 20%; bottom: 0; height: 0; width: 30%; background: var(--black); transform: rotate(53deg) skewY(10deg); opacity: 0; box-shadow: 0px 0px 10px #232931; transition: all 1000ms ease; } .banner-shape .item:nth-child(2) { position: absolute; left: 18%; bottom: 0; height: 0; width: 60%; background: var(--black); transform: rotate(-45deg) skewY(-10deg); opacity: 0; } .banner-style-one.swiper-slide-visible .banner-shape .item { height: 150px; opacity: 0.3; transition-delay: 1000ms; } .banner-style-one.swiper-slide-visible .banner-shape .item:nth-child(2) { height: 200px; opacity: 0.5; transition-delay: 100ms; } .banner-shape { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; } .banner-style-one h2 { font-size: 80px; font-weight: 500; line-height: 1.1; margin: 0; } .banner-style-one h2 strong { display: block; font-weight: 500; } .banner-style-one h4 { text-transform: uppercase; } .banner-shape-bg { position: absolute; right: -50%; bottom: 0; z-index: 1; display: flex; max-width: 50%; height: 50% !important; transition: all 0.55s ease-in-out; justify-content: right; } .banner-style-one.swiper-slide-visible .banner-shape-bg { right: 0; bottom: 0; opacity: 1; transition-delay: 800ms; } .banner-style-two .content { padding-top: 50px; position: relative; z-index: 1; } .banner-style-two .content::after { position: absolute; left: -150px; top: 50%; content: ""; height: 500px; width: 500px; background: var(--white); z-index: -1; border-radius: 50%; transform: translateY(-50%); transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; } .banner-style-two .container { position: relative; z-index: 1; } .banner-style-two .container .banner-thumb { position: absolute; right: 0; bottom: 0; } .banner-style-two .container .banner-thumb img { height: 90%; margin-top: 20%; } .banner-style-two { position: relative; } .banner-style-two .banner-shape-right { position: absolute; right: 0; bottom: 0; height: 70%; width: 30%; background-size: contain !important; background-position: right bottom !important; background-repeat: no-repeat !important; } .banner-style-two h2 { font-size: 70px; line-height: 1.1; margin: 0; font-weight: 600; } .banner-style-two h2 strong { font-weight: 600; display: block; color: var(--color-primary); } .banner-style-two h4 { text-transform: uppercase; font-weight: 500; } .banner-style-two p { font-size: 20px; line-height: 1.7; margin-top: 25px; padding-right: 20%; color: var(--color-heading); } .banner-area.banner-style-two .swiper-slide.swiper-slide-active h2 { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 300ms; transition-delay: 300ms; } .banner-area.banner-style-two .swiper-slide.swiper-slide-active p { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 800ms; transition-delay: 800ms; } .banner-area.banner-style-two .swiper-slide.swiper-slide-active .button { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-style-three .banner-thumb { position: absolute !important; width: 53% !important; right: 0 !important; left: auto !important; z-index: 1; } .banner-style-three .banner-thumb::after { position: absolute; left: -100px; top: -10%; content: ""; height: 120%; width: 180px; background: var(--bg-gray); filter: blur(25px); z-index: -1; } .banner-style-three { position: relative; } .banner-style-three .banner-shape { position: absolute; left: -20%; bottom: 0; max-width: 20%; display: flex; justify-content: flex-end; flex-direction: column; transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; z-index: -1; } .banner-style-three.swiper-slide-active .banner-shape { left: 0; opacity: 1; visibility: visible; } .banner-style-three .banner-shape img { height: auto; width: auto; } .banner-style-three .content h4 { text-transform: uppercase; font-weight: 500; color: var(--color-primary); } .banner-style-three .content h2 { font-size: 75px; font-weight: 600; text-transform: capitalize; line-height: 1.1; margin-bottom: 25px; } .banner-style-three ul { margin: 0; list-style: none; padding: 0; font-weight: 600; border-left: 2px solid var(--color-primary); padding-left: 15px; } .banner-style-three ul i { color: #ff9900; margin-bottom: 10px; font-size: 16px; } .banner-style-three ul p { margin: 0; padding: 0; font-weight: 600; } .banner-area.banner-style-three-area .swiper-slide.swiper-slide-active h4 { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 300ms; transition-delay: 300ms; } .banner-area.banner-style-three-area .swiper-slide.swiper-slide-active h2 { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 800ms; transition-delay: 800ms; } .banner-area.banner-style-three-area .swiper-slide.swiper-slide-active ul { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-area.banner-style-three-area .swiper-slide.swiper-slide-active .button { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } .banner-style-four-area { padding-top: 250px; overflow: hidden; } .banner-style-four-area h4 { text-transform: uppercase; color: var(--color-primary); background: var(--bg-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .banner-style-four-area h2 { font-size: 100px; text-transform: uppercase; } .banner-style-four-area h2 strong { display: block; text-align: right; color: var(--color-primary); background: var(--bg-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .banner-four-top-info { position: relative; z-index: 2; } .banner-four-top-info img { position: absolute; left: 100%; top: 60px; border-radius: 10px; height: 100px; } .banner-four-bottom-info { display: grid; grid-template-columns: 1.2fr 1fr 150px; align-items: center; gap: 80px; margin-top: -20px; } .banner-four-bottom-info .thumb img { position: relative; top: -100px; margin-bottom: -100px; margin-left: -20%; } .banner-four-bottom-info p { margin: 0; font-size: 24px; margin-top: -50px; } .banner-four-bottom-info .thumb { position: relative; z-index: 1; } .banner-four-bottom-info .thumb::after { position: absolute; left: 50%; transform: translateX(-50%); content: ""; height: 200px; width: 200px; top: 0; background: var(--bg-gradient); z-index: -1; border-radius: 50%; filter: blur(120px); } a.btn-circle { height: 150px; width: 150px; background: var(--bg-gradient); text-align: center; display: inline-flex; flex-direction: column; justify-content: center; color: var(--white); border-radius: 50%; font-size: 20px; overflow: hidden; position: relative; z-index: 1; } a.btn-circle i { transform: rotate(-45deg); font-size: 35px; color: transparent; -webkit-text-stroke: 1px var(--white); } a.btn-circle::after { position: absolute; left: 0; bottom: 0; content: ""; height: 50%; width: 50%; background: var(--dark); z-index: -1; transition: all 0.25s ease-in-out; border-radius: 50%; opacity: 0; visibility: hidden; } a.btn-circle:hover::after { height: 100%; width: 100%; opacity: 1; visibility: visible; } a.btn-circle.circle-border { background: transparent; color: var(--color-heading); border: 1px solid var(--dark); } a.btn-circle.circle-border i { background: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; -webkit-text-stroke: 1px var(--black); transition: all 0.35s ease-in-out; } a.btn-circle.circle-border::after { background: var(--bg-gradient-two); } a.btn-circle.circle-border:hover { border-color: transparent; color: var(--white); } a.btn-circle.circle-border:hover i { background: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; -webkit-text-stroke: 1px var(--white); } .banner-style-five-area, .banner-style-five-area div { height: 100%; } .banner-style-five-area .row div { height: auto; } .banner-style-five-thumb { padding: 100px; } .banner-style-five-info h2 { font-size: 70px; line-height: 1; margin-bottom: 5px; } .banner-style-five-info h2 strong { color: var(--color-primary); background: var(--bg-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 1; } .banner-style-five-info h2 strong::after { position: absolute; left: 0; bottom: 0; content: ""; height: 100%; width: 100%; background: url(../img/shape/12.png); z-index: -1; background-repeat: no-repeat; background-position: center bottom; opacity: 0.6; } .banner-style-five-info .content { padding-left: 115px; } .banner-style-five-info .content p { margin-top: 30px; margin-bottom: 35px; font-size: 20px; } .banner-style-five-info h2:first-child { margin-left: 55px; } .banner-style-five-info .button { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .banner-style-five-info .content h2 { margin: 0; } .banner-style-six-area { overflow: hidden; padding: 200px 0; } @media (min-width: 1200px) { .banner-style-six-area { max-width: 90%; margin: auto; border-radius: 30px; } } .banner-style-six-area .shape { position: absolute; right: 0; bottom: 0; max-width: 35%; } .banner-style-six-info { position: relative; z-index: 3; } @media (min-width: 1024px) { .banner-box { position: relative; z-index: 1; padding-top: 110px; } } .banner-style-six-info h2 { font-size: 100px; margin-bottom: 15px; line-height: 1; } .banner-style-six-info h2 strong { color: var(--color-primary); background: var(--bg-gradient-two); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .banner-style-six-info .content { padding-left: 100px; } .banner-style-six-info .content p { margin: 30px 0; font-size: 20px; padding-right: 20%; } .angle-shape { position: relative; z-index: 1; } .angle-shape:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 0; border-right: 100vw solid #F7F7F7; border-top: 200px solid transparent; width: 0; z-index: -1; } .about-thumb { position: relative; margin-bottom: 80px; } .owner-info { display: flex; align-items: center; margin-top: 30px; } .owner-info img { height: 80px; } .owner-info h4 { font-weight: 600; margin-bottom: 5px; } .owner-info .left-info { margin-right: 30px; border-right: 1px solid #e7e7e7; padding-right: 30px; } .shape-animated-left img { position: absolute; left: 0; bottom: 30%; } .shape-animated-left img:nth-child(2) { position: absolute; left: 50px; top: 120px; } .thumb-shape-bottom { position: absolute; right: -80px; bottom: -50px; text-align: right; } .fun-fact .counter { position: relative; } .fun-fact .counter { position: relative; display: flex; align-items: center; font-size: 70px; font-weight: 600; color: var(--color-primary); line-height: 1; margin-bottom: 5px; } .fun-fact .medium { font-weight: 600; color: var(--color-heading); } .text-center .fun-fact .counter { justify-content: center; align-items: center; } .fun-fact { display: inline-block; text-align: left; } .text-center .fun-fact { text-align: center; } .about-card { display: inline-block; padding: 50px 65px; background: var(--color-primary); } .about-card li { display: flex; margin-top: 30px; border-bottom: 2px solid rgba(255, 255, 255, 0.2); padding-bottom: 15px; } .about-card li .icon i { color: var(--white); line-height: 1; font-size: 55px; min-width: 75px; display: inline-block; position: relative; top: 10px; } .about-card .fun-fact .counter { color: var(--white); line-height: 1; font-size: 60px; } .about-card .fun-fact .medium { color: var(--white); font-weight: 500; opacity: 0.9; } .about-card li:first-child { margin: 0; } .about-style-one .about-card { position: absolute; left: -80px; bottom: -80px; } .fun-factor-style-one-area { background-size: 32%; background-repeat: no-repeat; background-position: bottom right; } .fun-factor-style-one-box { position: relative; } .shape-animated-up-down { position: absolute; top: -158px; } .shape-right-bottom-extra { position: absolute; left: 6%; bottom: -60px; max-width: 10%; } .about-style-one .accordion-single .accordion-button { background: transparent; border: none; box-shadow: none; padding: 10px 0; padding-left: 30px; position: relative; z-index: 1; font-size: 20px; padding-top: 0; margin-bottom: 10px; } .about-style-one .accordion { border-left: 2px solid #e7e7e7; } .about-style-one .accordion-single .accordion-body { padding: 0 30px; padding-bottom: 10px; } .about-style-one .accordion-single .accordion-button::after { position: absolute; left: -2px; top: 0; content: ""; display: block; background: no-repeat; transform: none; border-left: 2px solid; height: 0; transition: all 0.35s ease-in-out; } .about-style-one .accordion-single .accordion-button:not(.collapsed)::after { height: 100%; } .about-style-two-area .shape { position: absolute; right: 0; bottom: 0; z-index: -1; } .about-style-two-area { position: relative; z-index: 1; } .about-style-two-thumb { position: relative; z-index: 1; display: grid; grid-template-columns: 2fr 1.1fr; grid-column-gap: 30px; align-items: end; padding-top: 50px; } .about-style-two-thumb img { border-radius: 10px; } .certification { margin: 0; background: var(--bg-gradient); font-size: 40px; position: absolute; left: 40%; top: 0; right: 0; padding: 30px; font-weight: 600; color: var(--white); clip-path: polygon( 45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975% ); height: 280px; width: 280px; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; } .certification img { height: 70px; margin-bottom: 20px; } .certification h4 { margin: 0; color: var(--white); font-weight: 600; } .about-style-two-thumb h2 strong { display: block; font-size: 60px; line-height: 1; font-weight: 600; } .about-style-two-info h2 { font-weight: 600; margin-bottom: 35px; } .about-style-two-info ul li { float: left; margin-right: 30px; padding-right: 30px; border-right: 1px solid #dddddd; display: flex; } .about-style-two-info ul li:last-child { margin-right: 0; padding-right: 0; border: none; } .about-style-two-info ul li .counter { font-size: 30px; font-weight: 700; } .about-style-two-info ul li i { display: inline-block; font-size: 60px; line-height: 1; margin-right: 20px; color: var(--color-primary); } .about-style-two-info ul li i::before { line-height: inherit; } .about-style-two-info ul li span.medium { color: var(--color-paragraph); } .about-style-two-info ul { margin-top: 40px; } .list-item-style-two { display: flex; margin-top: 35px; position: relative; z-index: 1; } .list-item-style-two .number { display: inline-block; height: 50px; width: 50px; text-align: center; line-height: 50px; min-width: 50px; background: var(--dark); color: var(--white); font-weight: 600; border-radius: 50%; margin-right: 25px; } .list-item-style-two p { margin: 0; } .list-item-style-two::after { position: absolute; left: 25px; bottom: -21px; content: ""; height: 60%; width: 1px; border-left: 1px dashed #8f8e8e; z-index: -1; } .list-item-style-two:last-child::after { display: none; } .list-item-style-two h4 { font-weight: 600; } .about-style-three .thumb img { max-width: 140%; margin-left: -40%; border-radius: 10px; } .shape-light-bottom { position: relative; z-index: 1; } .shape-light-bottom::after { position: absolute; left: 0; bottom: 0; content: ""; height: 150px; width: 100%; background: var(--white); z-index: -1; } .about-style-three .thumb { position: relative; z-index: 1; padding-top: 126px; } .about-style-three .experience { position: absolute; left: 0; top: 0; height: 260px; width: 260px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 1; border: 15px solid var(--bg-gray); background: var(--white); } .about-style-three .experience h2 { margin: 0; font-size: 18px; font-weight: 600; } .about-style-three .experience h2 strong { display: block; font-size: 60px; font-weight: 600; margin-bottom: 5px; color: var(--color-primary); } .about-style-three .experience::after { position: absolute; right: 0; top: 0; content: ""; height: 100%; width: 100%; border-radius: 50%; z-index: -1; } .about-style-three { position: relative; } .about-style-three .fixed-text { position: absolute; left: 0; bottom: 50px; width: 150%; } .about-style-three .fixed-text h2 { color: var(--color-heading); margin: 0; font-size: 150px; font-weight: 600; line-height: 1; } .about-style-three .fun-fact { display: inline-block; margin-left: 50px; border-left: 1px solid #c6c6c6; padding-left: 50px; } .about-style-three .fun-fact:first-child { margin: 0; padding: 0; border: none; } .about-style-three .fun-fact .counter { color: var(--color-primary); } .about-style-three .fun-fact .medium { font-size: 20px; } .company-autor { display: flex; align-items: center; justify-content: space-between; position: absolute; width: 100%; bottom: 0; } .company-autor .right-info img { height: 75px; } .company-autor .left-info { display: flex; align-items: center; } .company-autor .left-info img { height: 80px; border-radius: 50%; margin-right: 15px; } .company-autor .left-info h4 { margin: 0; font-weight: 600; margin-bottom: 2px; } .shape-right-bottom-actual { position: absolute; right: 0; bottom: 150px; max-width: 30%; } .about-style-four-thumb img { border-radius: 10px; } .about-style-four-info .about-list-box { margin-left: -25%; background: var(--white); padding: 30px; padding-top: 0; border-bottom-left-radius: 10px; position: relative; z-index: 1; padding-right: 0; } .about-style-four-info .about-list-box::before { position: absolute; left: -25px; top: -9px; content: ""; height: 34px; width: 16px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 var(--white); transform: rotate(-90deg); } .about-style-four-info .about-four-list { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; list-style: none; border: 1px solid #e7e7e7; overflow: hidden; border-radius: 10px; background: var(--white); } .about-style-four-info .about-four-list li { padding: 35px; border-right: 1px solid #e7e7e7; } .about-style-four-info .about-four-list li:last-child { border: none; } .about-style-four-info .about-four-list li h4 { font-size: 20px; margin: 0; } .about-style-four-info .about-four-list li img { height: 50px; margin-bottom: 30px; } .about-style-four-info .thumb { position: relative; z-index: 1; } .about-style-four-info .thumb::before { position: absolute; left: -58px; top: -9px; content: ""; height: 34px; width: 16px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 var(--white); transform: rotate(-90deg); } .about-style-four-info .thumb > img { border-radius: 10px; } .clients-card img { height: 50px; width: 50px; } .clients-card .clients img { border-radius: 50%; border: 1px solid var(--white); margin-left: -20px; } .clients-card i { display: inline-block; height: 50px; width: 50px; background: var(--bg-gradient); border-radius: 50%; border: 1px solid var(--white); text-align: center; line-height: 50px; color: var(--white); font-weight: 200; margin-left: -25px; } .clients-card .clients { margin-left: 20px; margin-bottom: 15px; } .about-style-four-info .clients-card { position: absolute; z-index: 1; right: 0; bottom: 0; background: var(--white); padding: 30px; border-top-left-radius: 10px; padding-bottom: 0; padding-right: 0; } .about-style-four-info .clients-card::after { position: absolute; right: 3px; top: -35px; content: ""; height: 35px; width: 16px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 var(--white); } .about-style-four-info .clients-card::before { position: absolute; left: -17px; bottom: 0; content: ""; height: 35px; width: 17px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 var(--white); } .clients-card h5 { text-transform: uppercase; margin: 0; margin-bottom: -5px; } .about-style-five-left-info { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; } .about-style-five-left-info img { border-radius: 10px; } .about-style-five-left-info .fun-fact { height: 100%; background: var(--bg-gray); padding: 30px 50px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 10px; } .about-style-five-left-info .fun-fact h4 { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 30px; } .about-style-five-left-info .fun-fact h4 a { display: inline-block; height: 45px; width: 45px; min-width: 45px; text-align: center; line-height: 45px; background: var(--dark); color: var(--white); border-radius: 50%; transform: rotate(-45deg); } .about-style-five-left-info .fun-fact h4 a i { font-weight: 100; } .about-style-five-left-info .fun-fact h4 a:hover { background: var(--color-primary); transform: rotate(0); } .color-style-two .about-style-five-left-info .fun-fact { background: var(--bg-gradient-two); } .color-style-two .about-style-five-left-info .fun-fact .counter { color: var(--white); } .color-style-two .about-style-five-left-info .fun-fact h4 { color: var(--white); } .color-style-two .about-style-five-left-info .fun-fact a { background: var(--white); color: var(--color-heading); } .color-style-two .about-style-five-left-info .fun-fact a:hover { background: var(--dark); color: var(--white); } .skill-facts-area { background-repeat: no-repeat; background-position: right top; background-size: 10%; } .skill-fact-info .circle-progress { display: flex; gap: 40px; text-align: center; margin-top: 30px; } .skill-fact-info .circle-progress .circle { position: relative; } .skill-fact-info .circle-progress .circle strong { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 24px; margin-top: -5px; color: var(--white); } .skill-fact-info .circle-progress .progressbar h4 { margin: 0; margin-top: 10px; font-size: 20px; color: var(--white); } .faq-area { position: relative; z-index: 1; } .faq-sahpe img { position: absolute; left: 0; bottom: 0; z-index: -1; } .faq-sahpe img:first-child { left: auto; right: 20px; bottom: -50px; animation: fadeRightLeft 5s ease-out infinite; } .faq-sahpe img:nth-child(2) { max-width: 200px; } .faq-style-one button.accordion-button { color: var(--color-heading); font-size: 18px; font-weight: 600; padding: 25px !important; background: var(--white) !important; border-radius: 10px !important; padding-right: 60px !important; position: relative; border-radius: 10px !important; box-shadow: inherit; border-bottom: 1px solid transparent !important; } .faq-style-one button.accordion-button::after { background: transparent; content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 100; font-size: 25px; position: absolute; top: 22px; right: 25px; } .faq-style-one button.accordion-button:not(.collapsed)::after { -webkit-transform: inherit; transform: inherit; content: "\f106"; } .faq-style-one button.accordion-button:focus { background: transparent; color: var(--color-heading); border: none; -webkit-box-shadow: inherit; box-shadow: inherit; padding-left: 0; font-weight: 600; } .faq-style-one .accordion-item { background: var(--white); border: none; margin-top: 15px; box-shadow: 0 25px 70px rgb(0 0 0 / 7%) !important; border-radius: 10px; } .faq-style-one .accordion-item:first-child { margin-top: 0; } .faq-style-one .accordion-item h2 { margin: 0; border: none; } .faq-style-one .accordion-body { padding: 30px; position: relative; z-index: 1; } .faq-style-one .accordion-body p { margin: 0; color: var(--color-paragraph); } .faq-style-one button.accordion-button strong { display: inline-block; height: 35px; width: 35px; line-height: 34px; text-align: center; border-radius: 50%; margin-right: 12px; border: 1px solid #e7e7e7; } .accordion-item .accordion-button:not(.collapsed) { background: var(--color-primary) !important; border-radius: 10px 10px 0 0 !important; color: var(--white) !important; } .secondary .accordion-item .accordion-button:not(.collapsed) { background: var(--bg-gradient-secondary) !important; } .shape-left-center { left: -200px; position: absolute; bottom: 80px; z-index: -1; } .faq-style-one { position: relative; z-index: 1; } .faq-style-one::after { position: absolute; left: -120px; top: 180px; content: ""; height: 250px; width: 250px; background: linear-gradient(-62.5deg, transparent, rgba(237, 245, 255, 0.2)); z-index: -1; border-radius: 50%; } .secondary.faq-style-one::after { left: auto; right: -100px; top: -50px; bottom: auto; height: 200px; width: 200px; background: linear-gradient(62.5deg, transparent, rgba(237, 245, 255, 0.9)); } .faq-style-one-area { background-size: 50%; background-repeat: no-repeat; background-position: left bottom; } .faq-sidebar { position: relative; z-index: 9; } .faq-sidebar-item { padding: 50px; overflow: hidden; border-radius: 7px; } .faq-sidebar-item h4 { border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 15px; font-size: 24px; font-weight: 600; margin-bottom: 25px; } .faq-sidebar-item li { margin-top: 7px; } .bg-gradient .accordion-item .accordion-button:not(.collapsed) { background: var(--dark) !important; } .triangle-shape { max-width: 12%; position: absolute; left: 0; top: -120px; } .center-shape { position: absolute; right: 0; top: 0; height: 100%; width: 40%; background-repeat: no-repeat; background-size: contain; } .services-style-one-item { background: var(--white); padding: 67px 50px; position: relative; z-index: 1; border-radius: 20px; box-shadow: 0 5px 3px rgb(3 27 78 / 8%); } .services-style-one-item .icon img { height: 80px; } a.round-btn { display: inline-block; height: 60px; width: 60px; text-align: center; line-height: 60px; transform: rotate(45deg); background: var(--color-primary); border-radius: 50%; } .services-style-one-item a.round-btn { margin-top: 10px; } .services-style-one-item span { position: absolute; right: 65px; font-size: 60px; font-weight: 800; line-height: 1; opacity: 0.07; top: 80px; z-index: -1; } .services-style-one-item .icon { position: relative; margin-bottom: 30px; display: inline-block; padding-right: 30px; padding-bottom: 60px; } .services-style-one-item .icon::after { position: absolute; left: -50px; bottom: 0; content: ""; height: 30px; right: 70px; border: 1px solid #cccccc; border-left: none; border-top: none; border-bottom-right-radius: 10px; } .services-style-one-item .icon::before { position: absolute; right: 66px; bottom: 25px; content: ""; height: 10px; width: 10px; background: #cccccc; border-radius: 50%; z-index: 1; } .services-details-area .thumb img { margin-bottom: 40px; } .services-details-area h1, .services-details-area h2, .services-details-area h3, .services-details-area h4, .services-details-area h5, .services-details-area h6 { font-weight: 600; } .feature-list-item { margin: 0; padding: 0; list-style: none; } .feature-list-item li { position: relative; z-index: 1; padding-left: 30px; margin-top: 8px; font-weight: 500; } .feature-list-item li::after { position: absolute; left: 0; top: 5px; content: "\f00c"; font-family: "Font Awesome 5 Pro"; color: var(--white); font-weight: 500; font-size: 11px; height: 18px; width: 18px; line-height: 18px; background: var(--color-primary); text-align: center; border-radius: 50%; } .quick-contact-widget { background-size: cover; position: relative; z-index: 1; padding: 60px 37px; background-position: center center; overflow: hidden; border-radius: 10px; } .quick-contact-widget .content { position: relative; z-index: 1; } .quick-contact-widget h2 { font-weight: 600; margin-bottom: 10px; margin-top: 25px; } .quick-contact-widget h4 a { font-weight: 400; border-bottom: 2px solid; } .quick-contact-widget i { display: inline-block; height: 60px; width: 60px; line-height: 60px; font-weight: 100; background: #ffffff; color: var(--color-primary); font-size: 22px; border-radius: 50%; margin-bottom: 40px; position: relative; } .quick-contact-widget i::after { position: absolute; left: -10px; top: -10px; content: ""; height: 80px; width: 80px; background: #ffffff; z-index: -1; border-radius: 50%; opacity: 0.8; } .quick-contact-widget::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: var(--dark); z-index: -1; opacity: 0.3; border-radius: 7px; } .quick-contact-widget .btn-sm { font-size: 16px; } .services-sidebar .single-widget { margin-top: 50px; } .services-sidebar .single-widget .widget-title { display: block; font-weight: 600; margin-bottom: 30px; margin-top: -5px; position: relative; z-index: 1; display: inline-block; padding-bottom: 15px; } .services-sidebar .single-widget .widget-title::after { position: absolute; left: 10px; bottom: 0; content: ""; height: 3px; width: 50px; border-bottom: 3px solid var(--color-primary); } .services-sidebar .single-widget .widget-title::before { position: absolute; left: 0; bottom: 0; content: ""; height: 3px; width: 5px; background: var(--color-primary); } .services-sidebar .single-widget h4.widget-title { font-size: 24px; } .services-sidebar .single-widget:first-child { margin-top: 0; } .widget-brochure ul { padding-left: 0; list-style: none; } .widget-brochure ul li a { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; background: #ffffff; padding: 20px 25px; border-radius: 5px; border: 2px solid #cddff7; color: var(--color-heading); } .widget-brochure ul li a:hover { color: var(--color-primary); } .widget-brochure ul li:first-child a { margin-top: 0; } .widget-brochure ul li:first-child a, .widget-brochure ul li a:hover { background: var(--color-primary); border-color: transparent; color: var(--white); } .widget-brochure ul li i { font-size: 35px; font-weight: 100; margin-right: 16px; display: inline-block; text-align: center; border-radius: 50%; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .widget-brochure ul li:hover i, .widget-brochure ul li:first-child i { color: var(--white); } @media only screen and (max-width: 767px) { .services-more .row { margin-top: -20px; } } .services-more .item { overflow: hidden; margin-top: 15px; position: relative; border-radius: 10px; box-shadow: 0 3px 3px rgb(3 27 78 / 8%); background: var(--white); padding: 50px; border: 1px solid #e7e7e7; border-bottom: none; } .services-more .item i::before { line-height: inherit; } @media only screen and (max-width: 767px) { .services-more .item { margin-top: 30px; padding: 50px 30px; border: 1px solid #dddddd; } } .services-more .item i { display: inline-block; font-size: 30px; margin-bottom: 30px; background: var(--color-primary); color: var(--white); height: 70px; width: 70px; text-align: center; line-height: 70px; border-radius: 50%; } .services-more .item a { color: var(--color-heading); } .services-more .item a:hover { color: var(--color-primary); } .services-more .item p { margin: 0; } .service-single-thumb { position: relative; z-index: 1; } .service-single-thumb img { margin-bottom: 40px; } .services-list-widget { padding: 50px; border-radius: 10px; padding-top: 60px; background: var(--bg-gray); } .services-list-widget a { display: block; padding: 10px 0; font-weight: 600; position: relative; padding-right: 50px; } .services-list-widget .current-item a { color: var(--color-primary); font-weight: 600; } .services-list-widget li { border-top: 1px solid rgba(0, 0, 0, 0.1); } .services-list-widget li:first-child { border: none; margin-top: -10px; } .services-list-widget a i { float: right; font-weight: 400; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .services-sidebar .single-widget.text-light .widget-title::after { border-color: var(--white); } .services-details-items img { border-radius: 10px; } .services-list-widget a::after { position: absolute; right: 0; top: 10px; content: "\f067"; font-family: "Font Awesome 5 Pro"; font-weight: 100; transition: all 0.35s ease-in-out; opacity: 0; } .services-list-widget .current-item a::after { opacity: 1; } .dark .accordion-item .accordion-button:not(.collapsed) { background: var(--dark) !important; } .choose-us-style-one-area { position: relative; z-index: 1; overflow: hidden; } .choose-us-style-one-area::after { position: absolute; left: -10%; top: 0; content: ""; height: 100%; width: 60%; background: var(--dark); z-index: -1; transform: skewX(-10deg); } .cover-bg { position: absolute; right: 0; top: 0; height: 100%; width: 60%; background-size: cover; background-position: center; z-index: -1; } .choose-us-style-one-area .text-invisible { position: absolute; right: 0; bottom: 30px; font-size: 7vw; text-transform: uppercase; z-index: 9; font-weight: 600; opacity: 0.5; line-height: 1; } .list-item { position: relative; padding-left: 30px; z-index: 1; } .list-item li { margin-top: 35px; } .list-item li h4 { font-weight: 600; font-size: 22px; } .choose-us-style-one p { color: #d1d1d7; margin: 0; } .list-item::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 7px; background: var(--color-primary); } .choose-us-style-one { position: relative; z-index: 1; } .choose-us-style-one .shape-circle { position: absolute; left: -80px; top: -59px; z-index: -1; } .shape-left-top img { height: 100%; } .shape-left-top { max-width: 10%; position: absolute; left: 0; top: 0; } .choose-us-style-thumb { position: relative; z-index: 1; text-align: center; margin-left: 100px; height: 100%; display: flex; flex-direction: column; justify-content: end; } .choose-us-style-thumb .shape { position: absolute; right: 80px; top: 50px; z-index: -1; width: 100%; } .choose-us-style-thumb .fun-fact { position: absolute; right: -100px; bottom: 40%; background: rgba(255, 255, 255, 0.9); padding: 30px 45px; box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); border-radius: 8px; } .choose-us-style-thumb .fun-fact .medium { font-size: 20px; font-weight: 500; } .choose-us-style-two .expertise { display: flex; align-items: center; justify-content: space-between; padding-right: 70px; border-radius: 30px; position: relative; z-index: 1; background-size: 70%; background-position: right; margin-top: 35px; } .choose-us-style-two .expertise .left { padding: 50px; background: var(--white); border-radius: 30px 0 0 30px; border: 1px solid #e7e7e7; } .choose-us-style-two .expertise::after { position: absolute; right: 0; top: 0; content: ""; height: 100%; width: 80%; background: var(--dark); z-index: -1; opacity: 0.3; border-radius: 30px; mix-blend-mode: multiply; } .video-play-button.with-text { width: auto; background: transparent; } .video-play-button.with-text .effect { height: 60px; width: 60px; left: 0; background: var(--white); top: 0; opacity: 1; z-index: 1; } .video-play-button.with-text .effect::after { background: var(--white); height: 100%; width: 100%; z-index: inherit; animation-delay: 0s; } .choose-us-style-two .expertise .left h2 { font-size: 20px; color: var(--color-heading); margin: 0; } .choose-us-style-two .expertise .left h2 strong { display: block; font-size: 80px; line-height: 1; } .choose-us-style-two ul.list-style-one { margin-top: 30px; } .list-style-one { margin: 0; padding: 0; list-style: none; } .list-style-one li { font-size: 17px; font-weight: 500; color: #232323; position: relative; padding-left: 35px; margin-top: 10px; } .list-style-one li::after { position: absolute; left: 0; top: 2px; content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-size: 13px; height: 23px; width: 23px; line-height: 23px; border: 1px solid #e7e7e7; text-align: center; border-radius: 5px; color: var(--color-primary); font-weight: 500; } .choose-us-style-three-area { position: relative; z-index: 1; overflow: hidden; } .choose-us-style-three-area .shape { position: absolute; left: 0; bottom: 0; z-index: -1; max-width: 50%; } .choose-us-style-three-thumb { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: -120px; position: relative; bottom: -120px; } .choose-us-style-three-info .d-flex { gap: 50px; justify-content: space-between; margin-top: 35px; } .choose-us-style-three-info .fun-fact { display: flex; flex-direction: column; justify-content: center; align-items: center; } .choose-us-style-three-info .fun-fact { background: var(--dark); padding: 35px; border-radius: 10px; } .choose-us-style-three-info .fun-fact .counter { color: var(--white); } .choose-us-style-three-info .fun-fact .medium { color: var(--white); } ul.list-style-two { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; } ul.list-style-two li { padding-left: 28px; position: relative; z-index: 1; } ul.list-style-two li::after { position: absolute; left: 0; top: 4px; content: "\f00c"; font-family: "Font Awesome 5 Pro"; background: var(--color-primary); height: 18px; width: 18px; text-align: center; line-height: 19px; color: var(--white); font-weight: 400; font-size: 12px; border-radius: 50%; } .color-style-two ul.list-style-two li::after { background: var(--bg-gradient-two); } .choose-us-style-three-info .progress-box { margin-top: 35px; } .choose-us-style-three-info .progress-box .progress { height: 10px; border-radius: 30px; overflow: hidden; background: #bccdd4; overflow: inherit; position: relative; } .choose-us-style-three-info .progress-box .progress .progress-bar { background: var(--bg-gradient); border-radius: 30px; position: absolute; left: 0; top: -4px; height: 100%; } .choose-us-style-three-info .progress-box h5 { margin-bottom: 20px; font-size: 22px; } .choose-us-style-four-area { position: relative; z-index: 1; overflow: hidden; } .half-shape-dark-top { position: relative; z-index: 1; overflow: hidden; } .half-shape-dark-top::after { position: absolute; left: 0; top: 0; content: ""; height: 40%; width: 100%; background: var(--dark); z-index: -1; } .choose-us-four-thumb { position: relative; padding-left: 50px; padding-top: 50px; } .choose-us-four-thumb img { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.5); } .choose-us-four-thumb img:nth-child(2) { position: absolute; left: 0; top: 0; max-width: 45%; } .choose-us-four-thumb img:nth-child(3) { border: none; border-radius: 0; max-width: 38%; position: absolute; top: 20px; right: -30px; z-index: -1; } .choose-us-four-thumb .btn { margin-top: 30px; } .choose-us-four-thumb::after { position: absolute; left: 0; bottom: 0; content: ""; height: 50%; width: 50%; background: var(--bg-gradient-two); z-index: -1; border-radius: 10px; opacity: 0.2; } ul.list-card-two { margin: 0; list-style: none; padding: 40px; background: rgba(255, 255, 255, 0.06); border-radius: 10px; margin-top: 30px; } ul.list-card-two li p { margin: 0; } ul.list-card-two li { margin-top: 30px; padding-left: 50px; position: relative; z-index: 1; } ul.list-card-two li:first-child { margin-top: 0; } ul.list-card-two li::after { position: absolute; left: 0; top: 0; content: "\f00c"; font-family: "Font Awesome 5 Pro"; height: 30px; width: 30px; text-align: center; line-height: 30px; background: var(--bg-gradient); border-radius: 3px; } .color-style-two ul.list-card-two li::after { background: var(--bg-gradient-two); } .ceo-quote { display: flex; align-items: center; } .ceo-quote h4 { margin-bottom: 5px; } .ceo-quote .right { border-left: 1px solid #aeb7c0; margin-left: 30px; padding-left: 30px; } .expertise-style-one-info .ceo-quote { margin-top: 30px; border-top: 1px solid #aeb7c0; } .ceo-quote img { height: 60px; } .expertise-style-one-info .ceo-quote .left { padding-top: 30px; } .expertise-style-one-info .ceo-quote .right { padding-top: 30px; } .expertise-style-one-thumb .skill-items { margin-top: 30px; } .expertise-style-one-thumb .skill-items .progress-box .progress { background: #eadde7; height: 13px; position: relative; border-radius: 16px; } .expertise-style-one-thumb .skill-items .progress-box .progress .progress-bar { position: absolute; left: 3px; top: 3px; } .color-style-two .expertise-style-one-thumb .skill-items .progress-box .progress .progress-bar { background: var(--bg-gradient-two); } .expertise-style-one-thumb .skill-items .progress-box h5 { margin-bottom: 15px; } .large-shape { position: absolute; right: 0; top: -120px; max-width: 20%; } .process-style-one-area { background-size: cover; } .process-style-one .thumb { position: relative; z-index: 1; height: 250px; width: 250px; border-radius: 50%; overflow: hidden; margin: auto auto 30px; } .process-style-one .thumb::after { position: absolute; left: 0; bottom: -100%; content: ""; height: 100%; width: 110%; background: url(../img/shape/14.png); background-size: contain; background-repeat: no-repeat; background-position: center bottom; transition: all 0.35s ease-in-out; } .process-style-one .thumb::before { position: absolute; left: 0; bottom: 0; content: ""; height: 40%; width: 100%; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 130%) repeat scroll 0 0; mix-blend-mode: multiply; } .process-style-one p { margin: 0; } .process-style-one { padding: 0 30px; } .process-style-one h4 { font-weight: 600; font-size: 24px; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; } .process-style-one .thumb span { font-weight: 600; position: absolute; bottom: -20px; font-size: 80px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ffffff; text-transform: uppercase; font-family: Calibri; left: 55px; z-index: 1; transition: all 0.35s ease-in-out; line-height: 1; } .process-style-one:hover .thumb::after { bottom: 0; } .active.process-style-one .thumb::after { bottom: 0; } .process-style-one img { transition: all 0.35s ease-in-out; } .active .process-style-one:hover .thumb::before { opacity: 0; } .process-style-two { position: relative; z-index: 1; padding: 50px; background: var(--white); border-radius: 15px; padding-top: 95px; overflow: hidden; } .process-style-two-area .shape { position: absolute; left: 0; top: -100px; max-width: 10%; } .process-style-two .icon { margin-top: 30px; } .process-style-two span { display: inline-block; height: 85px; width: 60px; text-align: center; line-height: 100px; background: var(--bg-gradient-secondary); border-radius: 50px; color: var(--white); font-size: 22px; font-weight: 700; position: absolute; top: -22px; } .process-style-two-area { position: relative; z-index: 1; overflow: hidden; } .process-style-two-area::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 48%; background: var(--bg-gradient); z-index: -1; } .process-style-two h4 { color: var(--color-heading); } .bg-dark .process-style-two p { color: var(--color-paragraph); } .process-style-three-items { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 30px; grid-column-gap: 25%; position: relative; z-index: 1; } .process-style-three { box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); background: rgba(255, 255, 255, 0.5); text-align: center; overflow: hidden; border-radius: 10px; } .process-style-three h4 { background: var(--bg-gradient); color: var(--white); padding: 20px; margin: 0; } .process-style-three .info { padding: 40px; } .process-style-three .info p { margin: 0; } .process-style-three:nth-child(2n) { display: flex; flex-direction: column-reverse; } .process-style-three:nth-child(2n) img { margin: 0; margin-bottom: 30px; } .process-style-three img { margin-bottom: 30px; } .process-arrow { position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; height: 100%; } .process-arrow img { height: 100%; object-fit: contain; object-position: center; } .process-style-three:first-child { position: relative; right: 130px; } .process-style-three:nth-child(4) { position: relative; left: 130px; } .technology-index-area { background-repeat: no-repeat; background-position: right bottom; } .bg-dark p { color: #d1d1d7; } ul.tech-index-items { margin: 0; padding: 0; list-style: none; margin-top: 35px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } ul.tech-index-items li a { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(45deg, #18306b 0%, #17368a 100%); border-radius: 10px; padding: 15px 20px; border: 1px solid rgba(255, 255, 255, 0.1); } ul.tech-index-items li a img { height: 30px; } ul.tech-index-items li a .left { display: flex; align-items: center; gap: 15px; } ul.tech-index-items li a .left h4 { text-transform: uppercase; margin: 0; } ul.tech-index-items li a .left i { font-size: 40px; } ul.tech-index-items li a .left i.fa-robot { font-size: 35px; } ul.tech-index-items li a .left i.fa-router { font-size: 32px; } ul.tech-index-items li a .left i.fa-apple { font-size: 42px; } ul.tech-index-items li a svg { transition: all 0.35s ease-in-out; } ul.tech-index-items li a:hover svg { transform: rotate(45deg); } .left-heading-two { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; } .left-heading-two .left-info { position: relative; z-index: 1; padding-right: 50px; padding-bottom: 50px; } .left-heading-two .right-info { position: relative; z-index: 1; padding-left: 50px; padding-top: 50px; } .left-heading-two .left-info::after { position: absolute; left: 0; bottom: 0; content: ""; height: 50%; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-bottom-right-radius: 30px; border-right: 1px solid rgba(255, 255, 255, 0.2); } .left-heading-two .right-info::after { position: absolute; left: -1px; top: 0; content: ""; height: 50%; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); border-left: 1px solid rgba(255, 255, 255, 0.2); border-top-left-radius: 30px; } .left-heading-two .left-info h2 { margin: 0; } .left-heading-two .right-info .fun-fact { border-right: 1px solid rgba(255, 255, 255, 0.2); padding-right: 50px; margin-right: 50px; } .left-heading-two .right-info .fun-fact:last-child { padding-right: 0; margin-right: 0; border: none; } .left-heading-two .right-info .fun-fact .counter { color: var(--white); font-size: 60px; } .left-heading-two .right-info .fun-fact h4 { font-size: 20px; } .left-heading-two .right-info .fun-fact span.medium { color: var(--white); opacity: 0.9; font-weight: 600; } .technology-index-two-items { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 30px; margin-top: 50px; } .tech-index-two-item a { display: block; padding: 30px; background: rgba(255, 255, 255, 0.05); border-radius: 10px; overflow: hidden; position: relative; z-index: 1; } .tech-index-two-item img { max-height: 60px; margin-bottom: 20px; transition: all 0.35s ease-in-out; } .tech-index-two-item h5 { text-transform: uppercase; margin: 0; } .tech-index-two-item a::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: var(--bg-gradient); z-index: -1; transition: all 0.35s ease-in-out; transform: scale(0); border-radius: 10px; } .tech-index-two-item a:hover::after { transform: scale(1); } .color-style-two .tech-index-two-item a::after { background: var(--bg-gradient-two); } .tech-index-two-item img:nth-child(2) { position: absolute; left: 50%; transform: translateX(-50%); margin-top: 20px; opacity: 0; visibility: hidden; } .tech-index-two-item:hover img:nth-child(2) { margin: 0; visibility: visible; opacity: 1; } .tech-index-two-item:hover img:first-child { opacity: 0; visibility: hidden; } .partner-map { background-size: contain; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; } .partner-map h2 { font-size: 250px; font-weight: 600; display: inline-block; line-height: 0.8; position: relative; margin-top: -10px; margin-bottom: 20px; } .partner-map h2 span { position: absolute; font-size: 40px; color: var(--color-primary); } .partner-map h4 { margin: 0; font-weight: 600; font-size: 36px; } .mask-text { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: cover; background-position: center; margin: 0; line-height: 1; text-transform: capitalize; } .partner-items ul { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 0; position: relative; z-index: 1; overflow: hidden; text-align: center; border: 1px solid #e7e7e7; border-radius: 10px; } .partner-items ul img { width: auto; text-align: center; margin: auto; } .partner-items ul li::after { position: absolute; right: -2px; top: 0; content: ""; height: 100%; width: 1px; background: #e7e7e7; } .partner-items ul li::before { position: absolute; bottom: -2px; left: 0; content: ""; width: 100%; height: 1px; background: #e7e7e7; } .partner-items ul li { position: relative; padding: 45px 30px; display: flex; align-items: center; } .partner-heading { position: relative; z-index: 1; } .partner-heading::after { position: absolute; right: 0; top: -200px; content: ""; height: 500px; width: 30px; background: var(--white); transform: skewX(-10deg); } .partner-heading::before { position: absolute; right: 5px; top: -200px; content: ""; height: 500px; width: 400%; background: var(--dark); z-index: -1; transform: skewX(-10deg); } .partner-heading h3 { margin: 0; font-weight: 600; line-height: 1.3; } .partner-heading h3 strong { font-size: 36px; font-weight: 600; color: var(--color-secondary); text-decoration: underline; } .partner-shape { position: absolute; right: 0; bottom: 0; height: 100%; width: 50%; background-size: contain; background-repeat: no-repeat; z-index: -1; background-position: right bottom; } .partner-style-two-area { position: relative; z-index: 1; } .bg-contain-center { background-size: contain; background-position: center top; background-repeat: no-repeat; } .team-style-one { margin-bottom: 50px; } .team-style-one .thumb { position: relative; overflow: hidden; margin-bottom: 20px; } .team-style-one .thumb .social { position: absolute; left: -80px; right: 50px; bottom: 0; padding: 15px; background: var(--color-primary); z-index: 1; text-align: center; transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; } .team-style-one.active .thumb .social, .team-style-one:hover .thumb .social { left: 0; opacity: 1; visibility: visible; } .team-style-one .thumb .social ul li { display: inline-block; margin: 0 15px; } .team-style-one .thumb .social ul li a { display: inline-block; color: var(--white); } .team-style-one .thumb::after { position: absolute; left: -120px; bottom: -50px; content: ""; height: 200px; width: 200px; background: var(--dark); transform: skewX(40deg); opacity: 0; transition: all 0.15s ease-in-out; visibility: hidden; } .team-style-one.active .thumb::after, .team-style-one:hover .thumb::after { opacity: 0.5; visibility: visible; bottom: 0; transition-delay: 200ms; } .team-style-one .thumb::before { position: absolute; right: -99px; bottom: -100px; content: ""; height: 200px; width: 130px; background: var(--color-primary); opacity: 0; visibility: hidden; transform: skewX(-40deg); transition: all 0.35s ease-in-out; } .team-style-one.active .social, .team-style-one:hover .social { left: 0; opacity: 1; visibility: visible; } .team-style-one.active .thumb::before, .team-style-one:hover .thumb::before { opacity: 0.5; visibility: visible; bottom: 0; transition-delay: 400ms; transition-duration: 200ms; } .team-style-one h4 { margin: 0; } .team-style-two-area { background-repeat: no-repeat; background-position: left bottom; } .team-style-two .info { padding: 30px; position: relative; max-width: 85%; } .team-style-two .title { font-size: 24px; margin-bottom: 5px; } .team-style-two .thumb { padding-left: 70px; position: relative; z-index: 1; } .team-style-two .thumb::after { position: absolute; left: 25px; top: 0; content: ""; height: 0; width: 20px; background: var(--color-primary); border-radius: 10px; transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; } .secondary .team-style-two .thumb::after { background: var(--color-secondary); } .team-style-two:hover .thumb::after { height: 50%; opacity: 1; visibility: visible; } .team-style-two .info::after { position: absolute; left: 0; bottom: 0; content: ""; height: 150%; width: 100%; background: var(--white); z-index: -1; border-radius: 10px; box-shadow: 0 5px 3px rgb(3 27 78 / 8%); } .team-style-two .thumb img { border-radius: 10px; } .team-style-two .social { display: inline-block; position: absolute; left: 15px; bottom: 0; } .team-style-two .social a { display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; background: var(--color-secondary); color: var(--white); border-radius: 50%; margin-top: 10px; } .team-style-two .social li { transition: all 0.35s ease-in-out; transform: translateY(10px); opacity: 0; visibility: hidden; } .team-style-two .social li:nth-child(2) { transform: translateY(20px); } .team-style-two .social li:first-child { transform: translateY(30px); } .team-style-two:hover .social li { transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 20ms; } .team-style-two:hover .social li:nth-child(2) { transform: translateY(0); transition-delay: 30ms; } .team-style-two:hover .social li:first-child { transform: translateY(0); transition-delay: 40ms; } .team-style-two .social li.facebook a { background: #3B5998; } .team-style-two .social li.twitter a { background: #1DA1F2; } .team-style-two .social li.pinterest a { background: #E60023; } .team-style-two .social li.g-plus a { background: #DB4437; } .team-style-two .social li.linkedin a { background: #0077B5; } .team-style-two .social li.dribbble a { background: #ea4c89; } .team-style-three-items { margin-top: -50px; } .team-style-three-item { margin-top: 50px; } .team-style-three-item .thumb { position: relative; padding: 15px; background-size: cover; max-width: 350px; margin: auto auto 30px; } .team-style-three-item .thumb img { border-radius: 50%; } .team-style-three-item .item { padding: 0 20px; } .social-overlay { position: absolute; right: 50px; bottom: 3px; z-index: 1; } .social-overlay .icon i { display: inline-block; height: 45px; width: 45px; line-height: 42px; text-align: center; background: var(--dark); color: var(--white); border-radius: 50%; cursor: pointer; font-weight: 400; border: 2px solid; } .team-style-three-item h4 { margin-bottom: 5px; } .social-overlay ul li { display: block; text-align: center; margin-bottom: 10px; } .social-overlay ul li a { display: inline-block; } .social-overlay ul li a i { display: inline-block; height: 42px; width: 42px; line-height: 42px; background: var(--color-primary); color: var(--white); border-radius: 50%; opacity: 0; visibility: hidden; transform: translateY(40px); transition: all 0.35s ease-in-out; } .social-overlay ul li:first-child a i { transition-delay: 0.60ms; } .social-overlay ul li:nth-child(2) a i { transition-delay: 0.45ms; } .social-overlay ul li:nth-child(3) a i { transition-delay: 0.30ms; } .social-overlay ul li:nth-child(4) a i { transition-delay: 0.15ms; } .team-style-three-item .item:hover .thumb .social-overlay ul li a i { opacity: 1; visibility: visible; transform: translateY(0); } .social-overlay ul li a i.fa-facebook-f { background: #3B5998; } .social-overlay ul li a i.fa-dribbble { background: #ea4c89; } .social-overlay ul li a i.fa-linkedin-in { background: #0077B5; } .team-style-four-item { margin-top: 50px; } .team-style-two-items { margin-top: -50px; } .team-style-four-item .thumb { position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 5px; } .team-style-four-item .thumb span { position: absolute; left: 0; bottom: 0; background: var(--white); text-transform: uppercase; color: var(--color-heading); padding: 0 15px; border-top-right-radius: 10px; padding-top: 10px; z-index: 9; padding-right: 25px; padding-left: 0; font-size: 16px; font-weight: 500; } .team-style-four-item .thumb span::before { position: absolute; left: 8px; top: -19px; content: ""; height: 27px; width: 11px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 var(--white); transform: rotate(90deg); } .team-style-four-item .thumb span::after { position: absolute; right: -20px; bottom: -9px; content: ""; height: 29px; width: 11px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 var(--white); transform: rotate(90deg); } .team-style-four-item .item { position: relative; } .team-style-four-item .item:hover .social-overlay ul li a i { opacity: 1; visibility: visible; transform: translateY(0); } .team-style-four-item .item .social-overlay { right: 30px; } .color-style-two .social-overlay .icon i { background: var(--bg-gradient-two); } .team-style-four-item .item h4 { margin: 0; } .team-single-area .team-content-top { bottom: -50px; margin-top: -50px; position: relative; z-index: 1; } .team-single-area .team-content-top .right-info { padding-left: 35px; padding-right: 50px; margin-bottom: 50px; } .team-single-area .team-content-top .right-info h2 { font-weight: 600; } .team-single-area .team-content-top .right-info span { display: block; text-transform: uppercase; color: var(--color-primary); font-weight: 600; margin-bottom: 25px; } .team-single-area .right-info ul { margin-top: 25px; border-top: 1px solid #e7e7e7; padding-top: 17px; } .team-single-area .right-info ul li { margin-top: 10px; color: var(--color-heading); } .team-single-area .right-info ul li strong { font-weight: 600; } .team-single-area .right-info ul li a { font-weight: 400; } .team-single-area .right-info ul li a:hover { color: var(--color-primary); } .team-single-area .right-info .social { display: flex; margin-top: 25px; font-weight: 600; align-items: center; } .team-single-area .right-info .social h4 { font-weight: 600; margin-bottom: 0; margin-right: 25px; } .team-single-area .right-info .social ul { margin: 0; padding: 0; border: none; } .team-single-area .right-info .social .share-link { position: relative; z-index: 1; margin-left: 15px; padding-right: 20px; } .team-single-area .right-info .social .share-link > i { display: inline-block; height: 45px; background: var(--white); box-shadow: 0 0 10px #cccccc; line-height: 45px; width: 45px; text-align: center; border-radius: 50%; cursor: pointer; color: var(--color-primary); } .team-single-area .right-info .social ul { display: flex; list-style-type: none; grid-gap: 10px; padding: 0; margin: 0; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out 0s; } .team-single-area .right-info .social .share-link:hover ul { left: 58px; opacity: 1; pointer-events: auto; } .team-single-area .right-info .social ul li { display: inline-block; margin: 0; } .team-single-area .right-info .social ul li a { display: inline-block; height: 45px; width: 45px; line-height: 47px; background: #f1f1f1; text-align: center; border-radius: 50%; } .team-single-area .bottom-info h2 { font-weight: 600; margin-bottom: 25px; } .team-single-area .bottom-info p:last-child { margin-bottom: 0; } .team-single-area .bottom-info .skill-items { padding-left: 35px; } .skill-items .progress-box { margin-bottom: 35px; } .team-single-area .team-content-top img { border-radius: 30px; } .skill-items .progress-box:last-child { margin-bottom: 0; } .skill-items .progress-box h5 { text-transform: capitalize; font-weight: 600; margin-bottom: 5px; text-align: left; position: relative; z-index: 1; font-size: 18px; } .skill-items .progress-box h5 span { position: absolute; font-size: 50px; line-height: 1; top: -21px; left: 0; z-index: -1; opacity: 0.05; font-weight: 600; } .skill-items .skill-items { margin-top: 40px; } .skill-items .progress-box .progress { background: transparent; border-bottom: none; box-shadow: inherit; border-radius: inherit; overflow: inherit; } .skill-items .progress-box .progress .progress-bar { height: 6px; border-radius: 30px; background: var(--bg-gradient); top: 12px; position: relative; overflow: inherit; } .skill-items .progress-box .progress .progress-bar span { position: absolute; right: 0; top: -40px; display: block; font-size: 17px; color: var(--color-heading); font-weight: 700; } .team-single-list { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; } .team-list-item h4 { font-weight: 600; margin-bottom: 30px; font-size: 28px; } .team-list-item h5 { font-weight: 600; margin-bottom: 8px; } .team-list-item span { text-transform: none; margin-bottom: 5px; color: var(--color-heading); display: block; } .team-list-item li { margin-top: 30px; } .team-list-item li:first-child { margin-top: 0; } .team-single-list ul { border: none; margin-top: 0; padding: 0; } .skill-items h3 { font-weight: 600; margin-bottom: 30px; } .team-list-item ul { border-left: 1px solid; padding-left: 25px; } .team-list-item ul li { position: relative; z-index: 1; } .team-list-item ul li::after { position: absolute; left: -33px; top: 3px; content: ""; height: 15px; width: 15px; border: 2px solid var(--color-primary); border-radius: 50%; background: var(--white); } .pricing-style-one { border: 1px solid #e7e7e7; position: relative; z-index: 1; border-radius: 10px; background: var(--white); } .pricing-style-one .pricing-header { padding-bottom: 30px; border-bottom: 1px solid #e7e7e7; position: relative; } .pricing-style-one .pricing-content { padding-top: 25px; } .pricing-style-one .pricing-header h4 { font-weight: 600; } .pricing-style-one .pricing-header span { text-transform: uppercase; font-size: 14px; position: absolute; right: 30px; background: var(--white); bottom: -14px; padding: 0 19px; color: var(--color-heading); font-weight: 500; } .pricing-style-one { background-size: 200px; background-repeat: no-repeat; background-position: right bottom; padding: 50px 30px; } .pricing-style-one .pricing-header p { margin: 0; } .pricing-style-one .pricing-content h2 { font-weight: 600; font-size: 50px; } .pricing-style-one .pricing-content h2 strong { font-weight: 600; color: var(--color-primary); } .secondary .pricing-style-one .pricing-content h2 strong { color: var(--color-secondary); } .pricing-style-one .pricing-content h2 sub { font-size: 15px; font-weight: 400; left: -5px; } .pricing-style-one .pricing-content h2 sup { font-size: 25px; top: -18px; } .pricing-style-one .pricing-content li { margin-top: 6px; font-size: 15px; display: flex; align-items: center; } .pricing-style-one .pricing-content li i { color: var(--color-primary); margin-right: 8px; font-size: 15px; } .secondary .pricing-style-one .pricing-content li i { color: var(--color-secondary); } .pricing-style-one .pricing-content li i.fa-times-circle { font-weight: 100; } .pricing-style-one .pricing-content a { display: block; } .pricing-style-one.active { border: 2px solid var(--color-primary); } .secondary .pricing-style-one.active { border: 2px solid var(--color-secondary); } .pricing-style-one.active .pricing-header { border-bottom: 1px solid var(--color-secondary); } .pricing-badge { position: absolute; right: -75px; top: -80px; } .pricing-badge h5 { display: inline-block; margin: 0; font-weight: 600; } .pricing-badge img { height: 40px; transform: rotate(5deg); display: block; } .pricing-style-two-area { background-size: cover; background-position: left; } .pricing-style-two { background: var(--white); padding: 50px; box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); border-radius: 10px; } .pricing-style-two .pricing-header { display: inline-flex; align-items: center; gap: 20px; margin-bottom: 50px; } .pricing-style-two .pricing-header h4 { margin: 0; } .pricing-style-two .pricing-header .icon { display: inline-flex; background: var(--bg-gradient); height: 55px; width: 55px; padding: 15px; border-radius: 50%; } .pricing-style-two .price span { display: block; font-size: 17px; color: #8b8888; font-weight: 400; margin-top: 5px; } .pricing-style-two .price { position: relative; } .pricing-style-two .price h2 .discount { font-size: 17px; background: #dadde4; font-weight: 400; padding: 3px 10px; border-radius: 30px; padding-right: 13px; } .pricing-style-two .price h2 { display: inline-flex; align-items: center; gap: 25px; font-size: 45px; margin: 0; } .pricing-style-two .btn { width: 100%; } .pricing-style-two ul { margin: 0; padding: 0; list-style: none; margin-top: 30px; } .pricing-style-two ul li i { font-size: 15px; color: var(--color-primary); } .pricing-style-two ul li { display: flex; align-items: center; gap: 8px; margin-top: 5px; } .pricing-style-two ul li i.fa-times-circle { font-weight: 300; } .project-two-items { position: relative; z-index: 1; } .bottom-shape-light { position: relative; z-index: 1; } .bottom-shape-light::after { position: absolute; left: 0; top: 462px; content: ""; bottom: 0; right: 0; background: var(--white); z-index: -1; } .project-style-one .info { background: var(--white); padding: 80px; margin-top: 80px; position: relative; left: -120px; margin-right: -120px; border: 1px solid #e7e7e7; border-top: none; } .project-style-one .info > span { display: block; text-transform: uppercase; color: var(--color-primary); font-weight: 600; margin-bottom: 10px; } .project-style-one h3 { margin-bottom: 25px; } .project-swiper-nav { position: absolute; right: 0; top: 20px; display: flex; width: 200px; justify-content: space-between; align-items: center; } .project-swiper-nav > div { height: 40px; width: 40px; background: rgba(0, 0, 0, 0.35); z-index: 9; position: relative; border-radius: 50%; } .project-swiper-nav > div::after { position: absolute; top: 7px; content: ""; height: 100%; width: 100%; font-family: "Font Awesome 5 Pro"; text-align: center; color: var(--white); } .project-swiper-nav .project-button-next::after { content: "\f105"; } .project-swiper-nav .project-button-prev::after { content: "\f104"; } .project-style-one-carousel { padding-top: 120px; margin-top: -120px; } .project-swiper-nav .project-pagination { background: transparent; position: absolute; line-height: 40px; color: var(--white); font-size: 24px; width: auto; font-weight: 600; left: 50%; transform: translateX(-50%); top: 0; } .cursor-hover-parent { position: absolute; height: 100%; width: 100%; top: 0; } .banner-style-three-area .cursor-hover-parent div { height: auto; } .cursor { position: absolute; background: var(--color-primary); cursor: pointer; width: 16px; height: 16px !important; border-radius: 100%; z-index: 9; transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; transform: scale(0.8); text-align: center; } .cursor.active { opacity: 1; transform: scale(8); background: rgba(0, 0, 0, 0.3); transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity; } .cursor::before { content: "< DRAG >"; width: 100px; height: 100px; position: absolute; font-size: 2px; top: 50%; left: 50%; display: block; border-radius: 100%; opacity: 0; color: var(--white); text-align: center; transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: center; font-weight: 600; font-family: var(--font-heading); } .cursor.active::before { opacity: 1; } .cursor-follower { position: absolute; width: 40px; height: 40px !important; border-radius: 100%; z-index: 2; background-color: rgba(19, 81, 216, 0.5); transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) background; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; transform: translate(4px, 4px); } .bg-dark .cursor-follower { background-color: rgba(255, 255, 255, 0.7); } .cursor-follower.active { opacity: 0.3; transform: scale(0); text-align: center; } .project-style-two-area { position: relative; z-index: 1; } .project-style-two-area .banner-sahpe { position: absolute; left: 0; bottom: 100%; z-index: -1; width: 100%; } .project-style-two-area .banner-sahpe img { width: 100%; } .project-style-two { display: grid; grid-template-columns: 1fr 1fr; background: var(--white); align-items: center; overflow: hidden; border-radius: 10px; } .project-style-two .content { padding: 35px; } a.btn-arrow { display: inline-flex; align-items: center; gap: 10px; } .project-style-two .btn-arrow { margin-top: 10px; } .project-style-two span { display: inline-block; background: var(--bg-gradient); margin-bottom: 20px; color: var(--white); text-transform: uppercase; font-weight: 600; padding: 3px 20px; padding-top: 5px; border-radius: 5px; font-size: 15px; } .project-style-two .thumb { transition: all 0.35s ease-in-out; text-align: center; height: 100%; } .project-style-two .thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .project-style-two .content { transition: all 0.35s ease-in-out; } .project-style-two h4 { line-height: 1.4; font-size: 24px; margin-bottom: 20px; } .project-style-three-item .project-style-three-info { background: var(--white); padding: 50px; height: 100%; display: flex; flex-direction: column; justify-content: center; border-radius: 10px; } .project-style-three-item { margin-bottom: 50px; } .project-style-three-item img { border-radius: 10px; } .project-style-three-info span { display: block; margin-bottom: 5px; } .project-style-three-info .bottom { border-top: 1px solid #dddddd; margin-top: 20px; padding-top: 20px; } .project-style-three-info .bottom h5 { margin: 0; } .project-style-three-info .pf-tags { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .project-style-three-info .pf-tags li { display: inline-block; padding: 3px 20px; border: 1px solid #f2b6f2; border-radius: 30px; background: var(--bg-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .color-style-two .project-style-three-info .pf-tags li { background: var(--bg-gradient-two); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .project-style-three-items { position: relative; z-index: 1; margin-bottom: -50px; } .project-style-three-item:nth-child(2n) .row { flex-direction: row-reverse; } .magnific-mix-gallery { margin: -15px; overflow: hidden; } .gallery-items.colums-3 .gallery-item { float: left; padding: 15px; width: 33.3333%; } .gallery-items.colums-2 .gallery-item { float: left; padding: 15px; width: 50%; } .gallery-items.colums-4 .gallery-item { float: left; padding: 15px; width: 25%; } @media only screen and (max-width: 767px) { .gallery-items.colums-2 .gallery-item, .gallery-items.colums-3 .gallery-item, .gallery-items.colums-4 .gallery-item { width: 100%; padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 600px) and (max-width: 1200px) { .gallery-items.colums-4 .gallery-item { width: 50%; } } .gallery-style-one { position: relative; z-index: 1; overflow: hidden; border-radius: 10px; display: flex; align-items: center; justify-content: center; } .gallery-style-one .content-inner { display: inline-block; position: relative; top: -80px; margin-bottom: -80px; overflow: hidden; border-radius: 0 10px 10px; margin-right: 30px; } .gallery-style-one .overlay { display: flex; justify-content: space-between; bottom: 30px; padding: 30px; background: var(--white); border-radius: 10px; transition: all 0.35s ease-in-out; position: absolute; z-index: 1; transform: translateX(60px); opacity: 0; visibility: hidden; } .gallery-item .gallery-style-one:hover .overlay, .gallery-item.active .overlay { opacity: 1; visibility: visible; transform: translateX(0); } .gallery-item .gallery-style-one:hover .shape, .gallery-item.active .shape { bottom: 0; opacity: 1; visibility: visible; transition-delay: 300ms; } .gallery-style-one .overlay span { display: inline-block; margin-bottom: 5px; } .gallery-style-one h4 { margin: 0; } .gallery-style-one .overlay .link { position: absolute; right: -100px; background: var(--color-primary); height: 100%; top: 0; width: 80px; text-align: center; color: var(--white); opacity: 0; visibility: hidden; } .gallery-style-one .overlay .link i { position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; margin-left: -10px; } .gallery-style-one:hover .overlay .link, .gallery-style-one.active .overlay .link { right: -80px; opacity: 1; visibility: visible; } .gallery-style-one .shape { position: absolute; left: 0; bottom: -30%; max-width: 50%; transition: all 0.20s ease-in-out; opacity: 0; visibility: hidden; } .gallery-style-one .shape img { height: 100%; } .gallery-style-one > img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .gallery-style-one:hover > img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .load-more-info p { margin-bottom: -5px; } .load-more-info a { text-decoration: underline; font-weight: 600; color: var(--color-primary); } .secondary.load-more-info a { color: var(--color-secondary); } .load-more-info { display: inline-block; border: 1px dashed; padding: 10px 20px; padding-bottom: 15px; border-radius: 30px; } .project-details-items .project-thumb img { margin-bottom: 30px; } .project-details-items .project-thumb img { height: 100%; object-fit: cover; object-position: center; } .project-details-area .top-info { position: relative; margin-top: 50px; } .project-details-area .top-info p:last-child { margin-bottom: 0; } .project-details-area .main-content { margin-top: 30px; } .project-details-area .main-content h2, .project-details-area .main-content h3, .project-details-area .main-content h4, .project-details-area .main-content h5 { font-weight: 600; margin-bottom: 25px; } .project-details-area .main-content .row img { margin-top: 30px; } .project-details-area .top-info h2 { font-weight: 600; margin-bottom: 20px; } .project-info { border-left: 1px solid #cccccc; padding-left: 50px; } .project-info .title { font-weight: 600; margin-bottom: 25px; position: relative; z-index: 1; margin-top: -5px; font-size: 26px; } .project-info ul { padding-left: 0; list-style: none; margin: 0; } .project-info ul li { font-weight: 600; font-size: 18px; color: var(--color-heading); margin-top: 15px; } .project-info ul li:first-child { border: none; margin-top: 0; padding-top: 0; } .project-info ul li span { font-weight: 400; position: relative; display: block; font-family: var(--font-default); font-size: 16px; color: var(--color-paragraph); } .project-info ul.social { margin-top: 25px; } .project-info ul.social li { display: inline-block; margin: 0; margin-right: 10px; margin-top: 5px; } .project-info ul.social li a { display: inline-block; border-radius: 50%; font-size: 16px; font-weight: 100; color: var(--white); height: 40px; width: 40px; text-align: center; line-height: 43px; background: var(--dark); } .project-info ul.social li a:hover { background: var(--color-primary); } .project-info ul.social li:last-child { margin-right: 0; } .item-grid-container { display: grid; grid-row-gap: 60px; } .item-grid-container img { margin-top: 50px; } .item-grid-colum { display: grid; grid-template-columns: 1fr 3fr; grid-column-gap: 50px; grid-row-gap: 60px; } .project-details-items.bg-gray { padding: 100px 120px; } .request-call-back-area { position: relative; z-index: 1; background-size: cover; background-position: center; overflow: hidden; } .request-call-back-area:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(var(--white), transparent 1px), linear-gradient(to right, var(--white), transparent 1px); background-size: 100% 51px, 51px 100%; z-index: -1; opacity: 0.3; } .achivement-counter li { display: flex; margin-top: 50px; align-items: center; } .achivement-counter .fun-fact .counter { color: var(--white); font-size: 80px; margin-bottom: 15px; min-width: 200px; } .achivement-counter .fun-fact .medium { color: var(--white); font-weight: 400; font-size: 20px; line-height: 1; } .achivement-counter { display: inline-block; padding-left: 120px; position: relative; z-index: 1; } .achivement-counter::after { position: absolute; left: 0; top: -120px; height: 200%; content: ""; width: 500%; background: var(--color-primary); z-index: -1; border-top-left-radius: 50px; } .achivement-counter li:first-child { margin: 0; } .achivement-counter li i { display: inline-block; font-size: 60px; margin-right: 20px; line-height: 1; } .testimonial-thumb .thumb-item { overflow: hidden; border-radius: 0 0 480px 485px; } .testimonial-thumb { position: relative; z-index: 1; } .testimonial-thumb::after { position: absolute; left: 50%; bottom: 5px; content: ""; height: 450px; width: 450px; transform: translateX(-50%); background: var(--bg-gradient); z-index: -1; border-radius: 50%; } .testimonial-thumb .mini-shape { position: absolute; right: -50px; top: 30%; } .testimonial-style-one p { font-size: 25px; line-height: 1.5; } .testimonial-style-one h4 { margin-bottom: 7px; font-weight: 600; } .testimonial-style-one .provider { border-top: 2px solid var(--dark); margin-top: 25px; display: flex; align-items: center; padding-top: 30px; } .testimonial-style-one .provider i { display: inline-block; font-size: 80px; transform: rotate(180deg); color: var(--dark); margin-right: 18px; position: relative; top: -10px; line-height: 1; } .testimonial-style-one .rating { color: var(--color-primary); display: block; margin-bottom: 10px; } .testimonial-style-one h2 { font-weight: 600; margin-bottom: 20px; } .testimonials-style-two-area { background-size: contain !important; background-position: left top !important; background-repeat: no-repeat !important; } .testimonial-style-two { padding: 50px; background: var(--white); border-radius: 10px; transition: all 0.35s ease-in-out; position: relative; box-shadow: 0 5px 3px rgb(3 27 78 / 8%); } .testimonial-style-two > img { height: 50px; position: absolute; right: 50px; top: 80px; opacity: 0.04; } .testimonial-style-two .provider { display: flex; align-items: center; padding-top: 20px; justify-content: space-between; border-top: 1px solid #e7e7e7; margin-top: 20px; transition: all 0.35s ease-in-out; } .testimonial-style-two .provider h4 { margin: 0; font-weight: 600; margin-bottom: 7px; } .testimonial-style-two p { margin: 0; line-height: 1.8; color: var(--color-paragraph); } .testimonial-style-two .provider i { color: #ffb300; } .testimonial-style-two-carousel .swiper-slide { transition: all 0.35s ease-in-out; } .testimonial-style-two .top-info { margin-bottom: 30px; } .testimonial-style-two .top-info h3 { font-weight: 600; } .testimonial-style-two .top-info i { color: #ffb300; } .half-shape-light-bottom { position: relative; z-index: 1; } .half-shape-light-bottom::after { position: absolute; left: 0; bottom: 0; content: ""; height: 235px; width: 100%; background: var(--bg-gray); z-index: -1; } .testimonial-style-two-carousel .swiper-pagination { margin-bottom: -17px; } .testimonial-style-two-carousel { padding-bottom: 80px; } .testimonial-style-two-carousel .swiper-slide.swiper-slide-active .testimonial-style-two .provider { border-top: 1px solid var(--color-heading); } .testimonial-style-two-carousel .swiper-pagination .swiper-pagination-bullet { height: 22px; width: 22px; background: transparent; border: 2px solid var(--color-heading); position: relative; z-index: 1; } .testimonial-style-two-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 2px solid var(--color-primary); } .testimonial-style-two-carousel .swiper-pagination .swiper-pagination-bullet::after { position: absolute; left: 50%; top: 50%; content: ""; height: 5px; width: 5px; transform: translate(-50%, -50%); background: var(--color-heading); border-radius: 50%; } .testimonial-style-two-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: var(--color-primary); } .testimonial-bullet { box-sizing: border-box; } .testimonial-bullet .swiper-slide { width: 20%; height: 100%; } .testimonial-bullet .swiper-slide-active { opacity: 1; } .testimonial-bullet { text-align: center; max-width: 70%; position: relative; margin-top: 30px; z-index: 1; } .testimonial-bullet .swiper-slide { width: 33%; } .swiper-bullet-item img { transform: scale(0.8); border-radius: 50%; } .swiper-bullet-item .swiper-slide-active img { transform: scale(1); } .swiper-slide-active .swiper-bullet-item img { transform: scale(1); } .testimonial-style-three-items .review-cards { display: inline-flex; align-items: center; gap: 20px; margin-bottom: 30px; } .testimonial-style-three-items .review-cards .review-from { display: inline-flex; align-items: center; max-width: max-content; background: var(--bg-gradient); padding: 12px 15px; border-radius: 8px; } .testimonial-style-three-items .review-cards .review-from span { border-left: 1px solid; padding-left: 10px; margin-left: 10px; line-height: 1; } .testimonial-style-three-items .review-cards i { color: #ffa900; } .testimonial-style-three p { font-size: 30px; line-height: 1.5; font-weight: 300; } .testimonial-bullet img { height: 80px; width: 80px; margin-bottom: 10px; } .testimonial-bullet h4 { margin-bottom: 4px; } .swiper-bullet-item .tm-provider { transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; } .swiper-slide-active .swiper-bullet-item .tm-provider { opacity: 1; visibility: visible; } .testimonial-bullet .swiper-slide img { filter: grayscale(1); } .testimonial-bullet .swiper-slide-active.swiper-slide img { filter: none; } .bg-dark .testimonial-bullet span { opacity: 0.8; } .swiper-bullet-item { position: relative; z-index: 1; cursor: pointer; } .swiper-bullet-item::after { position: absolute; left: 50%; top: -50px; content: ""; height: 3px; width: 0; background: var(--bg-gradient); z-index: -1; transform: translateX(-50%); transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; } .testimonial-bullet .swiper-wrapper { padding-top: 50px; } .testimonial-bullet::after { position: absolute; left: 0; top: 1px; content: ""; height: 2px; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.3); } .swiper-slide-active .swiper-bullet-item::after { opacity: 1; visibility: visible; width: 100%; } .testimonial-style-four { background: var(--white); padding: 50px; border-radius: 20px; } .testimonial-style-four .provider { display: flex; align-items: center; gap: 15px; margin-bottom: 30px; } .testimonial-style-four .provider .thumb img { height: 60px; width: 60px; min-width: 60px; border-radius: 5px; } .testimonial-style-four h4 { margin-bottom: 5px; } .testimonial-style-four p { font-size: 22px; } .testimonial-style-four .bottom-info { display: flex; align-items: center; gap: 15px; margin-top: 30px; } .testimonial-style-four .bottom-info .provider-brand { border: 1px solid #cccccc; padding: 9px 15px; border-radius: 10px; display: flex; max-width: max-content; align-items: center; } .testimonial-style-four .bottom-info .provider-brand span { line-height: 1; margin-left: 15px; border-left: 1px solid #baa5a5; padding-left: 15px; } .testimonial-style-four .bottom-info i { color: #FF9000; } .testimonial-style-four .quote { position: absolute; right: 50px; } .testimonial-style-four .quote img { height: 30px; } .testimonial-four-swiper-nav { display: inline-flex; gap: 15px; } .testimonial-four-swiper-nav > div { height: 50px; width: 50px; text-align: center; line-height: 50px; background: var(--white); border-radius: 5px; display: flex; align-items: center; justify-content: center; } .tesimoinial-style-four-area .left-heading .row { align-items: flex-end; } .testimonial-four-swiper-nav > div i { font-weight: 100; font-size: 30px; color: var(--color-heading); line-height: 1; } .brand-style-two-items { overflow: hidden; } .brand-style-two-items h4 { position: relative; z-index: 1; margin-bottom: 40px; text-transform: uppercase; display: inline-block; padding: 0 30px; } .brand-style-two-items h4::after { position: absolute; left: 100%; top: 50%; content: ""; height: 1px; width: 100%; border-top: 1px solid #cccccc; } .brand-style-two-items h4::before { position: absolute; right: 100%; top: 50%; content: ""; height: 1px; width: 100%; border-top: 1px solid #cccccc; } .brand-style-two-items img { max-height: 40px; margin: auto; } .half-angle-shape { position: relative; z-index: 1; overflow: hidden; } .half-angle-shape::after { position: absolute; left: -5%; top: 0; content: ""; height: 100%; width: 50%; background: var(--dark); z-index: -1; transform: skewX(-10deg); } .half-angle-shape::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(var(--white), transparent 1px), linear-gradient(to right, var(--white), transparent 1px); background-size: 100% 51px, 51px 100%; opacity: 0.12; } ul.list-card { margin: 0; padding: 0; list-style: none; } .feature-style-one-heading ul.list-card { margin-top: 25px; } ul.list-card li { position: relative; z-index: 1; display: block; padding-left: 25px; } ul.list-card li::after { position: absolute; left: 0; top: 5px; bottom: 5px; content: ""; width: 4px; background: var(--color-primary); z-index: -1; border-radius: 30px; } ul.list-card li h1 { font-size: 45px; font-weight: 600; margin-bottom: 5px; } ul.list-card li p { margin: 0; } .feature-style-one-heading { position: relative; z-index: 1; } .feature-style-one-heading .arrow-shape { position: absolute; right: -110px; top: -50px; height: 50px; } .feature-style-one-heading .arrow-shape img { height: 100%; } .feature-style-one-heading.text-light p { opacity: 0.9; } .feature-style-one-area { background-repeat: no-repeat; background-position: left top; } .shape-left-top-max { position: absolute; left: 2%; width: 80px; top: -20px; opacity: 0.2; } .shape-left-top-max img { height: 100%; } .feature-style-one { margin-top: 40px; display: flex; border-top: 1px solid #e7e7e7; padding-top: 40px; } .feature-style-one:first-child { margin-top: 0; padding-top: 0; border: none; } .feature-style-one > i { display: inline-block; font-size: 60px; color: var(--color-primary); margin-bottom: 30px; line-height: 50px; } .feature-style-one h4 { font-weight: 600; text-transform: capitalize; } .feature-style-one ul { list-style: none; margin: 0; padding: 0; margin-top: 24px; } .feature-style-one i::before { line-height: 1; } .feature-style-one p { margin: 0; } .feature-link-list li { border-top: 1px solid #e7e7e7; overflow: hidden; transition: all 0.35s ease-in-out; } .feature-link-list li:hover { border-color: transparent; } .feature-link-list li:first-child { border: none; } .feature-link-list li a { display: block; padding: 10px 20px; position: relative; z-index: 1; } .feature-link-list li a::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 80%; background: var(--color-primary); z-index: -1; transition: all 0.35s ease-in-out; visibility: hidden; opacity: 0; clip-path: polygon(95% 0, 100% 28%, 100% 100%, 0 100%, 0 0); } .feature-link-list li a:hover { color: var(--white); } .feature-link-list li i { left: 20px; display: inline-block; transition: all 0.35s ease-in-out; position: absolute; top: 18px; opacity: 0; visibility: hidden; font-weight: 500; font-size: 14px; } .feature-link-list li a:hover i, .feature-link-list li:first-child a i { left: 20px; opacity: 1; visibility: visible; color: var(--white); } .feature-link-list li a:hover, .feature-link-list li:first-child a { padding-left: 44px; color: var(--white); } .feature-link-list li:first-child a::after, .feature-link-list li a:hover::after { opacity: 1; visibility: visible; width: 100%; } .feature-link-list li a:hover::after { background: var(--dark); } .feature-style-one .icon { margin-right: 20px; position: relative; z-index: 1; } .feature-style-one .icon { font-size: 50px; position: relative; z-index: 1; height: 86px; width: 100px; text-align: center; color: var(--white); border-radius: 5px; display: inline-flex; align-items: center; flex-direction: column; justify-content: center; min-width: 100px; padding: 25px; } .feature-style-one .icon::after { position: absolute; right: 7px; top: 0; content: ""; height: 100%; width: 100%; background: url(../img/shape/26.png); background-size: contain; background-repeat: no-repeat; background-position: top left; z-index: -1; } .feature-style-two { background: var(--white); overflow: hidden; } .feature-style-two .info { padding: 0 30px; position: relative; top: -50px; z-index: 1; margin-bottom: -50px; } .feature-style-two i, .feature-style-two .icon { display: inline-flex; font-size: 36px; height: 80px; width: 80px; color: var(--color-primary); text-align: center; line-height: 80px; position: relative; z-index: 1; margin-bottom: 30px; font-weight: 100; align-items: center; justify-content: center; } .feature-style-two .icon img { height: 38px; } .feature-style-two p { margin: 0; } .feature-style-two h4 { font-size: 24px; font-weight: 600; } .feature-style-two i::after, .feature-style-two .icon::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: linear-gradient(45deg, #f2d8d4 0%, #fff 100%); z-index: -1; border-radius: 10px; } .feature-style-two-area .row > div:nth-child(2) i::after, .feature-style-two-area .row > div:nth-child(2) .icon::after { background: linear-gradient(45deg, #9fb4ff 0%, #fff 100%); } .feature-style-two-area .row > div:nth-child(3) i::after, .feature-style-two-area .row > div:nth-child(3) .icon::after { background: linear-gradient(45deg, #d4f2df 0%, #fff 100%); } .feature-style-two .thumb { position: relative; z-index: 1; } .feature-style-two .thumb::after { position: absolute; left: -20%; bottom: -35px; content: ""; height: 70px; width: 140%; background: var(--white); filter: blur(10px); } .feature-style-two .thumb img { border-radius: 10px 10px 0 0; } .feature-style-three-items { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dde8ff; border-top: none; position: relative; z-index: 1; } @media (min-width: 1024px) { .full-border .feature-style-three-items { border-top: 1px solid #dde8ff; } } .feature-style-three-items::after { position: absolute; left: 100%; bottom: 0; content: ""; height: 100px; width: 100px; background: var(--bg-gradient); z-index: -1; border-radius: 50%; filter: blur(80px); } .feature-style-three { padding: 50px 37px; border-right: 1px solid #dde8ff; background-color: var(--white); overflow: hidden; position: relative; z-index: 1; } .feature-style-three:last-child { border: none; } .feature-style-three .icon { display: inline-flex; height: 90px; width: 90px; text-align: center; background: linear-gradient(90deg, #edf5fc 0%, #f7ebff 100%); border-radius: 5px; margin-bottom: 50px; padding: 20px; flex-direction: column; justify-content: center; align-items: center; } .feature-style-three p { margin: 0; } .feature-style-three::after { position: absolute; left: 0; top: 50%; content: ""; height: 80%; width: 100%; background: var(--bg-gradient-secondary); z-index: -1; transition: all 0.35s ease-in-out; transform: translateY(-50%); opacity: 0; visibility: hidden; } .feature-style-three .shape { position: absolute; right: 0; bottom: 0; opacity: 0.4; } .feature-style-three .item { position: relative; z-index: 1; } .feature-style-three.active::after { opacity: 1; visibility: visible; height: 100%; } .feature-style-three h4, .feature-style-three p { transition: all 0.35s ease-in-out; } .feature-style-three.active h4, .feature-style-three.active p { color: var(--white); } .feature-style-three.active p { opacity: 0.85; } .services-style-two .thumb { position: relative; z-index: 1; } .services-style-two .thumb .title { position: absolute; left: 0; bottom: -25px; z-index: 1; } .services-style-two .thumb .title::after { position: absolute; right: 0; top: 0; content: ""; height: 100%; width: 100%; background: var(--dark); z-index: -1; transform: skewX(-10deg); box-shadow: 0 5px 3px rgb(3 27 78 / 8%); } .services-style-two .thumb .title a { display: flex; align-items: center; } .services-style-two .thumb .title h4 { margin: 0; padding: 0 25px; font-weight: 600; color: #fff; } .services-style-two .thumb .title i, .services-style-two .thumb .title .icon { display: inline-flex; height: 75px; width: 85px; text-align: center; line-height: 70px; position: relative; z-index: 1; color: var(--white); align-items: center; justify-content: center; } .services-style-two .thumb .title i::after, .services-style-two .thumb .title .icon::after { position: absolute; right: 0; top: 0; content: ""; height: 100%; width: 100px; background: var(--color-primary); z-index: -1; transform: skewX(-10deg); } .services-style-two .thumb .title .icon img { height: 46px; } .services-style-two .info { padding: 30px; padding-top: 65px; padding-bottom: 50px; } .services-style-two .info p { margin: 0; } .services-style-two { overflow: hidden; background: #ffffff; border-radius: 15px; } .services-style-two .button { display: table; margin-top: 20px; position: relative; z-index: 1; } .services-style-two .button a, .services-style-two .button .devider { display: table-cell; } .services-style-two .button a { width: 1%; white-space: nowrap; padding-right: 15px; text-transform: uppercase; font-weight: 600; } .services-style-two .button .devider { border-top: 2px solid #e5e5e5; bottom: -14px; position: relative; z-index: 1; } .services-style-two .button .devider::after { position: absolute; left: 0; top: -2px; content: ""; height: 2px; width: 50%; background: var(--color-primary); transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; } .services-style-two:hover .button .devider::after, .services-style-two.active .button .devider::after { opacity: 1; visibility: visible; width: 100%; } .services-style-two:hover .button a { color: var(--color-primary); } .services-style-three i, .services-style-three .icon { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; font-size: 35px; margin-bottom: 60px; background: linear-gradient(45deg, var(--color-primary) 40%, #c428ff 100%); font-weight: 100; height: 90px; width: 90px; line-height: 86px; text-align: center; color: var(--white); border-radius: 50%; border: 2px solid var(--white); box-shadow: 0 5px 25px 0 rgb(0 0 0 / 9%); } .services-style-three .icon img { height: 33px; } .services-style-three { background: linear-gradient(164deg, #e6ecff 0%, var(--white) 60%); border-radius: 10px; } .services-style-three .info { padding: 60px 50px; } .services-style-three .info p { margin: 0; } .services-style-three a:hover { color: var(--color-secondary); } .services-style-three ul li { font-weight: 500; line-height: 2; position: relative; z-index: 1; padding-left: 22px; } .services-style-three ul li::after { position: absolute; left: 0; top: 50%; content: "\f058"; font-family: "Font Awesome 5 Pro"; transform: translateY(-50%); margin-top: 1px; font-weight: 600; color: var(--color-secondary); font-size: 14px; } .services-carousel .swiper-pagination { margin-bottom: -7px; } .services-carousel { padding-bottom: 80px; } .services-carousel .swiper-pagination .swiper-pagination-bullet { height: 22px; width: 22px; background: transparent; border: 2px solid var(--white); position: relative; z-index: 1; } .services-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 2px solid var(--color-secondary); } .services-carousel .swiper-pagination .swiper-pagination-bullet::after { position: absolute; left: 50%; top: 50%; content: ""; height: 5px; width: 5px; transform: translate(-50%, -50%); background: var(--white); border-radius: 50%; } .services-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: var(--color-secondary); } .half-bg-dark { position: relative; z-index: 1; } .half-bg-dark::after { position: absolute; left: 0; bottom: 0; content: ""; height: 30%; width: 100%; background: var(--dark); z-index: -1; } .services-swiper-nav { position: absolute; left: 50%; bottom: 0; display: flex; width: 200px; justify-content: space-between; align-items: center; transform: translateX(-50%); } .services-swiper-nav > div { height: 40px; width: 40px; border: 1px solid rgba(255, 255, 255, 0.3); z-index: 9; position: relative; border-radius: 50%; line-height: 25px; } .services-swiper-nav > div::after { position: absolute; top: 7px; content: ""; height: 100%; width: 100%; font-family: "Font Awesome 5 Pro"; text-align: center; color: var(--white); } .services-swiper-nav .services-button-next::after { content: "\f105"; } .services-swiper-nav .services-button-prev::after { content: "\f104"; } .services-style-one-carousel { padding-top: 120px; margin-top: -120px; } .services-swiper-nav .services-pagination { background: transparent; position: absolute; line-height: 40px; color: var(--white); font-size: 24px; width: auto; font-weight: 600; left: 50%; transform: translateX(-50%); top: 0; border: none; } @media (max-width: 1023px) { .services-style-four-area { overflow: hidden; } } .service-style-four-items ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 60px; } .service-style-four-items .image-hover-item { padding: 40px 0; z-index: 1; width: 100%; display: block; position: relative; counter-increment: count; border-top: 1px solid #e7e7e7; } .service-style-four-items li:last-child .image-hover-item { border-bottom: 1px solid #e7e7e7; } .service-style-four-items li:nth-last-child(2) .image-hover-item { border-bottom: 1px solid #e7e7e7; } .service-style-four-items .image-hover-item .image-hover-wrapper { position: absolute; bottom: 0; pointer-events: none; overflow: hidden; opacity: 0; transition: all .5s ease-out; left: auto !important; right: 0 !important; z-index: -1; margin-top: -25%; max-width: 200px; border-radius: 30px; } .service-style-four-items .image-hover-item .image-hover-wrapper img { width: auto; } .service-style-four-items .image-hover-item::after { display: none; } .services-style-four-area { position: relative; z-index: 1; overflow: hidden; } .services-style-four-area .bammer-shape { position: absolute; left: 0; bottom: 0; z-index: -1; } .services-style-four-area .banner-sahpe { position: absolute; left: 0; bottom: 0; width: 100%; z-index: -1; } .services-style-four-area .banner-sahpe img { width: 100%; } .services-style-four-area .shape img:first-child { position: absolute; left: 0; top: 0; z-index: -1; } .services-style-four-area .shape img:nth-child(2) { position: absolute; right: 0; top: 0; z-index: -1; } .service-style-four-items .image-hover-item .icon img { height: 60px; } .service-style-four-items .image-hover-item .item-content { display: flex; gap: 30px; width: 100%; } .service-style-four-items .image-hover-item .item-content h3 { margin: 0; } .service-style-four-items { padding-bottom: 120px; } .services-style-five .item { padding: 60px; background: var(--white); box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); position: relative; z-index: 1; overflow: hidden; border-radius: 10px; } .services-style-five .item .shape { position: absolute; right: 0; top: 0; max-width: 50%; } .services-style-five .item::after { position: absolute; right: 0; bottom: 0; content: ""; height: 80%; width: 100%; background: linear-gradient(90deg, var(--color-primary) 0%, #00a1ff 100%); z-index: -1; transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; } .services-style-five.active .item::after { opacity: 1; visibility: visible; height: 100%; } .services-style-five .item .icon { margin-bottom: 50px; } .services-style-five .item .icon img { height: 70px; transition: all 0.35s ease-in-out; } .services-style-five.active .item .icon img { filter: brightness(0) invert(1); } .services-style-five .item p, .services-style-five .item li { transition: all 0.35s ease-in-out; } .services-style-five.active .item p, .services-style-five.active .item li, .services-style-five.active .item a { color: var(--white); } .services-style-five.active .item p, .services-style-five.active .item li { opacity: 0.9; } .services-style-five .item ul { padding-left: 20px; list-style: disc; } .services-style-five .item ul li { list-style: disc; margin-top: 7px; font-size: 17px; font-weight: 600; } .services-style-six-area { background-size: contain; background-position: bottom center; background-repeat: no-repeat; } .services-style-six-item .item { padding: 60px 37px; background: var(--white); overflow: hidden; border-radius: 10px; position: relative; z-index: 1; } .services-style-six-item .item .icon img { height: 80px; transition: all 0.35s ease-in-out; } .services-style-six-item .item .icon { display: inline-block; position: relative; z-index: 1; margin-bottom: 50px; } .services-style-six-item .item .icon::after { position: absolute; right: -10px; top: 50%; content: ""; height: 35px; width: 35px; background: var(--bg-gradient); border-radius: 50%; z-index: -1; opacity: 0.1; transform: translateY(-50%); } .color-style-two .services-style-six-item .item .icon::after { background: var(--bg-gradient-two); } .services-style-six-items { padding-bottom: 120px; } .services-style-six-item .item ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; } .services-style-six-item .item ul li { display: inline-block; border: 1px solid #c8d0f8; padding: 2px 17px; border-radius: 30px; font-size: 15px; } .color-style-two .services-style-six-item .item ul li { border: 1px solid #ecc0e6; } .services-style-six-item .item::after { position: absolute; left: 0; bottom: 0; content: ""; height: 80%; width: 100%; background: var(--bg-gradient); z-index: -1; opacity: 0; visibility: hidden; transition: all 0.35s ease-in-out; border-radius: 10px; } .color-style-two .services-style-six-item .item::after { background: var(--bg-gradient-two); } .services-style-six-item.active .item::after { opacity: 1; visibility: visible; height: 100%; } .services-style-six-item .item p, .services-style-six-item .item li { transition: all 0.35s ease-in-out; } .services-style-six-item.active .item p, .services-style-six-item.active .item li { color: var(--white); opacity: 0.9; } .services-style-six-item.active .item li { border: 1px solid rgba(255, 255, 255, 0.3); } .services-style-six-item.active .item a { color: var(--white); } .services-style-six-item.active .item .icon img { filter: brightness(0) invert(1); } .services-style-six-item.active .item .icon:after { background: var(--white); opacity: 0.2; } .thumb-style-two { position: relative; z-index: 1; padding-left: 60px; padding-bottom: 60px; } .card-style-one { background: var(--color-primary); padding: 80px 50px; max-width: 300px; } .card-style-one h4 { margin: 0; color: var(--white); font-weight: 600; line-height: 1.4; } .thumb-style-two .card-style-one { position: absolute; left: 0; bottom: 0; } .card-style-one img { height: 80px; margin-bottom: 30px; } .mission-vision-style-one-area { position: relative; z-index: 1; } .mission-thumb { position: relative; } .mission-thumb img { border-radius: 50%; } .mission-tab-content h2 { font-weight: 600; margin-bottom: 25px; } .mission-tab-content ul { margin: 0; list-style: none; padding: 0; margin-top: 20px; } .mission-tab-content ul li { display: block; font-weight: 500; line-height: 2; position: relative; z-index: 1; padding-left: 30px; } .mission-tab-content ul li::after { position: absolute; left: 0; top: 50%; content: "\f058"; font-family: "Font Awesome 5 Pro"; transform: translateY(-50%); font-weight: 600; color: var(--color-primary); } .bg-gradient .mission-tab-content ul li::after, .bg-theme .mission-tab-content ul li::after { color: var(--white); } .nav.nav-tabs.mission-tab-navs { margin: 0; padding: 0; margin-bottom: 30px; border: none; display: inline-block; background: linear-gradient(45deg, #ffffff 0%, #eff6fe 100%); padding: 10px; border-radius: 50px; border: 1px solid; } .mission-tab-navs button.nav-link { border: none; margin: 0; font-weight: 600; text-transform: uppercase; color: var(--color-heading); transition: all 0.35s ease-in-out; border-radius: 30px; padding: 13px 35px; display: inline-block; box-shadow: none; background: transparent; position: relative; z-index: 1; overflow: hidden; } .mission-tab-navs button.nav-link::after { position: absolute; right: 8px; top: 50%; content: ""; height: 40px; width: 40px; background: var(--color-primary); z-index: -1; border-radius: 50%; transform: translateY(-50%); filter: blur(10px); opacity: 0; transition: all 0.35s ease-in-out; } .mission-tab-navs button.nav-link.active::after { opacity: 1; } .mission-tab-navs::before, .mission-tab-navs::after { display: none; } .mission-tab-navs button.nav-link.active, .mission-tab-navs button.nav-link:focus { color: var(--white); background: var(--dark); } .mission-tab-navs button.nav-link:hover { color: var(--color-heading); } .mission-tab-navs button.nav-link.active:hover { color: var(--white); } .shape-top-left { position: absolute; left: 0; top: 0; z-index: -1; max-width: 22%; } .shape-top-left img { height: 100%; } .progress-style-one .progress-box { margin-top: 25px; } .progress-style-one .progress-box h5 { font-size: 22px; font-weight: 600; text-transform: capitalize; } .progress-style-one .progress-box .progress { border-radius: 30px; height: 15px; background: #d0defe; overflow: inherit; } .progress-style-one .progress-box .progress .progress-bar { border-radius: 50px; position: relative; background: var(--color-primary); overflow: inherit; } .progress-style-one .progress-box .progress .progress-bar span { font-size: 22px; right: 0; position: absolute; top: -40px; font-weight: 600; color: var(--color-heading); line-height: 1; } .mission-vission-navs .nav-tabs { border: none; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 5px 3px rgb(3 27 78 / 8%); position: relative; z-index: 1; margin-bottom: 60px; } .mission-vission-navs .nav-tabs .nav-link { border: none; background: var(--white); text-transform: uppercase; border-radius: 0; padding: 20px 30px; font-size: 20px; color: var(--color-heading); border-right: 2px solid #ddeaed; } .mission-vission-navs .nav-tabs .nav-link.active { background: var(--color-primary); color: var(--white); } .mission-vission-navs .nav-tabs .nav-item:last-child .nav-link { border: none; } .mission-vission-navs .nav-tabs::after { position: absolute; right: -10px; bottom: -10px; content: ""; height: 100%; width: 100%; background: var(--color-primary); z-index: -1; opacity: 0.2; } .mission-style-two-tab-content { position: relative; background: rgba(255, 255, 255, 0.4); padding: 80px; border-radius: 10px; top: -95px; padding-top: 100px; margin-bottom: -95px; border: 1px solid rgba(255, 255, 255, 0.6); } .mission-vision-item .list-style-one li::after { background: var(--bg-gradient); border-radius: 50%; top: 2px; color: var(--white); font-size: 12px; height: 22px; width: 22px; line-height: 21px; } .mission-vision-item .list-style-one li { padding-left: 30px; font-size: 17px; } .mission-vision-item .list-style-one { margin-top: 30px; } .mission-vision-item h2 { font-size: 40px; margin-bottom: 30px; } .blog-style-one { background: var(--white); overflow: hidden; border-radius: 8px; box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); } .bg-gray .blog-style-one { box-shadow: 0 5px 3px rgb(3 27 78 / 8%); } .blog-grid .blog-style-one { box-shadow: 0 25px 70px rgb(0 0 0 / 7%); } .secondary .blog-style-one { box-shadow: rgb(0 0 0 / 5%) 0px 10px 30px 0px; } .blog-style-one .thumb .tags { position: absolute; right: 45px; top: 45px; z-index: 1; } .blog-style-one .thumb .tags a { display: inline-block; background: var(--bg-gradient); color: var(--white); padding: 2px 20px; border-radius: 5px; z-index: 1; font-weight: 500; } .blog-style-one .thumb img { margin-bottom: 30px; border-radius: 5px; } .blog-style-one .thumb { padding: 15px; padding-bottom: 0; position: relative; z-index: 1; } .blog-style-one .info { padding: 30px; padding-top: 0; } .blog-style-one .btn-simple { margin-top: 5px; } .blog-style-one h4 { font-size: 26px; line-height: 1.3; } .blog-style-one p { margin: 0; } .blog-meta { display: block; margin-bottom: 15px; } .blog-meta ul li { position: relative; z-index: 1; font-size: 15px; text-transform: uppercase; padding-right: 60px; display: flex; align-items: center; font-weight: 400; } .blog-meta ul li, .blog-meta ul li a { color: var(--color-paragraph); } .blog-meta ul li img { height: 35px; width: 35px !important; border-radius: 50% !important; margin-right: 12px !important; } .blog-meta ul li:last-child { padding-right: 0; } .blog-meta ul { display: flex; align-items: center; } .blog-meta ul li::after { position: absolute; right: 15px; top: 50%; content: ""; height: 1px; width: 30px; background: #dddddd; } .blog-meta ul li:last-child::after { display: none; } .blog-meta ul li a { margin-left: 3px; display: inline-block; line-height: 1.4; } .blog-meta ul li a:hover { color: var(--color-primary); } .secondary .blog-meta ul li a:hover { color: var(--color-secondary); } .secondary .blog-meta ul li a:hover { color: var(--color-secondary); } .blog-meta i { font-size: 16px; font-weight: 100; margin-right: 5px; } .blog-style-one.flex { display: grid; grid-template-columns: 1fr 1.2fr; padding: 0; grid-column-gap: 30px; } .blog-style-one.flex .thumb img { margin: 0; border-radius: inherit; } .blog-style-one.flex .thumb { padding: 0; } .blog-style-one.flex .info { padding: 0; display: flex; flex-direction: column; justify-content: center; } .blog-style-one.flex .thumb .tags { right: auto; left: 30px; top: 30px; } .blog-style-one.solid li { font-size: 16px; } .blog-style-one.solid li a { font-weight: 500; } .blog-style-one.solid .info { position: absolute; left: 30px; bottom: 30px; right: 30px; z-index: 9; padding: 30px; padding-bottom: 15px; } .blog-style-one.solid .thumb { padding: 0; box-shadow: inherit; position: relative; z-index: 1; } .blog-style-one.solid .thumb img { margin: 0; border-radius: inherit; transition: all 0.35s ease-in-out; } .blog-style-one.solid:hover .thumb img { transform: scale(1.2); } .blog-style-one.solid { box-shadow: inherit; position: relative; z-index: 1; border-radius: inherit; } .blog-style-one.solid .info h4 { margin: 0; } .blog-style-one.solid .info p { margin-top: 15px; } .blog-style-one.solid .thumb::after { position: absolute; left: 0; bottom: 0; content: ""; height: 80%; width: 100%; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 120%) repeat scroll 0 0; transition: all 0.35s ease-in-out; } .blog-style-one.solid:hover .thumb::after { height: 100%; } .blog-style-one.solid a, .blog-style-one.solid p, .blog-style-one.solid li, .blog-style-one.solid .blog-meta a { color: var(--white); } .secondary .blog-style-one a:hover { color: var(--color-secondary); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog-meta ul li img { display: none; } } .blog-style-three { position: relative; z-index: 1; } .blog-style-three .info { padding-left: 50px; margin-top: -50px; position: relative; z-index: 1; } .blog-style-three .info .content { background: var(--white); padding: 40px; border-radius: 10px 0 10px 10px; } .blog-style-three .thumb img { border-radius: 10px; } .blog-style-three .tags a { display: inline-block; padding: 2px 14px; border: 1px solid var(--color-primary); border-radius: 30px; font-size: 15px; font-weight: 400; margin-right: 5px; margin-top: 10px; } .blog-style-three .tags a:hover, .blog-style-three .tags a:first-child { background: var(--color-primary); color: var(--white); } .blog-style-four { background: var(--white); padding: 15px; border-radius: 10px; box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); } .blog-style-four .thumb { position: relative; overflow: hidden; border-radius: 10px 10px 0 10px; margin-bottom: 30px; } .blog-style-four .thumb img { border-radius: 10px 10px 0 10px; } .blog-style-four .author { display: flex; align-items: center; gap: 10px; color: var(--white); position: absolute; right: 0; bottom: 5px; z-index: 1; } .blog-style-four .author img { height: 45px; width: 45px; border-radius: 50%; border-radius: 50%; border: 2px solid var(--white); } .blog-style-four .author a { color: var(--white); font-weight: 400; } .blog-style-four > .thumb::before { position: absolute; left: 0; bottom: 0; content: ""; height: 41%; width: 100%; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0; } .blog-style-four > .thumb::after { position: absolute; right: -1px; bottom: -1px; content: ""; height: 60px; width: 50px; background: var(--white); clip-path: polygon(100% 0, 0% 100%, 100% 100%); } .blog-style-four .info { padding: 15px; padding-top: 0; } .blog-style-four .info .blog-meta li i { color: var(--color-primary); background: var(--bg-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; padding-left: 1px; } .color-style-two .blog-style-four .info .blog-meta li i { color: var(--color-primary); background: var(--bg-gradient-two); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .blog-style-four .info h4 { font-size: 26px; line-height: 1.4; } .default-page-area ul { padding-left: 20px; margin-bottom: 25px; list-style: disc; } .default-page-area ul li { list-style: disc; margin-top: 5px; } p.note { display: inline-block; border: 1px solid #a8c2e1; padding: 10px 15px; border-radius: 5px; background: #f3f5f7; margin-bottom: 25px; } .contact-stye-one { position: relative; } .shape-animated-arrow { position: absolute; left: -12%; top: 0; } .contact-shape { position: absolute; right: -15%; bottom: 0; max-width: 30%; } .half-shape-top { position: relative; z-index: 1; } .half-shape-top::after { position: absolute; left: 0; top: 0; content: ""; height: 120px; width: 100%; background: var(--bg-gray); z-index: -1; } .contact-area { background-size: 20%; background-repeat: no-repeat; background-position: right bottom; } .contact-area .shape-left-top { max-width: 30%; top: 60px; opacity: 0.1; } .contact-style-one-info li { display: flex; margin-top: 30px; } .contact-style-one-info li i { display: inline-block; height: 60px; width: 60px; text-align: center; line-height: 60px; background: var(--color-primary); border-radius: 50%; color: var(--white); font-size: 25px; margin-right: 20px; } .contact-style-one-info li:nth-child(2) i { background: #0ea3c1; } .contact-style-one-info li:nth-child(3) i { background: var(--dark); } .contact-style-one-info li p { margin: 0; } .contact-style-one-info li h5 { font-weight: 600; margin-bottom: 5px; font-size: 20px; } .contact-style-one-info li a { font-weight: 400; } .contact-style-one-info h2 { font-size: 36px; font-weight: 600; margin-bottom: 15px; line-height: 1; } .contact-style-one-info ul { margin: 0; padding: 0; list-style: none; margin-top: 50px; } .contact-form-style-one { box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); padding: 60px 80px; border-radius: 10px; position: relative; background: var(--white); } .contact-form-style-one .illustration { position: absolute; left: -130px; bottom: -60px; z-index: -1; } .contact-form-style-one .sub-heading { margin-bottom: 15px; } .contact-form-style-one .heading { margin-bottom: 30px; font-size: 36px; } .contact-form-style-one input, .contact-form-style-one textarea { margin-bottom: 15px; padding: 15px 0; border: none; background: transparent; border-bottom: 2px solid #d6d6d6; border-radius: 0; font-size: 18px; } .contact-form-style-one input:focus, .contact-form-style-one textarea:focus { box-shadow: inherit; } .contact-form-style-one textarea { min-height: 180px; } .contact-form-style-one button { display: inline-block; font-weight: 600; text-transform: capitalize; transition: all 0.35s ease-in-out; overflow: hidden; border-radius: 6px; -webkit-box-shadow: inherit; box-shadow: inherit; font-size: 17px; letter-spacing: 0; position: relative; z-index: 1; color: var(--white); border: none; background: var(--color-primary); padding: 16px 52px; } .contact-form-style-one button::after { position: absolute; top: inherit; right: inherit; bottom: inherit; left: -5%; content: ""; height: 150px; width: 115%; z-index: -1; background-color: var(--dark); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translateY(-45%) skew(25deg) scale(0); transform: translateY(-45%) skew(25deg) scale(0); } .contact-form-style-one button:hover::after { -webkit-transform: translateY(-45%) skew(25deg) scale(1.2); transform: translateY(-45%) skew(25deg) scale(1.2); } .contact-form-style-one button:hover { color: var(--white); } img.loader { margin-left: 8px; } .contact-style-one-info h2 span { position: relative; z-index: 1; } .contact-style-one-info h2 span svg { position: absolute; top: auto; left: 50%; width: 80%; height: 100%; transform: translate(-50%); overflow: visible; bottom: 0; z-index: -1; } .contact-style-one-info h2 span path { stroke: var( --color-secondary); stroke-width: 10; stroke-dasharray: 1500; fill: none; } .maps-area iframe { min-height: 550px; margin-bottom: -10px; left: 0; top: 0; height: 100%; width: 100%; } .error-box h1 { font-size: 200px; font-weight: 600; line-height: 150px; margin-bottom: 30px; } .error-box h2 { font-weight: 600; margin-bottom: 20px; } .alert-notification { margin-top: 30px; } .alert-notification .alert { margin: 0; } .alert-notification h3 { font-weight: 600; margin-bottom: 8px; font-size: 22px; color: red; } .alert-notification p { margin: 0; } .alert-notification p strong { color: #232323; } .alert-notification .alert.alert-success h3 { color: green; } footer .widget-title { font-weight: 600; font-size: 24px; margin-bottom: 30px; } footer .logo img { height: 60px; } footer .logo { margin-bottom: 30px; height: 60px; } footer .newsletter form { border: 2px solid rgba(255, 255, 255, 0.2); position: relative; border-radius: 30px; } footer .newsletter form input { background: transparent !important; border: none; box-shadow: inherit !important; color: var(--white) !important; min-height: 58px; padding: 15px; padding-left: 26px; } footer .newsletter form input::-webkit-input-placeholder { color: #d1d1d7; } footer .newsletter form input::-moz-placeholder { color: #d1d1d7; } footer .newsletter form input:-ms-input-placeholder { color: #d1d1d7; } footer .newsletter form input:-moz-placeholder { color: #d1d1d7; } footer .newsletter form button { position: absolute; right: 5px; top: 5px; padding: 0; background: var(--white); border: none; color: var(--color-heading); font-weight: 500; border-radius: 30px; height: 48px; width: 48px; } footer .newsletter.secondary form button { background: var(--color-secondary); } footer .newsletter { margin-top: 30px; } footer p, footer li, footer li a { color: #d1d1d7 !important; transition: all 0.35s ease-in-out; } footer li a:hover { color: var(--white) !important; } footer li a { font-weight: 400; } footer .link li { margin-top: 15px; } footer .link li:first-child { margin-top: 0; } .footer-item { margin-top: 50px; } .footer-bottom li { display: inline-block; } .footer-bottom p { margin: 0; } .footer-bottom { padding: 15px 0; background: var(--dark-secondary); } .footer-bottom .text-end li { margin-left: 20px; } .f-items { position: relative; z-index: 1; } .f-items .shape-animated-top { position: absolute; left: -200px; top: 80px; } .f-items .shape-animated-top img { max-width: 250px; opacity: 0.03; } .footer-bottom .container { position: relative; } footer { position: relative; z-index: 1; overflow: hidden; } .footer-shape { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .footer-shape .item:first-child { position: absolute; right: 0; top: 50px; height: 250px; } .footer-shape .item:first-child img { height: 100%; } .footer-shape .item:nth-child(2) { position: absolute; left: 30px; bottom: 45px; height: 30px; } .footer-shape .item:nth-child(2) img { height: 100%; animation: spinner 20s infinite linear; } .footer-shape .item:nth-child(3) { position: absolute; left: 0; top: 0; height: 40%; opacity: 0.3; } .footer-shape .item:nth-child(3) img { height: 100%; } .footer-shape .item.bottom { top: auto; bottom: 60px; height: 70%; } .opening-hours { margin-top: 30px; } .opening-hours li { margin-top: 10px; position: relative; z-index: 1; } .opening-hours h5 { text-transform: uppercase; font-weight: 600; font-size: 15px; } .opening-hours .working-day, .opening-hours .working-hour { width: 1%; display: table-cell; white-space: nowrap; } .opening-hours .working-day { padding-right: 10px; } .opening-hours .working-hour { padding-left: 10px; text-transform: uppercase; } .opening-hours .marker { width: 98%; display: table-cell; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); bottom: 10px; } .footer-social li { display: inline-block; margin-right: 10px; margin-top: 10px; } .footer-social li a { display: inline-block; height: 45px; width: 45px; line-height: 47px; text-align: center; background: rgba(255, 255, 255, 0.1); border-radius: 50%; color: var(--white) !important; } .footer-social { margin-top: 20px; } .footer-social li a:hover { background: var(--color-primary); } .color-style-two .footer-social li a:hover { background: var(--bg-gradient-two); } footer.footer-style-two::after { display: none; } footer.footer-style-two { overflow: hidden; position: relative; z-index: 1; } footer.footer-style-two .f-item.about { position: relative; z-index: 1; padding-right: 50px; } footer.footer-style-two .f-item.about::after { position: absolute; right: 0; top: -200px; bottom: -200px; width: 500%; background: var(--bg-gradient-secondary); content: ""; z-index: -1; opacity: 0.2; } .footer-style-two .footer-bottom { position: relative; z-index: 1; background: var(--dark); border-top: 1px solid rgba(255, 255, 255, 0.1); } .f-item.contact ul { margin: 0; padding: 0; list-style: none; } .f-item.contact ul li { display: flex; gap: 15px; margin-top: 20px; } .f-item.contact ul li p { margin: 0; } .f-item.contact ul li i { display: inline-block; height: 50px; width: 50px; min-width: 50px; text-align: center; line-height: 50px; border-radius: 50%; color: var(--white); border: 1px solid rgba(255, 255, 255, 0.3); font-size: 20px; } .color-style-two .f-item.contact ul li i::before { background: var(--bg-gradient-two); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .f-item.contact ul li:first-child { margin-top: 0; } @media (min-width: 1024px) { .footer-style-two .f-item.contact { padding-left: 60px; } .project-style-three-item img { height: 100%; object-fit: cover; object-position: center; } } .error-page-area { position: relative; z-index: 1; } .error-page-area .shape-left { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 20%; background-position: left !important; background-repeat: no-repeat !important; z-index: -1; opacity: 0.3; background-size: contain !important; } .error-page-area .shape-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 20%; background-position: right !important; background-repeat: no-repeat !important; z-index: -1; opacity: 0.3; background-size: contain !important; } .error-box h1 { font-size: 150px; line-height: 110px; font-weight: 800; margin-bottom: 40px; text-shadow: 3px 3px #c0c0c0; } .error-box h2 { font-weight: 700; margin-bottom: 20px; } .error-box p { padding: 0 10%; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .choose-us-style-two .expertise { padding-right: 25px; } .title { font-size: 50px; } .banner-style-five-info h2:first-child { margin-left: 0; } .list-style-one li { font-size: 15px; padding-left: 30px; } .choose-us-style-three-info .d-flex { gap: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .title { font-size: 45px; } .left-heading-two .left-info h2 { font-size: 40px; } .left-heading-two .right-info .fun-fact { margin-right: 25px; padding-right: 25px; } .left-heading-two .right-info { padding-left: 30px; } .banner-style-two .container .banner-thumb img { height: auto; max-width: 50%; margin: 0; min-height: auto; } .banner-style-two .container .banner-thumb { text-align: right; display: flex; justify-content: right; top: auto; height: auto; display: none; } .banner-style-four-area h2 { font-size: 80px; } .banner-four-bottom-info p { margin-top: 0; font-size: 20px; } .banner-four-top-info img { display: none; } .banner-four-bottom-info .thumb img { top: 0; margin: 0; } .banner-four-bottom-info { margin-top: 30px; gap: 50px; } .about-style-one .about-card { left: 0; } .about-thumb { padding-left: 50px; } .thumb-shape-bottom { width: 30%; } .choose-us-style-two .expertise .right { min-width: 210px; position: relative; right: -25px; } .banner-style-five-info .content { padding: 0; } .banner-style-five-info h2:first-child { margin-left: 0; } .banner-style-five-info h2 { font-size: 50px; } .banner-style-five-area .row.align-center { align-items: center; } .banner-style-five-thumb { padding: 100px 70px; } .banner-style-six-info h2 { font-size: 80px; } .testimonial-thumb::after { height: 350px; width: 350px; } .testimonial-thumb .mini-shape { right: -55px; top: 20%; } .about-style-one-area { overflow: hidden; } .about-style-three .fun-fact { display: block; margin: 0; padding: 0; border: none; margin-top: 30px; } .about-style-three-area.shape-light-bottom::after { display: none; } .company-autor { position: inherit; margin-top: 30px; } .company-autor .right-info { display: none; } .about-style-three-area { padding-bottom: 120px; } .shape-right-bottom-actual { bottom: 0; } .about-style-one-area .shape-animated-left { display: none; } .owner-info { display: block; } .owner-info .right-info { display: none; } .owner-info .left-info { border: none; margin: 0; padding: 0; } .about-style-four-info .about-list-box { margin-left: -60%; } .about-style-four-thumb { height: 100%; } .about-style-four-thumb img { height: 100%; object-fit: cover; object-position: center; } .about-style-four-info .clients-card { right: -3px; bottom: -1px; } .feature-style-three-items::after { display: none; } .choose-us-style-three-thumb { display: none; } .technology-index-two-items { grid-auto-columns: inherit; grid-auto-flow: inherit; grid-template-columns: 1fr 1fr 1fr; } .project-style-two { grid-template-columns: 1fr; } .feature-style-three-items { padding-top: 120px; border: none; grid-template-columns: 1fr 1fr; gap: 30px; } .feature-style-three { border: 1px solid #dde8ff; padding: 50px; } .feature-style-three:last-child { border: 1px solid #dde8ff; } .process-arrow { height: 60%; } .process-style-three:first-child { right: 90px; } .process-style-three:nth-child(4) { left: 90px; } .team-single-area .team-content-top { bottom: 0; margin: 0; padding-bottom: 120px; } .team-single-area .team-content-top .right-info { margin-bottom: 0; } .service-nav-info { margin: 0; } .partner-heading::before { right: -50px; } .partner-heading::after { right: -50px; } .choose-us-style-one-area::after { width: 65%; } .partner-style-one-area .align-center { align-items: center; } .bottom-shape-light::after { top: 480px; } .half-angle-shape::after { transform: skewX(-7deg); width: 53%; } .feature-style-one-heading .arrow-shape { right: -150px; } .pricing-badge { display: none; } .choose-us-style-thumb .fun-fact { right: auto; left: -80px; bottom: 20%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (max-width: 991px) { .order-last { order: 0; } .gallery-style-one .overlay { max-width: 85%; } .testimonial-four-swiper-nav { justify-content: center; margin-top: 20px; } .tesimoinial-style-four-area .text-end { text-align: center !important; } .tesimoinial-style-four-area .left-heading { text-align: center; } footer.footer-style-two .f-item.about::after { display: none; } .process-style-two-area::after { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .top-bar-area .social { display: none; } .top-bar-area .item-flex { justify-content: center; } .top-bar-area .call-entry { display: none; } .top-bar-style-two { border-bottom: 1px solid #e7e7e7; background: var(--bg-gray); } .banner-style-two .container .banner-thumb { position: inherit; height: auto; max-width: 60%; margin: auto; display: none; } .banner-style-two .content { padding-top: 100px; padding-bottom: 120px; } .banner-style-two .container .banner-thumb img { margin-top: 50px; } .banner-area.navigation-right-botom.navigation-custom-large .swiper-button-prev { left: 50%; margin-left: -50px; } .banner-area.navigation-right-botom.navigation-custom-large .swiper-button-next { right: auto; left: 50%; margin-right: -50px; } .banner-style-one h2 { font-size: 70px; } .banner-style-four-area h2 { font-size: 80px; margin-bottom: 25px; } .banner-four-bottom-info { grid-template-columns: 1fr; margin: 0; gap: 30px; } .banner-style-four-area { padding-top: 120px; padding-bottom: 120px; } .banner-four-bottom-info .thumb { display: none; } .banner-style-four-area h2 strong { float: none; text-align: left; } .banner-four-bottom-info p { margin-top: 0; } .banner-four-top-info img { display: none; } .banner-style-five-area, .banner-style-five-area div { height: auto; } .banner-style-five-info { padding-top: 100px; } .banner-style-five-info h2:first-child { margin-left: 0; } .banner-style-five-info .content { padding: 0; } .banner-style-five-area { text-align: center; } .banner-style-five-info .button { justify-content: center; } .banner-style-five-info .content p { padding: 0 10%; } .banner-style-five-thumb { padding-top: 50px; } .banner-style-six-info h2 { font-size: 80px; } .banner-style-six-info .content { padding: 0; } .banner-style-six-area { padding: 120px 0; } .banner-style-six-info .content p { padding: 0; } .banner-style-six-area { text-align: center; } .banner-style-six-video { margin-top: 50px; } .thumb-shape-bottom { right: 0; } .thumb-shape-bottom img { height: 150px; right: 0; position: relative; top: 50px; } .about-thumb { margin-bottom: 50px; } .shape-animated-left { display: none; } .about-style-one .about-card { position: relative; left: 0; top: 0; bottom: auto; width: 100%; margin-top: 30px; } .triangle-shape { display: none; } .about-style-one .about-card ul { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; } .about-card li { margin: 0; padding: 0; border: navajowhite; } .about-style-two-thumb { margin-bottom: 50px; } .about-style-two .thumb img:nth-child(2) { left: 0; border: 2px solid var(--white); box-shadow: 0 25px 70px rgb(0 0 0 / 7%) !important; display: none; } .about-style-two .thumb { padding-left: 0; margin-bottom: 50px; } .about-style-two .experience { left: 50px; } .about-style-two .thumb .shape { display: none; } .shape-right-bottom { max-width: 30%; bottom: -150px; display: none; } .thumb-style-one { text-align: center; } .thumb-style-one img { margin-bottom: 30px; } .project-info { border: none; padding: 50px; background: var(--bg-gray); margin-bottom: 30px; } .project-details-items.bg-gray { padding: 50px; } .item-grid-colum { display: block; } .company-autor { position: inherit; margin-top: 30px; } .shape-light-bottom::after { display: none; } .about-style-three-area { padding-bottom: 60px; } .shape-right-bottom-actual { bottom: 0; } .company-autor .right-info { display: none; } .about-style-three .thumb img { margin: 0; max-width: 100%; margin-bottom: 40px; } .about-style-three .experience { display: none; } .about-style-three .thumb { padding-top: 0; } .choose-us-style-thumb .fun-fact { right: auto; left: -80px; bottom: 25%; } .about-style-four-info .about-list-box { margin: 0; padding: 0; margin-top: 40px; margin-bottom: 30px; } .about-style-four-info .about-list-box::before, .about-style-four-info .about-list-box::after { display: none; } .about-style-four-info .thumb > img { width: 100%; } .about-style-four-info .clients-card { right: -3px; } .about-style-five-left-info { height: auto; margin-bottom: 50px; } .choose-us-four-thumb { margin-bottom: 60px; } .feature-style-three-items::after { display: none; } .feature-style-three-items { padding-top: 100px; border: none; grid-template-columns: repeat(2, 1fr); gap: 30px; } .full-border .feature-style-three-items { padding-top: 0; } .feature-style-three { border: 1px solid #dde8ff; } .feature-style-three:last-child { border: 1px solid #dde8ff; } .expertise-style-one-info { margin-bottom: 50px; } .estimate-thumb { margin-top: 50px; text-align: center; } .estimate-thumb img { width: 100%; } .left-heading-two { grid-template-columns: 1fr; } .left-heading-two .left-info::after { display: none; } .left-heading-two .right-info::after { display: none; } .left-heading-two .right-info { padding: 0; display: flex; gap: 30px; } .left-heading-two .right-info .fun-fact { border: none; margin: 0; padding: 30px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; width: 100%; text-align: center; } .left-heading-two .right-info .fun-fact:last-child { border: 1px solid rgba(255, 255, 255, 0.1); padding: 30px; } .left-heading-two .left-info { padding: 0; margin-bottom: 50px; } .technology-index-two-items { grid-auto-columns: inherit; grid-auto-flow: inherit; grid-template-columns: 1fr 1fr 1fr; } .service-nav-info { margin-right: 30px; } .services-style-two .thumb .title::after { transform: none; right: 0; } .services-style-two .thumb .title { right: 0; } .service-style-four-items ul { grid-template-columns: 1fr; } .service-style-four-items { padding-bottom: 50px; } .services-style-six-items { padding-bottom: 50px; } .services-style-five .item { padding: 50px 37px; } .process-style-one { margin-top: 60px; padding: 0 25%; } .col-lg-4:first-child .process-style-one { margin-top: 0; } .faq-style-one.default-padding { padding-bottom: 0; } .faq-thumb { text-align: center; } .faq-thumb img { max-width: 50%; margin-top: 20px; } .faq-style-one-area { background-size: contain; } .mission-style-two-tab-content .thumb { margin-top: 50px; } .partner-heading { margin-bottom: 15px; } .partner-heading::after { display: none; } .partner-heading::before { display: none; } .partner-style-two-area { text-align: center; } .partner-heading h3 strong { color: var(--white); } .choose-us-style-one-area::after { width: 100%; transform: inherit; left: 0; } .choose-us-style-one-area .text-invisible { font-size: 100px; bottom: 20px; display: none; } .choose-us-style-three-thumb { height: auto; margin: 0; top: 0; margin-bottom: 50px; display: none; } .partner-map { text-align: center; margin-bottom: 50px; } .partner-items ul li { border: 1px solid #e7e7e7; } .skill-fact-info .circle-progress { border: none; padding: 0; margin-top: 50px; justify-content: center; gap: 50px; } .skill-fact-info .circle-progress .progressbar { margin: 0; } .skill-facts-area { text-align: center; } .skill-fact-thumb { margin-bottom: 50px; } .gallery-items.colums-2 .gallery-item, .gallery-items.colums-3 .gallery-item { width: 50%; } .project-swiper-nav { position: relative; top: 0; } .project-style-one .info { padding: 50px; left: 0; margin: 0; } .project-style-one-carousel .swiper-wrapper { padding-bottom: 30px; } .project-swiper-nav .project-pagination { color: var(--color-heading); } .project-style-one-carousel { margin: 0; padding: 0; } .gallery-item.active .overlay { opacity: 0; visibility: hidden; transform: translateX(60px); } .gallery-item.active .shape { bottom: -30%; opacity: 0; visibility: hidden; } .shape-animated-arrow { display: none; } .project-details-area .top-info { margin-top: 30px; } .project-style-three-area .left-heading { text-align: center; } .project-style-three-area .left-heading .text-end { text-align: center !important; margin-top: 10px; } .project-style-three-item img { border-radius: 0; } .project-style-three-item .project-style-three-info { border-radius: 0; } .project-style-three-item { background: var(--white); overflow: hidden; border-radius: 10px; } .team-single-area .team-content-top .right-info { padding: 0 15px; margin: 0; } .team-single-area .team-content-top img { margin-bottom: 40px; } .team-single-area .team-content-top { margin: 0; bottom: 0; padding-bottom: 120px; } .team-single-area .bottom-info .skill-items { padding-left: 0; margin-top: 50px; } .pricing-style-two { padding: 50px 30px; } .request-call-back-area .text-end { text-align: left !important; } .achivement-counter ul { margin: 0 -15px; } .achivement-counter { border: none; padding: 0; margin-top: 50px; } .achivement-counter li { margin: 0; width: 50%; float: left; border-right: 1px solid rgba(255, 255, 255, 0.3); padding: 0 30px; } .achivement-counter li .icon { float: left; } .achivement-counter li:last-child { border: navajowhite; } .achivement-counter .fun-fact .medium { margin-top: 8px; display: block; } .achivement-counter li i { line-height: 0; } .request-call-back-area .achivement-counter::after { display: none; } .pricing-badge { display: none; } .testimonial-style-one-area { text-align: center; } .testimonial-thumb::after { height: 500px; width: 500px; } .testimonial-thumb .thumb-item img { max-width: 490px; } .testimonial-thumb .thumb-item img { border-radius: 0 0 400px 400px; position: relative; } .testimonial-thumb .thumb-item { margin-bottom: 50px; margin-top: -35px; } .testimonial-thumb .mini-shape { right: 10%; top: 35%; } .testimonial-style-one .provider { justify-content: center; } .process-style-three:first-child { right: 0; } .process-style-three:nth-child(4) { left: 0; } .process-style-three { background: var(--white); } .half-angle-shape::after { width: 100%; transform: inherit; left: 0; } .feature-style-one-heading .arrow-shape { right: auto; top: -70px; height: 40px; left: -30px; } .circle-progress { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 50px; display: none; } .circle-progress .progressbar { display: inline-block; margin-right: 70px; } .feature-style-one { width: 50%; float: left; margin: 0; border: none; padding: 0 30px; display: block; } .feature-style-one:first-child { padding-left: 0; } .feature-style-one:last-child { padding-right: 0; } .feature-style-one h4 { color: var(--white); } .feature-style-one p { color: var(--white); opacity: 0.8; } .feature-style-one .icon { margin: 0; margin-bottom: 20px; } .contact-style-one-area.half-shape-top::after { height: 100%; background: transparent; } .blog-style-three .info { margin: 0; padding: 0; } .blog-style-three .info .content { border-radius: 0; padding: 30px; } .blog-style-three .thumb img { border-radius: 0; } .blog-style-three { border-radius: 10px; overflow: hidden; } .blog-style-three h2 { font-size: 26px; } .blog-style-three .blog-meta ul { flex-wrap: wrap; gap: 10px; } .blog-style-three .blog-meta ul li::after { display: none; } .blog-meta ul li::after { display: none; } .blog-meta ul li { padding-right: 30px; } .footer-bottom { text-align: center; } .footer-bottom .text-end { text-align: center !important; margin-top: 10px; } .footer-shape .item:nth-child(2) img { display: none; } .footer-bottom .text-end li { margin: 0 15px; } .footer-shape .item.bottom { height: auto; top: auto; bottom: 0; max-width: 30%; } } @media only screen and (max-width: 767px) { .title { font-size: 36px; } .left-heading { margin-bottom: 40px; } .top-bar-area { display: none; } .breadcrumb-area h1 { font-size: 36px; } .banner-area h2 { font-size: 42px !important; line-height: 1.2 !important; } .banner-area.banner-style-one .content { padding: 100px 0; } .banner-style-two .container .banner-thumb { height: auto; position: inherit; } .banner-style-two .container .banner-thumb img { height: auto; margin: 0; } .banner-style-two .content { text-align: center; } .banner-style-four-area h2 { font-size: 36px; margin-bottom: 25px; } .banner-four-bottom-info { grid-template-columns: 1fr; margin: 0; gap: 30px; } .banner-style-four-area { padding-top: 80px; padding-bottom: 80px; } .banner-four-bottom-info .thumb { display: none; } .banner-style-four-area h2 strong { float: none; text-align: left; } .banner-four-bottom-info p { margin-top: 0; } .banner-four-top-info img { display: none; } .banner-style-five-info h2 { font-size: 40px; } .banner-style-five-info h2 { margin-left: 0; } .banner-style-five-info .content { padding: 0; } .banner-style-five-area, .banner-style-five-area div { height: auto; } .banner-style-five-area { text-align: center; } .banner-style-five-info h2:first-child { margin-left: 0; } .banner-style-five-info { padding-top: 60px; } .banner-style-five-info .content p { font-size: 17px; } .banner-style-five-info .button { justify-content: center; } .banner-style-five-thumb { padding: 50px; } .banner-style-six-info h2 { font-size: 40px; } .banner-style-six-info .content { padding: 0; } .banner-style-six-area { padding: 80px 0; } .banner-style-six-info .content p { padding: 0; } .banner-style-six-area { text-align: center; } .banner-style-six-video { margin-top: 50px; } .shape-animated-left { display: none; } .thumb-shape-bottom { display: none; } .about-style-one .about-card { left: 0; top: 0; bottom: auto; position: relative; width: 100%; margin-top: 30px; margin-bottom: 50px; } .about-thumb { margin-top: 30px; margin-bottom: 0; } .about-style-one .about-thumb { margin-top: 0; } .triangle-shape { display: none; } .about-card li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .about-card li { padding-bottom: 30px; } .about-style-one .accordion-single .accordion-body { padding-right: 0; } ul.tech-index-items { grid-template-columns: 1fr; } ul.tech-index-items li a { position: relative; z-index: 1; padding-right: 60px; } ul.tech-index-items li a::after { position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(-45deg); content: "\f178"; font-family: "Font Awesome 5 Pro"; font-weight: 100; font-size: 22px; } .about-style-two .thumb img:nth-child(2) { display: none; } .about-style-two .thumb { padding: 0; margin-bottom: 30px; } .about-style-two .experience { position: relative; top: 0; margin-bottom: 30px; margin-top: 30px; width: 100%; text-align: center; display: none; } .about-style-two .thumb .shape { display: none; } .company-autor { position: inherit; margin-top: 30px; } .shape-light-bottom::after { display: none; } .about-style-three-area { padding-bottom: 60px; } .shape-right-bottom-actual { bottom: 0; } .company-autor .right-info { display: none; } .about-style-three .thumb img { margin: 0; max-width: 100%; margin-bottom: 40px; } .about-style-three .experience { display: none; } .about-style-three .thumb { padding-top: 0; } .about-style-four-info .about-four-list { grid-template-columns: 1fr; border: none; gap: 30px; overflow: inherit; } .about-style-four-info .about-list-box { margin: 0; padding: 0; margin-top: 30px; background: transparent; } .about-style-four-info .about-four-list li { border: 1px solid #e7e7e7; border-radius: 10px; } .about-style-four-info .about-four-list li:last-child { border: 1px solid #e7e7e7; } .about-style-four-info .thumb { margin-top: 30px; } .about-style-four-info .about-list-box::before { display: none; } .about-style-four-info .clients-card { right: -1px; bottom: -1px; } .about-style-four-info .clients-card::after { right: 0; } .about-style-five-left-info .fun-fact { padding: 30px; } .about-style-five-left-info { margin-bottom: 40px; height: auto; } .choose-us-four-thumb img:nth-child(2) { display: none; } .choose-us-four-thumb { padding: 0; margin-bottom: 35px; } .choose-us-four-thumb img:nth-child(3) { display: none; } .choose-us-four-thumb::after { display: none; } .choose-us-four-thumb .button { display: none; } ul.list-card-two { padding: 30px; } .expertise-style-one-info .ceo-quote { display: block; } .ceo-quote .right { display: none; } .expertise-style-one-thumb { margin-top: 30px; } .feature-style-three-items { grid-template-columns: 1fr; gap: 30px; border: none; padding-top: 50px; } .full-border .feature-style-three-items { padding-top: 0; } .feature-style-three { border: 1px solid #dde8ff; } .feature-style-three:last-child { border: 1px solid #dde8ff; } .feature-style-three-items::after { display: none; } .services-style-three { text-align: center; } .services-style-two .thumb .title::after { transform: none; right: 0; } .services-style-two .thumb .title { right: 0; } .service-style-four-items ul { grid-template-columns: 1fr; } .service-style-four-items .image-hover-item .icon img { height: auto; width: 60px; } .service-style-four-items .image-hover-item .item-content h3 { font-size: 22px; } .service-style-four-items { padding-bottom: 30px; } .team-single-area .team-content-top .right-info { padding: 0 15px; margin: 0; } .team-single-area .team-content-top img { margin-bottom: 40px; } .team-single-area .team-content-top { margin: 0; bottom: 0; padding-bottom: 60px; } .team-single-area .bottom-info .skill-items { padding-left: 0; margin-top: 50px; } .project-details-items .project-thumb .row { gap: 30px; } .project-info { padding: 30px; border: none; background: var(--bg-gray); margin-top: 20px; margin-bottom: 30px; } .project-details-items.bg-gray { padding: 50px 30px; } .item-grid-container { grid-row-gap: 20px; } .item-grid-colum { grid-template-columns: 1fr; grid-row-gap: 0; } .left-heading a.btn-circle { display: none; } .project-style-three-item { background: var(--white); overflow: hidden; border-radius: 10px; } .project-style-three-item .project-style-three-info { border-radius: 0; padding: 50px 30px; } .project-style-three-item img { border-radius: 0; } .process-style-one { margin-top: 50px; } .col-lg-4:first-child .process-style-one { margin-top: 0; } .process-style-one .thumb::before { opacity: 1; visibility: visible; } .choose-us-style-one-area .cover-bg { width: 100%; display: none; } .choose-us-style-one-area::after { transform: none; width: 100%; left: 0; opacity: 1; } .list-item::after { display: none; } .list-item { padding-left: 0; } .choose-us-style-one-area .text-invisible { font-size: 60px; right: auto; left: 10px; bottom: 0; opacity: 0.2; display: none; } .left-heading-two { grid-template-columns: 1fr; } .left-heading-two .left-info::after { display: none; } .left-heading-two .right-info::after { display: none; } .left-heading-two .right-info { padding: 0; display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: center; } .left-heading-two .right-info .fun-fact { border: none; margin: 0; padding: 30px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; width: 100%; text-align: center; } .left-heading-two .right-info .fun-fact:last-child { border: 1px solid rgba(255, 255, 255, 0.1); padding: 30px; } .left-heading-two .left-info { padding: 0; margin-bottom: 30px; } .technology-index-two-items { grid-auto-columns: inherit; grid-auto-flow: inherit; grid-template-columns: 1fr 1fr; } .technolgy-index-two-area { text-align: center; } .left-heading-two .right-info .fun-fact .counter { justify-content: center; } .project-style-two { grid-template-columns: 1fr; } .project-swiper-nav { position: relative; top: 0; } .project-style-one .info { padding: 50px; left: 0; margin: 0; } .project-style-one-carousel .swiper-wrapper { padding-bottom: 30px; } .project-swiper-nav .project-pagination { color: var(--color-heading); } .gallery-style-two .overlay { left: 30px; right: 30px; } .gallery-item.active .overlay { opacity: 0; visibility: hidden; transform: translateX(60px); } .gallery-item.active .shape { bottom: -30%; opacity: 0; visibility: hidden; } .shape-animated-arrow { display: none; } .load-more-info { display: none; } .project-details-area .top-info { margin-top: 15px; } ul.check-list { grid-template-columns: 1fr; } .price-range-slider .range-bar { float: left; width: 100%; margin-top: 15px; } .price-range-slider .range-value input { float: left; width: 100%; text-align: left; margin-top: 10px; } .price-range-slider .range-value span { font-size: 20px; } .estimate-thumb { margin-top: 40px; } .estimate-thumb .shape { display: none; } .thumb-style-two .card-style-one { position: inherit; width: 100%; max-width: 100%; margin-top: 30px; } .thumb-style-two { padding: 0; } .thumb-style-one img { margin-bottom: 30px; } .services-style-six-items { padding-bottom: 30px; } .shape-top-left { display: none; } .mission-tab-navs button { margin: 0 !important; width: 100%; margin-bottom: 15px !important; border: 1px solid var(--dark) !important; } .mission-tab-navs button:last-child { margin-bottom: 0 !important; } .nav.nav-tabs.mission-tab-navs { background: transparent; border: none; border-radius: 0; padding: 0; display: block; } .team-style-two .thumb { padding-left: 0; } .team-style-two .info { max-width: 100%; padding: 15px 30px; } .team-style-two .thumb img { border-radius: 10px 10px 0 0; } .team-style-two .social { left: 30px; bottom: 15px; } .team-style-two .thumb::after { left: 40px; top: 30px; display: none; } .team-style-two:hover .thumb::after { height: 30%; } .team-single-list { grid-template-columns: 1fr; grid-row-gap: 40px; } .partner-map { text-align: center; } .partner-items ul { grid-template-columns: 1fr 1fr; margin-top: 50px; } .partner-items ul li::after { display: none; } .partner-items ul li { border: 1px solid #e7e7e7; } .half-angle-shape::after { display: none; } .feature-style-one-heading h2 { color: var(--color-heading); } .feature-style-one-heading.text-light p { color: var(--color-paragraph); opacity: 1; } .circle-progress .circle strong { color: var(--color-heading); } .feature-style-one { display: block; } .feature-style-one .icon { margin: 0; margin-bottom: 30px; } .circle-progress .progressbar h4 { color: var(--color-heading); opacity: 1; } .feature-style-one-heading .arrow-shape { display: none; } .circle-progress { grid-template-columns: 1fr; grid-row-gap: 30px; } .default-features { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; } .feature-style-one-heading ul.list-card li { background: var(--dark); padding: 30px; } .feature-style-one-heading ul.list-card li p { color: #cccccc; } .half-angle-shape::before { display: none; } form.seo-form button { position: inherit; border: none; width: 100%; left: 0; right: 0; min-height: 60px; } form.seo-form input { background: rgba(255, 255, 255, 0.2); border-radius: 30px; margin-bottom: 10px; border: none !important; text-align: center; } form.seo-form { text-align: center; padding: 30px; } form.seo-form input[type="email"] { padding-right: 30px; } .testimonial-thumb .mini-shape { right: 0; } .testimonial-thumb .thumb-item { margin-bottom: 30px; text-align: center; } .testimonial-style-one { text-align: center; } .testimonial-style-one .provider { justify-content: center; text-align: left; } .testimonial-thumb .thumb-item > img { height: 500px; border-radius: 0 0 480px 485px; } .testimonial-thumb .thumb-item { border-radius: inherit; margin-top: -30px; } .testimonial-style-three-items .review-cards { display: grid; text-align: center; justify-content: center; } .testimonial-style-three p { font-size: 20px; } .testimonial-bullet { max-width: 100%; } .shape-right-bottom { display: none; } .choose-us-style-thumb .fun-fact { right: auto; left: 50%; bottom: 30px; transform: translateX(-50%); display: none; } .choose-us-style-thumb { margin: 0; } .choose-us-style-thumb .shape { right: auto; left: 50%; transform: translateX(-50%); } .choose-us-style-two-area { overflow: hidden; } .choose-us-style-two .expertise { display: block; text-align: center; padding: 30px; background-size: cover; background-position: center; padding-top: 120px; } .choose-us-style-two .expertise .left { background: transparent; padding: 0; border: none; border-radius: 10px; margin-bottom: 30px; display: none; } .choose-us-style-two .expertise .left h2 { color: var(--white); } .choose-us-style-two .expertise::after { display: none; } .choose-us-style-two .expertise .video-play-button-with-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 300px; } .mission-vission-navs .nav-tabs { box-shadow: none; display: block; width: 100%; margin-bottom: 20px; } .mission-vission-navs .nav-tabs li.nav-item { width: 100%; margin-bottom: 15px; } .mission-vission-navs .nav-tabs::after { display: none; } .mission-vission-navs .nav-tabs li.nav-item .nav-link { display: block; width: 100%; border-radius: 6px; overflow: hidden; } .mission-style-two-tab-content { top: 0; margin: 0; padding: 50px 30px; } .mission-vision-item h2 { font-size: 36px; } .mission-style-two-tab-content .mission-vision-item .thumb { margin-top: 40px; } .choose-us-style-three-info .d-flex { display: grid !important; } .choose-us-style-three-thumb { margin: 0; bottom: 0; margin-bottom: 30px; height: auto; display: none; } .partner-heading { margin-bottom: 15px; } .partner-heading::after { display: none; } .partner-heading::before { display: none; } .partner-style-two-area { text-align: center; } .partner-heading h3 strong { color: var(--white); } .fun-factor-style-one-box .item { margin-top: 30px; } .fun-factor-style-one-box .item .fun-fact { border-top: 1px solid #dddddd; display: block; padding-top: 30px; } .fun-factor-style-one-box .item:first-child { margin-top: 0; } .fun-factor-style-one-box .item:first-child .fun-fact { padding-top: 0; border: none; } .achivement-counter { border: none; padding: 0; margin-top: 60px; display: block; } .request-call-back-area { text-align: center; } .achivement-counter li { display: block; text-align: center; margin-top: 60px; } .achivement-counter li i { margin: 0; margin-bottom: 10px; line-height: 1; } .achivement-counter .fun-fact .counter { justify-content: center; } .achivement-counter::after { top: 0; height: 100%; width: 100%; border-radius: 10px; display: none; } .achivement-counter .fun-fact { text-align: center; } .process-style-three-items { grid-template-columns: 1fr; } .process-arrow { display: none; } .process-style-three:first-child { right: 0; } .process-style-three:nth-child(4) { left: 0; } .process-style-three:nth-child(2n) { display: block; } .faq-thumb img { max-width: 50%; margin: auto; } .faq-thumb { text-align: center; } .faq-style-one-area { background-size: contain; } .pricing-badge { display: none; } .skill-facts-area { text-align: center; } .skill-fact-thumb { margin-bottom: 30px; } .skill-fact-info .circle-progress { display: grid; } .blog-meta ul { display: block; } .blog-meta ul li::after { display: none; } .blog-meta ul li { display: inline-block; padding-right: 18px; } .blog-style-one.solid .info { position: inherit; left: 0; bottom: 0; right: inherit; padding: 30px; padding-top: 150px; } .blog-style-one .thumb .tags { display: none; } .blog-style-one.solid .thumb img { position: absolute; height: 100%; width: 100%; object-fit: cover; object-position: center; } .blog-style-one h4 { font-size: 22px; } .blog-style-three .info { margin: 0; padding: 0; } .blog-style-three .info .content { border-radius: 0; padding: 30px; } .blog-style-three .thumb img { border-radius: 0; } .blog-style-three { border-radius: 10px; overflow: hidden; } .blog-style-three h2 { font-size: 26px; } .contact-style-one-area.half-shape-top::after { height: 100%; } .contact-style-one-area.half-shape-top::after { height: 100%; background: transparent; } .contact-shape { display: none; } .contact-form-style-one { margin-top: 30px; padding: 50px 30px; } .maps-area iframe { min-height: 360px; } .certification { position: relative; left: 0; margin: 30px 0; display: none; } .about-style-two-thumb img:nth-child(2) { display: none; } .about-style-two-thumb { grid-template-columns: 1fr; padding-top: 0; margin-bottom: 40px; } .about-style-two-area .shape { display: none; } .footer-shape { display: none; } .footer-bottom { text-align: center; } .footer-bottom .text-end { text-align: center !important; margin-top: 10px; } .footer-shape .item:nth-child(2) img { display: none; } .footer-bottom .text-end li { margin: 0 15px; } .footer-shape .item.bottom { height: auto; top: auto; bottom: 0; max-width: 50%; } } @media only screen and (min-width: 600px) and (max-width: 767px) { } @media only screen and (min-width: 600px) and (max-width: 1200px) { .gallery-items.colums-4 .pf-item { width: 50%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { } @media only screen and (max-width: 500px) { .owner-info .right-info { display: none; } .owner-info .left-info { margin: 0; padding: 0; border: none; } .about-card li { display: block; text-align: center; } .about-card li .fun-fact { text-align: center; } .about-card li .icon { margin-bottom: 40px; } .about-card .fun-fact .counter { justify-content: center; } .about-style-three .fun-fact { display: block; border: none; margin: 0; padding: 0; margin-top: 30px; } .testimonial-style-two .provider { display: block; } .testimonial-style-two .provider .thumb { margin-top: 15px; } .testimonial-style-four { padding: 50px 30px; } .testimonial-style-four p { font-size: 17px; } .testimonial-style-four .bottom-info { display: grid; } .testimonial-style-four .quote { display: none; } .team-single-area .right-info .social .share-link { display: none; } .blog-style-one.solid .thumb .tags { display: none; } .service-style-four .info .icon .thumb { height: 80px; width: 80px; min-width: 80px; line-height: 80px; } .service-style-four .info .icon img { height: 55px; } .service-style-four .info .icon .link { height: 80px; line-height: 80px; } } @media only screen and (max-width: 400px) { .default-features { grid-template-columns: 1fr; grid-row-gap: 30px; } .default-feature-item { text-align: center; } .services-style-five .item { padding: 50px 37px; } .pricing-style-two .price h2 { gap: 20px; font-size: 36px; } .pricing-style-two .price h2 .discount { font-size: 15px; } .pricing-style-two { padding: 50px 35px; } .technology-index-two-items { grid-template-columns: 1fr; } .testimonial-thumb .mini-shape { right: 0; } .testimonial-thumb::after { height: 320px; width: 320px; bottom: 0; } .testimonial-thumb .thumb-item { padding: 0 30px; margin-bottom: 30px; } .testimonial-thumb .thumb-item > img { border-radius: 0 0 400px 400px; position: relative; margin-bottom: -4px; height: auto; } .testimonial-thumb .mini-shape { right: 0; } .testimonial-thumb::after { height: 320px; width: 320px; bottom: 0; } .testimonial-thumb .thumb-item { padding: 0 30px; margin-bottom: 30px; } .testimonial-thumb .thumb-item img { border-radius: 0 0 400px 400px; position: relative; margin-bottom: -4px; } .testimonial-style-one { text-align: center; } .testimonial-style-one .provider { justify-content: center; text-align: left; } .testimonial-style-one p { font-size: 20px; } .testimonial-style-one h4 { font-size: 20px; } .testimonial-style-one .provider i { font-size: 70px; } } #preloader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--white); z-index: 999; } .juan-loader-wrap { height: 100vh; display: flex; align-items: center; justify-content: center; position: fixed; width: 100%; } .juan-loader-inner { position: fixed; width: 100%; display: inline-flex; align-items: center; justify-content: center; height: 100vh; } .juan-loader { margin-left: 92px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .juan-loader { transform: scale(0.8); margin-left: 66px; } } .juan-loader-item { position: absolute; width: 6px; height: 80px; margin-top: -45px; border-radius: 0px; background-color: var(--color-primary); animation: urane-loader-aim 0.8s infinite; animation-direction: alternate-reverse; } .color-style-two .juan-loader-item { background-color: var(--color-style-two); } .color-style-three .juan-loader-item { background-color: var(--color-style-three); } .color-style-four .juan-loader-item { background-color: var(--color-style-four); } .color-style-five .juan-loader-item { background-color: var(--color-style-five); } .color-style-six .juan-loader-item { background-color: var(--color-secondary); } .juan-loader .juan-loader-item:nth-child(1) { margin-left: 0px; } .juan-loader .juan-loader-item:nth-child(2) { margin-left: -14px; animation-delay: 0.1s; } .juan-loader .juan-loader-item:nth-child(3) { margin-left: -28px; animation-delay: 0.2s; } .juan-loader .juan-loader-item:nth-child(4) { margin-left: -42px; animation-delay: 0.3s; } .juan-loader .juan-loader-item:nth-child(5) { margin-left: -56px; animation-delay: 0.4s; } .juan-loader .juan-loader-item:nth-child(6) { margin-left: -70px; animation-delay: 0.5s; } .juan-loader .juan-loader-item:nth-child(7) { margin-left: -84px; animation-delay: 0.6s; } .juan-loader .juan-loader-item:nth-child(8) { margin-left: -98px; animation-delay: 0.7s; } @keyframes urane-loader-aim { 0% { height: 2px; margin-top: 0; transform: rotate(0deg); } 100% { height: 80px; transform: rotate(0deg); } } .service-modern-hero-wrap .container { min-width: 99%; } .skip-link { position: fixed; top: 10px; left: 10px; z-index: 99999; padding: 10px 16px; color: #ffffff; background: #232323; border-radius: 4px; transform: translateY(-150%); } @media (min-width: 1400px) { body .container { width: calc(100% - 96px); max-width: 1740px; } } .skip-link:focus { transform: translateY(0); } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #ffffff; outline-offset: 3px; box-shadow: 0 0 0 5px #1351d8; } .accordion .accordion-collapse.is-animating { display: block !important; overflow: hidden; transition: height .42s cubic-bezier(.22, 1, .36, 1); will-change: height; } .accordion .accordion-button::after { transition: transform .32s cubic-bezier(.22, 1, .36, 1); } @media (prefers-reduced-motion: reduce) { .accordion .accordion-collapse.is-animating, .accordion .accordion-button::after { transition: none; } } .pricing-hero::before { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(115deg,transparent 40%,rgba(72,214,230,.06)); } .pricing-plans-area { background: #f5f9fb; } .pricing-plan-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } .pricing-plan-card { position: relative; display: flex; min-height: 440px; padding: 34px; overflow: hidden; border: 1px solid #dbe6eb; border-radius: 24px; background: #fff; flex-direction: column; box-shadow: 0 16px 40px rgba(18,58,78,.06); transition: transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease; } .pricing-plan-card::after { position: absolute; right: -70px; bottom: -85px; width: 190px; height: 190px; content: ""; border-radius: 50%; background: radial-gradient(circle,rgba(65,215,230,.16),transparent 68%); transition: transform .45s ease; } .pricing-plan-card:hover { border-color: #84d9e3; box-shadow: 0 24px 52px rgba(18,58,78,.12); transform: translateY(-7px); } .pricing-plan-card:hover::after { transform: scale(1.18); } .pricing-plan-card-top { display: flex; justify-content: space-between; align-items: flex-start; } .pricing-plan-card-top > span { display: grid; width: 58px; height: 58px; color: #fff; border-radius: 18px; background: linear-gradient(145deg,#078cab,#5e37e8); box-shadow: 0 12px 25px rgba(58,70,191,.22); place-items: center; } .pricing-plan-card-top small { color: #96a7b1; font-size: 13px; font-weight: 800; } .pricing-plan-label { margin: 28px 0 5px!important; color: #078ba7!important; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .pricing-plan-card h2 { margin: 0 0 13px; font-size: 29px; } .pricing-plan-card > p { color: #5c6c77; } .pricing-plan-fit { display: flex; margin: 8px 0 25px; padding: 17px 0; border-top: 1px solid #e3eaee; border-bottom: 1px solid #e3eaee; flex-direction: column; gap: 4px; } .pricing-plan-fit strong { color: #152b39; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; } .pricing-plan-fit span { color: #667783; font-size: 14px; line-height: 1.6; } .pricing-plan-card > a { position: relative; z-index: 1; margin-top: auto; color: #087f9c; font-weight: 800; } .pricing-plan-card > a i,.pricing-proposal-grid > div > a i { margin-left: 8px; transition: transform .3s ease; } .pricing-plan-card > a:hover i,.pricing-proposal-grid > div > a:hover i { transform: translateX(5px); } .pricing-proposal-area { background: #fff; } .pricing-proposal-grid { display: grid; padding: 52px; color: #fff; border-radius: 28px; background: linear-gradient(125deg,#062432,#0d3044 57%,#25205e); grid-template-columns: minmax(0,1fr) minmax(380px,.8fr); gap: 70px; align-items: center; } .pricing-proposal-grid h2 { margin: 13px 0 18px; color: #fff; } .pricing-proposal-grid p { color: #b9cbd3; } .pricing-proposal-grid > div > a { color: #61d9e6; font-weight: 800; } .pricing-proposal-grid ul { margin: 0; } .pricing-proposal-grid li { display: grid; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.12); grid-template-columns: 24px 1fr; gap: 12px; } .pricing-proposal-grid li:last-child { border-bottom: 0; } .pricing-proposal-grid li i { margin-top: 5px; color: #5edce8; } .pricing-proposal-grid li strong { display: block; color: #fff; } .pricing-proposal-grid li span { color: #b9cbd3; } .pricing-faq { background: #f5f9fb; } .pricing-contact-card { padding: 33px; border: 1px solid #d7e4e9; border-radius: 22px; background: #fff; box-shadow: 0 15px 35px rgba(25,47,67,.07); } .pricing-contact-card > span,.pricing-basis-grid article > span { color: #078ba7; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .pricing-contact-card h3 { margin: 14px 0; font-size: 25px; } .pricing-contact-card p { color: #667783; } .pricing-contact-card .btn { margin-top: 8px; } .pricing-detail-basis { background: #f5f9fb; } .pricing-basis-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } .pricing-basis-grid article { padding: 38px; border: 1px solid #dbe6eb; border-radius: 24px; background: #fff; box-shadow: 0 15px 35px rgba(25,47,67,.055); } .pricing-basis-grid h3 { margin: 12px 0 25px; font-size: 27px; } .pricing-basis-grid li { display: grid; padding: 13px 0; color: #526470; border-top: 1px solid #e5ecef; grid-template-columns: 24px 1fr; gap: 9px; } .pricing-basis-grid li i { margin-top: 5px; color: #0889a5; } .pricing-boundary { display: grid; margin-top: 24px; padding: 25px 30px; border: 1px solid #cce3e9; border-radius: 18px; background: #eaf7f9; grid-template-columns: auto 1fr; gap: 17px; align-items: start; } .pricing-boundary > i { margin-top: 5px; color: #078ba7; font-size: 22px; } .pricing-boundary strong { color: #153340; } .pricing-boundary p { margin: 3px 0 0; color: #526a75; } @media (max-width: 991px) { .pricing-proposal-grid { padding: 42px 34px; grid-template-columns: 1fr; gap: 35px; } } @media (max-width: 767px) { .pricing-plan-grid,.pricing-basis-grid { grid-template-columns: 1fr; } .pricing-plan-card { min-height: 0; padding: 28px; } .pricing-proposal-grid { padding: 34px 24px; } .pricing-basis-grid article { padding: 29px 24px; } .pricing-boundary { padding: 22px; } } @media (prefers-reduced-motion: reduce) { .pricing-plan-card,.pricing-plan-card::after,.pricing-plan-card > a i,.pricing-proposal-grid > div > a i { transition: none!important; } } .site-neural-surface { position:relative; overflow:hidden; isolation:isolate; } .site-neural-surface > .container, .site-neural-surface > .banner-style-two, .site-neural-surface > .juan-home-slider, .site-neural-surface > .service-modern-trail, .site-neural-surface > .service-hero-content { position:relative; z-index:2; } .site-neural-network { position:absolute; z-index:1; inset:0; overflow:hidden; pointer-events:none; opacity:.62; } .site-neural-network svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; } .site-neural-paths { fill:none; stroke:rgba(85,229,238,.34); stroke-width:1.35; stroke-linecap:round; stroke-dasharray:3 12; vector-effect:non-scaling-stroke; } .site-neural-paths path:nth-child(even) { stroke:rgba(138,91,244,.28); } .site-neural-junctions { fill:#3adbe5; stroke:rgba(255,255,255,.92); stroke-width:1.7; filter:drop-shadow(0 0 7px rgba(47,220,230,.9)); } .site-neural-junctions circle:nth-child(even) { fill:#8b5af5; filter:drop-shadow(0 0 7px rgba(139,90,245,.78)); } .site-neural-signals { fill:#fff; stroke:#26cad8; stroke-width:2.2; filter:drop-shadow(0 0 7px rgba(38,202,216,.95)); } .site-neural-signals .is-violet { stroke:#8f61f3; filter:drop-shadow(0 0 7px rgba(143,97,243,.92)); } .site-neural-ambient { position:absolute; width:260px; height:260px; border-radius:50%; opacity:.13; filter:blur(65px); animation:site-neural-drift 12s ease-in-out infinite alternate; } .site-neural-ambient-one { top:-120px; left:12%; background:#26d7e3; } .site-neural-ambient-two { right:9%; bottom:-150px; background:#7148e9; animation-delay:-5s; animation-direction:alternate-reverse; } .site-neural-surface-light .site-neural-network { opacity:.42; } .site-neural-surface-light .site-neural-paths { stroke:rgba(7,127,156,.28); } .site-neural-surface-light .site-neural-paths path:nth-child(even) { stroke:rgba(102,61,229,.22); } .site-neural-surface-light .site-neural-junctions { stroke:#fff; } .site-neural-surface-light .site-neural-ambient { opacity:.08; } @keyframes site-neural-drift { to { transform:translate3d(55px,24px,0) scale(1.12); } } .home-slider-area.site-neural-surface > .juan-home-slider { position:relative; z-index:2; } .home-slider-area.site-neural-surface > .site-neural-network { z-index:1; opacity:.5; } .home-slider-area.site-neural-surface .site-neural-paths { stroke:rgba(0,142,175,.34); stroke-width:1.5; } .home-slider-area.site-neural-surface .site-neural-paths path:nth-child(even) { stroke:rgba(103,61,229,.27); } .home-slider-area.site-neural-surface .site-neural-signals { filter:drop-shadow(0 0 9px rgba(38,202,216,.98)); } .home-slider-area.site-neural-surface .site-neural-ambient-one { top:8%; left:32%; } .home-slider-area.site-neural-surface .site-neural-ambient-two { right:18%; bottom:2%; } [data-media-motion] { --media-rx: 0deg; --media-ry: 0deg; --media-shift-x: 0px; --media-shift-y: 0px; --media-glow-x: 50%; --media-glow-y: 50%; } .about-style-three-thumb[data-media-motion], .about-style-one-thumb[data-media-motion] { transform: perspective(1400px) rotateX(var(--media-rx)) rotateY(var(--media-ry)); transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.75,.2,1),filter .45s ease; } .about-style-three-thumb[data-media-motion]::after, .about-style-one-thumb[data-media-motion]::after { position: absolute; z-index: 3; inset: 0; content: ""; pointer-events: none; opacity: 0; border-radius: 20px; background: radial-gradient(circle at var(--media-glow-x) var(--media-glow-y),rgba(93,230,239,.2),transparent 31%); transition: opacity .4s ease; } .about-style-three-thumb[data-media-motion]:hover::after, .about-style-one-thumb[data-media-motion]:hover::after { opacity: 1; } .about-style-three-thumb[data-media-motion] > img:first-child { animation: media-camera-breathe 12s ease-in-out infinite alternate; transition: transform .75s cubic-bezier(.2,.75,.2,1),filter .55s ease,box-shadow .55s ease; } .about-style-three-thumb[data-media-motion] > img:last-child { animation: media-inset-float 5.8s ease-in-out infinite; transform: translateZ(28px); transition: transform .65s cubic-bezier(.2,.75,.2,1),filter .5s ease,box-shadow .5s ease; } .about-style-three-thumb[data-media-motion]:hover > img:first-child { animation-play-state: paused; filter: saturate(1.08) contrast(1.035); } .about-style-three-thumb[data-media-motion]:hover > img:last-child { animation: none; filter: saturate(1.1) contrast(1.035); box-shadow: 0 24px 54px rgba(3,27,78,.25),0 0 0 1px rgba(61,205,224,.14); transform: translate3d(var(--media-shift-x),calc(var(--media-shift-y) - 7px),42px) scale(1.025); } .about-style-one-thumb[data-media-motion] { overflow: hidden; border-radius: 26px; } .about-style-one-thumb[data-media-motion] img { animation: media-camera-breathe 13s -3s ease-in-out infinite alternate; transition: transform .75s cubic-bezier(.2,.75,.2,1),filter .55s ease; } .about-style-one-thumb[data-media-motion]:hover img { animation:none; transform:scale(1.045) translate3d(var(--media-shift-x),var(--media-shift-y),0); filter:saturate(1.08) contrast(1.03); } :is(.service-card .thumb,.portfolio-shot,.case-study-browser,.service-context-insight,.insight-card-visual,.insight-content-image)[data-media-motion] { position: relative; overflow: hidden; isolation: isolate; } :is(.service-card .thumb,.portfolio-shot,.case-study-browser,.service-context-insight,.insight-card-visual,.insight-content-image)[data-media-motion] img { transition: transform .7s cubic-bezier(.2,.75,.2,1),filter .5s ease; } :is(.service-card .thumb,.portfolio-shot,.case-study-browser,.service-context-insight,.insight-card-visual,.insight-content-image)[data-media-motion]:hover img, :is(.portfolio-shot,.service-context-insight,.insight-card-visual)[data-media-motion]:focus-visible img { transform: translate3d(var(--media-shift-x),var(--media-shift-y),0) scale(1.055); filter: saturate(1.08) contrast(1.035); } .service-detail-image[data-media-motion] { transform: perspective(1300px) rotateX(var(--media-rx)) rotateY(var(--media-ry)) translate3d(0,0,0); transition: transform .65s cubic-bezier(.2,.75,.2,1),filter .5s ease,box-shadow .5s ease; } .service-detail-image[data-media-motion]:hover { transform: perspective(1300px) rotateX(var(--media-rx)) rotateY(var(--media-ry)) translate3d(0,-7px,24px) scale(1.018); filter: saturate(1.07) contrast(1.025); box-shadow: 0 30px 65px rgba(8,42,67,.2); } @keyframes media-camera-breathe { from { transform:scale(1.001); } to { transform:scale(1.028) translate3d(-.6%,-.35%,0); } } @keyframes media-inset-float { 0%,100% { transform:translate3d(0,0,28px); } 50% { transform:translate3d(0,-7px,34px); } } @media (max-width: 1023px) { .about-style-three-thumb[data-media-motion],.about-style-one-thumb[data-media-motion],.service-detail-image[data-media-motion],.service-detail-image[data-media-motion]:hover { transform:none; } .site-neural-network { opacity:.44; } } @media (max-width: 575px) { .site-neural-network { opacity:.25; } .site-neural-ambient { display:none; } } @media (prefers-reduced-motion: reduce) { .about-style-three-thumb[data-media-motion] > img:first-child, .about-style-three-thumb[data-media-motion] > img:last-child, .about-style-one-thumb[data-media-motion] img { animation:none!important; } [data-media-motion],[data-media-motion]:hover,[data-media-motion]:focus-visible, [data-media-motion] img,[data-media-motion]:hover img,[data-media-motion]:focus-visible img { transform:none!important;transition-duration:.01ms!important; } .site-neural-signals { display:none; } .site-neural-ambient { animation:none!important; } } @keyframes arrow-sweep-right { 0% { opacity: 1; transform: translateX(0); } 55% { opacity: 1; transform: translateX(5px); } 100% { opacity: 1; transform: translateX(0); } } a .fa-arrow-right::before, button .fa-arrow-right::before { display: inline-block; opacity: 1; visibility: visible; will-change: transform; } a:hover .fa-arrow-right::before, a:focus-visible .fa-arrow-right::before, button:hover .fa-arrow-right::before, button:focus-visible .fa-arrow-right::before { animation: arrow-sweep-right 0.42s cubic-bezier(0.22, 1, 0.36, 1); } @media (prefers-reduced-motion: reduce) { a:hover .fa-arrow-right::before, a:focus-visible .fa-arrow-right::before, button:hover .fa-arrow-right::before, button:focus-visible .fa-arrow-right::before { animation: none; } } .footer-logo { filter: brightness(0) invert(1); } header .navbar.no-background, header .navbar.navbar-fixed, header .navbar.navbar-sticky { background: #ffffff !important; box-shadow: 0 1px 12px rgba(7, 21, 34, 0.1); backdrop-filter: none; } header { position: relative; z-index: 9999; min-height: 112px; background: #ffffff; } header .navbar { z-index: 9999 !important; } header .navbar .navbar-nav, header .navbar .navbar-nav > li, header .navbar .navbar-nav > li > a { opacity: 1 !important; visibility: visible !important; } header .navbar .navbar-brand img, header .navbar .collapse-header img { opacity: 1 !important; visibility: visible !important; filter: none !important; } header .navbar .navbar-brand img { width: 280px; height: auto; max-height: 70px; } header .navbar .navbar-nav > li > a, header .navbar .attr-nav .contact p, header .navbar .attr-nav .contact h5 a, header .navbar .navbar-toggle { color: #071522 !important; } header .navbar .navbar-nav > li > a { transition: color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease; } header .navbar .navbar-nav > li.active > a { color: #087f9c !important; } header .navbar .navbar-nav .dropdown-menu > li.active > a { color: #087f9c !important; background: rgba(8, 127, 156, 0.09) !important; font-weight: 700; } header .navbar .navbar-nav .dropdown-menu > li.active > a::before { color: #087f9c; } @media (min-width: 1024px) { header .navbar > .container { justify-content: flex-start !important; } header .navbar .navbar-collapse { position: relative; flex: 0 1 auto; margin-left: auto; } header .navbar .navbar-nav > li.dropdown { position: static; } header .navbar .header-socials { flex: 0 0 auto; } header .navbar .navbar-nav > li.dropdown > .dropdown-menu { width: 780px !important; min-width: 780px !important; max-width: calc(100vw - 32px); display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; top: calc(100% + 22px); left: 50%; margin-top: 0 !important; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 10px); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; } header .navbar .navbar-nav > li.dropdown > .dropdown-menu::before { position: absolute; right: 0; bottom: 100%; left: 0; height: 24px; content: ""; } header .navbar .navbar-nav > li.dropdown:hover > .dropdown-menu, header .navbar .navbar-nav > li.dropdown:focus-within > .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); } header .navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a { min-height: 48px; padding-right: 20px; padding-left: 20px; display: flex; align-items: center; font-size: 16px !important; white-space: nowrap !important; } } header .navbar .attr-nav .contact .icon { color: #087f9c; } header .navbar .header-socials { margin-left: 50px; } header .navbar .header-social-links { display: flex; margin: 0; padding: 0; align-items: center; gap: 7px; list-style: none; } header .navbar .header-social-links li { margin: 0; padding: 0; } header .navbar .header-social-links li a, header .navbar .header-social-links li a:visited { display: grid !important; width: 27px; height: 27px; padding: 0 !important; place-items: center; color: #0a66c2 !important; border: 0 !important; border-radius: 4px; background: transparent !important; font-size: 17px; line-height: 1; transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease; } header .navbar .header-social-links li a:hover, header .navbar .header-social-links li a:focus, header .navbar .header-social-links li a:focus-visible, header .navbar .header-social-links li a:active { border-color: transparent !important; outline: 0; background: rgba(7, 21, 34, .06) !important; box-shadow: 0 0 0 3px rgba(7, 21, 34, .05); transform: translateY(-2px); } header .navbar .header-social-links li a::before, header .navbar .header-social-links li a::after { display: none !important; content: none !important; } header .navbar .header-social-links li a i { position: relative; z-index: 2; display: block; color: inherit !important; opacity: 1 !important; visibility: visible !important; } header .navbar .header-social-links .header-social-facebook { color: #1877f2 !important; } header .navbar .header-social-links .header-social-twitter { color: #1da1f2 !important; } header .navbar .header-social-links .header-social-linkedin { color: #0a66c2 !important; } header .navbar .header-social-links .header-social-instagram i { color: #d62976 !important; background: linear-gradient(135deg, #feda75 0%, #fa7e1e 28%, #d62976 55%, #962fbf 78%, #4f5bd5 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 1199px) { header .navbar .header-socials { margin-left: 14px; } header .navbar .header-social-links { gap: 5px; } header .navbar .header-social-links li a { width: 26px; height: 26px; font-size: 16px; } } @media (max-width: 767px) { header .navbar .header-socials { display: none !important; } } .hire-page { background: #fff; } .hire-hero, .hire-role-hero { position: relative; overflow: hidden; padding: 175px 0 95px; color: #fff; background: radial-gradient(circle at 82% 18%, rgba(72,54,223,.38), transparent 31%), linear-gradient(135deg,#042632,#11143f); } .hire-hero::after, .hire-role-hero::after { position: absolute; right: -180px; bottom: -300px; width: 650px; height: 650px; content: ""; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; } .hire-hero nav, .hire-role-hero nav { position: relative; z-index: 1; display: flex; margin-bottom: 55px; align-items: center; gap: 10px; color: #91a8b3; font-size: 13px; } .hire-hero nav a, .hire-role-hero nav a { color: #c6d7de; } .hire-hero-grid, .hire-role-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(330px,.75fr); gap: 75px; align-items: end; } .hire-hero-grid > div > span, .hire-role-hero-grid > div > span { color: #54d9e6; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .hire-hero h1, .hire-role-hero h1 { max-width: 920px; margin: 16px 0 24px; color: #fff; font-size: clamp(48px,5.6vw,76px); letter-spacing: -.045em; line-height: 1.03; } .hire-hero-grid > div > p, .hire-role-hero-grid > div > p { max-width: 850px; color: #bed0d7; font-size: 19px; line-height: 1.75; } .hire-hero-actions { display: flex; margin-top: 34px; align-items: center; gap: 23px; } .hire-hero-actions > a:not(.btn) { color: #fff; font-weight: 800; } .hire-hero-actions > a:not(.btn) i { margin-left: 8px; } .hire-hero aside, .hire-role-hero aside { padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: rgba(255,255,255,.06); backdrop-filter: blur(12px); } .hire-hero aside > strong, .hire-role-hero aside > span { display: block; margin-bottom: 18px; color: #54d9e6; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .hire-hero aside ul, .hire-role-hero aside ul { margin: 0; padding: 0; list-style: none; } .hire-hero aside li, .hire-role-hero aside li { display: flex; padding: 11px 0; align-items: flex-start; gap: 10px; color: #d7e3e7; border-top: 1px solid rgba(255,255,255,.1); font-size: 14px; } .hire-hero aside li i, .hire-role-hero aside li i { margin-top: 5px; color: #54d9e6; } .hire-role-hero aside h2 { margin: 0 0 17px; color: #fff; font-size: 30px; } .hire-role-hero aside > small { display: block; margin-top: 18px; color: #9eb5bf; } .hire-section-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.62fr); gap: 55px; margin-bottom: 42px; align-items: end; } .hire-section-heading.compact { grid-template-columns: 1fr; } .hire-section-heading h2 { margin: 8px 0 0; } .hire-section-heading > p { margin: 0; color: #596b78; font-size: 17px; } .hire-directory { background: #f3f7fa; } .hire-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; } .hire-directory-grid > a { position: relative; display: flex; min-height: 340px; padding: 30px; flex-direction: column; color: #071522; border: 1px solid #d9e4e9; border-radius: 20px; background: #fff; box-shadow: 0 14px 35px rgba(6,29,43,.05); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .hire-directory-grid > a:hover { color: #071522; border-color: #91ccd8; box-shadow: 0 23px 50px rgba(6,29,43,.11); transform: translateY(-6px); } .hire-directory-grid > a > span { position: absolute; top: 26px; right: 27px; color: #9aabb4; font-size: 12px; font-weight: 800; } .hire-directory-grid small { margin-top: 54px; color: #087f9c; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; } .hire-directory-grid h3 { margin: 8px 0 13px; font-size: 26px; } .hire-directory-grid p { color: #596a77; } .hire-directory-grid strong { display: inline-flex; margin-top: auto; align-items: center; gap: 9px; color: #071522; font-size: 14px; } .hire-engagements { color: #fff; background: #071f2d; } .hire-engagements .sub-title, .hire-engagements h2 { color: #fff; } .hire-engagements .hire-section-heading > p { color: #b7cbd4; } .hire-engagement-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid rgba(255,255,255,.12); border-radius: 22px; } .hire-engagement-grid article { min-height: 285px; padding: 30px; border-left: 1px solid rgba(255,255,255,.12); } .hire-engagement-grid article:first-child { border-left: 0; } .hire-engagement-grid article > span { color: #54d9e6; font-size: 12px; font-weight: 800; } .hire-engagement-grid h3 { margin: 48px 0 13px; color: #fff; font-size: 23px; } .hire-engagement-grid p { margin: 0; color: #b9ccd4; } .hire-principles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 25px; } .hire-principles > div { display: flex; padding: 20px; align-items: center; gap: 15px; border-radius: 16px; background: rgba(255,255,255,.06); } .hire-principles > div > i { color: #54d9e6; font-size: 23px; } .hire-principles span { display: flex; flex-direction: column; } .hire-principles strong { color: #fff; } .hire-principles small { color: #a8bdc6; } .hire-capabilities { background: #f3f7fa; } .hire-capability-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; } .hire-capability-grid article { min-height: 310px; padding: 30px; border: 1px solid #d9e4e9; border-radius: 20px; background: #fff; } .hire-capability-grid article > span { color: #087f9c; font-size: 12px; font-weight: 800; } .hire-capability-grid h3 { margin: 55px 0 13px; font-size: 23px; } .hire-capability-grid p { margin: 0; color: #596b78; } .hire-skills { background: #fff; } .hire-skills-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: 75px; align-items: start; } .hire-skills-grid > div { position: sticky; top: 140px; } .hire-skills-grid h2 { margin: 9px 0 20px; } .hire-skills-grid > div p { color: #596b78; font-size: 17px; } .hire-skills-grid > div a { display: inline-flex; margin-top: 15px; align-items: center; gap: 9px; color: #087f9c; font-weight: 800; } .hire-skills-grid ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .hire-skills-grid li { display: flex; min-height: 110px; padding: 22px; align-items: flex-start; gap: 13px; border: 1px solid #dce6ea; border-radius: 17px; background: #f6f9fa; } .hire-skills-grid li i { margin-top: 4px; color: #087f9c; } .hire-skills-grid li span { color: #263c49; font-weight: 700; } .hire-onboarding { color: #fff; background: #071f2d; } .hire-onboarding .sub-title, .hire-onboarding h2 { color: #fff; } .hire-onboarding ol { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 0; padding: 0; list-style: none; } .hire-onboarding li { padding: 27px; border-left: 1px solid rgba(255,255,255,.13); } .hire-onboarding li:first-child { border-left: 0; } .hire-onboarding li > span { color: #54d9e6; font-size: 12px; font-weight: 800; } .hire-onboarding h3 { margin: 43px 0 12px; color: #fff; font-size: 22px; } .hire-onboarding p { margin: 0; color: #b9ccd4; font-size: 14px; } .hire-faq { background: #f3f7fa; } .hire-related { padding: 28px; border: 1px solid #d8e3e8; border-radius: 20px; background: #fff; } .hire-related > span { display: block; margin-bottom: 12px; color: #087f9c; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .hire-related a { position: relative; display: flex; padding: 18px 34px 18px 0; flex-direction: column; color: #071522; border-top: 1px solid #e0e7eb; } .hire-related a small { color: #73828c; } .hire-related a strong { margin-top: 3px; } .hire-related a i { position: absolute; top: 50%; right: 0; color: #087f9c; transform: translateY(-50%); } @media (min-width: 1024px) and (max-width: 1279px) { header .navbar .navbar-nav > li > a { padding-right: 10px !important; padding-left: 10px !important; font-size: 14px !important; } header .navbar .navbar-brand img { width: 240px; height: auto; } header .navbar .header-socials { margin-left: 8px; } } @media (max-width: 1023px) { header .navbar .navbar-brand img { width: 230px; height: auto; } } @media (max-width: 1199px) { .hire-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .hire-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .hire-onboarding ol { grid-template-columns: repeat(3,minmax(0,1fr)); } .hire-onboarding li:nth-child(4) { border-top: 1px solid rgba(255,255,255,.13); border-left: 0; } .hire-onboarding li:nth-child(5) { border-top: 1px solid rgba(255,255,255,.13); } } @media (max-width: 991px) { .hire-hero-grid, .hire-role-hero-grid, .hire-section-heading, .hire-skills-grid { grid-template-columns: 1fr; gap: 35px; } .hire-skills-grid > div { position: static; } .hire-engagement-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .hire-engagement-grid article:nth-child(3) { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; } .hire-engagement-grid article:nth-child(4) { border-top: 1px solid rgba(255,255,255,.12); } .hire-principles { grid-template-columns: 1fr; } } @media (max-width: 767px) { .hire-hero, .hire-role-hero { padding: 135px 0 70px; } .hire-hero nav, .hire-role-hero nav { margin-bottom: 34px; flex-wrap: wrap; } .hire-hero h1, .hire-role-hero h1 { font-size: 42px; } .hire-hero-actions { align-items: flex-start; flex-direction: column; } .hire-directory-grid, .hire-capability-grid, .hire-engagement-grid, .hire-skills-grid ul, .hire-onboarding ol { grid-template-columns: 1fr; } .hire-directory-grid > a { min-height: 310px; } .hire-engagement-grid article, .hire-engagement-grid article:nth-child(3), .hire-engagement-grid article:nth-child(4), .hire-onboarding li, .hire-onboarding li:nth-child(4), .hire-onboarding li:nth-child(5) { min-height: 0; border-top: 1px solid rgba(255,255,255,.13); border-left: 0; } .hire-engagement-grid article:first-child, .hire-onboarding li:first-child { border-top: 0; } } .footer-social-links { display: flex; margin: 20px 0 0; padding: 0; align-items: center; gap: 8px; list-style: none; } .footer-social-links li { margin: 0; padding: 0; } .footer-social-links li a, .footer-social-links li a:visited { display: grid; width: 31px; height: 31px; padding: 0; place-items: center; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, .24); border-radius: 4px; background: rgba(255, 255, 255, .08); font-size: 13px; line-height: 1; transition: border-color .2s ease, background-color .2s ease, transform .2s ease; } .footer-social-links li a:hover, .footer-social-links li a:focus-visible { color: #ffffff !important; border-color: #0d8cad; outline: 0; background: #0d8cad; box-shadow: 0 0 0 3px rgba(13, 140, 173, .2); transform: translateY(-2px); } .footer-social-links li a i { color: #ffffff !important; } .site-breadcrumb { display: grid; min-height: 280px; padding: 72px 0 !important; place-items: center; background-repeat: no-repeat; background-size: cover; } .site-breadcrumb.shadow.theme-hard::after { opacity: 1; background: linear-gradient(100deg, rgba(4, 20, 34, 0.88) 0%, rgba(6, 62, 86, 0.7) 55%, rgba(8, 74, 102, 0.56) 100%); mix-blend-mode: normal; } .site-breadcrumb h1 { margin-top: 0; margin-bottom: 18px; font-size: clamp(38px, 4vw, 52px); line-height: 1.1; text-shadow: 0 2px 18px rgba(0, 0, 0, 0.22); } .site-breadcrumb .breadcrumb li, .site-breadcrumb .breadcrumb li a { color: #ffffff; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.28); } .about-style-one-thumb img { display: block; width: 100%; height: auto; border-radius: 20px; } @media (max-width: 767px) { .site-breadcrumb { min-height: 220px; padding: 52px 0 !important; } .site-breadcrumb h1 { margin-bottom: 12px; font-size: 34px; } } .home-page header { position: absolute; top: 0; right: 0; left: 0; background: transparent; } .home-page header .navbar.no-background { background: transparent !important; box-shadow: none; } .static-hero .content { padding: 230px 0 170px; } .static-hero .banner-slide { background-position: center; } .static-hero h1 { max-width: 900px; margin-bottom: 25px; color: #ffffff; font-size: 68px; font-weight: 600; line-height: 1.08; } .static-hero p, .static-hero .button { visibility: visible; opacity: 1; transform: none; } .static-hero p { max-width: 760px; padding-right: 0; color: #ffffff; font-size: 19px; } .home-slider-area, .home-slider-area .juan-home-slider, .home-slider-area .swiper-wrapper, .home-slider-area .swiper-slide { min-height: 100svh; } .home-slider-area { position: relative; background-position: center; background-size: cover; animation: home-dot-field-drift 18s cubic-bezier(.45,0,.2,1) infinite alternate; } .home-slider-area .juan-home-slider { position: relative; overflow: hidden; width: 100%; } .home-slider-area .swiper-slide { display: flex; align-items: center; } .home-slider-area .swiper-slide .container { width: 100%; } .home-slider-area .content { position: relative; z-index: 5; max-width: 980px; padding: 80px 0 120px; } .home-slider-area .home-slider-intelligence-visual { position: absolute; z-index: 3; top: 50%; right: 19%; width: clamp(380px, 24vw, 560px); height: auto !important; min-height: 0 !important; max-height: none !important; bottom: auto; line-height: 0; transform: translate3d(0, -50%, 0); pointer-events: none; opacity: 0.96; filter: drop-shadow(0 26px 45px rgba(18, 115, 164, 0.14)); animation: home-intelligence-float 8s ease-in-out infinite; } .home-slider-area .home-slider-intelligence-visual img { display: block; width: 100%; height: auto; } .home-slider-area .banner-shape-right { z-index: 2; } @keyframes home-intelligence-float { 0%, 100% { transform: translate3d(0, -50%, 0); } 50% { transform: translate3d(0, calc(-50% - 12px), 0); } } @media (max-width: 1499px) { .home-slider-area .home-slider-intelligence-visual { display: none; } } .home-slider-area .content h1, .home-slider-area .content h2 { max-width: 950px; margin: 0; color: #071522; font-size: clamp(54px, 5.4vw, 84px); font-weight: 600; line-height: 1.06; letter-spacing: -0.04em; } .home-slider-area .content p { max-width: 760px; padding-right: 0; color: #3f4f61; font-size: 20px; } .home-slider-area .banner-shape-right { height: 78%; width: 38%; transform-origin: 72% 68%; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; animation: home-triangle-float 8s cubic-bezier(.45,0,.2,1) infinite alternate; filter: drop-shadow(0 22px 28px rgba(17,111,164,.1)); pointer-events: none; } .about-style-one-info { position: relative; isolation: isolate; } .about-style-one-info::before { position: absolute; z-index: -1; top: -112px; right: -62px; width: 330px; aspect-ratio: 26 / 19; background: url('/assets/img/brand/about-ai-network.svg') center / contain no-repeat; content: ""; opacity: .64; pointer-events: none; } @keyframes home-triangle-float { 0% { transform:translate3d(0,0,0) rotate(-.45deg) scale(.99); } 48% { transform:translate3d(-12px,-18px,0) rotate(.65deg) scale(1.012); } 100% { transform:translate3d(8px,-7px,0) rotate(-.15deg) scale(1.004); } } @keyframes home-dot-field-drift { 0% { background-position:50% 50%; } 50% { background-position:calc(50% - 10px) calc(50% + 7px); } 100% { background-position:calc(50% + 12px) calc(50% - 9px); } } .home-slider-controls { position: absolute; z-index: 7; left: max(30px, calc((100vw - 1320px) / 2)); bottom: 48px; display: flex; align-items: center; gap: 18px; width: auto !important; height: auto !important; min-height: 0 !important; } .home-slider-controls > div { height: auto !important; min-height: 0 !important; } .home-slider-area .swiper-nav-left { position: static; z-index: auto; display: flex; gap: 10px; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: auto !important; height: auto !important; transform: none !important; } .home-slider-area .swiper-button-prev, .home-slider-area .swiper-button-next { position: static; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0; color: #071522; border: 1px solid rgba(7, 21, 34, 0.14); border-radius: 50%; background: rgba(255, 255, 255, 0.84); box-shadow: 0 8px 24px rgba(7, 21, 34, 0.08); opacity: 1 !important; visibility: visible !important; } .home-slider-area .swiper-button-prev::after, .home-slider-area .swiper-button-next::after { display: none; } .home-slider-area .swiper-button-prev:hover, .home-slider-area .swiper-button-next:hover { color: #ffffff; border-color: #0d8cad; background: #0d8cad; } .home-slider-pagination { position: absolute; z-index: 5; right: 34px; bottom: 42px; left: auto !important; width: auto !important; } .home-slider-pagination .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 5px !important; background: #071522; } .home-slider-pagination .swiper-pagination-bullet-active { background: #0d8cad; } .home-slider-loader { position: static; z-index: auto; display: flex; align-items: center; gap: 11px; color: #526272; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; } .home-slider-loader-track { position: relative; display: block; overflow: hidden; width: clamp(110px, 12vw, 190px); height: 4px; border-radius: 999px; background: rgba(7, 21, 34, 0.14); } .home-slider-loader-fill { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, #087f9c, #8b19ff); box-shadow: 0 0 12px rgba(8, 127, 156, 0.35); transform: scaleX(0); transform-origin: left center; will-change: transform; } .home-slider-loader-fill.is-running { animation: home-slider-loader 5.5s linear forwards; } @keyframes home-slider-loader { from { transform: scaleX(0); } to { transform: scaleX(1); } } @media (prefers-reduced-motion: reduce) { .home-slider-area, .home-slider-area .banner-shape-right { animation: none; } .home-slider-loader-fill.is-running { animation: none; transform: scaleX(1); } } @media (max-width: 1023px) { .home-slider-area, .home-slider-area .juan-home-slider, .home-slider-area .swiper-wrapper, .home-slider-area .swiper-slide { min-height: 100svh; } } @media (max-width: 767px) { .home-slider-area .content { padding: 90px 0 130px; } .home-slider-area .content h1, .home-slider-area .content h2 { max-width: 92%; font-size: 46px; } .home-slider-area .content p { max-width: 88%; font-size: 17px; } .home-slider-area .banner-shape-right { width: 55%; height: 44%; opacity: 0.4; } .about-style-one-info::before { top: -82px; right: -18px; width: 220px; opacity: .46; } .home-slider-area .swiper-nav-left { left: auto; bottom: auto; } .home-slider-controls { right: 15px; bottom: 28px; left: 15px; gap: 14px; } .home-slider-pagination { right: 16px; bottom: 35px; } .home-slider-loader { min-width: 0; } .home-slider-loader-track { width: min(28vw, 130px); } } .portfolio-area { background: radial-gradient(circle at 12% 8%, rgba(8, 127, 156, 0.08), transparent 26%), #f6f8fb; } .about-delivery-area { position: relative; overflow: hidden; padding: 105px 0; background: radial-gradient(circle at 8% 15%, rgba(16, 168, 196, 0.12), transparent 25%), linear-gradient(180deg, #f4f8fa 0%, #ffffff 100%); } .about-delivery-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr); gap: 75px; align-items: end; margin-bottom: 58px; } .about-delivery-heading h2 { max-width: 760px; margin: 12px 0 0; color: #071522; font-size: clamp(42px, 4.5vw, 64px); line-height: 1.07; letter-spacing: -0.045em; } .about-delivery-heading > p { margin: 0; color: #5b6b77; font-size: 17px; line-height: 1.75; } .about-delivery-timeline { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; } .about-delivery-stage { position: relative; position: relative; min-height: 650px; padding: 48px 30px 34px; overflow: hidden; border: 1px solid rgba(111, 226, 241, 0.18); border-radius: 34px; background: radial-gradient(circle at 50% 48%, rgba(25, 182, 215, 0.2), transparent 20%), radial-gradient(circle at 84% 18%, rgba(106, 58, 227, 0.22), transparent 28%), linear-gradient(135deg, #061f2d 0%, #08293a 48%, #161747 100%); box-shadow: 0 35px 90px rgba(4, 33, 50, 0.19); isolation: isolate; perspective: 1400px; } .about-delivery-stage::before { position: absolute; inset: 0; content: ""; opacity: 0.22; background-image: linear-gradient(rgba(98, 222, 239, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(98, 222, 239, 0.12) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent); } .about-delivery-stage::after { position: absolute; right: -12%; bottom: -58%; width: 70%; aspect-ratio: 1; content: ""; border: 1px solid rgba(83, 218, 236, 0.2); border-radius: 50%; box-shadow: 0 0 80px rgba(98, 54, 222, 0.14), inset 0 0 90px rgba(13, 177, 206, 0.08); animation: aboutProcessOrbit 18s linear infinite; } .about-delivery-ambient { position: absolute; z-index: 1; display: block; width: 10px; height: 10px; border-radius: 50%; background: #63e7f3; box-shadow: 0 0 0 8px rgba(99, 231, 243, 0.08), 0 0 28px #42dbe9; animation: aboutProcessDrift 8s ease-in-out infinite alternate; } .about-delivery-ambient-one { top: 17%; left: 9%; } .about-delivery-ambient-two { right: 12%; bottom: 24%; animation-delay: -4s; } .about-delivery-flow { position: absolute; z-index: 1; inset: 108px 5% 95px; border: 1px solid rgba(83, 218, 236, 0.22); border-radius: 50%; transform: rotate(-5deg); } .about-delivery-flow::before, .about-delivery-flow::after { position: absolute; content: ""; border: 1px solid rgba(125, 91, 242, 0.2); border-radius: 50%; } .about-delivery-flow::before { inset: 13% 8%; transform: rotate(9deg); } .about-delivery-flow::after { inset: 27% 20%; transform: rotate(-12deg); } .about-delivery-flow i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #62e7f2; box-shadow: 0 0 18px #62e7f2; animation: aboutProcessSignal 7s ease-in-out infinite; } .about-delivery-flow i:nth-child(1) { top: 9%; left: 14%; } .about-delivery-flow i:nth-child(2) { top: 72%; left: 48%; animation-delay: -2.2s; } .about-delivery-flow i:nth-child(3) { top: 28%; right: 8%; animation-delay: -4.5s; } .about-delivery-step { position: relative; min-width: 0; } .about-delivery-step:nth-child(odd) { padding-top: 175px; } .about-delivery-step:nth-child(even) { padding-top: 22px; } .about-delivery-connector { position: absolute; z-index: -1; top: 134px; right: -34px; width: 75px; height: 2px; overflow: visible; background: linear-gradient(90deg, #3fd9e8, #7451ee); box-shadow: 0 0 16px rgba(74, 222, 235, 0.45); transform: rotate(-35deg); transform-origin: left center; } .about-delivery-step:nth-child(even) .about-delivery-connector { top: 250px; transform: rotate(35deg); } .about-delivery-step:last-child .about-delivery-connector { display: none; } .about-delivery-connector i { position: absolute; top: -4px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #ffffff; box-shadow: 0 0 0 5px rgba(91, 228, 240, 0.14), 0 0 22px #5be4f0; animation: aboutConnectorPulse 2.8s ease-in-out infinite; } .about-delivery-card { position: relative; min-height: 268px; padding: 70px 20px 24px; color: #ffffff; border: 1px solid rgba(157, 226, 237, 0.22); border-radius: 24px; outline: 0; background: radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 20%), rgba(74, 218, 234, 0.17), transparent 38%), linear-gradient(145deg, rgba(16, 64, 83, 0.86), rgba(16, 28, 65, 0.92)); box-shadow: 0 22px 48px rgba(0, 10, 30, 0.3), inset 0 1px rgba(255, 255, 255, 0.06); transform: perspective(1000px) rotateX(3deg) translateZ(0); transform-style: preserve-3d; transition: transform 0.5s cubic-bezier(.2,.8,.2,1), border-color 0.35s ease, box-shadow 0.35s ease; } .about-delivery-card:hover, .about-delivery-card:focus-visible { border-color: rgba(104, 232, 243, 0.62); box-shadow: 0 32px 70px rgba(0, 10, 30, 0.45), 0 0 36px rgba(75, 213, 231, 0.12); transform: perspective(1000px) rotateX(0) translate3d(0, -12px, 32px); } .about-delivery-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; } .about-delivery-orb { position: absolute; z-index: 2; top: -38px; left: 50%; display: grid; width: 88px; height: 88px; color: #ffffff; border: 1px solid rgba(151, 237, 245, 0.48); border-radius: 50%; background: radial-gradient(circle at 35% 28%, #4fe5f0, #137fa8 42%, #4c2cbe 100%); box-shadow: 0 14px 30px rgba(23, 183, 205, 0.28), inset -10px -12px 24px rgba(15, 16, 79, 0.35), inset 8px 8px 18px rgba(255, 255, 255, 0.2); transform: translateX(-50%) translateZ(44px); place-items: center; animation: aboutOrbFloat 4.8s ease-in-out infinite; } .about-delivery-orb::before, .about-delivery-orb::after, .about-delivery-orb span { position: absolute; content: ""; border: 1px solid rgba(102, 231, 241, 0.35); border-radius: 50%; animation: aboutOrbRing 5s linear infinite; } .about-delivery-orb::before { inset: -10px; } .about-delivery-orb::after { inset: -20px; animation-direction: reverse; animation-duration: 7s; } .about-delivery-orb span { inset: 10px; border-style: dashed; } .about-delivery-orb > i { position: relative; z-index: 2; font-size: 25px; } .about-delivery-copy { transform: translateZ(22px); } .about-delivery-number { color: #7be8f1; font-size: 12px; font-weight: 800; letter-spacing: 0.09em; } .about-delivery-card small { color: #6fe2ed; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .about-delivery-card h3 { margin: 0 0 13px; color: #ffffff; font-size: 20px; line-height: 1.22; } .about-delivery-card p { margin: 0; color: #bed0d9; font-size: 13px; line-height: 1.7; } .about-delivery-core { position: absolute; z-index: 4; right: 50%; bottom: 28px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 15px; align-items: center; width: min(510px, calc(100% - 50px)); padding: 16px 20px; color: #ffffff; border: 1px solid rgba(118, 229, 240, 0.25); border-radius: 20px; background: rgba(5, 25, 43, 0.76); box-shadow: 0 16px 38px rgba(0, 8, 25, 0.3); backdrop-filter: blur(14px); transform: translateX(50%); } .about-delivery-core > span { display: grid; width: 48px; height: 48px; color: #6fe7f2; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 204, 221, 0.22), rgba(108, 61, 226, 0.28)); place-items: center; } .about-delivery-core small { display: block; color: #67ddea; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .about-delivery-core strong { display: block; margin: 2px 0; font-size: 16px; } .about-delivery-core p { margin: 0; color: #aebfc9; font-size: 12px; line-height: 1.45; } @keyframes aboutProcessOrbit { to { transform: rotate(360deg); } } @keyframes aboutProcessDrift { to { transform: translate3d(65px, 34px, 0) scale(1.3); opacity: .55; } } @keyframes aboutProcessSignal { 50% { transform: translate3d(55px, 24px, 0) scale(1.7); opacity: .55; } } @keyframes aboutConnectorPulse { 0% { transform: translateX(0) scale(.7); opacity: 0; } 18% { opacity: 1; } 82% { opacity: 1; } 100% { transform: translateX(65px) scale(1); opacity: 0; } } @keyframes aboutOrbFloat { 0%,100% { transform: translateX(-50%) translateY(0) translateZ(44px); } 50% { transform: translateX(-50%) translateY(-8px) translateZ(52px); } } @keyframes aboutOrbRing { to { transform: rotate(360deg); } } .about-delivery-note { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; margin-top: 28px; padding: 25px 28px; color: #ffffff; border-radius: 18px; background: linear-gradient(110deg, #07344b, #0b2337 58%, #17194c); } .about-delivery-note > span { display: grid; width: 46px; height: 46px; border-radius: 13px; background: rgba(255, 255, 255, 0.1); place-items: center; } .about-delivery-note strong { display: block; margin-bottom: 4px; font-size: 17px; } .about-delivery-note p { margin: 0; color: #bacbd4; font-size: 14px; } .about-delivery-note a { color: #5ee0ef; font-size: 14px; font-weight: 700; white-space: nowrap; } .capability-explorer-area { position: relative; overflow: hidden; background: radial-gradient(circle at 90% 5%, rgba(96, 55, 226, 0.3), transparent 27%), linear-gradient(135deg, #061a28 0%, #09283a 55%, #111743 100%); } .capability-explorer-heading .sub-title { color: #68e6f2; border-color: rgba(104, 230, 242, 0.68); background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: #68e6f2; text-shadow: 0 0 18px rgba(82, 219, 235, 0.22); } .capability-explorer-heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.75fr); gap: 75px; align-items: end; margin-bottom: 55px; } .capability-explorer-heading h2 { max-width: 790px; margin: 12px 0 0; color: #ffffff; font-size: clamp(42px, 4.6vw, 64px); line-height: 1.07; letter-spacing: -0.045em; } .capability-explorer-heading > p { margin: 0; color: #bdcbd4; font-size: 17px; line-height: 1.75; } .capability-explorer-shell { overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 25px; background: rgba(5, 22, 34, 0.64); box-shadow: 0 35px 90px rgba(0, 0, 0, 0.22); } .capability-explorer .accordion-item { color: #ffffff; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0; background: transparent; } .capability-explorer .accordion-item:last-child { border-bottom: 0; } .capability-explorer .accordion-button { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 21px; align-items: center; min-height: 105px; padding: 22px 30px; color: #ffffff; background: transparent; box-shadow: none; } .capability-explorer .accordion-button:not(.collapsed) { color: #ffffff; background: rgba(16, 65, 88, 0.7); } .capability-explorer .accordion-button::after { margin-left: 10px; filter: brightness(0) invert(1); } .capability-group-icon { display: grid; width: 52px; height: 52px; color: #ffffff; border-radius: 15px; background: linear-gradient(135deg, #0ea8c4, #6239df); box-shadow: 0 10px 28px rgba(52, 79, 212, 0.28); place-items: center; } .capability-group-copy { display: grid; gap: 5px; } .capability-group-copy small { color: #57d7e7; font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .capability-group-copy strong { font-size: 22px; } .capability-group-count { padding: 7px 11px; color: #c5d3db; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 999px; font-size: 11px; white-space: nowrap; } .capability-explorer .accordion-body { padding: 28px 30px 34px; background: rgba(10, 39, 55, 0.74); } .capability-explorer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .capability-catalog-group + .capability-catalog-group { margin-top: 32px; } .capability-catalog-group > h4 { margin: 0 0 14px; color: #5ddceb; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .capability-explorer-card { position: relative; display: grid; grid-template-columns: 31px minmax(0, 1fr) auto; gap: 13px; min-height: 170px; padding: 22px; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: rgba(255, 255, 255, 0.055); transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease; } .capability-explorer-card:hover, .capability-explorer-card:focus-visible { color: #ffffff; border-color: rgba(84, 216, 233, 0.45); background: rgba(255, 255, 255, 0.1); transform: translateY(-4px); } .capability-explorer-card > span { color: #58d8e8; font-size: 11px; font-weight: 800; } .capability-explorer-card h4, .capability-explorer-card h5 { margin: -3px 0 9px; color: #ffffff; font-size: 18px; line-height: 1.3; } .capability-explorer-card p { display: -webkit-box; overflow: hidden; margin: 0; color: #b9c9d2; font-size: 13px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .capability-explorer-card > i { margin-top: 3px; color: #78bd20; font-size: 12px; } .capability-parent-link { display: inline-flex; gap: 10px; align-items: center; margin-top: 25px; color: #5ddceb; font-size: 14px; font-weight: 700; } .capability-parent-link:hover, .capability-parent-link:focus-visible { color: #ffffff; } @media (max-width: 1199px) { .about-delivery-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); } .about-delivery-timeline::before { display: none; } .capability-explorer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .about-delivery-heading, .capability-explorer-heading { grid-template-columns: 1fr; gap: 25px; } .about-delivery-note { grid-template-columns: auto minmax(0, 1fr); } .about-delivery-note a { grid-column: 2; } } @media (max-width: 767px) { .about-delivery-area { padding: 75px 0; } .about-delivery-heading, .capability-explorer-heading { margin-bottom: 38px; } .about-delivery-heading h2, .capability-explorer-heading h2 { font-size: 40px; } .about-delivery-timeline, .capability-explorer-grid { grid-template-columns: 1fr; } .about-delivery-card { min-height: 0; } .about-delivery-note { grid-template-columns: 1fr; padding: 24px 22px; } .about-delivery-note a { grid-column: auto; } .capability-explorer .accordion-button { grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; min-height: 92px; padding: 18px; } .capability-group-icon { width: 44px; height: 44px; } .capability-group-copy strong { font-size: 18px; } .capability-group-count { display: none; } .capability-explorer .accordion-body { padding: 18px; } .capability-explorer-card { min-height: 0; } } .portfolio-intro { margin-bottom: 54px; } .portfolio-intro h2 { margin: 12px 0 0; color: #071522; font-size: clamp(40px, 4.5vw, 62px); line-height: 1.08; letter-spacing: -0.035em; } .portfolio-intro > p { margin: 0; color: #5c6a76; font-size: 17px; line-height: 1.75; } .portfolio-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; } .portfolio-card { overflow: hidden; border: 1px solid rgba(7, 42, 70, 0.1); border-radius: 22px; background: #ffffff; box-shadow: 0 18px 48px rgba(7, 42, 70, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; } .portfolio-card:hover { box-shadow: 0 26px 60px rgba(7, 42, 70, 0.13); transform: translateY(-6px); } .portfolio-shot { position: relative; display: block; overflow: hidden; color: #ffffff; background: #dfe7ec; } .portfolio-shot::after { position: absolute; inset: 0; content: ""; opacity: 0; background: linear-gradient(180deg, transparent 45%, rgba(4, 19, 31, 0.82)); transition: opacity 0.3s ease; } .portfolio-shot img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top center; transition: transform 0.45s ease; } .portfolio-shot > span { position: absolute; z-index: 2; right: 22px; bottom: 18px; left: 22px; display: flex; align-items: center; justify-content: space-between; color: #ffffff; font-size: 14px; font-weight: 700; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; } .portfolio-shot:hover, .portfolio-shot:focus-visible { color: #ffffff; } .portfolio-shot:hover::after, .portfolio-shot:focus-visible::after, .portfolio-shot:hover > span, .portfolio-shot:focus-visible > span { opacity: 1; } .portfolio-shot:hover > span, .portfolio-shot:focus-visible > span { transform: translateY(0); } .portfolio-shot:hover img, .portfolio-shot:focus-visible img { transform: scale(1.035); } .portfolio-card-body { padding: 27px 28px 30px; } .portfolio-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 13px; color: #087f9c; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .portfolio-card h3 { margin-bottom: 12px; color: #071522; font-size: 25px; } .portfolio-card h3 a { color: inherit; } .portfolio-card h3 a:hover, .portfolio-card h3 a:focus-visible { color: #087f9c; } .portfolio-card p { min-height: 92px; margin-bottom: 21px; color: #5d6b77; font-size: 15px; line-height: 1.65; } .portfolio-card ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .portfolio-card li { padding: 7px 10px; color: #526370; border: 1px solid rgba(8, 127, 156, 0.13); border-radius: 999px; background: rgba(8, 127, 156, 0.05); font-size: 11px; font-weight: 600; } .portfolio-card-links { display: flex; justify-content: space-between; gap: 18px; margin-top: 24px; padding-top: 19px; border-top: 1px solid rgba(7, 42, 70, 0.09); } .portfolio-card-links a { color: #087f9c; font-size: 13px; font-weight: 700; } .portfolio-card-links a:last-child { color: #5d6b77; } .portfolio-capture-note { max-width: 920px; margin: 38px auto 0; color: #6c7882; font-size: 13px; line-height: 1.65; text-align: center; } .portfolio-platform-area { background: #071522; } .product-platform-proof { padding: 100px 0; background: radial-gradient(circle at 12% 12%, rgba(14, 168, 196, 0.16), transparent 28%), radial-gradient(circle at 88% 18%, rgba(99, 55, 229, 0.18), transparent 30%), #071522; } .product-platform-proof .service-section-heading h2 { color: #ffffff; } .product-platform-proof .service-section-heading > p { color: #b9c9d3; } .product-platform-proof .service-section-label { color: #53d8e6; } .portfolio-platform-intro h2, .portfolio-platform-intro > p { color: #ffffff; } .portfolio-platform-intro > p { color: #b9c9d3; } .portfolio-platform-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } .portfolio-platform-card { padding: 38px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 24px; background: linear-gradient(145deg, rgba(13, 49, 69, 0.96), rgba(16, 29, 61, 0.96)); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18); } .portfolio-platform-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; color: #8ea4b3; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; } .portfolio-platform-icon { display: grid; width: 54px; height: 54px; color: #ffffff; border-radius: 15px; background: linear-gradient(135deg, #0ea8c4, #6337e5); box-shadow: 0 12px 30px rgba(58, 77, 221, 0.3); place-items: center; } .portfolio-platform-category { margin-bottom: 10px !important; color: #42d2e7 !important; font-size: 12px !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .portfolio-platform-card h3 { margin-bottom: 16px; color: #ffffff; font-size: 34px; } .portfolio-platform-card h3 a { color: inherit; } .portfolio-platform-card > p { color: #c4d1d9; line-height: 1.75; } .portfolio-platform-card ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 20px; margin: 26px 0 0; padding: 24px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.12); } .portfolio-platform-card li { display: flex; gap: 9px; color: #e2ebf0; font-size: 14px; line-height: 1.5; } .portfolio-platform-card li i { margin-top: 4px; color: #79bd21; font-size: 11px; } .portfolio-platform-link { display: inline-flex; gap: 10px; align-items: center; margin-top: 28px; color: #5ee0ef; font-weight: 700; } .portfolio-platform-link:hover, .portfolio-platform-link:focus-visible { color: #ffffff; } .case-study-page { background: #ffffff; } .case-study-hero { position: relative; overflow: hidden; padding: 95px 0; color: #ffffff; background: radial-gradient(circle at 82% 18%, rgba(92, 58, 219, 0.38), transparent 28%), linear-gradient(120deg, #061a28 0%, #09283a 54%, #111743 100%); } .case-study-hero::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0.2; background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px); background-size: 64px 64px; } .case-study-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(480px, 1.1fr); gap: 72px; align-items: center; } .case-study-label { display: block; margin-bottom: 17px; color: #3ed2e7; font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .case-study-hero-copy h2 { margin-bottom: 24px; color: #ffffff; font-size: clamp(48px, 5.5vw, 76px); line-height: 0.98; letter-spacing: -0.045em; } .case-study-hero-copy > p { max-width: 620px; color: #c9d7df; font-size: 18px; line-height: 1.75; } .case-study-actions { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin-top: 32px; } .case-study-back { color: #ffffff; font-size: 14px; font-weight: 700; } .case-study-back:hover, .case-study-back:focus-visible { color: #5ee0ef; } .case-study-browser { overflow: hidden; border: 10px solid rgba(255, 255, 255, 0.1); border-radius: 25px; background: #ffffff; box-shadow: 0 35px 90px rgba(0, 0, 0, 0.34); transform: perspective(1200px) rotateY(-4deg) rotateX(1deg); } .case-study-browser-bar { display: flex; gap: 7px; align-items: center; height: 40px; padding: 0 15px; color: #71808b; background: #edf2f5; } .case-study-browser-bar i { width: 8px; height: 8px; border-radius: 50%; background: #a9b6bf; } .case-study-browser-bar span { overflow: hidden; margin-left: 10px; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; } .case-study-browser img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top center; } .case-study-product-visual { display: grid; min-height: 430px; padding: 48px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 28px; background: linear-gradient(145deg, rgba(16, 57, 78, 0.92), rgba(31, 25, 85, 0.92)); box-shadow: 0 35px 90px rgba(0, 0, 0, 0.3); place-content: center; } .case-study-product-visual > span { display: grid; width: 72px; height: 72px; margin-bottom: 25px; border-radius: 20px; background: linear-gradient(135deg, #0ea8c4, #6337e5); font-size: 30px; place-items: center; } .case-study-product-visual strong { color: #ffffff; font-size: clamp(45px, 5vw, 66px); letter-spacing: -0.04em; } .case-study-product-visual small { margin: 5px 0 28px; color: #5ee0ef; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .case-study-product-visual div { display: flex; flex-wrap: wrap; gap: 9px; } .case-study-product-visual em { padding: 8px 11px; color: #d9e5eb; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; font-size: 11px; font-style: normal; } .case-study-overview { background: #ffffff; } .case-study-overview-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(330px, 0.7fr); gap: 90px; align-items: start; } .case-study-narrative h2 { margin: 0 0 16px; color: #071522; font-size: clamp(34px, 4vw, 52px); letter-spacing: -0.035em; } .case-study-narrative p { max-width: 780px; margin-bottom: 48px; color: #596a77; font-size: 18px; line-height: 1.8; } .case-study-facts { position: sticky; top: 125px; padding: 34px; border: 1px solid #dbe6eb; border-radius: 22px; background: #f3f7f9; } .case-study-facts > span { color: #087f9c; font-size: 12px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; } .case-study-facts dl { margin: 20px 0 0; } .case-study-facts dl div { padding: 18px 0; border-top: 1px solid #dae4e9; } .case-study-facts dt { margin-bottom: 7px; color: #071522; font-size: 12px; text-transform: uppercase; } .case-study-facts dd { margin: 0; color: #5d6b77; line-height: 1.6; } .case-study-value { background: #eef4f7; } .case-study-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr); gap: 70px; align-items: end; margin-bottom: 48px; } .case-study-section-heading h2 { max-width: 720px; margin: 0; color: #071522; font-size: clamp(38px, 4.5vw, 58px); line-height: 1.08; letter-spacing: -0.04em; } .case-study-section-heading > p { margin: 0; color: #5d6b77; line-height: 1.75; } .case-study-section-heading.compact { grid-template-columns: 1fr; } .case-study-value-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } .case-study-list-card { padding: 38px; border: 1px solid #d7e3e8; border-radius: 23px; background: #ffffff; } .case-study-list-card h3 { margin-bottom: 24px; color: #071522; font-size: 26px; } .case-study-list-card ol { margin: 0; padding: 0; list-style: none; } .case-study-list-card li { display: grid; grid-template-columns: 42px 1fr; gap: 15px; align-items: start; padding: 17px 0; border-top: 1px solid #e3eaee; } .case-study-list-card li span { color: #087f9c; font-size: 12px; font-weight: 800; } .case-study-list-card.outcome li span { color: #65aa1d; } .case-study-list-card li p { margin: 0; color: #4f626f; font-weight: 600; } .case-study-related { background: #ffffff; } .case-study-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .case-study-related-grid a { position: relative; min-height: 275px; padding: 30px; color: #ffffff; border-radius: 20px; background: linear-gradient(145deg, #08334a, #111b45); transition: transform 0.3s ease, box-shadow 0.3s ease; } .case-study-related-grid a:hover, .case-study-related-grid a:focus-visible { color: #ffffff; box-shadow: 0 22px 50px rgba(7, 42, 70, 0.2); transform: translateY(-5px); } .case-study-related-grid span { color: #55d6e7; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .case-study-related-grid h3 { margin: 22px 0 13px; color: #ffffff; font-size: 25px; } .case-study-related-grid p { color: #bdcbd4; font-size: 14px; line-height: 1.65; } .case-study-related-grid i { position: absolute; right: 28px; bottom: 26px; } .portfolio-download-area { padding: 70px 0; background: #eef4f7; } .portfolio-download-panel { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 28px; align-items: center; padding: 38px 42px; overflow: hidden; color: #ffffff; border-radius: 24px; background: radial-gradient(circle at 88% 15%, rgba(114, 65, 234, 0.42), transparent 28%), linear-gradient(120deg, #07334a 0%, #092237 58%, #151b48 100%); box-shadow: 0 25px 70px rgba(7, 42, 70, 0.16); } .portfolio-download-icon { display: grid; width: 70px; height: 70px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 20px; background: rgba(255, 255, 255, 0.08); font-size: 29px; place-items: center; } .portfolio-download-copy span { display: block; margin-bottom: 8px; color: #5ee0ef; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .portfolio-download-copy h2 { margin: 0 0 10px; color: #ffffff; font-size: clamp(27px, 3vw, 38px); letter-spacing: -0.025em; } .portfolio-download-copy p { max-width: 720px; margin: 0; color: #c6d4dc; line-height: 1.65; } .portfolio-download-action { min-width: 218px; text-align: center; } .portfolio-download-action .btn { color: #082237; white-space: nowrap; } .portfolio-download-action small { display: block; margin-top: 10px; color: #aebfca; font-size: 12px; } @media (max-width: 1199px) { .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .portfolio-download-panel { grid-template-columns: auto minmax(0, 1fr); } .portfolio-download-action { grid-column: 2; justify-self: start; text-align: left; } .case-study-hero-grid { grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1.15fr); gap: 42px; } .case-study-overview-grid { gap: 50px; } } @media (max-width: 991px) { .case-study-hero-grid, .case-study-overview-grid, .case-study-section-heading { grid-template-columns: 1fr; } .case-study-browser { max-width: 760px; transform: none; } .case-study-facts { position: static; } .case-study-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .product-platform-proof { padding: 72px 0; } .portfolio-intro, .portfolio-grid, .portfolio-platform-grid { grid-template-columns: 1fr; } .portfolio-intro { gap: 22px; margin-bottom: 38px; } .portfolio-intro h2 { font-size: 40px; } .portfolio-card-body { padding: 24px 22px 26px; } .portfolio-card p { min-height: 0; } .portfolio-platform-card { padding: 28px 24px; } .portfolio-platform-card ul { grid-template-columns: 1fr; } .portfolio-card-links, .case-study-actions { align-items: flex-start; flex-direction: column; } .case-study-hero { padding: 68px 0; } .case-study-hero-copy h2 { font-size: 47px; } .case-study-product-visual { min-height: 360px; padding: 30px 24px; } .case-study-product-visual strong { font-size: 44px; } .case-study-overview-grid, .case-study-section-heading { gap: 34px; } .case-study-value-grid, .case-study-related-grid { grid-template-columns: 1fr; } .case-study-list-card { padding: 28px 22px; } .case-study-related-grid a { min-height: 240px; } .portfolio-download-area { padding: 50px 0; } .portfolio-download-panel { grid-template-columns: 1fr; padding: 30px 24px; } .portfolio-download-action { grid-column: auto; justify-self: stretch; } .portfolio-download-action .btn { width: 100%; } } .industry-network-area { position: relative; overflow: hidden; background: radial-gradient(circle at 50% 48%, rgba(14, 168, 196, 0.1), transparent 31%), linear-gradient(180deg, #ffffff 0%, #f7fafc 100%); } .industry-network-area .industry-network-heading .sub-title { color:#087f9c; } .industry-network-area .industry-network-heading .title { color:#071522; } .industry-network-area .industry-network-heading > p { color:#5e6c78; } .industry-network-heading { max-width: 820px; margin-right: auto; margin-bottom: 64px; margin-left: auto; } .industry-network-heading > p { max-width: 700px; margin: 18px auto 0; color: #5e6c78; font-size: 17px; } .industry-network-grid { display: grid; grid-template-columns: minmax(250px, 1fr) minmax(330px, 460px) minmax(250px, 1fr); gap: 44px; align-items: center; } .industry-column { display: grid; gap: 22px; } .industry-node { position: relative; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 16px; align-items: center; min-height: 98px; padding: 16px 18px; border: 1px solid rgba(11, 89, 123, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.94); box-shadow: 0 14px 36px rgba(7, 42, 70, 0.07); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .industry-node::after { position: absolute; top: 50%; width: 45px; height: 1px; content: ""; background: linear-gradient(90deg, rgba(8, 127, 156, 0.4), rgba(8, 127, 156, 0.06)); } .industry-column-left .industry-node::after { left: 100%; } .industry-column-right .industry-node::after { right: 100%; transform: rotate(180deg); } .industry-node:hover { border-color: rgba(8, 127, 156, 0.32); box-shadow: 0 18px 44px rgba(7, 42, 70, 0.12); transform: translateY(-4px); } .industry-node-icon { display: grid; width: 58px; height: 58px; place-items: center; color: #ffffff; border-radius: 16px; background: linear-gradient(135deg, #087f9c, #4338ca); box-shadow: 0 10px 24px rgba(34, 74, 180, 0.2); font-size: 21px; } .industry-node strong, .industry-node small { display: block; } .industry-node strong { margin-bottom: 4px; color: #071522; font-size: 17px; line-height: 1.25; } .industry-node small { color: #687681; font-size: 12px; line-height: 1.45; } .industry-hub { position: relative; z-index: 1; padding: 18px 18px 26px; text-align: center; border: 1px solid rgba(8, 127, 156, 0.14); border-radius: 32px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 30px 75px rgba(7, 42, 70, 0.12); } .industry-hub-visual { overflow: hidden; margin-bottom: 18px; border-radius: 24px; background: #f5f9fb; } .industry-hub-visual img { display: block; width: 100%; height: auto; } .industry-hub > span, .industry-hub > strong, .industry-hub > small { display: block; } .industry-hub > span { color: #087f9c; font-size: 12px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; } .industry-hub > strong { margin: 5px 0; color: #071522; font-size: 23px; } .industry-hub > small { color: #687681; font-size: 13px; } @media (max-width: 1199px) { .industry-network-grid { grid-template-columns: minmax(220px, 1fr) minmax(290px, 370px) minmax(220px, 1fr); gap: 28px; } .industry-node::after { width: 29px; } } @media (max-width: 991px) { .industry-network-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .industry-hub { grid-column: 1 / -1; grid-row: 1; width: min(100%, 460px); margin: 0 auto 16px; } .industry-node::after { display: none; } } @media (max-width: 767px) { .industry-network-heading { margin-bottom: 42px; } .industry-network-grid { grid-template-columns: 1fr; gap: 18px; } .industry-hub, .industry-column { grid-column: 1; } .industry-column-left { grid-row: 2; } .industry-column-right { grid-row: 3; } } .about-style-three-thumb { position: relative; min-height: 620px; padding-right: 80px; } .about-style-three-thumb > img:first-child { display: block; width: 100%; height: 560px; border-radius: 12px; object-fit: cover; object-position: center; } .about-style-three-thumb > img:last-child { position: absolute; right: 0; bottom: 0; width: 48%; height: 275px; border: 10px solid #f4f7fa; border-radius: 12px; object-fit: cover; object-position: center; box-shadow: 0 15px 40px rgba(3, 27, 78, 0.18); } .contact-form-style-one label { display: block; margin-bottom: 7px; color: #232323; font-weight: 600; } .contact-form-style-one .form-group { margin-bottom: 20px; } .contact-style-one-info ul li .content h3 { margin-bottom: 5px; font-size: 18px; } .anti-spam { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .scroll-to-top { position: fixed; right: 120px; bottom: 18px; left: auto; z-index: 2147483647; display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0; color: #ffffff; border: 0; border-radius: 50%; background: #0d8cad; box-shadow: 0 12px 30px rgba(7, 21, 34, 0.28); opacity: 0; visibility: hidden; transform: translateY(16px); pointer-events: none; touch-action: manipulation; isolation: isolate; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease, background-color 0.25s ease; } .scroll-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .scroll-to-top:hover, .scroll-to-top:focus-visible { color: #ffffff; background: #086f8a; } .scroll-to-top i { font-size: 16px; } @media (max-width: 767px) { .scroll-to-top { right: 114px; bottom: 18px; left: auto; width: 46px; height: 46px; } } .related-services .services-style-two { height: 100%; padding: 30px; background: #f4f7fa; } .related-services .services-style-two h3 { font-size: 22px; } .services-style-two .thumb .title h3 { margin: 0; padding: 0 25px; color: #ffffff; font-size: 20px; font-weight: 600; } .service-card-col { display: flex; } .service-card { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; } .service-card .thumb > img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; } .service-card .info { flex: 1 1 auto; } .service-detail-image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: 12px; object-fit: cover; object-position: center; } .service-modern-page { --service-ink: #071522; --service-panel: #0b1d2c; --service-muted: #607083; --service-line: rgba(7, 21, 34, 0.1); --service-cyan: #15c7d4; --service-violet: #7c3cff; background: #ffffff; } .service-modern-hero-wrap { padding: 18px 0 80px; } .service-modern-hero { position: relative; overflow: hidden; min-height: 680px; padding: 34px 64px 64px; color: #ffffff; border-radius: 32px; background: radial-gradient(circle at 16% 0%, rgba(21, 199, 212, 0.2), transparent 34%), radial-gradient(circle at 94% 90%, rgba(124, 60, 255, 0.24), transparent 34%), linear-gradient(135deg, #06131f 0%, #0b2133 58%, #10162f 100%); box-shadow: 0 28px 80px rgba(7, 21, 34, 0.18); } .service-modern-hero::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0.22; background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to right, transparent, #000 55%, #000); } .service-orb { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; } .service-orb-one { top: 110px; right: 35%; width: 8px; height: 8px; background: var(--service-cyan); box-shadow: 0 0 34px 16px rgba(21, 199, 212, 0.35); } .service-orb-two { right: 7%; bottom: 12%; width: 10px; height: 10px; background: #a56bff; box-shadow: 0 0 42px 18px rgba(124, 60, 255, 0.38); } .service-trail { position: relative; z-index: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: rgba(255, 255, 255, 0.58); font-size: 13px; letter-spacing: 0.02em; } .service-trail a, .service-trail span { color: inherit; } .service-trail a:hover { color: #ffffff; } .service-trail i { font-size: 9px; } .service-hero-content { position: relative; z-index: 2; padding-top: 74px; } .service-kicker, .service-section-label { display: inline-flex; align-items: center; gap: 9px; color: #0f91a5; font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .service-kicker { margin-bottom: 22px; color: #73edf4; } .service-modern-hero h1 { max-width: 760px; margin-bottom: 24px; color: #ffffff; font-size: clamp(44px, 5vw, 72px); line-height: 1.02; letter-spacing: -0.045em; } .service-hero-lead { max-width: 720px; margin-bottom: 14px; color: rgba(255, 255, 255, 0.78); font-size: 19px; line-height: 1.75; } .service-hero-supporting { max-width: 720px; color: rgba(255, 255, 255, 0.62); font-size: 15px; } .service-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; margin-top: 30px; } .service-primary-btn { color: #ffffff !important; border: 0; background: linear-gradient(110deg, #0788a4, #6f35ee); box-shadow: 0 14px 35px rgba(64, 72, 234, 0.25); } .service-primary-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(64, 72, 234, 0.34); } .service-text-link { color: rgba(255, 255, 255, 0.82); font-weight: 600; } .service-text-link:hover { color: #ffffff; } .service-text-link i, .service-primary-btn i { margin-left: 8px; } .service-tech-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 34px; } .service-tech-tags span { padding: 8px 13px; color: rgba(255, 255, 255, 0.76); font-size: 12px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(8px); } .service-visual { position: relative; overflow: hidden; padding: 13px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 26px; background: rgba(255, 255, 255, 0.07); transform: rotate(-1.2deg); } .service-visual::after { position: absolute; inset: 13px; content: ""; border-radius: 18px; background: linear-gradient(180deg, transparent 45%, rgba(5, 15, 25, 0.72)); } .service-visual img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: 18px; object-fit: cover; object-position: center; } .service-visual-badge { position: absolute; z-index: 2; left: 34px; bottom: 31px; display: flex; flex-direction: column; color: rgba(255, 255, 255, 0.68); font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } .service-visual-badge strong { margin-top: 3px; color: #ffffff; font-size: 18px; letter-spacing: 0; text-transform: none; } .service-visual-badge.is-long { right: 28px; } .service-visual-badge.is-long strong { max-width: 260px; font-size: 14px; line-height: 1.3; } .service-modern-section, .service-specialist-section, .service-related-section, .service-faq-section { padding: 100px 0; } .service-modern-section { background: #f7f9fc; } .service-section-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr); align-items: end; gap: 70px; margin-bottom: 48px; } .service-section-heading.compact { display: block; } .service-section-heading h2, .service-process-intro h2, .service-faq-section h2, .service-modern-cta h2 { margin: 12px 0 0; color: var(--service-ink); font-size: clamp(36px, 4vw, 54px); line-height: 1.12; letter-spacing: -0.035em; } .service-section-heading > p { margin: 0; color: var(--service-muted); font-size: 17px; line-height: 1.75; } .service-capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .service-capability-grid.four-up { grid-template-columns: repeat(4, minmax(0, 1fr)); } .service-capability-card { position: relative; overflow: hidden; min-height: 290px; padding: 30px; border: 1px solid var(--service-line); border-radius: 22px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 12px 35px rgba(7, 21, 34, 0.045); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .service-capability-card::before { position: absolute; right: -50px; bottom: -60px; width: 150px; height: 150px; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(21, 199, 212, 0.12), transparent 68%); } .service-capability-card:hover { transform: translateY(-6px); border-color: rgba(15, 145, 165, 0.3); box-shadow: 0 22px 48px rgba(7, 21, 34, 0.09); } .service-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; } .service-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; color: #ffffff; border-radius: 14px; background: linear-gradient(135deg, #078ca5, #6938e9); box-shadow: 0 10px 24px rgba(62, 83, 224, 0.2); } .service-card-number { color: #9aa6b4; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; } .service-capability-card h3 { margin-bottom: 14px; color: var(--service-ink); font-size: 23px; line-height: 1.25; } .service-capability-card-link { color: inherit; } .service-capability-card-link:hover, .service-capability-card-link:focus-visible { color: #087f9c; } .service-capability-card-link::after { position: absolute; z-index: 2; inset: 0; content: ""; } .service-capability-card:focus-within { border-color: rgba(15, 145, 165, 0.45); box-shadow: 0 0 0 4px rgba(8, 127, 156, 0.12), 0 22px 48px rgba(7, 21, 34, 0.09); } .service-capability-card p { position: relative; z-index: 1; margin: 0; color: var(--service-muted); line-height: 1.7; } .service-specialist-section { background: #ffffff; } .service-specialist-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .service-specialist-group + .service-specialist-group { margin-top: 48px; } .service-specialist-group > h3 { margin: 0 0 20px; color: #0f91a5; font-size: 18px; letter-spacing: 0.02em; } .service-specialist-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; min-height: 200px; padding: 32px; color: var(--service-ink); border: 1px solid var(--service-line); border-radius: 22px; background: linear-gradient(135deg, #ffffff, #f5fbfd); transition: transform 0.25s ease, border-color 0.25s ease; } .service-specialist-card:hover { color: var(--service-ink); border-color: rgba(15, 145, 165, 0.35); transform: translateY(-4px); } .service-specialist-card > span { align-self: start; color: #0f91a5; font-size: 13px; font-weight: 700; } .service-specialist-card h3, .service-specialist-card h4 { margin-bottom: 10px; font-size: 25px; } .service-specialist-card p { margin: 0; color: var(--service-muted); } .service-specialist-card > i { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background: rgba(15, 145, 165, 0.09); } .service-process-section { padding: 40px 0 100px; background: #ffffff; } .service-process-panel { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 70px; padding: 64px; color: #ffffff; border-radius: 28px; background: linear-gradient(135deg, #071522, #0d2638 62%, #171943); } .service-process-intro h2 { color: #ffffff; } .service-process-intro p { margin-top: 20px; color: rgba(255, 255, 255, 0.64); } .service-process-list { margin: 0; padding: 0; list-style: none; } .service-process-list li { display: grid; grid-template-columns: 44px 1fr; gap: 22px; padding: 22px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .service-process-list li:first-child { padding-top: 0; } .service-process-list li:last-child { padding-bottom: 0; border-bottom: 0; } .service-process-list li > span { color: #62dfe8; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; } .service-process-list h3 { margin-bottom: 5px; color: #ffffff; font-size: 21px; } .service-process-list p { margin: 0; color: rgba(255, 255, 255, 0.62); } .service-related-section { padding-top: 0; } .service-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .service-related-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 28px; color: var(--service-ink); font-size: 18px; font-weight: 700; border: 1px solid var(--service-line); border-radius: 16px; } .service-related-card:hover { color: #0f91a5; border-color: rgba(15, 145, 165, 0.35); } .service-faq-section { background: #f7f9fc; } .service-modern-accordion .accordion-item { overflow: hidden; margin-bottom: 12px; border: 1px solid var(--service-line); border-radius: 14px; background: #ffffff; } .service-modern-accordion .accordion-button { padding: 22px 24px; color: var(--service-ink); font-size: 17px; font-weight: 700; background: #ffffff; } .service-next-card { padding: 34px; color: #ffffff; border-radius: 22px; background: linear-gradient(145deg, #071522, #132845); } .service-next-card h3 { margin: 12px 0; color: #ffffff; } .service-next-card p { color: rgba(255, 255, 255, 0.63); } .service-next-card a { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 0; color: #ffffff; border-top: 1px solid rgba(255, 255, 255, 0.12); } .service-context-insights { margin-top: 46px; } .service-context-insights-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 20px; } .service-context-insights-heading h3 { max-width: 520px; margin: 0; font-size: 28px; } .service-context-insight-grid { display: grid; gap: 14px; } .service-context-insight { display: grid; grid-template-columns: 180px minmax(0, 1fr); min-height: 132px; overflow: hidden; color: var(--service-ink); border: 1px solid var(--service-line); border-radius: 16px; background: #ffffff; transition: border-color .25s ease, transform .25s ease; } .service-context-insight:hover { color: var(--service-ink); border-color: rgba(15, 145, 165, .42); transform: translateY(-3px); } .service-context-insight img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 992px) { .service-hero-content > .col-lg-5 { display: flex; align-items: center; justify-content: center; } .service-hero-content > .col-lg-5 .service-visual { width: 94%; margin: -18px auto 0; } } .service-context-insight > div { display: flex; padding: 20px 22px; flex-direction: column; justify-content: center; } .service-context-insight span, .service-context-insight small { color: #0f91a5; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; } .service-context-insight h4 { margin: 6px 0 10px; font-size: 19px; line-height: 1.25; } .service-context-insight small i { margin-left: 6px; } .service-modern-cta { padding: 30px 0 100px; } .service-modern-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 54px 60px; border: 1px solid rgba(15, 145, 165, 0.18); border-radius: 26px; background: linear-gradient(120deg, #edfafd, #f5f0ff); } .service-modern-cta h2 { max-width: 760px; font-size: clamp(32px, 3vw, 46px); } @media (max-width: 1199px) { .service-modern-hero { padding-right: 42px; padding-left: 42px; } .service-capability-grid.four-up { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .service-modern-hero { min-height: 0; } .service-section-heading, .service-process-panel { grid-template-columns: 1fr; gap: 30px; } .service-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .service-visual { max-width: 620px; margin: 0 auto; transform: none; } } @media (max-width: 767px) { .service-modern-hero-wrap { padding: 18px 0 55px; } .service-modern-hero { padding: 24px 22px 28px; border-radius: 20px; } .service-hero-content { padding-top: 48px; } .service-modern-hero h1 { font-size: 42px; } .service-hero-lead { font-size: 17px; } .service-hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; } .service-tech-tags { margin-top: 26px; } .service-modern-section, .service-specialist-section, .service-related-section, .service-faq-section { padding: 70px 0; } .service-section-heading { margin-bottom: 34px; } .service-section-heading h2, .service-process-intro h2, .service-faq-section h2 { font-size: 36px; } .service-capability-grid, .service-capability-grid.four-up, .service-specialist-grid, .service-related-grid { grid-template-columns: 1fr; } .service-capability-card { min-height: 0; } .service-card-top { margin-bottom: 34px; } .service-specialist-card { grid-template-columns: auto 1fr; } .service-specialist-card > i { display: none; } .service-process-section { padding: 0 0 70px; } .service-process-panel { padding: 34px 24px; border-radius: 20px; } .service-modern-cta { padding-bottom: 70px; } .service-modern-cta-inner { align-items: flex-start; flex-direction: column; padding: 34px 24px; } } .delivery-process-area { position: relative; overflow: hidden; background: radial-gradient(circle at 8% 16%, rgba(0, 166, 210, 0.1), transparent 25%), linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%); } .legal-page-area { background: #f6f9fc; } .legal-intro { max-width: 850px; margin-bottom: 54px; } .legal-intro h2 { margin-bottom: 18px; color: #071522; font-size: clamp(40px, 4.5vw, 62px); } .legal-intro > p { color: #52616e; font-size: 19px; line-height: 1.75; } .legal-effective { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 24px; color: #087f9c; font-size: 14px; font-weight: 700; } .legal-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 54px; align-items: start; } .legal-nav { position: sticky; top: 138px; padding: 28px; border: 1px solid rgba(8, 127, 156, 0.13); border-radius: 18px; background: #ffffff; box-shadow: 0 16px 38px rgba(7, 42, 70, 0.07); } .legal-nav h2 { margin-bottom: 16px; font-size: 20px; } .legal-nav ol { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; } .legal-nav a { display: block; padding: 7px 10px 7px 14px; border-radius: 8px; color: #5a6873; font-size: 14px; line-height: 1.4; transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } .legal-nav a:hover, .legal-nav a:focus-visible { color: #087f9c; background: rgba(8, 127, 156, 0.06); } .legal-nav a.is-active, .legal-nav a[aria-current="location"] { color: #087f9c; background: rgba(8, 127, 156, 0.1); box-shadow: inset 3px 0 0 #087f9c; font-weight: 700; } .legal-content { padding: 18px 48px 48px; border-radius: 24px; background: #ffffff; box-shadow: 0 20px 55px rgba(7, 42, 70, 0.07); } .legal-section { padding: 38px 0; border-bottom: 1px solid #e7edf2; scroll-margin-top: 140px; } .legal-section h2 { margin-bottom: 18px; color: #071522; font-size: 27px; } .legal-section p, .legal-section address { margin-bottom: 14px; color: #53626e; font-size: 16px; font-style: normal; line-height: 1.8; } .legal-section p:last-child, .legal-section address:last-child { margin-bottom: 0; } .legal-note { margin-top: 40px; padding: 24px 28px; border-left: 4px solid #78bd20; border-radius: 4px 14px 14px 4px; background: #eff8fa; } .legal-note p { margin: 4px 0 0; } @media (max-width: 991px) { .legal-layout { grid-template-columns: 1fr; } .legal-nav { position: static; } .legal-nav ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .legal-intro { margin-bottom: 34px; } .legal-layout { gap: 28px; } .legal-nav { padding: 22px; } .legal-nav ol { grid-template-columns: 1fr; } .legal-content { padding: 4px 22px 28px; border-radius: 18px; } .legal-section { padding: 30px 0; } .legal-section h2 { font-size: 24px; } } .delivery-process-shell { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(520px, 1.18fr); gap: 80px; align-items: center; padding: 74px; border: 1px solid rgba(16, 63, 101, 0.1); border-radius: 32px; background: rgba(255, 255, 255, 0.82); box-shadow: 0 32px 80px rgba(6, 31, 53, 0.09); backdrop-filter: blur(12px); } .delivery-process-kicker { display: inline-flex; gap: 9px; align-items: center; margin-bottom: 24px; color: #087f9c; font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .delivery-process-intro h2 { margin-bottom: 24px; color: #071522; font-size: clamp(42px, 4.2vw, 66px); line-height: 1.04; } .delivery-process-intro h2 span { color: #087f9c; } .delivery-process-intro > p { max-width: 560px; margin-bottom: 32px; color: #51616f; font-size: 18px; line-height: 1.75; } .delivery-process-proof { display: flex; flex-direction: column; gap: 3px; padding-left: 18px; border-left: 3px solid #78bd20; } .delivery-process-proof strong { color: #071522; font-size: 16px; } .delivery-process-proof span { color: #6b7883; font-size: 14px; } .delivery-process-list { position: relative; display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: none; } .delivery-process-list::before { position: absolute; top: 46px; bottom: 46px; left: 27px; width: 1px; content: ""; background: linear-gradient(#087f9c, rgba(8, 127, 156, 0.12)); } .delivery-process-step { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr) 34px; gap: 22px; align-items: center; min-height: 118px; padding: 22px 24px 22px 0; border: 1px solid transparent; border-radius: 20px; transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; } .delivery-process-step:hover { z-index: 1; border-color: rgba(8, 127, 156, 0.14); background: #ffffff; box-shadow: 0 18px 40px rgba(7, 42, 70, 0.09); transform: translateX(10px); } .delivery-process-number { position: relative; z-index: 2; display: grid; width: 56px; height: 56px; place-items: center; border: 6px solid #ffffff; border-radius: 50%; color: #ffffff; background: linear-gradient(135deg, #087f9c, #1550a7); box-shadow: 0 8px 20px rgba(8, 127, 156, 0.25); font-size: 13px; font-weight: 700; } .delivery-process-copy > span { display: block; margin-bottom: 4px; color: #087f9c; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .delivery-process-copy h3 { margin-bottom: 6px; color: #071522; font-size: 22px; } .delivery-process-copy p { margin: 0; color: #63717c; font-size: 14px; line-height: 1.55; } .delivery-process-step > i { color: #087f9c; font-size: 16px; transition: opacity 0.3s ease; } @media (max-width: 1199px) { .delivery-process-shell { grid-template-columns: 1fr 1.2fr; gap: 44px; padding: 50px; } } @media (max-width: 991px) { .delivery-process-shell { grid-template-columns: 1fr; } } @media (max-width: 767px) { .delivery-process-shell { gap: 36px; padding: 34px 20px; border-radius: 22px; } .delivery-process-intro h2 { font-size: 40px; } .delivery-process-step { grid-template-columns: 50px minmax(0, 1fr); gap: 16px; padding: 18px 8px 18px 0; } .delivery-process-number { width: 50px; height: 50px; } .delivery-process-list::before { left: 24px; } .delivery-process-step > i { display: none; } .delivery-process-step:hover { transform: none; } } @media (max-width: 767px) { .service-context-insights-heading { display: block; } .service-context-insights-heading .service-section-label { display: block; margin-bottom: 8px; } .service-context-insight { grid-template-columns: 1fr; } .service-context-insight img { height: 180px; } .static-hero .content { padding: 170px 0 100px; } .static-hero h1 { font-size: 42px; } .domain-list { columns: 1; } .about-style-three-thumb { display: grid; min-height: 0; padding-right: 0; grid-template-columns: 1fr 1fr; gap: 12px; } .about-style-three-thumb > img:first-child, .about-style-three-thumb > img:last-child { position: static; width: 100%; height: 260px; border: 0; object-fit: cover; box-shadow: none; } .ml-15 { margin-left: 0 !important; margin-top: 15px; } } @media (max-width: 1023px) { header nav.navbar.validnavs .collapse-mobile .navbar-nav > li > a { position: relative; z-index: 2; min-height: 56px; padding: 16px 18px !important; overflow: visible; color: #071522 !important; line-height: 24px; text-indent: 0; } header .navbar .collapse-mobile .navbar-nav > li.active > a { color: #087f9c !important; border-radius: 8px; background: rgba(8, 127, 156, 0.09) !important; box-shadow: inset 4px 0 0 #087f9c; } .navbar .collapse-mobile .navbar-nav > li.dropdown > .dropdown-menu { position: static; display: none !important; width: 100%; padding-left: 15px; opacity: 1; visibility: visible; } .navbar .collapse-mobile .navbar-nav > li.dropdown.mobile-services-open > .dropdown-menu { display: block !important; } } @media (min-width: 1024px) { header #navbar-menu { display: block !important; opacity: 1 !important; visibility: visible !important; } } @media (max-width: 1023px) { header { min-height: 80px; } } .services-mega-menu { overflow: hidden; border: 1px solid rgba(10, 54, 76, .08) !important; border-radius: 24px !important; background: #f7f8ff !important; box-shadow: 0 28px 80px rgba(7, 21, 34, .18) !important; } .services-mega-top { display: flex; padding: 2px 4px 18px; align-items: end; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(7, 21, 34, .09); } .services-mega-top div { display: grid; gap: 3px; } .services-mega-top span { color: #087f9c; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .services-mega-top strong { color: #071522; font: 700 18px/1.3 Manrope, sans-serif; } .services-mega-top > a { display: inline-flex; align-items: center; gap: 10px; color: #087f9c !important; font-size: 14px !important; font-weight: 700; white-space: nowrap; } .services-mega-top > a i { transition: transform .25s ease; } .services-mega-top > a:hover i { transform: translateX(4px); } .services-mega-layout { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 24px; padding: 20px 0 16px; } .services-mega-categories { display: grid; padding: 8px; align-content: start; gap: 5px; border: 1px solid rgba(8,127,156,.07); border-radius: 16px; background: rgba(232,240,248,.62); } .services-mega-category { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; box-sizing: border-box; width: 100% !important; height: auto !important; min-height: 56px; padding: 8px 10px; display: grid; grid-template-columns: 38px minmax(0, 1fr) 18px; align-items: center; column-gap: 10px; overflow: hidden; border: 1px solid transparent !important; border-radius: 12px !important; color: #233344; background: transparent !important; box-shadow: none; font: 700 15px/1.25 Outfit, sans-serif; text-align: left; cursor: pointer; transition: color .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; } .services-mega-category::before,.services-mega-category::after { display: none !important; content: none !important; } .services-mega-category:hover,.services-mega-category:focus-visible,.services-mega-category.is-active { color: #072b68; border-color: rgba(8,127,156,.12) !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 8px 24px rgba(35,56,95,.07); transform: none; } .services-mega-category-icon { width: 38px; height: 38px; display: grid; place-items: center; color: #087f9c; border: 1px solid rgba(8,127,156,.16); border-radius: 11px; background: linear-gradient(145deg,#eafcff,#eef0ff); } .services-mega-category > span:not(.services-mega-category-icon) { display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .services-mega-category > i { width:18px; justify-self:center; font-size: 12px; line-height:1; transition: transform .2s ease; } .services-mega-category:hover > i,.services-mega-category.is-active > i { transform: translateX(3px); } .services-mega-panels { min-width: 0; } .services-mega-panel { display: none; animation: mega-panel-in .28s ease both; } .services-mega-panel.is-active { display: block; } .services-mega-panel-heading { min-height: 68px; margin-bottom: 9px; } .services-mega-panel-heading > span { color: #071522; font: 800 22px/1.2 Manrope,sans-serif; } .services-mega-panel-heading p { max-width: 620px; margin: 7px 0 0; color: #586879; font-size: 14px; line-height: 1.55; } .services-mega-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 14px; } .services-mega-link { min-height: 52px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #071522 !important; border-radius: 10px; font-size: 15px !important; font-weight: 600; line-height: 1.3; transition: color .2s ease, background .2s ease, padding .2s ease; } .services-mega-link-label { display:flex; align-items:center; gap:11px; min-width:0; } .services-mega-link-label > i { width:30px; height:30px; display:grid; flex:0 0 30px; place-items:center; color:#087f9c; border:1px solid rgba(8,127,156,.12); border-radius:9px; background:linear-gradient(145deg,#effcff,#f2f0ff); font-size:12px; transition:transform .35s cubic-bezier(.2,.8,.2,1),color .25s ease,background .25s ease,box-shadow .25s ease; } .services-mega-link:hover .services-mega-link-label > i,.services-mega-link:focus-visible .services-mega-link-label > i,.services-mega-link.is-current .services-mega-link-label > i { color:#fff; background:linear-gradient(135deg,#087f9c,#6736e8); box-shadow:0 8px 20px rgba(55,77,215,.24); transform:rotateY(-18deg) rotateZ(-5deg) scale(1.08); } .services-mega-link i { color: #526172; font-size: 11px; transition: transform .2s ease, color .2s ease; } .services-mega-link .services-mega-link-label > i { color:#087f9c; } .services-mega-link:hover .services-mega-link-label > i,.services-mega-link:focus-visible .services-mega-link-label > i,.services-mega-link.is-current .services-mega-link-label > i { color:#fff; } .services-mega-link:hover,.services-mega-link:focus-visible,.services-mega-link.is-current { padding-left: 17px; color: #087f9c !important; background: rgba(8,127,156,.075); } .services-mega-link:hover i,.services-mega-link:focus-visible i,.services-mega-link.is-current i { color: #087f9c; transform: translateX(3px); } .services-mega-portal { position:relative; z-index:0; isolation:isolate; overflow:hidden; margin:0 -20px -20px; padding:15px 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#fff !important; background:#062a3a !important; } .services-mega-portal::before { position:absolute; z-index:0; inset:0; display:block !important; content:"" !important; opacity:1 !important; background:linear-gradient(105deg,#062a3a 0%,#102756 64%,#4822a5 100%) !important; transform:none !important; transition:filter .3s ease,transform .45s cubic-bezier(.2,.8,.2,1); } .services-mega-portal:hover, .services-mega-portal:focus, .services-mega-portal:focus-visible, .services-mega-portal:active { color:#fff !important; outline:none; background:#062a3a !important; } .services-mega-portal:hover::before,.services-mega-portal:focus-visible::before { filter:brightness(1.12) saturate(1.08); transform:scale(1.015) !important; } .services-mega-portal > span { position:relative; z-index:1; display:grid; grid-template-columns:28px 1fr; column-gap:9px; align-items:center; color:#fff !important; } .services-mega-portal > span > i { grid-row:1 / 3; color:#42e4ef !important; } .services-mega-portal strong { color:#fff !important; font-size:14px; line-height:1.3; } .services-mega-portal small { color:rgba(255,255,255,.76) !important; font-size:12px; font-weight:400; } .services-mega-portal > i { position:relative; z-index:1; color:#fff !important; transition:transform .25s ease; } .services-mega-portal:hover > i { transform: translateX(5px); } @keyframes mega-panel-in { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } } @media (min-width:1024px) { header .navbar .navbar-nav > li.services-navigation > .services-mega-menu { top: calc(100% + 8px); right: 0; left: auto; width: min(1060px,calc(100vw - 48px)) !important; min-width: min(1060px,calc(100vw - 48px)) !important; padding: 20px !important; display: block !important; transform: scale(.992); transition: opacity .2s ease,visibility .2s ease,transform .2s ease; } header .navbar .navbar-nav > li.services-navigation > .services-mega-menu::before { position: absolute; right: 0; bottom: 100%; left: 0; height: 12px; display: block !important; content: "" !important; background: transparent; } header .navbar .navbar-nav > li.services-navigation:hover > .services-mega-menu, header .navbar .navbar-nav > li.services-navigation:focus-within > .services-mega-menu, header .navbar .navbar-nav > li.services-navigation.mega-menu-open > .services-mega-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); } } @media (min-width:1024px) and (max-width:1340px) { header .navbar .navbar-nav > li.services-navigation > .services-mega-menu { width: min(980px,calc(100vw - 38px)) !important; min-width: min(980px,calc(100vw - 38px)) !important; } .services-mega-layout { grid-template-columns: 290px minmax(0,1fr); gap: 20px; } } @media (max-width:1023px) { .navbar .collapse-mobile .navbar-nav > li.services-navigation > .services-mega-menu { width: 100% !important; margin: 7px 0 0 !important; padding: 15px !important; border-radius: 15px !important; box-shadow: none !important; } .services-mega-top { padding-bottom: 13px; align-items: center; } .services-mega-top strong { font-size: 15px; } .services-mega-top > a { font-size: 13px !important; } .services-mega-layout { grid-template-columns: 1fr; gap: 15px; padding: 15px 0; } .services-mega-categories { grid-template-columns: repeat(2,minmax(0,1fr)); } .services-mega-category { min-height: 48px; padding: 8px; grid-template-columns: 30px 1fr; font-size: 13px; } .services-mega-category-icon { width: 30px; height: 30px; border-radius: 8px; } .services-mega-category > i { display: none; } .services-mega-category:hover,.services-mega-category:focus-visible,.services-mega-category.is-active { transform: none; } .services-mega-panel-heading { min-height: 0; margin-bottom: 8px; } .services-mega-panel-heading > span { font-size: 18px; } .services-mega-panel-heading p { display: none; } .services-mega-links { grid-template-columns: 1fr; gap: 2px; } .services-mega-link { min-height: 43px; padding: 9px 10px; font-size: 14px !important; border-bottom: 1px solid rgba(7,21,34,.07); border-radius: 6px; } .services-mega-portal { margin: 0 -15px -15px; padding: 13px 15px; } .services-mega-portal small { display: none; } } @media (max-width:520px) { .services-mega-top div span,.services-mega-top div strong { display: none; } .services-mega-top { justify-content: flex-end; } .services-mega-categories { grid-template-columns: 1fr; } } .intelligence-portal { --portal-cyan:#2de3eb; --portal-blue:#2b7cff; --portal-violet:#8a45ff; color:#071522; background:#f4f7fb; } .intelligence-portal-hero { position:relative; min-height:calc(100svh - 112px); overflow:hidden; color:#fff; background:linear-gradient(125deg,#031925 0%,#072b3b 46%,#171b54 78%,#351578 100%); isolation:isolate; } .portal-grid { position:absolute; inset:0; z-index:-3; opacity:.28; background-image:linear-gradient(rgba(102,226,239,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(102,226,239,.13) 1px,transparent 1px); background-size:72px 72px; -webkit-mask-image:linear-gradient(to bottom,#000,transparent 92%); mask-image:linear-gradient(to bottom,#000,transparent 92%); } .portal-ambient { position:absolute; z-index:-2; width:520px; height:520px; border-radius:50%; filter:blur(80px); opacity:.24; } .portal-ambient-one { top:-180px; left:-120px; background:#00ddec; animation:portal-drift 10s ease-in-out infinite alternate; } .portal-ambient-two { right:-140px; bottom:-220px; background:#9b32ff; animation:portal-drift 13s ease-in-out -3s infinite alternate-reverse; } .portal-particles i { position:absolute; z-index:-1; top:calc(8% + (var(--i) * 5.7%)); left:calc(3% + (var(--i) * 6.4%)); width:4px; height:4px; border-radius:50%; background:var(--portal-cyan); box-shadow:0 0 18px 5px rgba(45,227,235,.42); animation:portal-particle calc(5s + var(--i) * .32s) ease-in-out calc(var(--i) * -.4s) infinite; } .portal-hero-layout { min-height:calc(100svh - 112px); padding-top:70px; padding-bottom:90px; display:grid; grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr); align-items:center; gap:50px; } .portal-hero-copy { position:relative; z-index:3; } .portal-eyebrow { display:inline-flex; align-items:center; gap:9px; color:#78f6fb; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .portal-hero-copy h1 { max-width:720px; margin:20px 0 22px; color:#fff; font:800 clamp(48px,5.4vw,84px)/.98 Manrope,sans-serif; letter-spacing:-.055em; } .portal-hero-copy h1 span { color:transparent; background:linear-gradient(90deg,#4ceaf0,#64a9ff 54%,#b077ff); -webkit-background-clip:text; background-clip:text; } .portal-hero-copy > p { max-width:650px; margin:0; color:rgba(239,249,255,.78); font-size:19px; line-height:1.65; } .portal-hero-actions { margin-top:32px; display:flex; align-items:center; flex-wrap:wrap; gap:22px; } .portal-text-link { display:inline-flex; align-items:center; gap:10px; color:#fff !important; font-weight:700; } .portal-text-link i { transition:transform .25s ease; }.portal-text-link:hover i{transform:translateX(5px)} .portal-hero-signals { margin:34px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px; list-style:none; } .portal-hero-signals li { padding:8px 13px; color:#dceaf3; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(255,255,255,.055); font-size:12px; font-weight:600; backdrop-filter:blur(8px); } .portal-orbit { position:relative; width:min(650px,46vw); aspect-ratio:1; justify-self:center; transform-style:preserve-3d; } .portal-orbit::before { position:absolute; inset:16%; content:""; border-radius:50%; background:radial-gradient(circle,rgba(43,124,255,.24),rgba(29,227,235,.04) 55%,transparent 70%); filter:blur(7px); animation:portal-pulse 3.4s ease-in-out infinite; } .portal-connection-network { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; } .portal-connection-network-orbit { z-index:0; } .portal-connection-lines { fill:none; stroke:rgba(83,225,238,.42); stroke-width:1.5; stroke-linecap:round; stroke-dasharray:3 10; } .portal-connection-lines path:nth-child(n+5) { stroke:rgba(139,85,255,.3); stroke-width:1.2; } .portal-connection-nodes { fill:#38dfe9; stroke:rgba(255,255,255,.92); stroke-width:2; filter:drop-shadow(0 0 7px rgba(45,227,235,.9)); } .portal-connection-nodes circle:nth-child(even) { fill:#8a55ff; } .portal-moving-signals { fill:#fff; stroke:#2de3eb; stroke-width:2.5; filter:drop-shadow(0 0 7px rgba(45,227,235,.95)); } .portal-moving-signals .portal-moving-signal-violet { stroke:#9a62ff; filter:drop-shadow(0 0 7px rgba(138,69,255,.95)); } .portal-orbit-ring { position:absolute; top:50%; left:50%; border:1px solid rgba(96,226,239,.32); border-radius:50%; transform:translate(-50%,-50%) rotateX(66deg); box-shadow:0 0 30px rgba(45,227,235,.08); } .portal-ring-one { width:42%; height:42%; animation:portal-spin 11s linear infinite; }.portal-ring-two{width:67%;height:67%;border-style:dashed;animation:portal-spin-reverse 18s linear infinite}.portal-ring-three{width:92%;height:92%;animation:portal-spin 25s linear infinite} .portal-core { position:absolute; top:50%; left:50%; width:185px; height:185px; padding:24px; display:grid; place-content:center; text-align:center; border:1px solid rgba(121,244,250,.4); border-radius:50%; background:radial-gradient(circle at 35% 25%,rgba(88,227,242,.36),rgba(17,66,115,.84) 45%,rgba(34,16,95,.96)); box-shadow:0 0 28px rgba(45,227,235,.25),0 0 90px rgba(96,79,255,.28),inset 0 0 28px rgba(255,255,255,.12); transform:translate(-50%,-50%); animation:portal-core-float 5s ease-in-out infinite; } .portal-core span { color:#7ff8fb; font:800 13px/1 Manrope,sans-serif; letter-spacing:.24em; }.portal-core strong{margin:8px 0;color:#fff;font:800 17px/1.1 Manrope,sans-serif}.portal-core small{color:rgba(255,255,255,.6);font-size:11px} .portal-satellite { position:absolute; min-width:128px; padding:12px 14px; display:flex; align-items:center; gap:9px; color:#fff; border:1px solid rgba(255,255,255,.16); border-radius:13px; background:rgba(5,28,48,.72); box-shadow:0 16px 38px rgba(0,0,0,.25); font-size:12px; backdrop-filter:blur(12px); animation:portal-float 4.8s ease-in-out infinite; } .portal-satellite i { width:29px;height:29px;display:grid;place-items:center;color:#7cf5f7;border-radius:8px;background:rgba(45,227,235,.12) }.portal-satellite-one{top:12%;left:39%;animation-delay:-1s}.portal-satellite-two{top:42%;right:0;animation-delay:-2.2s}.portal-satellite-three{right:18%;bottom:8%;animation-delay:-3.1s}.portal-satellite-four{bottom:18%;left:0;animation-delay:-.4s} .portal-scroll-cue { position:absolute; bottom:25px; left:50%; display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.65)!important; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; transform:translateX(-50%); }.portal-scroll-cue i{animation:portal-bounce 1.7s ease-in-out infinite} .portal-system-area { padding:125px 0; background:radial-gradient(circle at 85% 15%,rgba(110,76,255,.08),transparent 28%),#f4f7fb; } .portal-section-heading { max-width:870px; margin-bottom:52px; }.portal-section-heading>span{color:#087f9c;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.portal-section-heading h2{margin:13px 0 18px;font:800 clamp(38px,4.2vw,62px)/1.05 Manrope,sans-serif;letter-spacing:-.045em}.portal-section-heading p{max-width:760px;margin:0;color:#526274;font-size:18px;line-height:1.65} .portal-stage { overflow:hidden; border:1px solid rgba(7,21,34,.08); border-radius:27px; background:#fff; box-shadow:0 28px 75px rgba(17,40,70,.10); } .portal-stage-tabs { display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(7,21,34,.08);background:#f9fbfd }.portal-stage-tab{position:relative;min-height:118px;padding:24px;display:grid;grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:5px 12px;border:0;border-right:1px solid rgba(7,21,34,.07);color:#526274;background:transparent;text-align:left;cursor:pointer;transition:color .25s ease,background .25s ease}.portal-stage-tab:last-child{border-right:0}.portal-stage-tab::after{position:absolute;right:24px;bottom:0;left:24px;height:3px;content:"";border-radius:4px;background:linear-gradient(90deg,var(--portal-cyan),var(--portal-violet));transform:scaleX(0);transition:transform .25s ease}.portal-stage-tab small{grid-column:1/-1;color:#8d9aaa;font-weight:800}.portal-stage-tab i{font-size:22px}.portal-stage-tab span{font:800 20px/1.2 Manrope,sans-serif}.portal-stage-tab:hover,.portal-stage-tab:focus-visible,.portal-stage-tab.is-active{color:#087f9c;background:#fff}.portal-stage-tab.is-active::after{transform:scaleX(1)} .portal-stage-panels{min-height:390px}.portal-stage-panel{display:none;grid-template-columns:1.25fr .75fr;gap:70px;padding:65px 70px;animation:portal-panel-in .4s ease both}.portal-stage-panel.is-active{display:grid}.portal-stage-panel>div>span{color:#7d3df0;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.portal-stage-panel h3{max-width:650px;margin:14px 0 17px;font:800 clamp(30px,3vw,46px)/1.08 Manrope,sans-serif;letter-spacing:-.035em}.portal-stage-panel p{max-width:700px;margin:0;color:#526274;font-size:17px;line-height:1.68}.portal-stage-panel>div>a{margin-top:24px;display:inline-flex;align-items:center;gap:10px;color:#087f9c;font-weight:800}.portal-stage-panel>div>a i{transition:transform .25s ease}.portal-stage-panel>div>a:hover i{transform:translateX(5px)}.portal-stage-panel ul{margin:0;padding:0;display:grid;align-content:center;gap:0;list-style:none}.portal-stage-panel li{padding:16px 0;display:flex;align-items:center;color:#162637;border-bottom:1px solid rgba(7,21,34,.1);font-weight:700}.portal-stage-panel li::before{width:24px;height:24px;margin-right:12px;display:inline-grid;flex:0 0 24px;place-items:center;color:#fff;content:"✓";border-radius:50%;background:linear-gradient(135deg,#079ab0,#643bf1);box-shadow:0 6px 16px rgba(36,102,190,.2);font:800 13px/1 Arial,sans-serif} .portal-paths-area{padding:20px 0 125px;background:#f4f7fb}.portal-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-path-card{position:relative;min-height:210px;padding:30px;display:grid;grid-template-columns:auto 1fr;gap:22px;color:#071522!important;border:1px solid rgba(7,21,34,.08);border-radius:22px;background:linear-gradient(145deg,#fff,#f5fbff);box-shadow:0 18px 48px rgba(20,51,82,.08);transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease,border-color .35s ease;transition-delay:var(--delay,0ms)}.portal-path-card>span{position:absolute;top:24px;right:26px;color:#a2adba;font-weight:800}.portal-path-card>i{width:58px;height:58px;display:grid;place-items:center;color:#fff;border-radius:17px;background:linear-gradient(135deg,#078ca5,#6442f1);box-shadow:0 14px 30px rgba(39,101,205,.22);font-size:21px;transition:transform .4s ease}.portal-path-card h3{margin:5px 40px 10px 0;font:800 23px/1.2 Manrope,sans-serif}.portal-path-card p{margin:0;color:#5b6877;line-height:1.55}.portal-path-card b{margin-top:20px;display:inline-flex;align-items:center;gap:9px;color:#087f9c;font-size:13px}.portal-path-card:hover{transform:translateY(-7px);border-color:rgba(27,174,198,.3);box-shadow:0 28px 60px rgba(20,51,82,.14)}.portal-path-card:hover>i{transform:rotate(-7deg) scale(1.06)}.portal-path-card:hover b i{transform:translateX(4px)} .portal-lab-area{padding:125px 0;color:#fff;background:linear-gradient(128deg,#031925,#0a3142 48%,#21165f)}.portal-lab{padding:22px;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.05);box-shadow:0 30px 80px rgba(0,0,0,.2);backdrop-filter:blur(15px)}.portal-lab-intro{padding:34px}.portal-lab-intro h2{margin:15px 0;color:#fff;font:800 clamp(34px,3.5vw,52px)/1.07 Manrope,sans-serif;letter-spacing:-.04em}.portal-lab-intro>p{color:rgba(235,245,250,.72);line-height:1.65}.portal-lab-options{margin-top:34px;display:grid;gap:8px}.portal-lab-option{padding:15px 17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;color:#dceaf3;border:1px solid transparent;border-radius:13px;background:transparent;text-align:left;font-weight:700;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}.portal-lab-option span{color:#67ebf0;font-size:11px}.portal-lab-option:hover,.portal-lab-option:focus-visible,.portal-lab-option.is-active{color:#fff;border-color:rgba(77,228,236,.18);background:rgba(45,227,235,.1);transform:translateX(5px)}.portal-lab-panels{position:relative;min-height:590px}.portal-lab-panel{position:absolute;inset:0;padding:40px;display:flex;flex-direction:column;opacity:0;visibility:hidden;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(237,246,255,.96));color:#071522;transform:translateX(24px) scale(.98);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.75,.25,1),visibility .35s}.portal-lab-panel.is-active{opacity:1;visibility:visible;transform:none}.portal-lab-visual{position:relative;height:210px;margin-bottom:36px;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:radial-gradient(circle,rgba(36,213,228,.24),rgba(70,74,225,.09) 48%,transparent 70%),linear-gradient(145deg,#eafaff,#f4efff)}.portal-lab-visual>i{position:relative;z-index:2;width:88px;height:88px;display:grid;place-items:center;color:#fff;border-radius:24px;background:linear-gradient(135deg,#048ea8,#6937ef);box-shadow:0 18px 45px rgba(58,77,210,.3);font-size:32px;animation:portal-core-float 5s ease-in-out infinite}.portal-lab-visual span{position:absolute;width:180px;height:180px;border:1px solid rgba(16,164,190,.2);border-radius:50%;animation:portal-lab-ring 9s linear infinite}.portal-lab-visual span:nth-child(3){width:280px;height:130px;animation-duration:13s;animation-direction:reverse}.portal-lab-visual span:nth-child(4){width:380px;height:90px;animation-duration:18s}.portal-lab-panel>small{color:#087f9c;font-weight:800;letter-spacing:.12em}.portal-lab-panel h3{margin:10px 0;font:800 32px/1.15 Manrope,sans-serif}.portal-lab-panel p{color:#526274;line-height:1.65}.portal-lab-panel ul{margin:18px 0 28px;padding:0;display:grid;gap:10px;list-style:none}.portal-lab-panel li{font-weight:700}.portal-lab-panel li i{margin-right:10px;color:#0798ad}.portal-lab-panel>a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#087f9c;font-weight:800} .portal-lab-visual span::after{position:absolute;top:50%;left:-4px;width:8px;height:8px;content:"";border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(45,227,235,.14),0 0 13px rgba(26,188,211,.8);transform:translateY(-50%)}.portal-lab-visual span:nth-child(3)::after{background:#7e50f2;box-shadow:0 0 0 3px rgba(126,80,242,.12),0 0 13px rgba(126,80,242,.72)} .portal-modules-area{padding:125px 0;color:#fff;background:linear-gradient(135deg,#041c29,#0b2c3c 48%,#17184c)}.portal-section-heading.light h2{color:#fff}.portal-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-module-card{position:relative;min-height:310px;padding:30px;display:block;overflow:hidden;color:#fff!important;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));transition:transform .3s ease,border-color .3s ease,background .3s ease;transition-delay:var(--delay,0ms)}.portal-module-card::after{position:absolute;right:-55px;bottom:-70px;width:170px;height:170px;content:"";border:1px solid rgba(62,230,238,.16);border-radius:50%;transition:transform .4s ease}.portal-module-card:hover{transform:translateY(-8px);border-color:rgba(64,232,239,.34);background:linear-gradient(145deg,rgba(45,227,235,.12),rgba(117,55,237,.08))}.portal-module-card:hover::after{transform:scale(1.15)}.portal-module-card>span{width:52px;height:52px;display:grid;place-items:center;color:#5debf1;border-radius:14px;background:rgba(45,227,235,.11);font-size:20px}.portal-module-card>small{position:absolute;top:31px;right:31px;color:rgba(255,255,255,.38);font-weight:800}.portal-module-card h3{margin:46px 0 12px;color:#fff;font:800 22px/1.25 Manrope,sans-serif}.portal-module-card p{margin:0;color:rgba(235,245,250,.68);line-height:1.6}.portal-module-card>b{position:absolute;right:30px;bottom:26px;left:30px;display:flex;align-items:center;justify-content:space-between;color:#69edf1;font-size:12px} .intelligence-path-page{--portal-cyan:#2de3eb;--portal-violet:#8a45ff;background:#f4f7fb}.intelligence-path-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(125deg,#031925,#0a3142 52%,#21165f);isolation:isolate}.intelligence-path-hero-layout{min-height:760px;padding-top:95px;padding-bottom:95px;display:grid;grid-template-columns:1.1fr .55fr;align-items:center;gap:90px}.intelligence-path-breadcrumb{margin-bottom:55px;display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.58);font-size:12px}.intelligence-path-breadcrumb a{color:rgba(255,255,255,.72)}.intelligence-path-hero h1{max-width:800px;margin:20px 0 24px;color:#fff;font:800 clamp(48px,5.2vw,78px)/1 Manrope,sans-serif;letter-spacing:-.05em}.intelligence-path-hero p{max-width:720px;color:rgba(239,249,255,.76);font-size:19px;line-height:1.65}.intelligence-path-signal{position:relative;min-height:430px;padding:45px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(145deg,rgba(45,227,235,.13),rgba(121,50,229,.14));box-shadow:0 30px 80px rgba(0,0,0,.2);backdrop-filter:blur(16px)}.intelligence-path-signal>span{position:absolute;top:25px;right:30px;color:rgba(255,255,255,.3);font:800 60px/1 Manrope,sans-serif}.intelligence-path-signal>i{position:absolute;top:85px;left:50%;width:120px;height:120px;display:grid;place-items:center;color:#fff;border-radius:32px;background:linear-gradient(135deg,#0fa5bd,#6739ee);box-shadow:0 20px 60px rgba(29,181,212,.32);font-size:42px;transform:translateX(-50%);animation:portal-float 5s ease-in-out infinite}.intelligence-path-signal>strong{color:#72f1f5;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.intelligence-path-signal>p{font-size:17px}.intelligence-path-signal>div{padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.intelligence-path-signal small,.intelligence-path-signal b{display:block}.intelligence-path-signal small{color:rgba(255,255,255,.48);font-size:10px;letter-spacing:.13em}.intelligence-path-signal b{margin-top:6px}.intelligence-path-outcomes{padding:125px 0}.intelligence-path-outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.intelligence-path-outcome-grid article{min-height:275px;padding:28px;border:1px solid rgba(7,21,34,.08);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(20,51,82,.07);transition:transform .3s ease,box-shadow .3s ease}.intelligence-path-outcome-grid article:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(20,51,82,.13)}.intelligence-path-outcome-grid span{color:#8c98a7;font-weight:800}.intelligence-path-outcome-grid h3{margin:55px 0 12px;font:800 21px/1.25 Manrope,sans-serif}.intelligence-path-outcome-grid p{color:#5a6877;line-height:1.6}.intelligence-path-method{padding:0 0 125px}.intelligence-path-method-panel{padding:65px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;color:#fff;border-radius:28px;background:linear-gradient(130deg,#041d2a,#0b3344 50%,#251765)}.intelligence-path-method-panel h2{margin:15px 0;color:#fff;font:800 clamp(38px,4vw,58px)/1.05 Manrope,sans-serif;letter-spacing:-.04em}.intelligence-path-method-panel>div>p{color:rgba(236,247,251,.7);line-height:1.65}.intelligence-path-method-panel ol{margin:0;padding:0;list-style:none}.intelligence-path-method-panel li{padding:20px 0;display:grid;grid-template-columns:45px 1fr;gap:15px;border-bottom:1px solid rgba(255,255,255,.1)}.intelligence-path-method-panel li>span{color:#58e7ed;font-weight:800}.intelligence-path-method-panel h3{margin:0 0 6px;color:#fff;font-size:19px}.intelligence-path-method-panel li p{margin:0;color:rgba(236,247,251,.64)}.intelligence-readiness-area{padding:115px 0;background:#eaf1f8}.intelligence-readiness{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.intelligence-readiness h2,.intelligence-path-faq h2{margin:15px 0;font:800 clamp(38px,4vw,56px)/1.08 Manrope,sans-serif;letter-spacing:-.04em}.intelligence-readiness p{color:#526274;line-height:1.65}.intelligence-readiness-meter{height:9px;margin:28px 0 10px;overflow:hidden;border-radius:10px;background:rgba(7,21,34,.09)}.intelligence-readiness-meter span{width:0;height:100%;display:block;border-radius:10px;background:linear-gradient(90deg,#079ab0,#713bf1);transition:width .4s cubic-bezier(.2,.75,.25,1)}.intelligence-readiness>div>strong{color:#087f9c;font-size:13px}.intelligence-readiness fieldset{display:grid;gap:12px}.intelligence-readiness label{min-height:75px;padding:18px 20px;display:flex;align-items:center;gap:15px;border:1px solid rgba(7,21,34,.08);border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(20,51,82,.06);font-weight:700;cursor:pointer;transition:transform .25s ease,border-color .25s ease}.intelligence-readiness label:hover{transform:translateX(5px);border-color:rgba(8,148,170,.28)}.intelligence-readiness input{position:absolute;opacity:0}.intelligence-readiness label>span{width:30px;height:30px;display:grid;place-items:center;color:transparent;border:1px solid #c4d2df;border-radius:9px;transition:color .2s ease,background .2s ease}.intelligence-readiness input:checked+span{color:#fff;border-color:#088fa7;background:linear-gradient(135deg,#079ab0,#643bf1)}.intelligence-path-faq{padding:125px 0}.intelligence-path-next{padding:30px;color:#fff;border-radius:20px;background:linear-gradient(145deg,#061d2b,#162454)}.intelligence-path-next>span{color:#65ebef;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.intelligence-path-next h3{margin:10px 0 22px;color:#fff}.intelligence-path-next>a{padding:15px 0;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;color:#fff;border-top:1px solid rgba(255,255,255,.1);font-size:13px}.intelligence-path-next>a:hover{color:#6af0f3}.intelligence-path-next .intelligence-path-all{margin-top:15px;padding:16px;display:flex;justify-content:space-between;border:0;border-radius:11px;background:rgba(55,219,229,.11)} .portal-connection-network-signal{z-index:0;opacity:.68}.intelligence-path-signal>*:not(.portal-connection-network){position:relative;z-index:1} .portal-outcome-area{padding:90px 0;background:#f4f7fb}.portal-outcome-panel{padding:58px 64px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;color:#fff;border-radius:25px;background:linear-gradient(110deg,#087f9c,#174c9e 56%,#762bd8);box-shadow:0 28px 70px rgba(20,58,120,.22)}.portal-outcome-panel span{color:#b9fbff;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.portal-outcome-panel h2{max-width:700px;margin:12px 0 0;color:#fff;font:800 clamp(32px,3.3vw,50px)/1.08 Manrope,sans-serif;letter-spacing:-.04em}.portal-outcome-panel p{color:rgba(255,255,255,.82);font-size:17px;line-height:1.65} [data-portal-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}[data-portal-reveal].is-visible{opacity:1;transform:none} @keyframes portal-spin{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(360deg)}}@keyframes portal-spin-reverse{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-360deg)}}@keyframes portal-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes portal-core-float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 11px))}}@keyframes portal-pulse{50%{transform:scale(1.12);opacity:.68}}@keyframes portal-drift{to{transform:translate(90px,50px) scale(1.12)}}@keyframes portal-particle{0%,100%{opacity:.18;transform:translateY(0)}50%{opacity:1;transform:translateY(-38px)}}@keyframes portal-bounce{50%{transform:translateY(5px)}}@keyframes portal-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes portal-lab-ring{to{transform:rotate(360deg)}} @media(max-width:1100px){.portal-hero-layout{grid-template-columns:1fr .9fr}.portal-orbit{width:min(520px,48vw)}.portal-satellite{min-width:auto}.portal-stage-panel{gap:38px;padding:50px}.portal-module-grid{grid-template-columns:repeat(2,1fr)}.intelligence-path-outcome-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:820px){.intelligence-portal-hero,.portal-hero-layout{min-height:auto}.portal-hero-layout{padding-top:80px;grid-template-columns:1fr;text-align:center}.portal-hero-copy>p{margin:auto}.portal-hero-actions,.portal-hero-signals{justify-content:center}.portal-orbit{width:min(600px,90vw)}.portal-scroll-cue{display:none}.portal-system-area,.portal-paths-area,.portal-lab-area,.portal-modules-area{padding:85px 0}.portal-stage-tabs{grid-template-columns:repeat(2,1fr)}.portal-stage-panel,.portal-outcome-panel,.portal-lab,.intelligence-path-hero-layout,.intelligence-path-method-panel,.intelligence-readiness{grid-template-columns:1fr}.portal-stage-panel{gap:30px;padding:38px}.portal-outcome-panel{gap:25px;padding:40px}.portal-module-grid{grid-template-columns:1fr 1fr}.portal-path-grid{grid-template-columns:1fr}.portal-lab-panels{min-height:620px}.intelligence-path-hero-layout{min-height:auto;gap:50px}.intelligence-path-signal{min-height:390px}.intelligence-path-method-panel{gap:35px}.intelligence-readiness{gap:45px}} @media(max-width:560px){.portal-hero-copy h1,.intelligence-path-hero h1{font-size:45px}.portal-hero-copy>p{font-size:16px}.portal-orbit{margin-top:-25px}.portal-core{width:145px;height:145px}.portal-satellite{padding:9px;font-size:10px}.portal-satellite b{display:none}.portal-stage-tabs{grid-template-columns:1fr 1fr}.portal-stage-tab{min-height:88px;padding:15px}.portal-stage-tab span{font-size:16px}.portal-stage-panel{padding:30px 22px}.portal-module-grid,.intelligence-path-outcome-grid{grid-template-columns:1fr}.portal-outcome-area{padding:55px 0}.portal-outcome-panel{padding:30px 24px}.portal-section-heading h2{font-size:38px}.portal-path-card{padding:23px;grid-template-columns:1fr}.portal-lab{padding:10px}.portal-lab-intro,.portal-lab-panel{padding:24px}.portal-lab-panels{min-height:650px}.portal-lab-visual{height:170px}.intelligence-path-hero-layout{padding-top:65px;padding-bottom:70px}.intelligence-path-breadcrumb{margin-bottom:40px;flex-wrap:wrap}.intelligence-path-signal{padding:30px}.intelligence-path-outcomes,.intelligence-path-faq{padding:85px 0}.intelligence-path-method{padding-bottom:85px}.intelligence-path-method-panel{padding:30px}.intelligence-readiness-area{padding:85px 0}} @media(prefers-reduced-motion:reduce){.portal-ambient,.portal-particles i,.portal-orbit-ring,.portal-core,.portal-satellite,.portal-scroll-cue i{animation:none!important}.portal-moving-signals{display:none}[data-portal-reveal]{opacity:1;transform:none;transition:none}.services-mega-panel,.portal-stage-panel{animation:none}} .motion-ready .motion-reveal { opacity: 0; transform: translate3d(0, 34px, 0) scale(.985); transition: opacity .72s ease var(--motion-delay,0ms), transform .78s cubic-bezier(.18,.75,.25,1) var(--motion-delay,0ms); will-change: opacity, transform; } .motion-ready .motion-reveal.motion-in { opacity: 1; transform: translate3d(0,0,0) scale(1); } [data-interactive-tilt][data-interactive-tilt] { --tilt-rx: 0deg; --tilt-ry: 0deg; --glow-x: 50%; --glow-y: 50%; transform: perspective(1100px) rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) translate3d(0,0,0); transform-style: preserve-3d; transition: transform .22s ease-out, box-shadow .28s ease, border-color .28s ease; will-change: transform; } [data-interactive-tilt][data-interactive-tilt]:hover { transform: perspective(1100px) rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) translate3d(0,-7px,18px); box-shadow: 0 26px 55px rgba(6,29,43,.16); } .service-visual[data-interactive-tilt][data-interactive-tilt] { transform: perspective(1200px) rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) rotateZ(-1.2deg); } .service-visual[data-interactive-tilt][data-interactive-tilt]:hover { transform: perspective(1200px) rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) rotateZ(-1.2deg) translate3d(0,-5px,22px); } .service-capability-card > *, .starting-point-card > *, .selected-proof-card > *, .ai-hosting-card > *, .portfolio-platform-card > * { transform: translateZ(16px); } .service-card-icon,.starting-point-icon,.industry-node-icon,.portfolio-platform-icon,.services-mega-category-icon { transform-style: preserve-3d; transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; } .service-capability-card:hover .service-card-icon, .starting-point-card:hover .starting-point-icon, .industry-node:hover .industry-node-icon, .portfolio-platform-card:hover .portfolio-platform-icon { transform: translateZ(30px) rotateY(-13deg) rotateX(8deg) scale(1.08); box-shadow: 0 16px 32px rgba(41,72,210,.28); } .service-card-icon i,.starting-point-icon i,.industry-node-icon i,.portfolio-platform-icon i,.services-mega-category-icon i { transition: transform .38s cubic-bezier(.2,.8,.2,1); } .service-capability-card:hover .service-card-icon i, .starting-point-card:hover .starting-point-icon i, .industry-node:hover .industry-node-icon i, .portfolio-platform-card:hover .portfolio-platform-icon i { transform: rotate(-8deg) scale(1.08); } .services-mega-category.is-active .services-mega-category-icon { color:#fff; background:linear-gradient(135deg,#087f9c,#6536e9); box-shadow:0 10px 28px rgba(54,85,213,.28); animation: mega-icon-breathe 2.2s ease-in-out infinite; } .services-mega-category:hover .services-mega-category-icon i { animation: mega-icon-turn .6s cubic-bezier(.2,.8,.2,1); } @keyframes mega-icon-breathe { 50% { transform:translateZ(12px) scale(1.07); box-shadow:0 14px 34px rgba(46,104,228,.4); } } @keyframes mega-icon-turn { 50% { transform:rotateY(180deg) scale(1.12); } } @media(min-width:1024px){ header .navbar .navbar-nav > li.services-navigation > .services-mega-menu { transform-origin: 72% 0; transform: perspective(1400px) rotateX(-3deg) scale(.992); } header .navbar .navbar-nav > li.services-navigation:hover > .services-mega-menu, header .navbar .navbar-nav > li.services-navigation:focus-within > .services-mega-menu, header .navbar .navbar-nav > li.services-navigation.mega-menu-open > .services-mega-menu { opacity:1; visibility:visible; pointer-events:auto; transform: perspective(1400px) rotateX(0) scale(1); } } .service-modern-hero { perspective:1200px; background-size:120% 120%; animation:service-hero-atmosphere 13s ease-in-out infinite alternate; } .service-modern-hero::after { position:absolute; z-index:0; right:-150px; bottom:-230px; width:560px; height:560px; content:""; border:1px solid rgba(91,229,238,.16); border-radius:50%; background:repeating-conic-gradient(from 0deg,rgba(74,229,237,.14) 0 1deg,transparent 1deg 18deg); -webkit-mask-image:radial-gradient(circle,transparent 46%,#000 47% 48%,transparent 49% 60%,#000 61% 62%,transparent 63%); mask-image:radial-gradient(circle,transparent 46%,#000 47% 48%,transparent 49% 60%,#000 61% 62%,transparent 63%); animation:service-orbit-spin 28s linear infinite; } .service-orb-one { animation:service-orb-drift-one 5.5s ease-in-out infinite; }.service-orb-two{animation:service-orb-drift-two 7s ease-in-out -2s infinite} .service-visual { isolation:isolate; box-shadow:0 30px 70px rgba(0,0,0,.28); } .service-visual::before { position:absolute; z-index:3; top:13px; right:13px; left:13px; height:2px; content:""; pointer-events:none; opacity:.72; background:linear-gradient(90deg,transparent,#42f0f5,transparent); box-shadow:0 0 22px 4px rgba(66,240,245,.35); animation:service-visual-scan 4.5s ease-in-out infinite; } .service-visual img { transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .5s ease; }.service-visual:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)} .service-visual-grid { position:absolute; z-index:2; inset:13px; pointer-events:none; border-radius:18px; opacity:.2; background-image:linear-gradient(rgba(85,232,241,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(85,232,241,.24) 1px,transparent 1px);background-size:42px 42px;animation:service-grid-drift 8s linear infinite; } .ai-hosting-area::before { position:absolute; inset:0; content:""; pointer-events:none; opacity:.17; background-image:radial-gradient(circle at 10% 30%,#55e8ee 0 2px,transparent 3px),radial-gradient(circle at 70% 70%,#7d56ff 0 2px,transparent 3px),linear-gradient(115deg,transparent 49.7%,rgba(83,227,237,.2) 50%,transparent 50.3%); background-size:190px 150px,240px 190px,280px 210px; animation:ai-network-drift 18s linear infinite; } .ai-hosting-area>.container{position:relative;z-index:1}.ai-hosting-card{overflow:hidden}.ai-hosting-card::before{position:absolute;inset:-1px;content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(66,228,237,.18),transparent 42%);opacity:0;transition:opacity .3s ease}.ai-hosting-card:hover::before{opacity:1}.ai-hosting-card>div>i{transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .35s ease}.ai-hosting-card:hover>div>i{transform:translateZ(28px) rotateY(-18deg) scale(1.1);filter:drop-shadow(0 10px 16px rgba(66,228,237,.35))} .selected-proof-area { position:relative; overflow:hidden; background:radial-gradient(circle at 18% 15%,rgba(21,199,212,.13),transparent 30%),radial-gradient(circle at 88% 90%,rgba(124,60,255,.16),transparent 34%),#061d2b; } .selected-proof-area::before { position:absolute; top:-280px; right:-240px; width:680px;height:680px;content:"";pointer-events:none;border:1px solid rgba(88,229,239,.12);border-radius:50%;box-shadow:inset 0 0 0 80px rgba(76,86,229,.025),inset 0 0 0 160px rgba(76,86,229,.022);animation:proof-orbit 22s linear infinite } .selected-proof-area>.container{position:relative;z-index:1}.selected-proof-card{overflow:hidden;backdrop-filter:blur(10px)}.selected-proof-card::before{position:absolute;inset:0;content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(70,225,235,.22),transparent 42%);transition:opacity .3s ease}.selected-proof-card:hover::before{opacity:1}.selected-proof-card strong i{transition:transform .3s ease}.selected-proof-card:hover strong i{transform:translateX(7px)} .industry-platform-core img { animation:industry-core-float 5.5s ease-in-out infinite; filter:drop-shadow(0 24px 26px rgba(28,75,142,.22)); }.industry-platform-core::before,.industry-platform-core::after{animation:industry-ring-pulse 3.4s ease-in-out infinite}.industry-platform-core::after{animation-delay:-1.7s} .heading-accent { position:relative; display:inline-block; color:transparent; background:linear-gradient(95deg,#087f9c,#176fe0 48%,#7b32e8 75%,#087f9c);background-size:240% auto;-webkit-background-clip:text;background-clip:text;animation:accent-flow 6s linear infinite } .btn i,.service-related-card i,.service-specialist-card>i { transition:transform .28s ease }.btn:hover i,.service-related-card:hover i,.service-specialist-card:hover>i{transform:translateX(5px)} @keyframes service-hero-atmosphere{to{background-position:8% 5%,92% 84%,center}} @keyframes service-orbit-spin{to{transform:rotate(360deg)}} @keyframes service-orb-drift-one{50%{transform:translate3d(22px,-18px,0) scale(1.3)}} @keyframes service-orb-drift-two{50%{transform:translate3d(-28px,18px,0) scale(.82)}} @keyframes service-visual-scan{0%,100%{top:14%;opacity:.18}50%{top:82%;opacity:.88}} @keyframes service-grid-drift{to{background-position:42px 42px}} @keyframes ai-network-drift{to{background-position:190px 150px,-240px 190px,280px -210px}} @keyframes proof-orbit{to{transform:rotate(360deg)}} @keyframes industry-core-float{0%,100%{transform:translateY(0) rotateY(-2deg)}50%{transform:translateY(-12px) rotateY(3deg)}} @keyframes industry-ring-pulse{50%{transform:scale(1.04);opacity:.55}} @keyframes accent-flow{to{background-position:240% center}} @media(max-width:1023px){[data-interactive-tilt][data-interactive-tilt],[data-interactive-tilt][data-interactive-tilt]:hover,.service-visual[data-interactive-tilt][data-interactive-tilt],.service-visual[data-interactive-tilt][data-interactive-tilt]:hover{transform:none}.service-modern-hero::after{right:-300px}.motion-ready .motion-reveal{transform:translate3d(0,22px,0)}} @media(prefers-reduced-motion:reduce){.motion-ready .motion-reveal{opacity:1;transform:none;transition:none}.services-mega-category.is-active .services-mega-category-icon,.service-modern-hero,.service-orb-one,.service-orb-two,.service-modern-hero::after,.service-visual::before,.service-visual-grid,.ai-hosting-area::before,.selected-proof-area::before,.industry-platform-core img,.industry-platform-core::before,.industry-platform-core::after,.heading-accent{animation:none!important}[data-interactive-tilt][data-interactive-tilt],[data-interactive-tilt][data-interactive-tilt]:hover{transform:none!important}} .ai-hosting-area { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 10% 10%, rgba(18, 179, 207, 0.2), transparent 34%), radial-gradient(circle at 90% 85%, rgba(105, 63, 255, 0.22), transparent 35%), #061d2b; } .ai-hosting-intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr); align-items: end; gap: 60px; margin-bottom: 44px; } .ai-hosting-intro .service-section-label { color: #51dff0; } .ai-hosting-intro h2 { max-width: 760px; margin: 10px 0 0; color: #fff; } .ai-hosting-intro p { margin: 0; color: #b9cad3; font-size: 18px; } .ai-hosting-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .ai-hosting-card { display: flex; min-height: 330px; padding: 30px; flex-direction: column; color: #fff; border: 1px solid rgba(255,255,255,0.13); border-radius: 22px; background: rgba(255,255,255,0.055); transition: transform .3s ease, border-color .3s ease, background .3s ease; } .ai-hosting-card:hover { color: #fff; transform: translateY(-8px); border-color: rgba(81,223,240,.65); background: rgba(255,255,255,.09); } .ai-hosting-card > div { display: flex; align-items: center; justify-content: space-between; color: #61d9eb; } .ai-hosting-card > div span { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .ai-hosting-card > div i { font-size: 28px; } .ai-hosting-card h3 { margin: 54px 0 14px; color: #fff; font-size: 27px; } .ai-hosting-card p { color: #b9cad3; } .ai-hosting-card strong { margin-top: auto; color: #fff; } .ai-hosting-card strong i { margin-left: 8px; transition: transform .25s ease; } .ai-hosting-card:hover strong i { transform: translateX(6px); } .ai-hosting-note { display: flex; align-items: center; gap: 18px; margin-top: 24px; padding: 20px 24px; border-radius: 16px; color: #bed0d8; background: rgba(8,127,156,.16); } .ai-hosting-note span { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 12px; color: #51dff0; background: rgba(81,223,240,.12); } .ai-hosting-note p { margin: 0; color: inherit; } .ai-hosting-note strong { color: #fff; } .industry-node { position: relative; } .industry-node-arrow { margin-left: auto; opacity: 0; color: #087f9c; transform: translateX(-8px); transition: opacity .25s ease, transform .25s ease; } .industry-node:hover .industry-node-arrow { opacity: 1; transform: translateX(0); } .industry-hub > a { display: inline-flex; margin-top: 15px; align-items: center; justify-content: center; padding: 9px 16px; border-radius: 999px; color: #fff; background: linear-gradient(90deg,#087f9c,#6b32f5); font-size: 13px; font-weight: 700; } .industry-network-grid.industry-orbit { position: relative; display: block; width: 100vw; max-width: 100vw; min-height: 760px; margin-left: calc(50% - 50vw); isolation: isolate; perspective: 1400px; --orbit-pointer-x: 50%; --orbit-pointer-y: 50%; --orbit-center-y: 64%; --orbit-tilt-x: 0deg; --orbit-tilt-y: 0deg; } .industry-orbit::before { position: absolute; z-index: -3; inset: 7% 5% -120px; content: ""; border-radius: 50%; background: radial-gradient(ellipse at 50% 43%,rgba(41,210,224,.16) 0%,rgba(74,70,220,.1) 38%,rgba(207,245,252,.22) 61%,transparent 82%), radial-gradient(circle at var(--orbit-pointer-x) var(--orbit-pointer-y),rgba(41,210,224,.2),rgba(74,70,220,.09) 31%,transparent 67%); filter: blur(2px); transition: background-position .45s ease; } .industry-orbit-field { position:absolute; z-index:-4; top:17%; right:1%; bottom:9%; left:1%; overflow:hidden; pointer-events:none; border:1px solid rgba(32,163,190,.08); border-radius:50%; background: linear-gradient(rgba(8,127,156,.035) 1px,transparent 1px), linear-gradient(90deg,rgba(8,127,156,.035) 1px,transparent 1px), radial-gradient(circle at center,rgba(255,255,255,.78),rgba(238,248,253,.42) 54%,transparent 76%); background-size:42px 42px,42px 42px,100% 100%; mask-image:radial-gradient(circle,#000 25%,rgba(0,0,0,.84) 57%,transparent 78%); animation:industry-field-drift 24s ease-in-out infinite alternate; } .industry-orbit-beam { position:absolute; z-index:-1; top:var(--orbit-center-y); left:50%; width:78%; height:1px; pointer-events:none; opacity:.42; transform-origin:left center; background:linear-gradient(90deg,transparent 0,rgba(32,203,220,.08) 12%,rgba(32,203,220,.62) 48%,rgba(103,73,244,.12) 75%,transparent 100%); filter:drop-shadow(0 0 7px rgba(37,205,222,.38)); } .industry-orbit-beam::after { position:absolute; top:-2px; left:0; width:66px; height:5px; content:""; border-radius:999px; background:linear-gradient(90deg,transparent,#fff,#30d8e3,transparent); animation:industry-beam-travel 7s ease-in-out infinite; } .industry-orbit-beam-one { transform:rotate(-16deg); animation:industry-beam-turn 44s linear infinite; } .industry-orbit-beam-two { transform:rotate(142deg); animation:industry-beam-turn-reverse 58s linear infinite; } .industry-orbit-beam-two::after { animation-delay:-3.5s; } .industry-orbit-ring { position: absolute; z-index: -2; top: var(--orbit-center-y); left: 50%; pointer-events: none; border: 1px solid rgba(8,127,156,.16); border-radius: 50%; transform: translate(-50%,-50%); } .industry-orbit-ring::before, .industry-orbit-ring::after { position: absolute; width: 10px; height: 10px; content: ""; border-radius: 50%; background: #26d9e4; box-shadow: 0 0 0 7px rgba(38,217,228,.1),0 0 28px rgba(38,217,228,.72); } .industry-orbit-ring::before { top: -5px; left: 50%; } .industry-orbit-ring::after { right: 8%; bottom: 16%; background:#6847f5; box-shadow:0 0 0 7px rgba(104,71,245,.1),0 0 28px rgba(104,71,245,.66); } .industry-orbit-ring-one { width: 58%; height: 40%; animation:industry-orbit-spin 84s linear infinite; } .industry-orbit-ring-two { width: 78%; height: 56%; border-style:dashed; animation:industry-orbit-spin-reverse 112s linear infinite; } .industry-orbit-ring-three { width: 94%; height: 70%; opacity:.58; animation:industry-orbit-breathe 10s ease-in-out infinite; } .industry-orbit-particles { position:absolute; z-index:-1; inset:0; pointer-events:none; } .industry-orbit-connections { position:absolute; z-index:1; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; } .industry-connection-lines line { stroke:rgba(21,165,192,.22); stroke-width:1.35; stroke-linecap:round; stroke-dasharray:3 10; vector-effect:non-scaling-stroke; } .industry-connection-lines line:nth-child(3n) { stroke:rgba(104,71,245,.2); } .industry-connection-signals circle { fill:#fff; stroke:#18bccc; stroke-width:2.2; filter:drop-shadow(0 0 6px rgba(24,188,204,.85)); } .industry-connection-signals circle:nth-child(3n) { stroke:#7652ed; filter:drop-shadow(0 0 6px rgba(118,82,237,.78)); } .industry-orbit-particles i { position:absolute; top:0; left:0; width:4px; height:4px; border-radius:50%; opacity:.72; offset-path:ellipse(clamp(350px,31vw,430px) clamp(205px,18vw,260px) at 50% var(--orbit-center-y)); offset-distance:0; background:#28dce6; box-shadow:0 0 0 5px rgba(40,220,230,.08),0 0 16px rgba(40,220,230,.75); animation:industry-particle-orbit 54s calc(var(--particle-index) * -3.86s) linear infinite; } .industry-orbit-particles i:nth-child(3n) { width:6px; height:6px; background:#6d4afa; box-shadow:0 0 0 6px rgba(109,74,250,.08),0 0 18px rgba(109,74,250,.62); animation-duration:68s; } .industry-orbit-particles i:nth-child(3n + 1) { offset-path:ellipse(clamp(450px,39vw,525px) clamp(260px,22vw,315px) at 50% var(--orbit-center-y)); animation-direction:reverse; animation-duration:82s; } .industry-orbit .industry-hub { position: absolute; z-index: 4; top: calc(var(--orbit-center-y) - 5%); left: 50%; width: 330px; height: 330px; min-height: 0; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translate(-50%,-50%); transform-style: preserve-3d; overflow: visible; border-radius: 50%; border-color: rgba(38,193,211,.28); background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,251,255,.92)); box-shadow:0 38px 100px rgba(10,47,78,.2),0 0 0 10px rgba(255,255,255,.62),inset 0 1px rgba(255,255,255,.9); transition: transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease; } .industry-orbit .industry-hub::before { position:absolute; z-index:-1; inset:-24px; content:""; pointer-events:none; opacity:.62; border:1px solid transparent; border-radius:50%; background:conic-gradient(from 20deg,transparent 0 18%,rgba(38,217,228,.72) 24%,transparent 30% 58%,rgba(104,71,245,.56) 64%,transparent 70%); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; padding:1px; transform:translateZ(-20px); animation:industry-hub-halo 18s linear infinite; transition:opacity .35s ease,transform .55s ease; } .industry-orbit .industry-hub::after { position:absolute; z-index:-2; inset:-52px; content:""; pointer-events:none; border-radius:50%; background:radial-gradient(circle,rgba(39,219,231,.17),rgba(75,78,226,.07) 42%,transparent 68%); filter:blur(9px); animation:industry-hub-pulse 7s ease-in-out infinite; } .industry-orbit .industry-hub-visual { position:relative; width:138px; flex:0 0 138px; overflow:hidden; aspect-ratio:1; margin:0 auto 13px; transform:translateZ(24px); border:1px solid rgba(50,126,202,.13); border-radius:50%; background:radial-gradient(circle,#f9ffff 0%,#dff7fb 70%,#dbe5ff 100%); box-shadow:inset 0 0 45px rgba(28,146,190,.13),0 18px 45px rgba(0,8,26,.28),0 0 34px rgba(45,227,235,.2); } .industry-orbit .industry-hub-visual::before, .industry-orbit .industry-hub-visual::after { position:absolute; z-index:2; inset:8%; content:""; pointer-events:none; border:1px solid rgba(28,186,210,.24); border-radius:50%; animation:industry-hub-ring 8s linear infinite; } .industry-orbit .industry-hub-visual::after { inset:17%; border-style:dashed; animation-direction:reverse; animation-duration:11s; } .industry-orbit .industry-hub-visual img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; animation:industry-hub-float 5.5s ease-in-out infinite; transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease; } .industry-hub-scan { position:absolute; z-index:3; top:-12%; right:10%; left:10%; height:3px; pointer-events:none; opacity:.7; background:linear-gradient(90deg,transparent,#2de3eb,transparent); box-shadow:0 0 18px 5px rgba(45,227,235,.35); animation:industry-hub-scan 4.4s ease-in-out infinite; } .industry-hub-core { position:absolute; z-index:4; top:50%; left:50%; width:18px; height:18px; pointer-events:none; border:2px solid rgba(255,255,255,.9); border-radius:50%; transform:translate(-50%,-50%); background:#23d6e2; box-shadow:0 0 0 7px rgba(35,214,226,.13),0 0 28px 10px rgba(35,214,226,.38); animation:industry-core-pulse 3.6s ease-in-out infinite; } .industry-orbit .industry-hub > span,.industry-orbit .industry-hub > strong,.industry-orbit .industry-hub > small,.industry-orbit .industry-hub > a { transform:translateZ(32px); } .industry-orbit .industry-hub > span { color:#087f9c; } .industry-orbit .industry-hub > strong { color:#071522; } .industry-orbit .industry-hub > a { gap:9px; box-shadow:0 12px 28px rgba(65,70,221,.22); transition:transform .3s ease,box-shadow .3s ease,filter .3s ease; } .industry-orbit .industry-hub > a i { font-size:11px; transition:transform .3s ease; } .industry-orbit .industry-hub > a:hover,.industry-orbit .industry-hub > a:focus-visible { transform:translateZ(32px) translateY(-3px); box-shadow:0 17px 34px rgba(65,70,221,.3); filter:saturate(1.12); } .industry-orbit .industry-hub > a:hover i,.industry-orbit .industry-hub > a:focus-visible i { transform:translateX(3px); } .industry-orbit .industry-node { position:absolute !important; z-index:3; top:0 !important; left:0 !important; right:auto !important; bottom:auto !important; width:225px !important; min-height:78px; padding:11px 13px; grid-template-columns:44px minmax(0,1fr) 12px; gap:12px; opacity:1; offset-path:ellipse(clamp(430px,37vw,495px) clamp(245px,21vw,285px) at calc(50% + 112.5px) var(--orbit-center-y)); offset-distance:0%; offset-rotate:0deg; transform:translate(-50%,-50%); transform-style:preserve-3d; animation:industry-node-orbit 108s var(--orbit-delay) linear infinite; color:#071522; border-color:rgba(28,141,172,.14); background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,252,255,.9)); backdrop-filter:blur(15px) saturate(1.08); box-shadow:0 18px 46px rgba(7,42,70,.11),inset 0 1px rgba(255,255,255,.9); transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease,filter .3s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease; } .industry-orbit .industry-node::before { position:absolute; z-index:-1; top:50%; left:50%; width:118%; height:118%; content:""; pointer-events:none; opacity:0; border:1px solid rgba(42,220,232,.38); border-radius:22px; transform:translate(-50%,-50%) scale(.86); transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1); } .industry-orbit .industry-node::after { position:absolute; inset:0; display:block; overflow:hidden; content:""; pointer-events:none; border-radius:inherit; background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.72) 44%,transparent 62%); transform:translateX(-130%); transition:transform .75s cubic-bezier(.2,.8,.2,1); } .industry-orbit .industry-node-icon { width:44px; height:44px; border-radius:13px; transform:translateZ(16px); animation:industry-icon-float 5.2s calc(var(--orbit-delay) / 4) ease-in-out infinite; } .industry-orbit .industry-node strong { color:#071522; font-size:15px; } .industry-orbit .industry-node small { color:#687681; font-size:11px; } .industry-orbit .industry-node-arrow { color:#087f9c; } .industry-orbit .industry-node:hover, .industry-orbit .industry-node:focus-visible, .industry-orbit .industry-node.is-active { z-index:8; border-color:rgba(38,202,218,.55); outline:none; background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(239,251,255,.98)); box-shadow:0 28px 62px rgba(9,52,88,.2),0 0 36px rgba(45,214,226,.16); transform:translate(-50%,-50%) translate3d(var(--push-x),var(--push-y),34px) scale(1.035); } .industry-orbit:hover .industry-node, .industry-orbit:focus-within .industry-node { animation-play-state:paused; } .industry-orbit .industry-node:hover::before, .industry-orbit .industry-node:focus-visible::before, .industry-orbit .industry-node.is-active::before { opacity:1; transform:translate(-50%,-50%) scale(1); } .industry-orbit .industry-node:hover::after,.industry-orbit .industry-node:focus-visible::after,.industry-orbit .industry-node.is-active::after { transform:translateX(130%); } .industry-orbit .industry-node:hover .industry-node-icon, .industry-orbit .industry-node:focus-visible .industry-node-icon, .industry-orbit .industry-node.is-active .industry-node-icon { animation-play-state:paused; transform:translateZ(23px) rotateY(-6deg) rotateX(4deg) scale(1.055); box-shadow:0 15px 32px rgba(44,75,205,.3); } .industry-orbit .industry-node:hover .industry-node-icon i, .industry-orbit .industry-node:focus-visible .industry-node-icon i, .industry-orbit .industry-node.is-active .industry-node-icon i { transform:rotate(-4deg) scale(1.04); } .industry-orbit .industry-node:hover .industry-node-arrow, .industry-orbit .industry-node:focus-visible .industry-node-arrow, .industry-orbit .industry-node.is-active .industry-node-arrow { opacity:1; transform:translateX(0); } .industry-orbit.is-engaged .industry-node:not(.is-active) { opacity:.52; filter:saturate(.55); transform:translate(-50%,-50%) scale(.95); } .industry-orbit.is-engaged .industry-hub { border-color:rgba(45,220,231,.55); box-shadow:0 42px 110px rgba(9,48,83,.25),0 0 70px rgba(45,220,231,.2),0 0 0 12px rgba(255,255,255,.66); transform:translate(-50%,-50%) scale(1.018); } .industry-orbit.is-engaged .industry-hub::before { opacity:1; transform:translateZ(-20px) scale(1.04); } .industry-orbit.is-engaged .industry-hub-visual img { transform:scale(1.065) rotate(-1deg); filter:saturate(1.15) contrast(1.04); } .industry-orbit .industry-hub > small { min-height:20px; transition:color .25s ease,transform .3s ease; } .industry-orbit.is-engaged .industry-hub > small { color:#087f9c; transform:translateY(-2px); } @keyframes industry-orbit-spin { to { transform:translate(-50%,-50%) rotate(360deg); } } @keyframes industry-orbit-spin-reverse { to { transform:translate(-50%,-50%) rotate(-360deg); } } @keyframes industry-orbit-breathe { 50% { opacity:.9; transform:translate(-50%,-50%) scale(1.025); } } @keyframes industry-node-orbit { to { offset-distance:100%; } } @keyframes industry-particle-orbit { to { offset-distance:100%; } } @keyframes industry-node-arrive { from { opacity:0; transform:translate(-50%,-50%) scale(.72) translateZ(-30px); } } @keyframes industry-hub-float { 50% { transform:translateY(-7px) scale(1.018); } } @keyframes industry-hub-ring { to { transform:rotate(360deg); } } @keyframes industry-hub-halo { to { transform:translateZ(-20px) rotate(360deg); } } @keyframes industry-hub-pulse { 50% { opacity:.65; transform:scale(1.08); } } @keyframes industry-core-pulse { 50% { transform:translate(-50%,-50%) scale(1.3); box-shadow:0 0 0 12px rgba(35,214,226,.07),0 0 36px 14px rgba(35,214,226,.46); } } @keyframes industry-icon-float { 50% { transform:translateZ(18px) translateY(-3px); } } @keyframes industry-hub-scan { 0%,100% { top:5%; opacity:0; } 18%,82% { opacity:.72; } 50% { top:92%; } } @keyframes industry-field-drift { to { transform:scale(1.025) rotate(.8deg); background-position:10px 15px,10px 15px,center; } } @keyframes industry-beam-travel { 0%,100% { opacity:0; transform:translateX(0) scaleX(.25); } 18% { opacity:.9; } 72% { opacity:.75; } 88% { opacity:0; transform:translateX(760px) scaleX(1); } } @keyframes industry-beam-turn { to { transform:rotate(344deg); } } @keyframes industry-beam-turn-reverse { to { transform:rotate(-218deg); } } @media (max-width:1399px) and (min-width:1200px) { .industry-network-grid.industry-orbit { min-height:780px; } .industry-orbit .industry-hub { width:330px; height:330px; padding:27px; } .industry-orbit .industry-hub-visual { width:145px; flex-basis:145px; } .industry-orbit .industry-node { width:220px !important; min-height:88px; padding:12px 13px; grid-template-columns:46px minmax(0,1fr) 10px; offset-path:ellipse(clamp(420px,35vw,445px) clamp(285px,24vw,310px) at calc(50% + 110px) var(--orbit-center-y)); } .industry-orbit .industry-node-icon { width:46px; height:46px; } .industry-orbit .industry-node small { font-size:10px; } } @media (max-width:1199px) and (min-width:992px) { .industry-network-grid.industry-orbit { min-height:700px; } .industry-orbit .industry-hub { width:300px; height:300px; min-height:0; padding:23px; } .industry-orbit .industry-hub-visual { width:130px; flex-basis:130px; } .industry-orbit .industry-node { offset-path:ellipse(clamp(325px,34vw,370px) clamp(245px,24vw,270px) at calc(50% + 102.5px) var(--orbit-center-y)); } .industry-orbit .industry-node { width:205px !important; min-height:82px; padding:11px; grid-template-columns:43px minmax(0,1fr); } .industry-orbit .industry-node-icon { width:43px; height:43px; } .industry-orbit .industry-node-arrow { display:none; } .industry-orbit .industry-node small { display:none; } } @media (max-width:991px) { .industry-network-grid.industry-orbit { display:grid; min-height:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .industry-orbit::before,.industry-orbit-ring,.industry-orbit-field,.industry-orbit-beam,.industry-orbit-particles,.industry-orbit-connections { display:none; } .industry-orbit .industry-hub { position:relative; top:auto; left:auto; width:min(100%,390px); height:auto; min-height:390px; grid-column:1/-1; margin:0 auto 18px; transform:none; } .industry-orbit .industry-hub-visual { width:180px; flex-basis:180px; aspect-ratio:1; border-radius:50%; } .industry-orbit .industry-node { position:relative !important; top:auto !important; left:auto !important; width:100% !important; min-height:92px; offset-path:none; transform:none; animation:none; } .industry-orbit .industry-node:hover,.industry-orbit .industry-node:focus-visible,.industry-orbit .industry-node.is-active,.industry-orbit.is-engaged .industry-node:not(.is-active) { opacity:1; filter:none; transform:translateY(-4px); } .industry-orbit.is-engaged .industry-hub { transform:none; } } @media (max-width:575px) { .industry-network-grid.industry-orbit { grid-template-columns:1fr; } .industry-orbit .industry-hub { grid-column:1; } } @media (prefers-reduced-motion:reduce) { .industry-orbit-ring, .industry-orbit-field, .industry-orbit-beam, .industry-orbit-connections, .industry-orbit-particles i, .industry-orbit .industry-node, .industry-orbit .industry-node-icon, .industry-orbit .industry-hub::before, .industry-orbit .industry-hub::after, .industry-orbit .industry-hub-visual::before, .industry-orbit .industry-hub-visual::after, .industry-orbit .industry-hub-visual img, .industry-hub-scan, .industry-hub-core { animation:none !important; } } .motion-showcase-area { position:relative; overflow:hidden; color:#fff; background:linear-gradient(132deg,#031a25 0%,#082f3d 42%,#172052 74%,#321572 100%); isolation:isolate; } .motion-showcase-area::before { position:absolute; z-index:-2; inset:0; content:""; opacity:.24; background-image:linear-gradient(rgba(83,225,235,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(83,225,235,.12) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:linear-gradient(90deg,#000,transparent 78%); mask-image:linear-gradient(90deg,#000,transparent 78%); animation:motion-showcase-grid 18s linear infinite; } .motion-showcase-area::after { position:absolute; z-index:-1; right:-180px; bottom:-240px; width:680px; height:680px; content:""; border-radius:50%; background:radial-gradient(circle,rgba(122,65,255,.24),transparent 68%); filter:blur(18px); animation:motion-showcase-ambient 7s ease-in-out infinite; } .motion-showcase-heading { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr); gap:60px; align-items:end; margin-bottom:42px; } .motion-showcase-heading h2 { max-width:760px; margin:10px 0 0; color:#fff; } .motion-showcase-heading > p { margin:0 0 5px; color:rgba(224,239,246,.74); font-size:17px; line-height:1.7; } .motion-showcase-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } .motion-reel-card { position:relative; overflow:hidden; color:#fff !important; border:1px solid rgba(142,226,237,.17); border-radius:24px; background:rgba(5,24,37,.62); box-shadow:0 28px 65px rgba(0,0,0,.22); transform:translateZ(0); transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .5s ease; } .motion-reel-card:hover,.motion-reel-card:focus-visible { color:#fff !important; outline:none; border-color:rgba(81,226,238,.46); box-shadow:0 36px 85px rgba(0,0,0,.32),0 0 42px rgba(49,205,224,.1); transform:translateY(-8px); } .motion-reel-media { position:relative; overflow:hidden; aspect-ratio:16/10; background:#061822; isolation:isolate; } .motion-reel-media::after { position:absolute; z-index:3; inset:0; content:""; pointer-events:none; background:linear-gradient(180deg,transparent 40%,rgba(1,12,20,.86) 100%); } .motion-reel-media img { position:absolute; z-index:0; width:114%; height:114%; max-width:none; inset:-7%; object-fit:cover; filter:saturate(.9) contrast(1.06) brightness(.78); transform:scale(1.04) translate3d(-1.5%,0,0); animation:motion-reel-camera 10s ease-in-out infinite alternate; transition:filter .6s ease; } .motion-reel-card:nth-child(2) .motion-reel-media img { animation-delay:-3.2s; animation-direction:alternate-reverse; } .motion-reel-card:nth-child(3) .motion-reel-media img { animation-delay:-6.4s; } .motion-reel-card:hover .motion-reel-media img,.motion-reel-card:focus-visible .motion-reel-media img { filter:saturate(1.08) contrast(1.08) brightness(.9); animation-duration:6s; } .motion-reel-grid { position:absolute; z-index:1; inset:0; opacity:.24; background-image:linear-gradient(rgba(70,231,240,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(70,231,240,.3) 1px,transparent 1px); background-size:36px 36px; transform:perspective(600px) rotateX(58deg) scale(1.6) translateY(20%); transform-origin:bottom; animation:motion-reel-grid 7s linear infinite; } .motion-reel-scan { position:absolute; z-index:4; top:-8%; right:7%; left:7%; height:2px; opacity:.78; background:linear-gradient(90deg,transparent,#4af0f4,transparent); box-shadow:0 0 20px 5px rgba(74,240,244,.3); animation:motion-reel-scan 4.8s ease-in-out infinite; } .motion-reel-card:nth-child(2) .motion-reel-scan { animation-delay:-1.6s; }.motion-reel-card:nth-child(3) .motion-reel-scan{animation-delay:-3.2s} .motion-reel-paths { position:absolute; z-index:2; inset:0; pointer-events:none; } .motion-reel-paths i { position:absolute; left:-25%; width:42%; height:2px; border-radius:2px; background:linear-gradient(90deg,transparent,#45e8ef); box-shadow:0 0 15px rgba(69,232,239,.8); animation:motion-reel-data 3.8s linear infinite; } .motion-reel-paths i:nth-child(1){top:29%}.motion-reel-paths i:nth-child(2){top:51%;animation-delay:-1.25s}.motion-reel-paths i:nth-child(3){top:72%;animation-delay:-2.5s} .motion-reel-violet .motion-reel-paths i { background:linear-gradient(90deg,transparent,#9c6cff); box-shadow:0 0 15px rgba(156,108,255,.75); } .motion-reel-blue .motion-reel-paths i { background:linear-gradient(90deg,transparent,#4d97ff); box-shadow:0 0 15px rgba(77,151,255,.8); } .motion-reel-status { position:absolute; z-index:5; right:18px; bottom:17px; left:18px; display:grid; grid-template-columns:38px 1fr auto; gap:9px; align-items:center; color:#fff; } .motion-reel-status > i { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:11px; background:rgba(6,31,46,.68); backdrop-filter:blur(10px); box-shadow:0 8px 24px rgba(0,0,0,.2); } .motion-reel-status strong { font-size:13px; letter-spacing:.04em; text-transform:uppercase; }.motion-reel-status small{color:rgba(255,255,255,.72);font-weight:700} .motion-reel-copy { min-height:270px; padding:27px 27px 29px; } .motion-reel-copy > span { color:#50e0ea; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .motion-reel-copy h3 { margin:10px 0 13px; color:#fff; font-size:25px; line-height:1.25; } .motion-reel-copy p { min-height:80px; margin:0 0 18px; color:rgba(224,239,246,.72); font-size:15px; line-height:1.65; } .motion-reel-copy > strong { display:inline-flex; align-items:center; gap:9px; color:#fff; font-size:14px; } .motion-reel-copy > strong i { font-size:11px; transition:transform .3s ease; }.motion-reel-card:hover .motion-reel-copy>strong i{transform:translateX(5px)} @keyframes motion-showcase-grid { to { background-position:64px 0,64px 0; } } @keyframes motion-showcase-ambient { 50% { transform:translate(-40px,-18px) scale(1.08); } } @keyframes motion-reel-camera { to { transform:scale(1.1) translate3d(3%,1.5%,0); } } @keyframes motion-reel-grid { to { background-position:0 36px,36px 0; } } @keyframes motion-reel-scan { 0%,100% { top:4%; opacity:0; } 16%,84%{opacity:.8} 50%{top:92%} } @keyframes motion-reel-data { 0%{left:-42%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:105%;opacity:0} } @media(max-width:991px){.motion-showcase-heading{grid-template-columns:1fr;gap:18px}.motion-showcase-grid{grid-template-columns:1fr}.motion-reel-card{display:grid;grid-template-columns:minmax(260px,.8fr) 1fr}.motion-reel-media{height:100%;aspect-ratio:auto}.motion-reel-copy{min-height:0}.motion-reel-copy p{min-height:0}} @media(max-width:640px){.motion-reel-card{display:block}.motion-reel-media{aspect-ratio:16/10}.motion-reel-copy{padding:23px}.motion-reel-copy h3{font-size:22px}} @media(prefers-reduced-motion:reduce){.motion-showcase-area::before,.motion-showcase-area::after,.motion-reel-media img,.motion-reel-grid,.motion-reel-scan,.motion-reel-paths i{animation:none!important}.motion-reel-card:hover,.motion-reel-card:focus-visible{transform:none}} @media (max-width: 991px) { .ai-hosting-intro { grid-template-columns: 1fr; gap: 18px; } .ai-hosting-grid { grid-template-columns: 1fr; } .ai-hosting-card { min-height: 260px; } } @media (max-width: 575px) { .ai-hosting-card { padding: 24px; } .ai-hosting-note { align-items: flex-start; } } :target { scroll-margin-top: 130px; } .starting-points-area { background: #f3f7fa; } .starting-points-heading, .selected-proof-heading, .buyer-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr); gap: 55px; margin-bottom: 42px; align-items: end; } .starting-points-heading h2, .selected-proof-heading h2, .buyer-section-heading h2 { margin: 8px 0 0; } .starting-points-heading > p, .selected-proof-heading > p, .buyer-section-heading > p { margin: 0; color: #5b6d79; font-size: 17px; } .starting-points-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; } .starting-point-card { position: relative; overflow: hidden; display: flex; min-height: 365px; padding: 28px; flex-direction: column; color: #071522; border: 1px solid #dce6eb; border-radius: 22px; background: #fff; box-shadow: 0 16px 42px rgba(6,29,43,.05); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .starting-point-card::after { position: absolute; right: -55px; bottom: -65px; width: 150px; height: 150px; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(50,192,210,.18), transparent 68%); } .starting-point-card:hover { color: #071522; border-color: #8ecbd8; box-shadow: 0 24px 55px rgba(6,29,43,.12); transform: translateY(-7px); } .starting-point-number { position: absolute; top: 23px; right: 24px; color: #9aabb5; font-size: 12px; font-weight: 800; } .starting-point-icon { display: grid; width: 48px; height: 48px; margin-bottom: 46px; place-items: center; color: #fff; border-radius: 15px; background: linear-gradient(135deg,#0786a5,#7136f0); box-shadow: 0 12px 24px rgba(65,71,213,.2); } .starting-point-card small { color: #087f9c; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .starting-point-card h3 { margin: 8px 0 13px; font-size: 23px; line-height: 1.2; } .starting-point-card p { color: #5b6b78; font-size: 15px; } .starting-point-card strong { position: relative; z-index: 1; display: inline-flex; margin-top: auto; align-items: center; gap: 9px; color: #071522; font-size: 14px; } .starting-point-card strong i { transition: transform .25s ease; } .starting-point-card:hover strong i { transform: translateX(5px); } .selected-proof-area { color: #fff; background: #061d2b; } .selected-proof-heading h2, .selected-proof-heading .sub-title { color: #fff; } .selected-proof-heading > p { color: #b6cad3; } .selected-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .selected-proof-card { position: relative; display: flex; min-height: 420px; padding: 34px; flex-direction: column; color: #fff; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: linear-gradient(145deg, rgba(11,67,84,.9), rgba(37,31,101,.88)); } .selected-proof-card:hover { color: #fff; border-color: rgba(83,216,230,.55); transform: translateY(-5px); } .selected-proof-card > span { color: #52d4e4; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .selected-proof-card h3 { margin: 16px 0 12px; color: #fff; font-size: 34px; } .selected-proof-card p { color: #c1d1d8; } .selected-proof-card ul { margin: 8px 0 28px; padding: 0; list-style: none; } .selected-proof-card li { display: flex; padding: 8px 0; align-items: flex-start; gap: 10px; color: #e0e9ed; border-top: 1px solid rgba(255,255,255,.09); font-size: 14px; } .selected-proof-card li i { margin-top: 5px; color: #53d8e6; } .selected-proof-card strong { display: inline-flex; margin-top: auto; align-items: center; gap: 9px; } .selected-proof-card > small { position: absolute; right: 28px; bottom: 24px; color: rgba(255,255,255,.18); font-size: 42px; font-weight: 800; } .selected-proof-action { margin-top: 34px; text-align: center; } .trust-delivery-area { background: #eef4f7; } .trust-delivery-shell { display: grid; grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr); gap: 58px; padding: 54px; border: 1px solid #d9e4e9; border-radius: 28px; background: #fff; box-shadow: 0 24px 60px rgba(6,29,43,.07); } .trust-delivery-intro h2 { margin: 9px 0 20px; } .trust-delivery-intro > p { color: #586a77; font-size: 17px; } .trust-delivery-intro > div { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 27px; } .trust-delivery-intro > div a { padding: 8px 12px; color: #087f9c; border: 1px solid #bfd6de; border-radius: 999px; font-size: 12px; font-weight: 800; } .trust-delivery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; } .trust-delivery-grid article { padding: 25px; border-radius: 18px; background: #f4f8fa; } .trust-delivery-grid article > span { display: grid; width: 43px; height: 43px; margin-bottom: 24px; place-items: center; color: #fff; border-radius: 13px; background: linear-gradient(135deg,#087f9c,#6838ec); } .trust-delivery-grid h3 { margin-bottom: 10px; font-size: 20px; } .trust-delivery-grid p { margin: 0; color: #596b78; font-size: 14px; } .buyer-page { background: #fff; } .buyer-hero { position: relative; overflow: hidden; padding: 175px 0 95px; color: #fff; background: radial-gradient(circle at 82% 22%, rgba(103,55,236,.33), transparent 30%), linear-gradient(135deg,#042634,#10143f); } .buyer-hero::after { position: absolute; right: -170px; bottom: -280px; width: 620px; height: 620px; content: ""; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; } .buyer-hero nav { position: relative; z-index: 1; display: flex; align-items: center; gap: 11px; margin-bottom: 55px; color: #91aab5; font-size: 13px; } .buyer-hero nav a { color: #c8d8de; } .buyer-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, .6fr); gap: 75px; align-items: end; } .buyer-hero-grid > div > span { color: #53d8e6; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .buyer-hero h1 { max-width: 920px; margin: 16px 0 23px; color: #fff; font-size: clamp(48px, 6vw, 78px); letter-spacing: -.045em; line-height: 1.02; } .buyer-hero-grid > div > p { max-width: 870px; color: #bed0d7; font-size: 19px; line-height: 1.75; } .buyer-hero-actions { display: flex; margin-top: 34px; align-items: center; gap: 23px; } .buyer-hero-actions > a:not(.btn) { color: #fff; font-weight: 800; } .buyer-hero-actions > a:not(.btn) i { margin-left: 8px; } .buyer-hero aside { padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: rgba(255,255,255,.06); backdrop-filter: blur(12px); } .buyer-hero aside > span { display: block; margin-bottom: 19px; color: #54d9e6; font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } .buyer-hero aside strong { display: block; color: #fff; } .buyer-hero aside p { margin: 5px 0 17px; color: #b8cbd3; font-size: 14px; } .buyer-hero aside p:last-child { margin-bottom: 0; } .buyer-outcomes { background: #f3f7fa; } .buyer-outcome-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .buyer-outcome-grid article { position: relative; min-height: 300px; padding: 30px; border: 1px solid #dbe5ea; border-radius: 20px; background: #fff; } .buyer-outcome-grid article > span { color: #087f9c; font-size: 13px; font-weight: 800; } .buyer-outcome-grid h3 { margin: 55px 0 14px; font-size: 24px; } .buyer-outcome-grid p { margin: 0; color: #596a77; } .buyer-deliverables { background: #fff; } .buyer-deliverables-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 80px; align-items: start; } .buyer-deliverables-grid > div { position: sticky; top: 140px; } .buyer-deliverables-grid > div h2 { margin: 9px 0 20px; } .buyer-deliverables-grid > div p { color: #586a77; font-size: 17px; } .buyer-deliverables-grid > div a { display: inline-flex; margin-top: 18px; align-items: center; gap: 9px; color: #087f9c; font-weight: 800; } .buyer-deliverables-grid ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid #dce5e9; } .buyer-deliverables-grid li { display: grid; grid-template-columns: 60px 1fr; gap: 18px; padding: 25px 0; align-items: start; border-bottom: 1px solid #dce5e9; } .buyer-deliverables-grid li span { color: #087f9c; font-weight: 800; } .buyer-deliverables-grid li p { margin: 0; color: #263b48; font-size: 18px; font-weight: 700; } .buyer-process { color: #fff; background: #071f2d; } .buyer-process .sub-title, .buyer-process h2 { color: #fff; } .buyer-section-heading.compact { grid-template-columns: 1fr; } .buyer-process ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; } .buyer-process li { padding: 28px; border-left: 1px solid rgba(255,255,255,.13); } .buyer-process li:first-child { border-left: 0; } .buyer-process li > span { color: #53d8e6; font-size: 12px; font-weight: 800; } .buyer-process h3 { margin: 40px 0 12px; color: #fff; font-size: 22px; } .buyer-process p { margin: 0; color: #b8cbd3; font-size: 14px; } .buyer-faq { background: #f4f7fa; } .buyer-related { padding: 28px; border: 1px solid #d8e3e8; border-radius: 20px; background: #fff; } .buyer-related > span { display: block; margin-bottom: 12px; color: #087f9c; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .buyer-related a { position: relative; display: flex; padding: 18px 34px 18px 0; flex-direction: column; color: #071522; border-top: 1px solid #e0e7eb; } .buyer-related a small { color: #73828c; } .buyer-related a strong { margin-top: 3px; } .buyer-related a i { position: absolute; top: 50%; right: 0; color: #087f9c; transform: translateY(-50%); } .case-study-delivery { background: #eef4f7; } .case-study-delivery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border: 1px solid #d8e3e8; border-radius: 22px; background: #fff; box-shadow: 0 18px 44px rgba(6,29,43,.05); } .case-study-delivery-grid li { min-height: 300px; padding: 30px; border-left: 1px solid #dfe7eb; } .case-study-delivery-grid li:first-child { border-left: 0; } .case-study-delivery-grid li > span { color: #087f9c; font-size: 13px; font-weight: 800; } .case-study-delivery-grid h3 { margin: 52px 0 13px; font-size: 23px; } .case-study-delivery-grid p { margin: 0; color: #596a77; } .case-study-evidence { display: flex; margin-top: 25px; padding: 25px 28px; align-items: flex-start; gap: 17px; border: 1px solid #cbdde4; border-radius: 18px; background: #fff; } .case-study-evidence > span { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; color: #fff; border-radius: 13px; background: #087f9c; } .case-study-evidence strong { display: block; margin-bottom: 3px; } .case-study-evidence p { margin: 0; color: #5a6b78; } .decision-directory-area { background: #f3f7fa; } .decision-directory-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .decision-directory-grid > a { position: relative; display: grid; grid-template-columns: 48px 1fr 24px; gap: 18px; padding: 28px; align-items: start; color: #071522; border: 1px solid #d9e4e9; border-radius: 18px; background: #fff; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .decision-directory-grid > a:hover { color: #071522; border-color: #8ecbd8; box-shadow: 0 18px 38px rgba(6,29,43,.09); transform: translateY(-4px); } .decision-directory-grid > a > span { color: #087f9c; font-size: 13px; font-weight: 800; } .decision-directory-grid small { color: #73828c; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; } .decision-directory-grid h3 { margin: 5px 0 9px; font-size: 23px; } .decision-directory-grid p { margin: 0; color: #596a77; font-size: 14px; } .decision-directory-grid > a > i { margin-top: 6px; color: #087f9c; transition: transform .25s ease; } .decision-directory-grid > a:hover > i { transform: translateX(5px); } @media (max-width: 1199px) { .starting-points-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .buyer-outcome-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .buyer-process ol { grid-template-columns: repeat(3, minmax(0, 1fr)); } .buyer-process li:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255,255,255,.13); } .buyer-process li:nth-child(5) { border-top: 1px solid rgba(255,255,255,.13); } } @media (max-width: 991px) { .starting-points-heading, .selected-proof-heading, .buyer-section-heading { grid-template-columns: 1fr; gap: 20px; } .selected-proof-grid { grid-template-columns: 1fr; } .trust-delivery-shell, .buyer-hero-grid, .buyer-deliverables-grid { grid-template-columns: 1fr; gap: 38px; } .trust-delivery-shell { padding: 35px; } .buyer-deliverables-grid > div { position: static; } .case-study-delivery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .case-study-delivery-grid li:nth-child(3) { border-left: 0; border-top: 1px solid #dfe7eb; } .case-study-delivery-grid li:nth-child(4) { border-top: 1px solid #dfe7eb; } } @media (max-width: 767px) { .starting-points-grid { grid-template-columns: 1fr; } .starting-point-card { min-height: 315px; } .trust-delivery-grid, .buyer-outcome-grid, .buyer-process ol, .case-study-delivery-grid { grid-template-columns: 1fr; } .trust-delivery-shell { padding: 27px; } .buyer-hero { padding: 135px 0 70px; } .buyer-hero nav { margin-bottom: 35px; } .buyer-hero h1 { font-size: 43px; } .buyer-hero-actions { align-items: flex-start; flex-direction: column; } .buyer-process li, .buyer-process li:nth-child(4), .buyer-process li:nth-child(5) { border-top: 1px solid rgba(255,255,255,.13); border-left: 0; } .buyer-process li:first-child { border-top: 0; } .case-study-delivery-grid li, .case-study-delivery-grid li:nth-child(3), .case-study-delivery-grid li:nth-child(4) { min-height: 0; border-top: 1px solid #dfe7eb; border-left: 0; } .case-study-delivery-grid li:first-child { border-top: 0; } .case-study-evidence { align-items: flex-start; } .decision-directory-grid { grid-template-columns: 1fr; } } .insights-hero { position: relative; overflow: hidden; padding: 185px 0 72px; color: #fff; background: linear-gradient(90deg, rgba(3, 24, 37, .97) 0%, rgba(4, 26, 43, .9) 48%, rgba(18, 25, 66, .74) 100%), url("/assets/img/insights/software.jpg") center 47% / cover no-repeat; } .insights-hero::after { position: absolute; right: -120px; bottom: -210px; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; } .insights-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: 70px; align-items: end; } .insights-hero-grid > div > span, .insights-section-heading > div > span { color: #19bed2; font-size: 13px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } .insights-hero h1 { max-width: 850px; margin: 15px 0 0; color: #fff; font-size: clamp(46px, 5.4vw, 76px); letter-spacing: -.045em; line-height: 1.04; } .insights-hero-grid > p { margin: 0; color: #bdd0d9; font-size: 18px; } .insight-topic-nav { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 9px; margin-top: 48px; } .insight-topic-nav a { padding: 9px 15px; color: #d9e5ea; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; font-size: 13px; } .insight-topic-nav a:hover { color: #071522; background: #53d8e6; border-color: #53d8e6; } .insights-directory { background: #f4f7fa; } .insight-search-tools { display: flex; margin-bottom: 42px; padding: 24px 26px; align-items: end; justify-content: space-between; gap: 28px; border: 1px solid #dce6eb; border-radius: 20px; background: #fff; box-shadow: 0 14px 36px rgba(6,29,43,.05); } .insight-search-form { width: min(100%, 720px); } .insight-search-form label { display: block; margin: 0; } .insight-search-form label > span { display: block; margin-bottom: 9px; color: #263846; font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } .insight-search-form label > div { position: relative; } .insight-search-form label > div > i { position: absolute; top: 50%; left: 18px; color: #087f9c; transform: translateY(-50%); } .insight-search-form input { width: 100%; height: 56px; padding: 0 52px 0 48px; color: #071522; border: 1px solid #cad9e0; border-radius: 14px; background: #f7fafb; box-shadow: none; } .insight-search-form input:focus { border-color: #087f9c; outline: 3px solid rgba(8,127,156,.14); } .insight-search-clear { position: absolute; top: 50%; right: 10px; display: grid; width: 36px; height: 36px; padding: 0; place-items: center; color: #526472; border: 0; border-radius: 50%; background: transparent; transform: translateY(-50%); } .insight-search-clear:hover { color: #fff; background: #087f9c; } .insight-search-status { margin: 0 0 14px; color: #61717f; white-space: nowrap; } .insight-featured-wrap { margin-bottom: 85px; } .insight-card { overflow: hidden; min-width: 0; border: 1px solid #dfe7ed; border-radius: 22px; background: #fff; box-shadow: 0 18px 45px rgba(6, 29, 43, .06); } .insight-card-featured { display: grid; grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr); } .insight-card-visual { position: relative; display: flex; min-height: 240px; padding: 28px; align-items: flex-end; justify-content: space-between; color: #fff; background: #071b31; } .insight-card-featured .insight-card-visual { min-height: 420px; } .insight-card-visual::before { position: absolute; inset: 0; z-index: 1; content: ""; background: linear-gradient(180deg, transparent 35%, rgba(3,16,31,.84)); } .insight-card-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; } .insight-card:hover .insight-card-visual img { transform: scale(1.04); } .insight-card-visual > span { position: relative; z-index: 2; display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 18px; background: rgba(5,22,34,.72); font-size: 26px; backdrop-filter: blur(8px); } .insight-card-visual small { position: relative; z-index: 2; padding: 8px 12px; border-radius: 999px; background: rgba(5,22,34,.76); font-weight: 700; backdrop-filter: blur(8px); } .insight-card-body { padding: 30px; } .insight-card-featured .insight-card-body { display: flex; padding: 54px; flex-direction: column; justify-content: center; } .insight-card-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 18px; color: #647382; font-size: 13px; } .insight-card-meta a { color: #087f9c; font-weight: 800; } .insight-card h2, .insight-card h3 { margin-bottom: 14px; letter-spacing: -.025em; } .insight-card h2 { font-size: clamp(32px, 3.2vw, 48px); } .insight-card h3 { font-size: 24px; } .insight-card p { color: #596978; } .insight-read-link { display: inline-flex; margin-top: 9px; align-items: center; gap: 9px; color: #071522; font-weight: 800; } .insight-card-featured .insight-read-link { margin-top: 22px; } .insights-section-heading { display: grid; grid-template-columns: 1fr minmax(280px, .55fr); gap: 40px; margin-bottom: 38px; align-items: end; } .insights-section-heading.compact { grid-template-columns: 1fr; } .insights-section-heading h2 { margin: 8px 0 0; font-size: clamp(34px, 4vw, 52px); } .insights-section-heading p { margin: 0; color: #61717f; } .insight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; } .insight-no-results { grid-column: 1 / -1; padding: 70px 30px; text-align: center; border: 1px dashed #c7d7de; border-radius: 22px; background: #fff; } .insight-no-results > i { display: grid; width: 64px; height: 64px; margin: 0 auto 20px; place-items: center; color: #087f9c; border-radius: 20px; background: #e9f6f8; font-size: 23px; } .insight-no-results h3 { margin-bottom: 8px; } .insight-no-results p { margin: 0; color: #61717f; } .insight-pagination { display: flex; margin-top: 58px; align-items: center; justify-content: space-between; gap: 20px; } .insight-pagination > div { display: flex; align-items: center; justify-content: center; gap: 8px; } .insight-pagination a, .insight-pagination > div > a, .insight-pagination-direction { display: inline-flex; min-width: 44px; height: 44px; padding: 0 13px; align-items: center; justify-content: center; gap: 8px; color: #18303f; border: 1px solid #d2dfe5; border-radius: 12px; background: #fff; font-weight: 800; } .insight-pagination a:hover, .insight-pagination a.is-active { color: #fff; border-color: #087f9c; background: #087f9c; } .insight-pagination-direction { min-width: 112px; } .insight-pagination-direction.is-disabled { color: #9ba9b1; background: #edf2f4; cursor: not-allowed; } .insight-authors-area { background: #fff; } .insight-author-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .insight-author-grid > a { display: flex; padding: 22px; align-items: center; gap: 15px; border: 1px solid #dfe7ed; border-radius: 16px; color: #071522; } .insight-author-grid > a > span, .insight-author-profile > span { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 15px; color: #fff; background: linear-gradient(135deg, #087f9c, #7430ed); font-weight: 800; } .insight-author-grid > a div { display: flex; min-width: 0; flex-direction: column; } .insight-author-grid > a small { color: #697986; } .insight-author-grid > a > i { margin-left: auto; color: #087f9c; } .insight-directory-cta { display: flex; margin-top: 60px; padding: 34px; align-items: center; justify-content: space-between; gap: 30px; border-radius: 20px; background: #fff; } .insight-directory-cta span { color: #087f9c; font-weight: 800; } .insight-directory-cta h2 { margin: 6px 0 0; } .insight-author-hero { padding: 185px 0 80px; background: linear-gradient(135deg, #eef7f9, #f3efff); } .insight-author-profile { display: flex; max-width: 850px; align-items: center; gap: 28px; } .insight-author-profile > span { width: 96px; height: 96px; flex-basis: 96px; border-radius: 28px; font-size: 34px; } .insight-author-profile small { color: #087f9c; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; } .insight-author-profile h1 { margin: 5px 0 7px; font-size: 56px; } .insight-author-profile p { margin: 0; color: #596978; } .insight-article { background: #fff; } .insight-article-hero { padding: 165px 0 86px; color: #fff; background: radial-gradient(circle at 80% 15%, rgba(116,48,237,.25), transparent 30%), #061d2b; } .insight-article-hero nav { display: flex; align-items: center; gap: 10px; color: #91a9b4; font-size: 13px; } .insight-article-hero nav a { color: #c7d8df; } .insight-article-heading { max-width: 1000px; margin-top: 44px; } .insight-article-icon { display: grid; width: 64px; height: 64px; margin-bottom: 26px; place-items: center; border-radius: 18px; color: #55ddeb; background: rgba(85,221,235,.12); font-size: 25px; } .insight-article-heading h1 { color: #fff; font-size: clamp(44px, 5.4vw, 76px); line-height: 1.05; letter-spacing: -.045em; } .insight-article-heading > p { max-width: 850px; color: #bcd0d9; font-size: 20px; } .insight-article-byline { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 30px; color: #a8bec8; } .insight-author-chip { display: flex; align-items: center; gap: 9px; color: #fff; } .insight-author-chip span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(135deg, #087f9c, #7430ed); } .insight-article-layout { display: grid; grid-template-columns: 300px minmax(0, 760px); gap: 80px; justify-content: center; padding: 90px 0; } .insight-takeaways { position: sticky; top: 130px; align-self: start; padding: 26px; border: 1px solid #dbe7ec; border-radius: 18px; background: #f5f9fa; } .insight-takeaways > span { display: block; margin-bottom: 18px; color: #087f9c; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; } .insight-takeaways ul { margin: 0; padding: 0; list-style: none; } .insight-takeaways li { display: flex; gap: 10px; padding: 12px 0; color: #526271; border-top: 1px solid #e1e8ec; font-size: 14px; } .insight-takeaways li i { margin-top: 5px; color: #087f9c; } .insight-content-image { overflow: hidden; margin: 0 0 46px; border-radius: 22px; box-shadow: 0 20px 45px rgba(6,29,43,.12); } .insight-content-image img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; } .insight-article-content section { padding-bottom: 34px; margin-bottom: 40px; border-bottom: 1px solid #e3e9ed; } .insight-article-content h2 { margin-bottom: 20px; font-size: 36px; letter-spacing: -.025em; } .insight-article-content p { color: #4c5d6b; font-size: 18px; line-height: 1.85; } .insight-article-action { padding: 36px; border-radius: 20px; background: linear-gradient(135deg, #eaf8fa, #f1edff); } .insight-article-action span { color: #087f9c; font-weight: 800; } .insight-article-action h2 { margin: 8px 0 22px; } .insight-related { padding: 90px 0; background: #f4f7fa; } @media (max-width: 991px) { .insights-hero { padding-top: 145px; } .insights-hero-grid, .insights-section-heading { grid-template-columns: 1fr; gap: 22px; } .insight-card-featured { grid-template-columns: 1fr; } .insight-card-featured .insight-card-visual { min-height: 300px; } .insight-card-featured .insight-card-body { padding: 34px; } .insight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .insight-author-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .insight-article-layout { grid-template-columns: 1fr; gap: 40px; } .insight-takeaways { position: static; } } @media (max-width: 575px) { .insights-hero { padding: 125px 0 54px; } .insights-hero h1 { font-size: 42px; } .insight-grid, .insight-author-grid { grid-template-columns: 1fr; } .insight-search-tools { padding: 20px; align-items: stretch; flex-direction: column; gap: 13px; } .insight-search-status { margin: 0; white-space: normal; } .insight-pagination { align-items: stretch; flex-wrap: wrap; } .insight-pagination > div { width: 100%; order: -1; } .insight-pagination-direction { flex: 1; } .insight-card-featured .insight-card-body, .insight-card-body { padding: 25px; } .insight-directory-cta { align-items: flex-start; flex-direction: column; } .insight-author-profile { align-items: flex-start; flex-direction: column; } .insight-author-profile h1 { font-size: 44px; } .insight-article-hero { padding: 130px 0 65px; } .insight-article-heading h1 { font-size: 42px; } .insight-article-layout { padding: 60px 0; } .insight-article-content h2 { font-size: 30px; } } .contact-consent{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;margin:18px 0 24px;padding:16px 18px;border:1px solid #dbe5ec;border-radius:10px;background:#f7fafc} .contact-form-style-one .contact-consent .form-check-input{float:none;width:22px;height:22px;margin:3px 0 0;padding:0;border:1.5px solid #9db2c1;border-radius:6px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:16px 16px;box-shadow:none} .contact-form-style-one .contact-consent .form-check-input:checked{border-color:#0d76df;background-color:#0d76df} .contact-form-style-one .contact-consent .form-check-input:focus-visible{border-color:#087f9c;outline:3px solid rgba(8,127,156,.2);outline-offset:2px;box-shadow:none} .contact-consent .form-check-label{margin:0;padding:0;line-height:1.55;color:#3f4f5f;cursor:pointer} .contact-consent .form-check-label a{font-weight:700;text-decoration:underline} .marketing-capability-catalogue{display:grid;gap:60px} .marketing-capability-group{display:grid;gap:24px} .marketing-capability-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #dbe5ec} .marketing-capability-heading h3{margin:0;font-size:30px} .marketing-capability-heading span{order:2;color:#0785a8;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .marketing-capability-group .service-capability-card h4{font-size:24px;margin-bottom:14px} @media(max-width:767px){.marketing-capability-catalogue{gap:42px}.marketing-capability-heading{align-items:flex-start;flex-direction:column}.marketing-capability-heading span{order:0}.marketing-capability-heading h3{font-size:25px}} .heading-accent{ display:inline-block; color:#2463eb; background:linear-gradient(90deg,#087fba 0%,#2463eb 55%,#6d3ee8 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } .trust-delivery-area .heading-accent, .buyer-process .heading-accent, .service-process-section .heading-accent{ background-image:linear-gradient(90deg,#55dbe8 0%,#75a7ff 55%,#b48cff 100%); } .portal-lab-visual > i{ animation-name:portal-lab-icon-float; } @keyframes portal-lab-icon-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } .footer-shape .footer-intelligence-mark{ left:30px; bottom:30px; width:44px; height:44px; display:grid; place-items:center; } .footer-shape .footer-intelligence-mark span{ width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(94,225,234,.38); border-radius:14px; color:#62e0e7; background:linear-gradient(145deg,rgba(42,206,220,.16),rgba(93,58,224,.14)); box-shadow:0 10px 28px rgba(0,10,35,.28),inset 0 0 18px rgba(69,218,230,.08); } .footer-shape .footer-intelligence-mark i{ font-size:17px; line-height:1; } .market-hub-hero,.market-detail-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#061f2d 0%,#082d3d 45%,#252060 100%);color:#fff;padding:175px 0 110px} .market-hub-hero:before,.market-detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(94,225,234,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(94,225,234,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent)} .market-hub-hero nav,.market-detail-hero nav{position:relative;display:flex;gap:12px;align-items:center;margin-bottom:55px;color:#b8c9d3;font-size:14px} .market-hub-hero nav a,.market-detail-hero nav a{color:#d8edf3} .market-hub-hero-grid,.market-detail-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:80px;align-items:center} .market-hub-hero-grid>div>span,.market-detail-hero-grid>div>span{display:block;color:#60e0e8;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px} .market-hub-hero h1,.market-detail-hero h1{color:#fff;font-size:clamp(44px,5vw,76px);line-height:1.02;max-width:900px;margin:0 0 26px} .market-hub-hero p,.market-detail-hero p{color:#c5d3dc;font-size:18px;line-height:1.75;max-width:820px} .market-system-visual{width:360px;height:360px;position:relative;margin:auto;border:1px solid rgba(101,226,236,.28);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(73,211,228,.2),rgba(72,55,198,.08) 52%,transparent 53%)} .market-system-visual:before,.market-system-visual:after,.market-system-visual span{content:"";position:absolute;inset:12%;border:1px solid rgba(118,225,236,.2);border-radius:50%;animation:market-spin 18s linear infinite} .market-system-visual:after{inset:25%;animation-duration:12s;animation-direction:reverse} .market-system-visual span:nth-child(1){inset:5% 22%;transform:rotate(55deg)} .market-system-visual span:nth-child(2){inset:22% 5%;transform:rotate(-35deg);animation-duration:24s} .market-system-visual span:nth-child(3){inset:38%;background:#55dbe8;border:0;box-shadow:0 0 60px #55dbe8} .market-system-visual>i{position:relative;z-index:2;font-size:62px;color:#fff} @keyframes market-spin{to{transform:rotate(360deg)}} .market-section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:48px} .market-section-heading>div{max-width:760px}.market-section-heading>p{max-width:520px;color:#536474;line-height:1.75} .market-section-heading.compact{margin-bottom:32px} .market-directory{background:#f4f8fc}.market-directory-grid,.solution-spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .market-directory-grid>a,.solution-spotlight-grid>a{position:relative;min-height:300px;padding:34px;border:1px solid #dbe6ee;border-radius:24px;background:#fff;color:#071826;box-shadow:0 18px 45px rgba(11,35,55,.06);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease} .market-directory-grid>a:hover,.solution-spotlight-grid>a:hover{transform:translateY(-8px);border-color:#79dbe4;box-shadow:0 24px 60px rgba(11,35,55,.12)} .market-card-icon,.solution-spotlight-grid>a>i{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,#078dab,#6339e8);font-size:21px;margin-bottom:50px;box-shadow:0 12px 28px rgba(61,70,213,.2)} .market-directory-grid>a>small{position:absolute;right:30px;top:30px;color:#8293a2;font-weight:800} .market-directory-grid h3,.solution-spotlight-grid h3{font-size:24px;margin-bottom:14px}.market-directory-grid p,.solution-spotlight-grid p{color:#536474;line-height:1.7}.market-directory-grid strong,.solution-spotlight-grid strong{display:block;margin-top:25px;color:#078ca8} .market-detail-hero{padding-bottom:120px}.market-detail-hero-grid>div>div{display:flex;align-items:center;gap:28px;margin-top:34px}.market-detail-hero-grid>div>div>a:not(.btn){color:#fff;font-weight:700} .market-detail-hero aside{padding:40px;border:1px solid rgba(121,220,230,.22);border-radius:28px;background:rgba(8,28,48,.65);backdrop-filter:blur(14px)} .market-detail-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,#0aa4b9,#6740ef);font-size:28px;margin-bottom:32px}.market-detail-hero aside strong{display:block;color:#fff;font-size:26px;margin-bottom:14px}.market-detail-hero aside p{font-size:16px;margin:0} .market-outcomes{background:#f5f8fb}.market-outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.market-outcome-grid article{padding:30px;border-radius:22px;background:#fff;border:1px solid #dbe6ee}.market-outcome-grid article>span{color:#0a92ad;font-weight:800;font-size:13px}.market-outcome-grid h3{font-size:21px;margin:28px 0 12px}.market-outcome-grid p{color:#5c6c79;line-height:1.65;margin:0} .market-process{background:#fff}.market-process-shell{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:90px;padding:65px;border-radius:30px;color:#fff;background:linear-gradient(125deg,#061f2d,#112348 56%,#282065)}.market-process-shell h2{color:#fff}.market-process-shell>div>p{color:#c3d1dc;line-height:1.7}.market-process-shell ol{list-style:none;margin:0;padding:0}.market-process-shell li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.13)}.market-process-shell li:first-child{padding-top:0}.market-process-shell li:last-child{border:0;padding-bottom:0}.market-process-shell li>span{color:#5fe0e9;font-weight:800}.market-process-shell h3{color:#fff;font-size:21px;margin:0 0 5px}.market-process-shell li p{color:#aebfcb;margin:0} .market-related{background:#f5f8fb}.market-related-grid,.why-juan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.market-related-grid>a,.why-juan-grid>a{display:grid;grid-template-columns:52px 1fr 24px;gap:18px;align-items:center;padding:24px 26px;border:1px solid #dbe6ee;border-radius:18px;background:#fff;color:#071826;transition:transform .3s ease,border-color .3s ease}.market-related-grid>a:hover,.why-juan-grid>a:hover{transform:translateX(5px);border-color:#68d7e2}.market-related-grid>a>i:first-child,.why-juan-grid>a>i:first-child{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;color:#078ca8;background:#e9f8fa}.market-related-grid small,.why-juan-grid small{display:block;color:#078ca8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.market-related-grid strong{display:block;font-size:18px;margin-top:4px} .solution-spotlight{background:#fff}.solution-spotlight-grid>a{min-height:325px}.solution-spotlight-grid>a>i{font-style:normal}.why-juan-spotlight{background:#edf5fa}.why-juan-grid>a{grid-template-columns:58px 1fr 22px}.why-juan-grid h3{font-size:21px;margin:0 0 6px}.why-juan-grid p{color:#5a6a77;margin:0}.market-inline-link{display:inline-flex;gap:12px;align-items:center;margin-top:32px;color:#078ca8;font-weight:800} @media(max-width:1199px){.market-directory-grid,.solution-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-hub-hero-grid,.market-detail-hero-grid{gap:45px}.market-system-visual{width:300px;height:300px}} @media(max-width:991px){.market-hub-hero,.market-detail-hero{padding:130px 0 80px}.market-hub-hero-grid,.market-detail-hero-grid,.market-process-shell{grid-template-columns:1fr}.market-system-visual{margin-top:25px}.market-section-heading{align-items:start;flex-direction:column;gap:15px}.market-process-shell{gap:45px;padding:45px}.market-detail-hero-grid>div>div{align-items:flex-start;flex-direction:column}.market-related-grid,.why-juan-grid{grid-template-columns:1fr}} @media(max-width:767px){.market-hub-hero h1,.market-detail-hero h1{font-size:40px}.market-directory-grid,.solution-spotlight-grid,.market-outcome-grid{grid-template-columns:1fr}.market-directory-grid>a,.solution-spotlight-grid>a{min-height:0}.market-card-icon,.solution-spotlight-grid>a>i{margin-bottom:30px}.market-system-visual{width:250px;height:250px}.market-process-shell{padding:30px 24px}.market-related-grid>a,.why-juan-grid>a{padding:20px}.market-hub-hero nav,.market-detail-hero nav{margin-bottom:36px;flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){.market-system-visual:before,.market-system-visual:after,.market-system-visual span{animation:none}} .about-values-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .about-history-card { grid-column: 1 / -1; } .about-timeline-card { grid-column: 1 / -1; } .about-history-summary { display: block; margin: 4px 0 28px; } .about-history-summary p { width: 100%; margin: 0; padding: 18px 22px; border-left: 3px solid #168bad; border-radius: 0 12px 12px 0; background: rgba(255, 255, 255, 0.74); } .about-history-summary p + p { margin-top: 16px; } .about-history-timeline { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 6px; } .about-history-timeline::before { position: absolute; top: 17px; right: 8%; left: 8%; height: 2px; background: linear-gradient(90deg, #0787a8, #3a7ddf, #6540ec); content: ""; opacity: 0.28; } .about-history-milestone { position: relative; z-index: 1; } .about-history-milestone > span { display: inline-flex; min-height: 34px; align-items: center; padding: 7px 11px; border: 1px solid rgba(22, 136, 171, 0.2); border-radius: 999px; color: #087f9f; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; background: #ffffff; box-shadow: 0 7px 18px rgba(12, 54, 82, 0.08); } .about-history-milestone h4 { margin: 18px 0 7px; font-size: 17px; } .about-history-milestone p { font-size: 14px; line-height: 1.65; } .about-future-path { position: absolute; z-index: 2; top: 13px; right: 0; display: flex; align-items: center; gap: 7px; padding: 1px 0 1px 10px; background: linear-gradient(90deg, transparent, #f4fafc 28%); } .about-future-path i { width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, #20cbd0, #6540ec); box-shadow: 0 0 0 5px rgba(29, 176, 205, 0.09); animation: aboutFutureSignal 2.6s ease-in-out infinite; } .about-future-path i:nth-child(2) { animation-delay: 0.35s; } .about-future-path i:nth-child(3) { animation-delay: 0.7s; } .about-future-path i:nth-child(4) { animation-delay: 1.05s; } @keyframes aboutFutureSignal { 0%, 100% { opacity: 0.3; transform: translateX(0) scale(0.72); } 50% { opacity: 1; transform: translateX(3px) scale(1); } } .about-value-card { position: relative; min-height: 205px; padding: 24px 20px 22px; overflow: hidden; border: 1px solid rgba(12, 107, 145, 0.16); border-radius: 18px; background: linear-gradient(145deg, #ffffff 18%, #f1f8fb 100%); box-shadow: 0 14px 34px rgba(13, 43, 66, 0.08); } .about-value-card::after { position: absolute; right: -45px; bottom: -55px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(20, 181, 210, 0.17), transparent 68%); content: ""; pointer-events: none; } .about-value-number { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-bottom: 22px; border-radius: 11px; color: #ffffff; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; background: linear-gradient(135deg, #0787a8, #6540ec); box-shadow: 0 10px 22px rgba(57, 81, 205, 0.2); } .about-value-card h3 { margin-bottom: 10px; font-size: 21px; } .about-value-card p { position: relative; z-index: 1; margin: 0; font-size: 15px; line-height: 1.7; } @media (max-width: 1199px) { .about-values-grid { grid-template-columns: 1fr; } .about-value-card { min-height: 0; } .about-history-card { grid-column: auto; } .about-timeline-card { grid-column: auto; } .about-history-timeline { grid-template-columns: 1fr; } .about-history-timeline::before { top: 0; right: auto; bottom: 0; left: 16px; width: 2px; height: auto; } .about-history-milestone { padding-left: 52px; } .about-future-path { top: auto; right: auto; bottom: -13px; left: 13px; flex-direction: column; padding: 10px 1px 0; background: linear-gradient(180deg, transparent, #f4fafc 28%); } .about-future-path i { animation-name: aboutFutureSignalVertical; } } @media (max-width: 991px) { .about-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .about-history-card { grid-column: 1 / -1; } .about-timeline-card { grid-column: 1 / -1; } .about-history-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); } .about-history-timeline::before { top: 17px; right: 8%; bottom: auto; left: 8%; width: auto; height: 2px; } .about-history-milestone { padding-left: 0; } .about-future-path { top: 13px; right: 0; bottom: auto; left: auto; flex-direction: row; padding: 1px 0 1px 10px; background: linear-gradient(90deg, transparent, #f4fafc 28%); } .about-future-path i { animation-name: aboutFutureSignal; } } @media (max-width: 767px) { .about-values-grid { grid-template-columns: 1fr; } .about-history-card { grid-column: auto; } .about-timeline-card { grid-column: auto; } .about-history-timeline { grid-template-columns: 1fr; } .about-history-summary { grid-template-columns: 1fr; } .about-history-timeline::before { top: 0; right: auto; bottom: 0; left: 16px; width: 2px; height: auto; } .about-history-milestone { padding-left: 52px; } .about-future-path { top: auto; right: auto; bottom: -13px; left: 13px; flex-direction: column; padding: 10px 1px 0; background: linear-gradient(180deg, transparent, #f4fafc 28%); } .about-future-path i { animation-name: aboutFutureSignalVertical; } .about-value-card { padding: 22px 20px; } } @keyframes aboutFutureSignalVertical { 0%, 100% { opacity: 0.3; transform: translateY(0) scale(0.72); } 50% { opacity: 1; transform: translateY(3px) scale(1); } } @media (prefers-reduced-motion: reduce) { .about-future-path i { animation: none; opacity: 0.72; } } .about-delivery-area { padding: 108px 0 82px; background: linear-gradient(180deg, #f7fafc 0%, #ffffff 100%); } .about-delivery-stage { min-height: 0; padding: 54px 44px 48px; overflow: hidden; border: 1px solid #e7e9ed; border-radius: 32px; background: radial-gradient(circle at 5% 50%, rgba(238, 196, 100, 0.13), transparent 24%), radial-gradient(circle at 95% 48%, rgba(95, 82, 222, 0.11), transparent 23%), #fbfbfa; box-shadow: 0 24px 62px rgba(24, 45, 66, 0.08); perspective: none; } .about-delivery-stage::before, .about-delivery-stage::after, .about-delivery-ambient, .about-delivery-flow, .about-delivery-core, .about-delivery-connector, .about-delivery-card { display: none; } .about-delivery-track { position: absolute; z-index: 1; top: 91px; left: 11%; width: 78%; height: 1px; background: repeating-linear-gradient(90deg, #c47c47 0 6px, transparent 6px 12px, #445fd8 12px 18px, transparent 18px 24px); opacity: .72; } .about-delivery-track i { position: absolute; top: -4px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: #0d8ca9; box-shadow: 0 0 0 7px rgba(13, 140, 169, .1), 0 0 20px rgba(13, 140, 169, .45); animation: aboutTrackSignal 8s cubic-bezier(.4,0,.2,1) infinite; } .about-delivery-timeline { position: relative; z-index: 2; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 26px; } .about-delivery-step, .about-delivery-step:nth-child(odd), .about-delivery-step:nth-child(even) { display: flex; min-width: 0; padding: 0; text-align: center; flex-direction: column; align-items: center; } .about-delivery-number { display: inline-flex; min-height: 29px; padding: 6px 12px; color: #33404c; border: 1px solid transparent; border-radius: 8px; background: linear-gradient(#fbfbfa, #fbfbfa) padding-box, linear-gradient(100deg, #b84d27, #3f55cc) border-box; font-size: 11px; font-weight: 700; letter-spacing: .02em; align-items: center; } .about-delivery-orb { position: relative; top: auto; left: auto; display: grid; width: 76px; height: 76px; margin: 31px auto 24px; color: #ffffff; border: 1px solid rgba(255,255,255,.72); border-radius: 24px; background: linear-gradient(145deg, #139ab3 0%, #3262ce 54%, #683adf 100%); box-shadow: 0 16px 34px rgba(45, 79, 171, .2), inset 8px 8px 18px rgba(255,255,255,.16), inset -9px -11px 18px rgba(17,35,98,.28); transform: none; animation: aboutOrbFloatSoft 5s ease-in-out infinite; place-items: center; } .about-delivery-step:nth-child(2) .about-delivery-orb { animation-delay: -.8s; } .about-delivery-step:nth-child(3) .about-delivery-orb { animation-delay: -1.6s; } .about-delivery-step:nth-child(4) .about-delivery-orb { animation-delay: -2.4s; } .about-delivery-step:nth-child(5) .about-delivery-orb { animation-delay: -3.2s; } .about-delivery-orb::before, .about-delivery-orb::after, .about-delivery-orb span { display: none; } .about-delivery-orb > i { font-size: 24px; } .about-delivery-step small { color: #0b8ca8; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } .about-delivery-step h3 { margin: 9px 0 10px; color: #111820; font-size: 19px; line-height: 1.3; } .about-delivery-step p { max-width: 220px; margin: 0; color: #64717c; font-size: 13px; line-height: 1.7; } .about-delivery-step:hover .about-delivery-orb { box-shadow: 0 22px 42px rgba(45,79,171,.28), 0 0 0 9px rgba(17,151,179,.07), inset 8px 8px 18px rgba(255,255,255,.18); transform: translateY(-5px) rotate(-2deg); } .about-delivery-note { margin-top: 24px; } .about-approach-area { padding: 0 0 104px; background: #ffffff; } .about-approach-panel { position: relative; display: grid; min-height: 650px; padding: 72px 74px; overflow: hidden; color: #ffffff; border-radius: 34px; background: radial-gradient(circle at 74% 24%, rgba(92,61,217,.16), transparent 28%), linear-gradient(135deg, #111b22 0%, #20262b 62%, #20252a 100%); box-shadow: 0 35px 85px rgba(15,26,36,.2); grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 88px; isolation: isolate; } .about-approach-panel::before { position: absolute; inset: 0; content: ""; opacity: .08; background-image: linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(circle at 75% 65%, #000, transparent 53%); } .about-approach-glow { position: absolute; z-index: -1; top: 21%; right: 9%; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(circle, rgba(68,105,219,.16), transparent 66%); filter: blur(8px); animation: aboutApproachGlow 7s ease-in-out infinite alternate; } .about-approach-steps { position: relative; z-index: 2; } .about-approach-step { position: relative; display: grid; min-height: 150px; padding: 9px 0 34px; grid-template-columns: 125px minmax(0,1fr); gap: 22px; } .about-approach-step:not(:last-child)::after { position: absolute; bottom: 20px; left: 62px; width: 1px; height: 55px; content: ""; background: linear-gradient(#a53b2a, #3e4fbd); } .about-approach-step > span { color: transparent; font-size: 72px; font-weight: 700; line-height: .95; -webkit-text-stroke: 1px #6853c0; } .about-approach-step h3 { margin: 4px 0 13px; color: #ffffff; font-size: 21px; } .about-approach-step p { margin: 0; color: #aeb7c1; font-size: 15px; line-height: 1.72; } .about-approach-copy { position: relative; z-index: 3; padding-top: 22px; } .about-approach-copy .service-section-label { color: #54d8e8; } .about-approach-copy h2 { margin: 26px 0 25px; color: #ffffff; font-size: clamp(46px,4.3vw,70px); line-height: 1.05; letter-spacing: -.045em; } .about-approach-copy h2 strong { color: transparent; background: linear-gradient(90deg, #d64d29, #7a4fcc 58%, #2d73de); background-clip: text; -webkit-background-clip: text; font-weight: inherit; } .about-approach-copy p { max-width: 600px; margin: 0; color: #b5bec7; font-size: 17px; line-height: 1.75; } .about-approach-mesh { position: absolute; z-index: 1; right: -7%; bottom: -31%; width: 58%; aspect-ratio: 1.45; border-radius: 50%; opacity: .42; background-image: radial-gradient(circle, #d7dde2 1.4px, transparent 1.8px); background-size: 11px 11px; filter: drop-shadow(0 0 20px rgba(96,75,201,.18)); transform: rotate(-9deg) skewX(-7deg); mask-image: radial-gradient(ellipse, #000 34%, rgba(0,0,0,.72) 60%, transparent 76%); animation: aboutMeshBreathe 8s ease-in-out infinite alternate; } .about-approach-mesh i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #63e0eb; box-shadow: 0 0 18px #63e0eb; animation: aboutMeshSignal 5s ease-in-out infinite; } .about-approach-mesh i:nth-child(1) { top: 18%; left: 27%; } .about-approach-mesh i:nth-child(2) { top: 42%; left: 65%; animation-delay: -1s; } .about-approach-mesh i:nth-child(3) { top: 67%; left: 37%; animation-delay: -2s; } .about-approach-mesh i:nth-child(4) { top: 27%; left: 82%; animation-delay: -3s; } .about-approach-mesh i:nth-child(5) { top: 75%; left: 76%; animation-delay: -4s; } .about-intro-area { padding-bottom: 76px; overflow: hidden; } .about-intro-row { align-items: flex-start; } .about-intro-area .about-style-one-thumb { margin: 0; } .about-intro-area .about-style-one-thumb img { width: 100%; height: clamp(500px, 48vw, 690px); border-radius: 26px; object-fit: cover; object-position: center 28%; box-shadow: 0 24px 60px rgba(8, 42, 67, .14); } .about-story-area { padding: 8px 0 96px; background: linear-gradient(180deg, #ffffff 0%, #f3f8fb 100%); } .about-story-stack { display: grid; gap: 28px; } .about-story-area .about-value-card { width: 100%; padding: 38px 40px; } .about-story-area .about-history-summary { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 0; } .about-story-area .about-history-summary p, .about-story-area .about-history-summary p + p { margin: 0; min-height: 100%; } .about-story-area .about-timeline-card { min-height: 315px; } .about-purpose-area { position: relative; overflow: hidden; background: #ffffff; } .about-purpose-area::before { position: absolute; top: -180px; right: -150px; width: 520px; height: 520px; border-radius: 50%; content: ""; background: radial-gradient(circle, rgba(25, 183, 207, .12), transparent 68%); pointer-events: none; } .about-purpose-heading { position: relative; max-width: 900px; margin-bottom: 40px; } .about-purpose-heading h2 { margin: 14px 0 0; } .about-purpose-grid { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } .about-purpose-card { min-height: 330px; padding: 38px 40px; } .about-purpose-icon { position: absolute; top: 36px; right: 38px; display: grid; width: 58px; height: 58px; place-items: center; border-radius: 17px; color: #ffffff; font-size: 23px; background: linear-gradient(135deg, #0787a8, #6540ec); box-shadow: 0 14px 30px rgba(46, 83, 190, .2); } .about-approach-panel { border: 1px solid rgba(91, 220, 234, .2); background: radial-gradient(circle at 78% 30%, rgba(104, 73, 236, .30), transparent 35%), radial-gradient(circle at 18% 78%, rgba(18, 171, 194, .18), transparent 38%), linear-gradient(125deg, #062b3b 0%, #0a3e58 43%, #152a65 72%, #28206e 100%); box-shadow: 0 35px 85px rgba(7, 47, 75, .24); } .about-approach-panel::before { opacity: .13; } .about-approach-step:not(:last-child)::after { background: linear-gradient(#39d3df, #7760f4); } .about-approach-step > span { -webkit-text-stroke-color: #7a72ef; } .about-approach-step p, .about-approach-copy p { color: #d6e5ed; } .about-approach-copy h2 strong { background: linear-gradient(90deg, #55dce8, #2da8de 45%, #8a6cff); background-clip: text; -webkit-background-clip: text; } .about-approach-mesh { opacity: .34; background-image: radial-gradient(circle, #bfe9ef 1.4px, transparent 1.8px); } @media (max-width: 991px) { .about-intro-area .about-style-one-info { margin-top: 44px; } .about-intro-area .about-style-one-thumb img { height: 620px; } .about-story-area .about-history-summary, .about-purpose-grid { grid-template-columns: 1fr; } .about-purpose-card { min-height: 0; } } @media (max-width: 767px) { .about-intro-area { padding-bottom: 54px; } .about-intro-area .about-style-one-thumb img { height: 480px; border-radius: 20px; } .about-story-area { padding-bottom: 68px; } .about-story-area .about-value-card, .about-purpose-card { padding: 26px 22px; } .about-purpose-icon { top: 24px; right: 22px; width: 48px; height: 48px; font-size: 19px; } } .portfolio-customer-area { position: relative; overflow: hidden; background: #f5f8fb; } .portfolio-customer-area::before { position: absolute; top: -180px; right: -120px; width: 460px; height: 460px; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(30,188,211,.12), transparent 68%); } .portfolio-customer-heading { position: relative; display: grid; margin-bottom: 45px; grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr); gap: 70px; align-items: end; } .portfolio-customer-heading h2 { max-width: 760px; margin: 12px 0 0; color: #071522; font-size: clamp(42px,4.5vw,64px); line-height: 1.07; letter-spacing: -.045em; } .portfolio-customer-heading > p { margin: 0; color: #596975; font-size: 16px; line-height: 1.75; } .portfolio-customer-shell { display: grid; grid-template-columns: minmax(280px,.67fr) minmax(0,1.33fr); gap: 28px; } .portfolio-customer-summary { position: relative; padding: 39px 36px; overflow: hidden; color: #ffffff; border-radius: 28px; background: radial-gradient(circle at 85% 80%, rgba(100,62,221,.45), transparent 43%), linear-gradient(145deg,#0d718e,#17285f 62%,#4423a3); box-shadow: 0 24px 55px rgba(25,44,84,.2); } .portfolio-customer-summary > span { display: block; color: #72e3ee; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; } .portfolio-customer-summary > strong { display: block; margin-top: 18px; font-size: 76px; line-height: .9; } .portfolio-customer-summary > p { margin: 8px 0 31px; color: #d3e1e8; } .portfolio-customer-summary dl { margin: 0 0 30px; } .portfolio-customer-summary dl div { display: grid; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.16); grid-template-columns: 54px 1fr; gap: 15px; align-items: center; } .portfolio-customer-summary dt { color: #72e3ee; font-size: 20px; } .portfolio-customer-summary dd { margin: 0; color: #ffffff; font-size: 14px; } .portfolio-customer-summary a { display: inline-flex; gap: 10px; color: #ffffff; font-size: 14px; font-weight: 700; align-items: center; } .portfolio-customer-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } .portfolio-customer-card { position: relative; display: grid; min-height: 145px; padding: 26px 25px; overflow: hidden; color: #14212d; border: 1px solid #dce6ec; border-radius: 22px; background: #ffffff; box-shadow: 0 15px 35px rgba(25,47,67,.07); grid-template-columns: auto minmax(0,1fr) auto; gap: 17px; align-items: center; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease; } .portfolio-customer-card::after { position: absolute; right: -34px; bottom: -40px; width: 110px; height: 110px; content: ""; border-radius: 50%; background: radial-gradient(circle,rgba(65,215,230,.18),transparent 68%); } .portfolio-customer-card:hover { color: #14212d; border-color: #83d7e3; box-shadow: 0 23px 48px rgba(22,65,88,.13); transform: translateY(-5px); } .portfolio-customer-icon { display: grid; width: 50px; height: 50px; color: #ffffff; border-radius: 15px; background: linear-gradient(145deg,#078cab,#5640dc); box-shadow: 0 10px 24px rgba(57,71,187,.2); place-items: center; } .portfolio-customer-card small { display: block; color: #078ca8; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } .portfolio-customer-card strong { display: block; margin: 4px 0 1px; font-size: 17px; } .portfolio-customer-card em { display: block; color: #687680; font-size: 12px; font-style: normal; } .portfolio-customer-card b { align-self: start; color: #aab5bd; font-size: 11px; } .portfolio-customer-card > .fa-arrow-right { position: absolute; right: 24px; bottom: 20px; color: #078ca8; font-size: 12px; transition: transform .3s ease; } .portfolio-customer-card:hover > .fa-arrow-right { transform: translateX(5px); } .portfolio-platform-strip { display: grid; margin-top: 24px; padding: 22px 25px; color: #ffffff; border-radius: 20px; background: linear-gradient(110deg,#071e2c,#0b3044 52%,#24205b); grid-template-columns: .7fr 1fr 1fr; gap: 18px; align-items: center; } .portfolio-platform-strip > span { color: #66dce8; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } .portfolio-platform-strip a { display: flex; min-width: 0; padding-left: 20px; color: #ffffff; border-left: 1px solid rgba(255,255,255,.17); flex-direction: column; } .portfolio-platform-strip a:hover { color: #69e1ec; } .portfolio-platform-strip small { margin-top: 3px; overflow: hidden; color: #aebfc9; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; } @keyframes aboutTrackSignal { from { left: 0; } to { left: calc(100% - 9px); } } @keyframes aboutOrbFloatSoft { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-6px) rotate(2deg); } } @keyframes aboutApproachGlow { to { transform: translate3d(-35px,28px,0) scale(1.15); } } @keyframes aboutMeshBreathe { to { transform: rotate(-5deg) skewX(-4deg) translate3d(-18px,-20px,0) scale(1.04); opacity: .56; } } @keyframes aboutMeshSignal { 0%,100% { transform: scale(.65); opacity: .35; } 50% { transform: scale(1.7); opacity: 1; } } @media (max-width: 1199px) { .about-delivery-stage { padding-inline: 26px; } .about-delivery-timeline { grid-template-columns: repeat(5,minmax(140px,1fr)); gap: 18px; overflow-x: auto; padding-bottom: 18px; scroll-snap-type: x proximity; } .about-delivery-step { scroll-snap-align: start; } .about-delivery-track { left: 9%; width: 86%; } .about-approach-panel { padding: 58px 48px; gap: 50px; } } @media (max-width: 991px) { .about-approach-panel { min-height: 0; grid-template-columns: 1fr; } .about-approach-copy { grid-row: 1; } .about-approach-mesh { width: 82%; opacity: .28; } .portfolio-customer-heading, .portfolio-customer-shell { grid-template-columns: 1fr; gap: 28px; } .portfolio-platform-strip { grid-template-columns: 1fr 1fr; } .portfolio-platform-strip > span { grid-column: 1/-1; } } @media (max-width: 767px) { .about-delivery-area { padding: 74px 0 62px; } .about-delivery-stage { padding: 38px 20px 30px; border-radius: 24px; } .about-delivery-track { display: none; } .about-delivery-timeline { display: grid; grid-template-columns: 1fr; gap: 18px; overflow: visible; } .about-delivery-step { display: grid; padding: 20px; text-align: left; border: 1px solid #e1e8ed; border-radius: 20px; background: rgba(255,255,255,.9); grid-template-columns: auto 1fr; gap: 8px 17px; align-items: center; } .about-delivery-number { grid-column: 2; justify-self: start; } .about-delivery-orb { grid-row: 1/4; grid-column: 1; width: 62px; height: 62px; margin: 0; border-radius: 19px; } .about-delivery-step small, .about-delivery-step h3, .about-delivery-step p { grid-column: 2; max-width: none; } .about-delivery-step h3 { margin: 2px 0; } .about-approach-area { padding-bottom: 74px; } .about-approach-panel { padding: 40px 24px; border-radius: 24px; } .about-approach-copy h2 { font-size: 40px; } .about-approach-step { min-height: 0; padding-bottom: 28px; grid-template-columns: 66px 1fr; gap: 14px; } .about-approach-step > span { font-size: 47px; } .about-approach-step:not(:last-child)::after { left: 33px; height: 34px; } .portfolio-customer-list { grid-template-columns: 1fr; } .portfolio-customer-summary { padding: 31px 27px; } .portfolio-platform-strip { grid-template-columns: 1fr; } .portfolio-platform-strip > span { grid-column: auto; } .portfolio-platform-strip a { padding: 14px 0 0; border-top: 1px solid rgba(255,255,255,.17); border-left: 0; } } @media (prefers-reduced-motion: reduce) { .about-delivery-track i, .about-delivery-orb, .about-approach-glow, .about-approach-mesh, .about-approach-mesh i { animation: none !important; } }