:root { color-scheme: light; --mek-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --mek-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; --mek-font-site-sans: "Nunito Sans", sans-serif; --mek-font-site-serif: "Libre Baskerville", serif; --mek-font-site-script: "Cookie", cursive; --mek-font: var(--mek-font-sans); --mek-font-weight-regular: 400; --mek-font-weight-medium: 500; --mek-font-weight-semibold: 600; --mek-font-weight-bold: 700; --mek-font-weight-extrabold: 800; --mek-line-height-tight: 1.2; --mek-line-height-base: 1.6; --mek-brand-primary: #1977cc; --mek-brand-primary-hover: #1566af; --mek-brand-primary-rgb: 25 119 204; --mek-brand-primary-soft: #e8f2fa; --mek-brand-primary-deep: #0d3e6a; --mek-brand-navy: #121B4D; --mek-brand-navy-deep: #0F172A; --mek-brand-on-primary: #ffffff; --mek-color-background: #f5f7fb; --mek-color-surface: #ffffff; --mek-color-surface-soft: #f8fafc; --mek-color-surface-subtle: #fbfcfe; --mek-color-surface-elevated: #ffffff; --mek-color-text: #142033; --mek-color-text-secondary: #334155; --mek-color-muted: #64748b; --mek-color-subtle: #94a3b8; --mek-color-disabled: #aab4c3; --mek-color-border: #d9e2ee; --mek-color-border-strong: #c5d0df; --mek-color-border-subtle: #e8edf3; --mek-color-on-dark: #ffffff; --mek-color-success: #027a48; --mek-color-success-hover: #05603a; --mek-color-success-soft: #ecfdf3; --mek-color-success-border: #bbf7d0; --mek-color-on-success: #ffffff; --mek-color-warning: #b54708; --mek-color-warning-hover: #92400e; --mek-color-warning-soft: #fffbeb; --mek-color-warning-border: #fde68a; --mek-color-on-warning: #ffffff; --mek-color-danger: #b42318; --mek-color-danger-hover: #912018; --mek-color-danger-soft: #fff1f0; --mek-color-danger-border: #fecaca; --mek-color-on-danger: #ffffff; --mek-color-info: #175cd3; --mek-color-info-hover: #1849a9; --mek-color-info-soft: #eff8ff; --mek-color-info-border: #bfdbfe; --mek-color-on-info: #ffffff; --mek-color-primary: var(--mek-brand-primary); --mek-color-primary-hover: var(--mek-brand-primary-hover); --mek-color-primary-soft: var(--mek-brand-primary-soft); --mek-color-primary-strong: var(--mek-brand-primary-deep); --mek-color-on-primary: var(--mek-brand-on-primary); --mek-color-bg: var(--mek-color-background); --mek-color-text-muted: var(--mek-color-muted); --mek-color-surface-muted: var(--mek-color-surface-soft); --mek-focus: var(--mek-brand-primary); --mek-focus-ring: rgb(var(--mek-brand-primary-rgb) / .24); --mek-overlay-soft: rgb(15 23 42 / .40); --mek-overlay: rgb(15 23 42 / .58); --mek-overlay-strong: rgb(15 23 42 / .68); --mek-radius-xs: 6px; --mek-radius-sm: 12px; --mek-radius: 16px; --mek-radius-lg: 22px; --mek-radius-xl: 28px; --mek-shadow-xs: 0 1px 2px rgb(15 23 42 / .05); --mek-shadow-sm: 0 5px 18px rgb(15 23 42 / .06); --mek-shadow-md: 0 22px 60px rgb(15 23 42 / .13); --mek-shadow-lg: 0 30px 90px rgb(15 23 42 / .18); --mek-space-1: .25rem; --mek-space-2: .5rem; --mek-space-3: .75rem; --mek-space-4: 1rem; --mek-space-5: 1.5rem; --mek-space-6: 2rem; --mek-space-7: 2.5rem; --mek-space-8: 3rem; --mek-container: 72rem; --mek-duration-fast: 120ms; --mek-duration-normal: 160ms; --mek-duration-slow: 240ms; --mek-ease-standard: ease; --mek-ease-emphasized: cubic-bezier(.2, .8, .2, 1); --mek-transition: var(--mek-duration-normal) var(--mek-ease-standard); --mek-z-dropdown: 1000; --mek-z-modal: 30000; --mek-z-toast: 31000; } :root[data-theme="dark"], :root[data-admin-mode="dark"], :root[data-admin-scheme="dark"] { color-scheme: dark; --mek-color-background: #0f141d; --mek-color-surface: #171e29; --mek-color-surface-soft: #202936; --mek-color-surface-subtle: #151b24; --mek-color-surface-elevated: #1b2430; --mek-color-text: #f3f6fa; --mek-color-text-secondary: #ced4da; --mek-color-muted: #aab4c3; --mek-color-subtle: #94a3b8; --mek-color-disabled: #778291; --mek-color-border: #303b4b; --mek-color-border-strong: #445064; --mek-color-border-subtle: #25303d; --mek-color-success: #35b879; --mek-color-success-hover: #50c98d; --mek-color-success-soft: #14382b; --mek-color-success-border: #245b45; --mek-color-warning: #e6a83c; --mek-color-warning-hover: #f0b957; --mek-color-warning-soft: #3c2e16; --mek-color-warning-border: #665022; --mek-color-danger: #f06472; --mek-color-danger-hover: #f57b87; --mek-color-danger-soft: #421f27; --mek-color-danger-border: #6e303b; --mek-color-info: #5aa9ee; --mek-color-info-hover: #76b8f1; --mek-color-info-soft: #17314a; --mek-color-info-border: #29577f; --mek-focus-ring: rgb(var(--mek-brand-primary-rgb) / .34); --mek-overlay-soft: rgb(3 7 18 / .56); --mek-overlay: rgb(3 7 18 / .70); --mek-overlay-strong: rgb(3 7 18 / .80); --mek-shadow-xs: 0 1px 2px rgb(0 0 0 / .20); --mek-shadow-sm: 0 8px 24px rgb(0 0 0 / .22); --mek-shadow-md: 0 24px 65px rgb(0 0 0 / .34); --mek-shadow-lg: 0 32px 95px rgb(0 0 0 / .46); } :where(.mek-skeleton, .skeleton-card) { animation: mek-ui-shimmer var(--ui-skeleton-duration, 1.25s) ease-in-out infinite; background: var(--ui-skeleton-bg, linear-gradient(100deg, var(--mek-color-border-subtle) 18%, var(--mek-color-surface-soft) 44%, var(--mek-color-border-subtle) 70%)); background-size: 220% 100%; border-radius: var(--ui-skeleton-radius, var(--mek-radius-sm, .5rem)); display: block; overflow: hidden; position: relative; } .skeleton-card { min-height: var(--ui-skeleton-min-height, 11.25rem); } [data-skeleton-active="true"] { cursor: progress; } .mek-skeleton__line { height: .72rem; min-height: 0; width: 100%; } .mek-skeleton__line--xs { width: 2.25rem; } .mek-skeleton__line--sm { width: 42%; } .mek-skeleton__line--md { width: 68%; } .mek-skeleton__line--lg { width: 84%; } .mek-skeleton__line--full { width: 100%; } .mek-skeleton__line--circle { border-radius: 50%; height: 1.25rem; width: 1.25rem; } .mek-skeleton__line--thumb { border-radius: .55rem; flex: 0 0 2.75rem; height: 2.75rem; width: 2.75rem; } .mek-skeleton__line--button { border-radius: .55rem; height: 2rem; width: 2rem; } .mek-skeleton__line--badge { border-radius: 999px; height: 1.35rem; width: 4.5rem; } .mek-skeleton__line--media { border-radius: .65rem; height: 8rem; margin-bottom: .35rem; width: 100%; } .mek-skeleton-row { pointer-events: none; } .mek-skeleton-cell { vertical-align: middle !important; } .mek-skeleton-cell > .mek-skeleton__line { margin-block: .2rem; } .mek-skeleton__identity { align-items: center; display: grid; gap: .38rem .7rem; grid-template-columns: auto minmax(5rem, 1fr); } .mek-skeleton__identity .mek-skeleton__line--thumb { grid-row: 1 / 3; } .mek-skeleton-list__item { align-items: center; border-bottom: 1px solid var(--ui-skeleton-border, var(--mek-color-border-subtle)); display: grid; gap: .8rem; grid-template-columns: auto minmax(0, 1fr) auto; min-height: 4.25rem; padding: .75rem; } .mek-skeleton-list__item:last-child { border-bottom: 0; } .mek-skeleton-list__copy { display: grid; gap: .55rem; } .mek-skeleton-grid { display: grid !important; gap: var(--mek-space-4, 1rem); grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); } .mek-skeleton-card { background: var(--ui-skeleton-surface, var(--mek-color-surface)); border: 1px solid var(--ui-skeleton-border, var(--mek-color-border-subtle)); border-radius: var(--mek-radius, .75rem); display: grid; gap: .7rem; min-width: 0; padding: 1rem; } .mek-skeleton-detail { display: grid; gap: var(--mek-space-4, 1rem); } .mek-skeleton-detail__section { background: var(--ui-skeleton-surface, var(--mek-color-surface)); border: 1px solid var(--ui-skeleton-border, var(--mek-color-border-subtle)); border-radius: var(--mek-radius, .75rem); display: grid; gap: .75rem; padding: 1rem; } @keyframes mek-ui-shimmer { to { background-position-x: -220%; } } @media (max-width: 47.99rem) { .mek-skeleton-cell:nth-child(n + 5):not(:last-child) { display: none; } .mek-skeleton-card { padding: .8rem; } .mek-skeleton__line--media { height: 6rem; } } @media (prefers-reduced-motion: reduce) { :where(.mek-skeleton, .skeleton-card) { animation: none; } } @charset "UTF-8";: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-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--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,hsla(0,0%,100%,.15),hsla(0,0%,100%,0))}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}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]{text-decoration:underline;-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{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}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}[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}::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-inline,.list-unstyled{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,.img-thumbnail{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem}.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-auto>*{width:auto}.row-cols-1>*,.row-cols-auto>*{-ms-flex:0 0 auto;flex:0 0 auto}.row-cols-1>*{width:100%}.row-cols-2>*{width:50%}.row-cols-2>*,.row-cols-3>*{-ms-flex:0 0 auto;flex:0 0 auto}.row-cols-3>*{width:33.3333333333%}.row-cols-4>*{width:25%}.row-cols-4>*,.row-cols-5>*{-ms-flex:0 0 auto;flex:0 0 auto}.row-cols-5>*{width:20%}.row-cols-6>*{width:16.6666666667%}.col-auto,.row-cols-6>*{-ms-flex:0 0 auto;flex:0 0 auto}.col-auto{width:auto}.col-1{width:8.3333333333%}.col-1,.col-2{-ms-flex:0 0 auto;flex:0 0 auto}.col-2{width:16.6666666667%}.col-3{width:25%}.col-3,.col-4{-ms-flex:0 0 auto;flex:0 0 auto}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-5,.col-6{-ms-flex:0 0 auto;flex:0 0 auto}.col-6{width:50%}.col-7{width:58.3333333333%}.col-7,.col-8{-ms-flex:0 0 auto;flex:0 0 auto}.col-8{width:66.6666666667%}.col-9{width:75%}.col-9,.col-10{-ms-flex:0 0 auto;flex:0 0 auto}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-11,.col-12{-ms-flex:0 0 auto;flex:0 0 auto}.col-12{width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.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{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-sm-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-sm-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-sm-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-sm-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-sm-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-sm-6>*{width:16.6666666667%}.col-sm-auto,.row-cols-sm-6>*{-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-auto{width:auto}.col-sm-1{width:8.3333333333%}.col-sm-1,.col-sm-2{-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-3,.col-sm-4{-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-5,.col-sm-6{-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-7,.col-sm-8{-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-9,.col-sm-10{-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-11,.col-sm-12{-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-12{width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.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{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-md-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-md-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-md-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-md-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-md-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-md-6>*{width:16.6666666667%}.col-md-auto,.row-cols-md-6>*{-ms-flex:0 0 auto;flex:0 0 auto}.col-md-auto{width:auto}.col-md-1{width:8.3333333333%}.col-md-1,.col-md-2{-ms-flex:0 0 auto;flex:0 0 auto}.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-3,.col-md-4{-ms-flex:0 0 auto;flex:0 0 auto}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-5,.col-md-6{-ms-flex:0 0 auto;flex:0 0 auto}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-7,.col-md-8{-ms-flex:0 0 auto;flex:0 0 auto}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-9,.col-md-10{-ms-flex:0 0 auto;flex:0 0 auto}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-11,.col-md-12{-ms-flex:0 0 auto;flex:0 0 auto}.col-md-12{width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.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{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-lg-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-lg-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-lg-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-lg-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-lg-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-lg-6>*{width:16.6666666667%}.col-lg-auto,.row-cols-lg-6>*{-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-auto{width:auto}.col-lg-1{width:8.3333333333%}.col-lg-1,.col-lg-2{-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-3,.col-lg-4{-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-5,.col-lg-6{-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-7,.col-lg-8{-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-9,.col-lg-10{-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-11,.col-lg-12{-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-12{width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}.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{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xl-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xl-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xl-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xl-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xl-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xl-6>*{width:16.6666666667%}.col-xl-auto,.row-cols-xl-6>*{-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-auto{width:auto}.col-xl-1{width:8.3333333333%}.col-xl-1,.col-xl-2{-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-2{width:16.6666666667%}.col-xl-3{width:25%}.col-xl-3,.col-xl-4{-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-4{width:33.3333333333%}.col-xl-5{width:41.6666666667%}.col-xl-5,.col-xl-6{-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-6{width:50%}.col-xl-7{width:58.3333333333%}.col-xl-7,.col-xl-8{-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-8{width:66.6666666667%}.col-xl-9{width:75%}.col-xl-9,.col-xl-10{-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-10{width:83.3333333333%}.col-xl-11{width:91.6666666667%}.col-xl-11,.col-xl-12{-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-12{width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}.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{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xxl-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xxl-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xxl-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xxl-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xxl-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xxl-6>*{-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{width:auto}.col-xxl-1,.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-1{width:8.3333333333%}.col-xxl-2{width:16.6666666667%}.col-xxl-2,.col-xxl-3{-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-3{width:25%}.col-xxl-4{width:33.3333333333%}.col-xxl-4,.col-xxl-5{-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-5{width:41.6666666667%}.col-xxl-6{width:50%}.col-xxl-6,.col-xxl-7{-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-7{width:58.3333333333%}.col-xxl-8{width:66.6666666667%}.col-xxl-8,.col-xxl-9{-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-9{width:75%}.col-xxl-10{width:83.3333333333%}.col-xxl-10,.col-xxl-11{-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-11{width:91.6666666667%}.col-xxl-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.3333333333%}.offset-xxl-2{margin-left:16.6666666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333333%}.offset-xxl-5{margin-left:41.6666666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333333%}.offset-xxl-8{margin-left:66.6666666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333333%}.offset-xxl-11{margin-left:91.6666666667%}.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-striped-color:#212529;--bs-table-striped-bg:rgba(0,0,0,.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0,0,0,.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0,0,0,.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem;background-color:var(--bs-table-bg);background-image:linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));border-bottom-width:1px}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.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-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;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::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder,.form-control::-ms-input-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::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{transition:none}.form-control::file-selector-button{transition:none}}.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;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{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::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::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{max-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 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;vertical-align:middle;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%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;-webkit-appearance:none;appearance: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{color:#6c757d;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}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.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:50%;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-check-input{transition:none}}.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;charset=utf-8,%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 3 6-6'/%3E%3C/svg%3E")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");background-position:0;border-radius:2em}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%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:100%;background-image:url("data:image/svg+xml;charset=utf-8,%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;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;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{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;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{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);padding:1rem .75rem}.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::-webkit-input-placeholder{color:transparent}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control:-ms-input-placeholder,.form-floating>.form-control::-ms-input-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-ms-input-placeholder){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)~label,.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-ms-input-placeholder)~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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;-ms-flex:1 1 auto;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:-ms-flexbox;display:flex;-ms-flex-align:center;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:1.75rem}.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),.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>: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:4;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;charset=utf-8,%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;padding-right:calc(.75em + 2.3125rem);background-image:url("data:image/svg+xml;charset=utf-8,%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;charset=utf-8,%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 1.75rem;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}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:4;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;charset=utf-8,%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;padding-right:calc(.75em + 2.3125rem);background-image:url("data:image/svg+xml;charset=utf-8,%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;charset=utf-8,%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 1.75rem;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}.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;-ms-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-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{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-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{box-shadow:0 0 0 .25rem hsla(208,6%,54%,.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 hsla(208,6%,54%,.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-check:focus+.btn-success,.btn-success:focus,.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{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-check:focus+.btn-info,.btn-info:focus,.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{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-check:focus+.btn-warning,.btn-warning:focus,.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{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-check:focus+.btn-danger,.btn-danger:focus,.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{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-check:focus+.btn-light,.btn-light:focus,.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{box-shadow:0 0 0 .25rem hsla(210,2%,83%,.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 hsla(210,2%,83%,.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-check:focus+.btn-dark,.btn-dark:focus,.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{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 hsla(208,7%,46%,.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 hsla(208,7%,46%,.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}}.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;top:100%;left:0;z-index:5;display:none;min-width:10rem;padding:.5rem 0;margin:.125rem 0 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[style]{right:auto!important}.dropdown-menu-start{--bs-position:start;right:auto;left:0}.dropdown-menu-end{--bs-position:end;right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start;right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end;right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start;right:auto;left:0}.dropdown-menu-md-end{--bs-position:end;right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start;right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end;right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start;right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end;right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start;right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end;right:0;left:auto}}.dropup .dropdown-menu{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{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{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:"";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:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;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:hsla(0,0%,100%,.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:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;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{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;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.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;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}.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{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{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;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:-ms-flexbox;display:flex;-ms-flex-wrap:inherit;flex-wrap:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;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:-ms-flexbox;display:flex;-ms-flex-direction:column;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{-ms-flex-align:center;align-items:center;width:100%}.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:50%;background-size:100%}@media (min-width:576px){.navbar-expand-sm{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;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-collapse{display:-ms-flexbox!important;display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;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-collapse{display:-ms-flexbox!important;display:flex!important}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;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-collapse{display:-ms-flexbox!important;display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;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-collapse{display:-ms-flexbox!important;display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{-ms-flex-direction:row;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-collapse{display:-ms-flexbox!important;display:flex!important}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand .navbar-nav{-ms-flex-direction:row;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-collapse{display:-ms-flexbox!important;display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand,.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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' 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,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.55);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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{-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.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-bottom:-.5rem;border-bottom:0}.card-header-pills,.card-header-tabs{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:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;background-color:transparent;border:1px solid rgba(0,0,0,.125);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.collapsed{border-bottom-width:0}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff}.accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml;charset=utf-8,%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{-ms-flex-negative:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml;charset=utf-8,%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:first-of-type .accordion-button{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed,.accordion-item:last-of-type .accordion-collapse{border-bottom-width:1px;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-collapse{border:solid rgba(0,0,0,.125);border-width:0 1px}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-button{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item:first-of-type .accordion-button{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed{border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding: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:-ms-flexbox;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;border-color:#dee2e6}.page-link:focus,.page-link:hover{color:#0a58ca;background-color:#e9ecef}.page-link:focus{z-index:3;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;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}@keyframes a{0%{background-position-x:1rem}}.progress{height:1rem;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress,.progress-bar{display:-ms-flexbox;display:flex;overflow:hidden}.progress-bar{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;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,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite a}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.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;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{-ms-flex-direction:row;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{-ms-flex-direction:row;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{-ms-flex-direction:row;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{-ms-flex-direction:row;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{-ms-flex-direction:row;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{-ms-flex-direction:row;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;color:#000;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 11.414 0 NaN NaNlNaN NaN NaN NaNa1 1 0 111.414 1.414 NaN NaNlNaN NaN NaN NaNa1 1 0 1-1.414 NaN NaNlNaN NaN NaN NaNa1 1 0 1-1.414 NaN NaNlNaN NaN NaN NaNa1 1 0 10-1.414 NaN NaNz'/%3E%3C/svg%3E") 50%/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;-ms-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:hsla(0,0%,100%,.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:not(.showing):not(.show){opacity:0}.toast.hide{display:none}.toast-container{width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:hsla(0,0%,100%,.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}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:9;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translateY(-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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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:8;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding: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;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;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}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@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:11;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:10;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;margin:0 .3rem}.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],.bs-popover-top{margin-bottom:.5rem!important}.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],.bs-popover-end{margin-left:.5rem!important}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.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],.bs-popover-bottom{margin-top:.5rem!important}.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;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;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],.bs-popover-start{margin-right:.5rem!important}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.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 #d8d8d8;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;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%;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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;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;charset=utf-8,%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;charset=utf-8,%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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{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 li{background-color:#000}.carousel-dark .carousel-caption{color:#000}@keyframes b{to{transform:rotate(1turn)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite b}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes c{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite c}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.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(--aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--aspect-ratio:100%}.ratio-4x3{--aspect-ratio:75%}.ratio-16x9{--aspect-ratio:56.25%}.ratio-21x9{--aspect-ratio:42.85714%}.fixed-top{top:0}.fixed-bottom,.fixed-top{position:fixed;right:0;left:0;z-index:7}.fixed-bottom{bottom:0}.sticky-top{position:sticky;top:0;z-index:6}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:6}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:6}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:6}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:6}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:6}}.visually-hidden,.visually-hidden-focusable:not(:focus){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}.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}.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:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;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: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-0{border-width:0!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{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;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{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-evenly{-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-first{-ms-flex-order:-1!important;order:-1!important}.order-0{-ms-flex-order:0!important;order:0!important}.order-1{-ms-flex-order:1!important;order:1!important}.order-2{-ms-flex-order:2!important;order:2!important}.order-3{-ms-flex-order:3!important;order:3!important}.order-4{-ms-flex-order:4!important;order:4!important}.order-5{-ms-flex-order:5!important;order:5!important}.order-last{-ms-flex-order:6!important;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}.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}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-info{color:#0dcaf0!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:hsla(0,0%,100%,.5)!important}.text-reset{color:inherit!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}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#198754!important}.bg-info{background-color:#0dcaf0!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.bg-body,.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!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-break{word-wrap:break-word!important;word-break:break-word!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-ms-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}.rounded-end,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-end{border-bottom-right-radius:.25rem!important}.rounded-bottom,.rounded-start{border-bottom-left-radius:.25rem!important}.rounded-start{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:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;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{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-sm-evenly{-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-sm-first{-ms-flex-order:-1!important;order:-1!important}.order-sm-0{-ms-flex-order:0!important;order:0!important}.order-sm-1{-ms-flex-order:1!important;order:1!important}.order-sm-2{-ms-flex-order:2!important;order:2!important}.order-sm-3{-ms-flex-order:3!important;order:3!important}.order-sm-4{-ms-flex-order:4!important;order:4!important}.order-sm-5{-ms-flex-order:5!important;order:5!important}.order-sm-last{-ms-flex-order:6!important;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:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;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{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-md-evenly{-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-md-first{-ms-flex-order:-1!important;order:-1!important}.order-md-0{-ms-flex-order:0!important;order:0!important}.order-md-1{-ms-flex-order:1!important;order:1!important}.order-md-2{-ms-flex-order:2!important;order:2!important}.order-md-3{-ms-flex-order:3!important;order:3!important}.order-md-4{-ms-flex-order:4!important;order:4!important}.order-md-5{-ms-flex-order:5!important;order:5!important}.order-md-last{-ms-flex-order:6!important;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:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;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{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-lg-evenly{-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-lg-first{-ms-flex-order:-1!important;order:-1!important}.order-lg-0{-ms-flex-order:0!important;order:0!important}.order-lg-1{-ms-flex-order:1!important;order:1!important}.order-lg-2{-ms-flex-order:2!important;order:2!important}.order-lg-3{-ms-flex-order:3!important;order:3!important}.order-lg-4{-ms-flex-order:4!important;order:4!important}.order-lg-5{-ms-flex-order:5!important;order:5!important}.order-lg-last{-ms-flex-order:6!important;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:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;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{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-xl-evenly{-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-xl-first{-ms-flex-order:-1!important;order:-1!important}.order-xl-0{-ms-flex-order:0!important;order:0!important}.order-xl-1{-ms-flex-order:1!important;order:1!important}.order-xl-2{-ms-flex-order:2!important;order:2!important}.order-xl-3{-ms-flex-order:3!important;order:3!important}.order-xl-4{-ms-flex-order:4!important;order:4!important}.order-xl-5{-ms-flex-order:5!important;order:5!important}.order-xl-last{-ms-flex-order:6!important;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:-ms-flexbox!important;display:flex!important}.d-xxl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xxl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xxl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xxl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xxl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xxl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xxl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xxl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xxl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-xxl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xxl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;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{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xxl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xxl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xxl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xxl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-xxl-evenly{-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-xxl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xxl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xxl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xxl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xxl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xxl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xxl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xxl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xxl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xxl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xxl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xxl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xxl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xxl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xxl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xxl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xxl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-xxl-first{-ms-flex-order:-1!important;order:-1!important}.order-xxl-0{-ms-flex-order:0!important;order:0!important}.order-xxl-1{-ms-flex-order:1!important;order:1!important}.order-xxl-2{-ms-flex-order:2!important;order:2!important}.order-xxl-3{-ms-flex-order:3!important;order:3!important}.order-xxl-4{-ms-flex-order:4!important;order:4!important}.order-xxl-5{-ms-flex-order:5!important;order:5!important}.order-xxl-last{-ms-flex-order:6!important;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}.fs-sm-1{font-size:2.5rem!important}.fs-sm-2{font-size:2rem!important}.fs-sm-3{font-size:1.75rem!important}.fs-sm-4{font-size:1.5rem!important}.fs-md-1{font-size:2.5rem!important}.fs-md-2{font-size:2rem!important}.fs-md-3{font-size:1.75rem!important}.fs-md-4{font-size:1.5rem!important}.fs-lg-1{font-size:2.5rem!important}.fs-lg-2{font-size:2rem!important}.fs-lg-3{font-size:1.75rem!important}.fs-lg-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:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.d-print-none{display:none!important}} @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/build/media/fontawesome/fa-brands-400-home-5fcbe13eb40e.woff2) format("woff2"); } @font-face { font-family: "Font Awesome 6 Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url(/assets/build/media/fontawesome/fa-light-300-home-2cefe0542544.woff2) format("woff2"); } @font-face { font-family: "Font Awesome 6 Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/build/media/fontawesome/fa-regular-400-home-018b22a2d729.woff2) format("woff2"); } @font-face { font-family: "Font Awesome 6 Pro"; font-style: normal; font-weight: 900; font-display: swap; src: url(/assets/build/media/fontawesome/fa-solid-900-home-ddc35200102f.woff2) format("woff2"); } .fa, .fa-brands, .fa-light, .fa-regular, .fa-solid, .fab, .fal, .far, .fas { display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .fa { font-family: "Font Awesome 6 Pro"; font-weight: 900; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands"; font-weight: 400; } .fa-light, .fal { font-family: "Font Awesome 6 Pro"; font-weight: 300; } .fa-regular, .far { font-family: "Font Awesome 6 Pro"; font-weight: 400; } .fa-solid, .fas { font-family: "Font Awesome 6 Pro"; font-weight: 900; } .fa-bars::before { content: "\f0c9"; } .fa-behance::before { content: "\f1b4"; } .fa-bullhorn::before { content: "\f0a1"; } .fa-calendar-days::before { content: "\f073"; } .fa-copyright::before { content: "\f1f9"; } .fa-envelope::before { content: "\f0e0"; } .fa-facebook-f::before { content: "\f39e"; } .fa-heart::before { content: "\f004"; } .fa-instagram::before { content: "\f16d"; } .fa-linkedin-in::before { content: "\f0e1"; } .fa-paper-plane::before { content: "\f1d8"; } .fa-search::before { content: "\f002"; } .fa-times::before { content: "\f00d"; } .fa-vimeo-v::before { content: "\f27d"; } .fa-youtube::before { content: "\f167"; } .fa-cart-shopping::before { content: "\f07a"; } @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,:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{overflow:hidden;overflow:clip;list-style:none;padding:0}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:a 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack: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.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display: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;font-variant:normal;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.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:var(--swiper-pagination-bullet-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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.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:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,0.01))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,0.01))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align: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%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;-ms-touch-action:none;touch-action:none}.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{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;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;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-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden} @charset "UTF-8"; html { --coop-site-css-ready: 1; } :root { --theme-color: var(--mek-brand-primary); --theme-color2: var(--mek-brand-primary); --theme-dark: var(--mek-brand-navy); --theme-dark2: var(--mek-brand-navy-deep); --title-color: #1F1F1F; --body-color: #646766; --smoke-color: #EAF4FF; --smoke-color2: #F5F4EB; --smoke-color3: #F3F5F4; --smoke-color4: #D9E8F6; --smoke-color5: #F9F2CD; --th-border-color: #D4D4D4; --th-border-color2: #A9C6E4; --light-color: #EAF4FF; --light-color2: #8D98A9; --light-color3: #F1EEE3; --black-color: #000000; --black-color2: #00112B; --black-color3: #1D2E47; --black-color4: #08001C; --black-color5: #514845; --white-color: #ffffff; --th-border-color3: #E5E5E5; --gray-color: #FDF8EA; --black-color6: #2D333D; --black-color7: #0E0E13; --yellow-color: #FF9F43; --success-color: #28a745; --error-color: #dc3545; --th-border-color4: #353B45; --th-border-color5: #49515C; --th-border-color6: #383D46; --title-font: var(--mek-font-site-serif, "Libre Baskerville", serif); --title-font2: var(--mek-font-site-script, "Cookie", cursive); --body-font: var(--mek-font-site-sans, "Nunito Sans", sans-serif); --icon-font: "Font Awesome 6 Pro"; --main-container: 1320px; --container-gutters: 24px; --section-space: 120px; --section-space-mobile: 80px; --section-title-space: 60px; --ripple-ani-duration: 5s; --th-body-background: #ffffff; } html, body { --mek-font-sans: var(--mek-font-site-sans); --mek-font: var(--mek-font-site-sans); scroll-behavior: auto !important; } body { font-family: var(--body-font); font-size: 16px; font-weight: 400; color: var(--body-color); line-height: 26px; overflow-x: hidden; background: var(--th-body-background); -webkit-font-smoothing: antialiased; } body::-webkit-scrollbar { width: 10px; height: 10px; border-radius: 0px; } body::-webkit-scrollbar-track { background: rgba(252, 0, 18, 0.1); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 0px; } body::-webkit-scrollbar-thumb { background-color: var(--theme-color); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 20%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); border-radius: 0px; } body.theme-style2 { --theme-color2: #FF5C2A; } body.theme-style3 { --theme-color: #1882FF; } body.theme-style4 { --theme-color: #743EF9; } body.theme-style5 { --title-font: var(--title-font3); --theme-color2: #FF5C2A; } iframe { border: none; width: 100%; } .slick-slide:focus, button:focus, a:focus, a:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active { outline: none; } input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } img:not([draggable]), embed, object, video { max-width: 100%; height: auto; } ul { list-style-type: disc; } ol { list-style-type: decimal; } table { margin: 0 0 1.5em; width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid var(--th-border-color); } th { font-weight: 700; color: var(--title-color); } td, th { border: 1px solid var(--th-border-color); padding: 9px 12px; } a { color: var(--theme-color); text-decoration: none; outline: 0; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } a:hover { color: var(--title-color); } a:active, a:focus, a:hover, a:visited { text-decoration: none; outline: 0; } button { -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } img { border: none; max-width: 100%; } ins { text-decoration: none; } pre { font-family: var(--body-font); background: #f5f5f5; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; } span.ajax-loader:empty, p:empty { display: none; } p { font-family: var(--body-font); margin: 0 0 18px 0; color: var(--body-color); line-height: 1.75; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, span a { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { font-family: var(--title-font); color: var(--title-color); text-transform: none; font-weight: 700; line-height: 1.4; margin: 0 0 15px 0; } .h1, h1 { font-size: 84px; line-height: 1.142; } .h2, h2 { font-size: 48px; line-height: 1.227; } .h3, h3 { font-size: 36px; line-height: 1.278; } .h4, h4 { font-size: 30px; line-height: 1.333; } .h5, h5 { font-size: 24px; line-height: 1.417; } .h6, h6 { font-size: 20px; line-height: 1.5; } @media (max-width: 1399px) { .h1, h1 { font-size: 70px; line-height: 1.3; } .h2, h2 { font-size: 42px; line-height: 1.3; } } @media (max-width: 1199px) { .h1, h1 { font-size: 55px; line-height: 1.3; } .h2, h2 { font-size: 40px; line-height: 1.3; } .h3, h3 { font-size: 30px; } .h4, h4 { font-size: 24px; } .h5, h5 { font-size: 20px; } .h6, h6 { font-size: 16px; } } @media (max-width: 767px) { .h1, h1 { font-size: 40px; } .h2, h2 { font-size: 34px; line-height: 1.3; } .h3, h3 { font-size: 26px; } .h4, h4 { font-size: 22px; } .h5, h5 { font-size: 18px; } .h6, h6 { font-size: 16px; } } @media (max-width: 575px) { .h1, h1 { font-size: 34px; line-height: 1.35; } .h2, h2 { font-size: 28px; } } @media (max-width: 375px) { .h1, h1 { font-size: 32px; } } body.th-magic-cursor #magic-cursor { display: block; } #magic-cursor { position: absolute; display: none; width: 10px; height: 10px; pointer-events: none; z-index: 99999; opacity: 0; top: 0; left: 0; } #ball { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; border-radius: 50%; color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; mix-blend-mode: difference; background-color: var(--title-color); } .cursor-bg-red #ball { background-color: var(--theme-color2) !important; } .cursor-bg-red #ball .ball-view { color: var(--white-color); } .cursor-white-bg #ball { background-color: var(--white-color) !important; } .cursor-white-bg #ball .ball-view { color: var(--title-color); } .cursor-black-bg #ball { background-color: var(--title-color) !important; } .cursor-black-bg #ball .ball-view { color: var(--white-color); } .cursor-bg-green #ball { background-color: var(--theme-color) !important; } .cursor-bg-green #ball .ball-view { color: var(--white-color); } #ball .ball-view { position: absolute; opacity: 0; visibility: hidden; padding: 0 5px; font-size: 16px; font-weight: 600; line-height: 1.1; text-align: center; -webkit-transform: scale(0); transform: scale(0); font-family: var(--title-font); color: var(--title-color); } #ball .ball-drag { position: absolute; display: block; width: 100%; padding: 0 5px; font-size: 16px; font-weight: 600; line-height: 1.2; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; font-family: var(--title-font); color: var(--title-color); } #ball .ball-drag::before, #ball .ball-drag::after { position: absolute; top: 50%; margin-top: -5px; font-size: 19px; height: 10px; line-height: 10px; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; color: var(--white-color); font-family: var(--icon-font); -webkit-font-smoothing: antialiased; } #ball .ball-drag::before { content: "\f104"; left: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); -webkit-transition: all 0.25s; transition: all 0.25s; } #ball .ball-drag::after { content: "\f105"; right: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); -webkit-transition: all 0.25s; transition: all 0.25s; } #ball.with-blur { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #ball.ball-close-enabled { opacity: 1 !important; } #ball .ball-close { position: absolute; padding: 0 5px; font-size: 14px; font-weight: 600; line-height: 1; text-align: center; color: var(--title-color); } .th-magnetic-wrap { 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; } p.has-drop-cap { margin-bottom: 20px; } .page--item p:last-child .alignright { clear: right; } .blog-title, .pagi-title, .breadcumb-title { word-break: break-word; } .blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption { color: var(--body-color); } .bypostauthor, .gallery-caption { display: block; } .page-links, .clearfix { clear: both; } .page--item { margin-bottom: 30px; } .page--item p { line-height: 1.8; } .content-none-search { margin-top: 30px; } .wp-block-button.aligncenter { text-align: center; } .alignleft { display: inline; float: left; margin-bottom: 10px; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-bottom: 10px; margin-left: 1.5em; margin-right: 1em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 100%; } .gallery { margin-bottom: 1.5em; width: 100%; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 0 5px; } .wp-block-columns { margin-bottom: 1em; } figure.gallery-item { margin-bottom: 10px; display: inline-block; } figure.wp-block-gallery { margin-bottom: 14px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; font-size: 12px; color: var(--body-color); line-height: 1.5; padding: 0.5em 0; } .wp-block-cover p:not(.has-text-color), .wp-block-cover-image-text, .wp-block-cover-text { color: var(--white-color); } .wp-block-cover { margin-bottom: 15px; } .wp-caption-text { text-align: center; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption .wp-caption-text { margin: 0.5em 0; font-size: 14px; } .wp-block-media-text, .wp-block-media-text.alignwide, figure.wp-block-gallery { margin-bottom: 30px; } .wp-block-media-text.alignwide { background-color: var(--smoke-color); } .editor-styles-wrapper .has-large-font-size, .has-large-font-size { line-height: 1.4; } .wp-block-latest-comments a { color: inherit; } .wp-block-button { margin-bottom: 10px; } .wp-block-button:last-child { margin-bottom: 0; } .wp-block-button .wp-block-button__link { color: #fff; } .wp-block-button .wp-block-button__link:hover { color: #fff; background-color: var(--theme-color); } .wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent; border-color: var(--title-color); color: var(--title-color); } .wp-block-button.is-style-outline .wp-block-button__link:hover { color: #fff; background-color: var(--theme-color); border-color: var(--theme-color); } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } ol.wp-block-latest-comments li { margin: 15px 0; } ul.wp-block-latest-posts { padding: 0; margin: 0; margin-bottom: 15px; } ul.wp-block-latest-posts a { color: inherit; } ul.wp-block-latest-posts a:hover { color: var(--theme-color); } ul.wp-block-latest-posts li { margin: 15px 0; } .wp-block-search__inside-wrapper { position: relative; } .wp-block-search { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .wp-block-search:has(button) .wp-block-search__input { padding-right: 130px; } .wp-block-search .wp-block-search__input { width: 100%; max-width: 100%; padding-left: 25px; padding-right: 40px; border: 1px solid transparent; -webkit-box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.04); box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.04); border-radius: 50px; } .wp-block-search .wp-block-search__input:focus { border-color: var(--theme-color); } .wp-block-search .wp-block-search__button { margin: 0; min-width: 110px; height: 100%; border: none; color: #fff; background-color: var(--theme-color); border-radius: 0px; position: absolute; top: 0; right: 0; border-radius: 50px; } .wp-block-search .wp-block-search__button.has-icon { min-width: 56px; } .wp-block-search .wp-block-search__button:hover { background-color: var(--title-color); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:has(button) .wp-block-search__input { padding: 0 130px 0 25px; } ul.wp-block-rss a { color: inherit; } .wp-block-group.has-background { padding: 15px 15px 1px; margin-bottom: 30px; } .wp-block-table td, .wp-block-table th { border-color: rgba(0, 0, 0, 0.1); } .wp-block-table.is-style-stripes { border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .wp-block-table.is-style-stripes { border: 0; margin-bottom: 30px; border-bottom: 0; } .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-color: var(--th-border-color); } .logged-in .sticky-wrapper.sticky, .logged-in .preloader .th-btn { top: 32px; } @media (max-width: 782px) { .logged-in .sticky-wrapper.sticky, .logged-in .preloader .th-btn { top: 46px; } } @media (max-width: 600px) { .logged-in .sticky-wrapper.sticky, .logged-in .preloader .th-btn { top: 0; } } .post-password-form { margin-bottom: 30px; margin-top: 20px; } .post-password-form p { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; gap: 15px; } @media (max-width: 575px) { .post-password-form p { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .post-password-form label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-bottom: 0; line-height: 1; margin-top: 0; gap: 15px; } @media (max-width: 575px) { .post-password-form label { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .post-password-form input { width: 100%; border: none; height: 55px; padding-left: 25px; color: var(--body-color); border: 1px solid var(--th-border-color); } .post-password-form input[type=submit] { padding-left: 0; padding-right: 0; margin: 0; width: 140px; border: none; color: #fff; background-color: var(--theme-color); text-align: center; } .post-password-form input[type=submit]:hover { background-color: var(--title-color); } .page-links { clear: both; margin: 0 0 1.5em; padding-top: 1em; } .page-links > .page-links-title { margin-right: 10px; } .page-links > span:not(.page-links-title):not(.screen-reader-text), .page-links > a { display: inline-block; padding: 5px 13px; background-color: var(--white-color); color: var(--title-color); border: 1px solid rgba(0, 0, 0, 0.08); margin-right: 10px; } .page-links > span:not(.page-links-title):not(.screen-reader-text):hover, .page-links > a:hover { opacity: 0.8; color: var(--white-color); background-color: var(--theme-color); border-color: transparent; } .page-links > span:not(.page-links-title):not(.screen-reader-text).current, .page-links > a.current { background-color: var(--theme-color); color: var(--white-color); border-color: transparent; } .page-links span.screen-reader-text { display: none; } .blog-single .wp-block-archives-dropdown { margin-bottom: 30px; } .blog-single.format-quote, .blog-single.format-link, .blog-single.tag-sticky-2, .blog-single.sticky { border-color: transparent; position: relative; } .blog-single.format-quote .blog-content:before, .blog-single.format-link .blog-content:before, .blog-single.tag-sticky-2 .blog-content:before, .blog-single.sticky .blog-content:before { display: none; } .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before { content: "\f0c1"; position: absolute; font-family: var(--icon-font); font-size: 16px; font-weight: 500; opacity: 1; right: 0; top: 0; color: var(--white-color); background-color: var(--theme-color); z-index: 1; height: 44px; width: 44px; line-height: 44px; text-align: center; border-radius: 0 20px 0 20px; } @media (max-width: 767px) { .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before { border-radius: 0 10px 0 10px; } } .blog-single.tag-sticky-2::before, .blog-single.sticky::before { content: "\f08d"; } .blog-single.format-quote:before { content: "\f10e"; } .blog-single .blog-content .wp-block-categories-dropdown.wp-block-categories, .blog-single .blog-content .wp-block-archives-dropdown { display: block; margin-bottom: 30px; } .blog-details .blog-single:before { display: none; } .blog-details .blog-single .blog-content { background-color: transparent; overflow: hidden; } .blog-details .blog-single.format-chat .blog-meta { margin-bottom: 20px; } .blog-details .blog-single.format-chat .blog-content > p:nth-child(2n) { background: var(--smoke-color); padding: 5px 20px; } .blog-details .blog-single.tag-sticky-2, .blog-details .blog-single.sticky, .blog-details .blog-single.format-quote, .blog-details .blog-single.format-link { background-color: transparent; } .blog-details .blog-single.tag-sticky-2:before, .blog-details .blog-single.sticky:before, .blog-details .blog-single.format-quote:before, .blog-details .blog-single.format-link:before { display: none; } .nof-title { margin-top: -0.24em; } .th-search { background-color: var(--smoke-color2); margin-bottom: 30px; border-radius: 15px; overflow: hidden; } .th-search .search-grid-content { padding: 30px; } @media (max-width: 767px) { .th-search .search-grid-content { padding: 20px; } } .th-search .search-grid-title { font-size: 20px; margin-bottom: 5px; margin-top: 0; } .th-search .search-grid-title a { color: inherit; } .th-search .search-grid-title a:hover { color: var(--theme-color); } .th-search .search-grid-meta > * { display: inline-block; margin-right: 15px; font-size: 14px; } .th-search .search-grid-meta > *:last-child { margin-right: 0; } .th-search .search-grid-meta a, .th-search .search-grid-meta span { color: var(--body-color); } @media (max-width: 767px) { .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before { font-size: 14px; width: 40px; height: 40px; line-height: 40px; } } @media (max-width: 768px) { .wp-block-latest-comments { padding-left: 10px; } .page--content.clearfix + .th-comment-form { margin-top: 24px; } } .blog-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid var(--th-border-color); padding: 40px 0 0; margin-top: 40px; margin-bottom: 40px; } .blog-navigation > div { min-width: 220px; } .blog-navigation .nav-text { font-size: 18px; font-family: var(--body-font); color: var(--title-color); display: inline-block; font-weight: 600; -webkit-transition: 0.4s; transition: 0.4s; } .blog-navigation .nav-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .blog-navigation .nav-btn img { border-radius: 16px; } .blog-navigation .nav-btn.next { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .blog-navigation .nav-btn:hover .nav-text { color: var(--theme-color); } .blog-navigation .blog-btn { font-size: 38px; color: var(--light-color); } .blog-navigation .blog-btn:hover { color: var(--theme-color); } @media (max-width: 575px) { .blog-navigation > div { min-width: 150px; } .blog-navigation .nav-img { width: 50px; } .blog-navigation .nav-btn { gap: 8px; } .blog-navigation .nav-btn img { width: 50px !important; border-radius: 5px; } .blog-navigation .nav-text { font-size: 14px; } .blog-navigation .blog-btn { display: none; } } .wp-block-latest-comments__comment-excerpt p { margin-bottom: 0; } .wp-block-social-links { margin-bottom: 0; } .woosw-list table.woosw-items .woosw-item .woosw-item--name a:hover { color: var(--theme-color); } .woosw-list table.woosw-items tr td { padding: 20px; } .woosw-list table.woosw-items .woosw-item .woosw-item--name a { font-size: 20px; color: var(--title-color); } .woosw-list table.woosw-items tr .woosw-item--actions { width: 88px; } .single-give_forms .give_forms { margin: 0 !important; } [id*=give-form] div.summary, [id*=give-form] div#give-sidebar-left { float: none !important; width: 100% !important; } [id*=give-form] div.images { margin: 0 0 40px !important; overflow: hidden !important; border-radius: 30px !important; } [id*=give-form] .give-form-title { font-size: 40px !important; margin: 0 0 30px !important; } .give_error, .give_success, .give_warning { -webkit-box-shadow: none !important; box-shadow: none !important; margin: 30px 0 30px 40px !important; z-index: auto !important; background: transparent !important; } .give_error:after, .give_success:after, .give_warning:after { content: ""; position: absolute; inset: 0 0 0 -43px; border-radius: 30px; background: var(--gray-color); z-index: -1; } form[id*=give-form] .give-deenion-amount { margin: 0 0 20px !important; position: relative; } form[id*=give-form] .give-deenion-amount .give-currency-symbol.give-currency-position-before { position: absolute; left: 5px; top: 5px; right: auto; margin: 0; padding: 0; width: 50px; height: 50px; line-height: 50px; background: var(--theme-color); border-radius: 50%; text-align: center; font-size: 24px; font-weight: 700; color: var(--white-color); } form[id*=give-form] .give-deenion-amount #give-amount, form[id*=give-form] .give-deenion-amount #give-amount-text { -webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.08); background: var(--white-color); height: 60px; padding: 0 20px 0 65px; font-size: 22px; font-weight: 700; color: var(--title-color); min-width: 260px; border: 0; border-radius: 50px; } .give-btn { border: 1px solid var(--th-border-color); font-size: 16px; font-weight: 600; color: var(--title-color); border-radius: 30px; height: 40px; line-height: 40px; min-width: 100px; padding: 0 34px; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; background: transparent; } form[id*=give-form] #give-gateway-radio-list > li input[type=radio] { display: none !important; } form[id*=give-form] #give-gateway-radio-list > li label.give-gateway-option { display: inline-block !important; } #give-recurring-form .give-section-break, #give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form .give-section-break, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] .give-section-break, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend { font-size: 24px !important; color: var(--title-color) !important; margin: 10px 0 20px !important; padding: 0 0 15px !important; } #give-recurring-form .form-row .give-input-field-wrapper, #give-recurring-form .form-row input[type=email], #give-recurring-form .form-row input[type=password], #give-recurring-form .form-row input[type=tel], #give-recurring-form .form-row input[type=text], #give-recurring-form .form-row input[type=url], #give-recurring-form .form-row select, #give-recurring-form .form-row textarea, form.give-form .form-row .give-input-field-wrapper, form.give-form .form-row input[type=email], form.give-form .form-row input[type=password], form.give-form .form-row input[type=tel], form.give-form .form-row input[type=text], form.give-form .form-row input[type=url], form.give-form .form-row select, form.give-form .form-row textarea, form[id*=give-form] .form-row .give-input-field-wrapper, form[id*=give-form] .form-row input[type=email], form[id*=give-form] .form-row input[type=password], form[id*=give-form] .form-row input[type=tel], form[id*=give-form] .form-row input[type=text], form[id*=give-form] .form-row input[type=url], form[id*=give-form] .form-row select, form[id*=give-form] .form-row textarea { padding: 0 30px !important; border-radius: 50px !important; } .give-submit-button-wrap .give-submit, [id^=give-user-login-submit] .give-submit { height: 60px !important; background: var(--theme-color) !important; border: 0 !important; color: var(--white-color) !important; } .give-submit-button-wrap .give-submit:hover, [id^=give-user-login-submit] .give-submit:hover { background: var(--theme-color2) !important; } form[id*=give-form] #give-final-total-wrap .give-deenion-total-label { background: transparent; padding: 0; border: 0; } form[id*=give-form] #give-final-total-wrap .give-final-total-amount { background: transparent; padding: 0; border: 0; margin-left: 10px; font-size: 20px; font-weight: 700; color: var(--theme-color); } @media (max-width: 1399px) { :root { --main-container: 1250px; } } @media only screen and (min-width: 1300px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: calc(var(--main-container) + var(--container-gutters)); padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2); } .container-xxl.px-0, .container-xl.px-0, .container-lg.px-0, .container-md.px-0, .container-sm.px-0, .container.px-0 { max-width: var(--main-container); } } @media only screen and (min-width: 1300px) { .th-container { --main-container: 1617px; } .th-container2 { --main-container: 1730px; } } @media only screen and (max-width: 1600px) { .container-fluid.px-0 { padding-left: 15px !important; padding-right: 15px !important; } .container-fluid.px-0 .row { margin-left: 0 !important; margin-right: 0 !important; } } .container-gallery { max-width: 1840px; } .custom-container1 { max-width: 1880px; margin-left: auto; margin-right: auto; border-radius: 24px; } .slick-track > [class*=col] { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } @media (min-width: 1300px) { .row { --bs-gutter-x: 24px; } } .gy-30 { --bs-gutter-y: 30px; } .g-0 { --bs-gutter-y: 0; --bs-gutter-x: 0; } .gx-0 { --bs-gutter-x: 0; } .gy-40 { --bs-gutter-y: 40px; } .gy-50 { --bs-gutter-y: 50px; } .gy-60 { --bs-gutter-y: 60px; } .gx-10 { --bs-gutter-x: 10px; } .gy-10 { --bs-gutter-y: 10px; } @media (min-width: 1500px) { .gx-100 { --bs-gutter-x: 100px; } } @media (min-width: 1299px) { .gx-60 { --bs-gutter-x: 60px; } .gx-80 { --bs-gutter-x: 80px; } } @media (min-width: 1399px) { .gx-30 { --bs-gutter-x: 30px; } .gx-25 { --bs-gutter-x: 25px; } .gx-40 { --bs-gutter-x: 40px; } } @media (max-width: 991px) { .gy-50 { --bs-gutter-y: 40px; } } select, .form-control, .form-select, textarea, input { height: 56px; padding: 0 25px 0 25px; padding-right: 45px; border: 1px solid transparent; color: var(--body-color); background-color: var(--smoke-color); border-radius: 50px; font-size: 14px; font-weight: 400; width: 100%; font-family: var(--body-font); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } select:focus, .form-control:focus, .form-select:focus, textarea:focus, input:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; border-color: var(--th-border-color); background-color: var(--smoke-color2); } select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { color: var(--body-color); } select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: var(--body-color); } select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: var(--body-color); } select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: var(--body-color); } select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { color: var(--body-color); } select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: var(--body-color); } select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder { color: var(--body-color); } select::placeholder, .form-control::placeholder, .form-select::placeholder, textarea::placeholder, input::placeholder { color: var(--body-color); } input[type=date] { padding: 0 25px 0 25px; position: relative; } input[type=date]::-webkit-calendar-picker-indicator { background: transparent; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; } input[type=time] { padding: 0 30px; position: relative; } input[type=time]::-webkit-calendar-picker-indicator { background: transparent; position: absolute; left: 0px; height: 100%; width: 100%; z-index: 1; cursor: pointer; } .form-select, select { display: block; width: 100%; line-height: 1.5; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf-8,%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-position: right 26px center; background-repeat: no-repeat; background-size: 16px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .form-select.style2, select.style2 { background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E"); } textarea.form-control, textarea { min-height: 200px; padding-top: 25px; padding-bottom: 25px; border-radius: 24px; } textarea.form-control.style2, textarea.style2 { min-height: 100px; } .form-group { margin-bottom: var(--bs-gutter-x); position: relative; } .form-group > i { display: inline-block; position: absolute; right: 25px; top: 19px; font-size: 16px; color: var(--body-color); } .form-group > i.fa-envelope { padding-top: 1px; } .form-group > i.fa-comment { margin-top: -2px; } .form-group > i.fa-chevron-down { width: 17px; background-color: var(--smoke-color2); } .form-group.has-label > i { top: 50px; } .form-group.style-border textarea, .form-group.style-border input { background: transparent; border: 1px solid var(--th-border-color); } .form-group.style-border i { color: var(--body-color); } .form-group.style-border select { background-color: transparent; border: 1px solid var(--th-border-color); } .form-group.style-border2 textarea, .form-group.style-border2 input { background: transparent; border: 1px solid var(--th-border-color); border-radius: 10px; } .form-group.style-border2 select { background: transparent; border: 1px solid var(--th-border-color); border-radius: 10px; } .form-group.style-border2 i { color: var(--theme-color); top: 22px; } .form-group.style-border3 textarea, .form-group.style-border3 input { background: var(--white-color); border: 1px solid var(--th-border-color); color: var(--body-color); } .form-group.style-border3 textarea::-webkit-input-placeholder, .form-group.style-border3 input::-webkit-input-placeholder { color: var(--body-color); } .form-group.style-border3 textarea::-moz-placeholder, .form-group.style-border3 input::-moz-placeholder { color: var(--body-color); } .form-group.style-border3 textarea:-ms-input-placeholder, .form-group.style-border3 input:-ms-input-placeholder { color: var(--body-color); } .form-group.style-border3 textarea::-ms-input-placeholder, .form-group.style-border3 input::-ms-input-placeholder { color: var(--body-color); } .form-group.style-border3 textarea::placeholder, .form-group.style-border3 input::placeholder { color: var(--body-color); } .form-group.style-border3 select { background: var(--white-color); border: 1px solid var(--th-border-color); } .form-group.style-border3 i { color: var(--body-color); top: 20px; background: transparent; } .form-group.style-border4 textarea, .form-group.style-border4 input { background: var(--white-color); border: 1px solid var(--th-border-color); border-radius: 10px; color: var(--body-color); } .form-group.style-border4 textarea::-webkit-input-placeholder, .form-group.style-border4 input::-webkit-input-placeholder { color: var(--body-color); } .form-group.style-border4 textarea::-moz-placeholder, .form-group.style-border4 input::-moz-placeholder { color: var(--body-color); } .form-group.style-border4 textarea:-ms-input-placeholder, .form-group.style-border4 input:-ms-input-placeholder { color: var(--body-color); } .form-group.style-border4 textarea::-ms-input-placeholder, .form-group.style-border4 input::-ms-input-placeholder { color: var(--body-color); } .form-group.style-border4 textarea::placeholder, .form-group.style-border4 input::placeholder { color: var(--body-color); } .form-group.style-border4 select { background: var(--white-color); border: 1px solid var(--th-border-color); } .form-group.style-border4 i { color: var(--body-color); bottom: 20px; top: auto; background: transparent; } .form-group.style-white .form-select, .form-group.style-white .form-control { background: var(--white-color); } .form-group.style-white > i { top: 20px; background: transparent; color: var(--theme-color); } .form-group.style-dark { position: relative; z-index: 1; -ms-flex-item-align: self-start; align-self: self-start; } .form-group.style-dark:after { content: ""; position: absolute; top: 0; left: var(--bs-gutter-x)/2; width: calc(100% - var(--bs-gutter-x) / 1); height: 100%; background: var(--theme-color); opacity: 0.4; border-radius: 50px; z-index: -1; } .form-group.style-dark .form-select, .form-group.style-dark .form-control { background: transparent; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); color: var(--white-color); } .form-group.style-dark .form-select::-webkit-input-placeholder, .form-group.style-dark .form-control::-webkit-input-placeholder { color: var(--th-border-color); } .form-group.style-dark .form-select::-moz-placeholder, .form-group.style-dark .form-control::-moz-placeholder { color: var(--th-border-color); } .form-group.style-dark .form-select:-ms-input-placeholder, .form-group.style-dark .form-control:-ms-input-placeholder { color: var(--th-border-color); } .form-group.style-dark .form-select::-ms-input-placeholder, .form-group.style-dark .form-control::-ms-input-placeholder { color: var(--th-border-color); } .form-group.style-dark .form-select::placeholder, .form-group.style-dark .form-control::placeholder { color: var(--th-border-color); } .form-group.style-dark > i { top: 20px; background: transparent; color: var(--th-border-color); } .form-group.style-dark2 .form-select, .form-group.style-dark2 .form-control { background: var(--black-color3); border: 1px solid var(--th-border-color2); color: #6B7586; border-radius: 0; } .form-group.style-dark2 .form-select::-webkit-input-placeholder, .form-group.style-dark2 .form-control::-webkit-input-placeholder { color: #6B7586; } .form-group.style-dark2 .form-select::-moz-placeholder, .form-group.style-dark2 .form-control::-moz-placeholder { color: #6B7586; } .form-group.style-dark2 .form-select:-ms-input-placeholder, .form-group.style-dark2 .form-control:-ms-input-placeholder { color: #6B7586; } .form-group.style-dark2 .form-select::-ms-input-placeholder, .form-group.style-dark2 .form-control::-ms-input-placeholder { color: #6B7586; } .form-group.style-dark2 .form-select::placeholder, .form-group.style-dark2 .form-control::placeholder { color: #6B7586; } .form-group.style-dark2 > i { top: 20px; background: transparent; color: #6B7586; } .form-group.style-dark3 .form-select, .form-group.style-dark3 .form-control { background: var(--title-color); border: 1px solid var(--black-color4); color: var(--white-color); border-radius: 0; } .form-group.style-dark3 > i { top: 20px; background: transparent; color: var(--theme-color); } .form-group.style-radius .form-select, .form-group.style-radius .form-control { border-radius: 30px; } .form-group.style-shadow .form-select, .form-group.style-shadow .form-control { -webkit-box-shadow: 0px 2px 4px rgba(2, 29, 53, 0.1); box-shadow: 0px 2px 4px rgba(2, 29, 53, 0.1); } [class*=col-].form-group > i { right: calc(var(--bs-gutter-x) / 2 + 25px); } .form-rounded-10 .form-control, .form-rounded-10 .form-select { border-radius: 10px !important; } .form-rounded-10 .th-btn { border-radius: 10px; } option:checked, option:focus, option:hover { background-color: var(--theme-color); color: var(--white-color); } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } input[type=checkbox] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none; } input[type=checkbox]:checked ~ label:before { content: "\f00c"; color: var(--white-color); background-color: var(--theme-color); border-color: var(--theme-color); } input[type=checkbox] ~ label { position: relative; padding-left: 30px; cursor: pointer; display: block; } input[type=checkbox] ~ label:before { content: ""; font-family: var(--icon-font); font-weight: 700; position: absolute; left: 0px; top: 3.5px; background-color: var(--white-color); border: 1px solid var(--th-border-color); height: 18px; width: 18px; line-height: 18px; text-align: center; font-size: 12px; } input[type=checkbox].style2 ~ label { color: #8B929C; padding-left: 23px; margin-bottom: -0.5em; } input[type=checkbox].style2 ~ label:before { background-color: rgba(255, 255, 255, 0.1); border: 1px solid #8B929C; height: 14px; width: 14px; line-height: 14px; border-radius: 3px; top: 6px; } input[type=checkbox].style2:checked ~ label:before { color: var(--theme-color); } input[type=radio] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none; } input[type=radio] ~ label { position: relative; padding-left: 20px; cursor: pointer; line-height: 1; display: inline-block; font-weight: 500; font-size: 16px; margin-bottom: 0; } input[type=radio] ~ label::before { content: ""; position: absolute; left: 0; top: 1px; width: 13px; height: 13px; padding-left: 0; text-align: center; border: 1px solid var(--body-color); border-radius: 100%; background: var(--white-color); color: transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } input[type=radio] ~ label:after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--body-color); left: 3px; top: 4px; -webkit-transition: 0.4s; transition: 0.4s; } input[type=radio]:checked ~ label::before { border-color: var(--theme-color); } input[type=radio]:checked ~ label:after { background: var(--theme-color); } label { margin-bottom: 0.5em; margin-top: -0.3em; display: block; color: var(--title-color); font-family: var(--body-font); font-size: 16px; } textarea.is-invalid, select.is-invalid, input.is-invalid, .was-validated input:invalid { border: 1px solid var(--error-color) !important; background-position: right calc(0.375em + 0.8875rem) center; background-image: none; } textarea.is-invalid:focus, select.is-invalid:focus, input.is-invalid:focus, .was-validated input:invalid:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } textarea.is-invalid { background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem); } .row.no-gutters > .form-group { margin-bottom: 0; } .form-messages { display: none; } .form-messages.mb-0 * { margin-bottom: 0; } .form-messages.success { color: var(--success-color); display: block; } .form-messages.error { color: var(--error-color); display: block; } .form-messages pre { padding: 0; background-color: transparent; color: inherit; } .swiper-wrapper.row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .th-slider.has-shadow { padding-left: 12px; padding-right: 12px; margin: -25px -12px; } .th-slider.has-shadow .swiper-wrapper { padding: 25px 0; } .th-slider .nav.nav-tabs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: 0; } .swiper-fade .swiper-slide { -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; opacity: 0 !important; } .swiper-fade .swiper-slide.swiper-slide-active { opacity: 1 !important; } .swiper-fade .swiper-slide-prev { opacity: 0; } .swiper-pagination-bullets { position: relative; z-index: 3; text-align: center; margin: 50px 0 0px 0; line-height: 30px; height: 30px; } .swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; --swiper-pagination-bullet-size: 16px; --swiper-pagination-bullet-horizontal-gap: 8px; opacity: 1; background-color: transparent; border: 1px solid rgba(211, 219, 226, 0.5); position: relative; -webkit-transition: 0.4s; transition: 0.4s; cursor: pointer; } .swiper-pagination-bullets .swiper-pagination-bullet:before { content: ""; position: absolute; inset: 3px; -webkit-transform: scale(0); transform: scale(0); background: var(--theme-color); border-radius: inherit; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--theme-color); } .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before { -webkit-transform: scale(1); transform: scale(1); border-color: var(--theme-color); } .slider-pagination { bottom: 0 !important; } .slider-pagination.style2 .swiper-pagination-bullet { background: var(--white-color); --swiper-pagination-bullet-size: 6px; } .slider-pagination.style2 .swiper-pagination-bullet:before { -webkit-transform: scale(0); transform: scale(0); border: 1px solid var(--theme-color); } .slider-pagination.style2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--white-color); } .slider-pagination.style2 .swiper-pagination-bullet.swiper-pagination-bullet-active:before { border: 1px solid var(--white-color); } .slider-pagination.style3 .swiper-pagination-bullet { background: var(--theme-color); -webkit-transition: 0.4s; transition: 0.4s; --swiper-pagination-bullet-size: 16px; --swiper-pagination-bullet-horizontal-gap: 8px; } .slider-pagination.style3 .swiper-pagination-bullet:before { display: none; } .slider-pagination.style3 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--theme-color2); -webkit-transform: scale(1.5); transform: scale(1.5); } .slider-pagination.swiper-pagination-progressbar { width: -webkit-fill-available; position: relative; height: 2px; background: var(--th-border-color); top: auto; bottom: 0px; margin: 70px 0px 0; } .slider-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { height: 2px; top: auto; bottom: 0; background: var(--theme-color); } .slider-area { position: relative; } .slider-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; background-color: var(--theme-color); color: var(--white-color); position: absolute; top: 50%; border: none; left: var(--pos-x, -120px); width: var(--icon-size, 48px); height: var(--icon-size, 48px); line-height: var(--icon-size, 48px); font-size: var(--icon-font-size, 18px); margin-top: calc(var(--icon-size, 56px) / -2); z-index: 3; border-radius: 99px; } .slider-arrow.default { position: relative; --pos-x: 0; margin-top: 0; } .slider-arrow.default.slider-prev { margin-right: 10px; } .slider-arrow.slider-next { right: var(--pos-x, -120px); left: auto; } .slider-arrow:hover { background-color: var(--title-color); color: var(--white-color); } .slider-arrow.style2 { background: transparent; border: 1px solid var(--th-border-color); color: var(--title-color); --icon-size: 56px; } @media (max-width: 575px) { .slider-arrow.style2 { --icon-size: 48px; font-size: 14px; } } .slider-arrow.style2:hover { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); } .slider-arrow.style3 { background: transparent; border: 1px solid var(--th-border-color); color: var(--white-color); --icon-size: 56px; } @media (max-width: 575px) { .slider-arrow.style3 { --icon-size: 48px; font-size: 14px; } } .slider-arrow.style3:hover { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); } .slider-arrow.style4 { background: var(--theme-color); border: 0; color: var(--white-color); --icon-size: 56px; } @media (max-width: 575px) { .slider-arrow.style4 { --icon-size: 48px; font-size: 14px; } } .slider-arrow.style4:hover { background: var(--theme-color2); color: var(--title-color); } .slider-arrow.style5 { background: var(--theme-color); border: 1px solid var(--white-color); color: var(--white-color); --icon-size: 56px; width: 70px; } @media (max-width: 575px) { .slider-arrow.style5 { --icon-size: 48px; font-size: 14px; } } .slider-arrow.style5:hover { background: var(--theme-color2); color: var(--title-color); } .arrow-margin .slider-arrow { top: calc(50% - 30px); } .arrow-wrap { position: relative; } .arrow-wrap .slider-arrow { opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); transform: scale(0.4); } .arrow-wrap:hover .slider-arrow { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .slider-pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .slider-pagination-wrap .slider-arrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; opacity: 1; -webkit-transform: none; transform: none; visibility: visible; display: block; margin: 0; } .slider-pagination-wrap .slider-pagination { margin-top: 0; } @media (max-width: 1500px) { .slider-arrow { --arrow-horizontal: -20px; --pos-x: -30px; } } @media (max-width: 1399px) { .slider-arrow { --arrow-horizontal: 40px; --pos-x: -30px; } } @media (max-width: 991px) { .slider-arrow { display: none; } } .icon-box .slider-arrow { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } @media (max-width: 991px) { .icon-box .slider-arrow { display: inline-block !important; } } @media (max-width: 991px) { .slider-arrow { --icon-size: 40px; line-height: 38px; margin-right: 40px; } .slider-arrow.slider-next { margin-right: 0; } .slick-dots { margin: 40px 0 0 0; } .icon-box .slider-arrow { margin-right: 0; } } .th-menu-wrapper { position: fixed; top: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 999999; width: 0; width: 100%; height: 100%; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; opacity: 0; visibility: hidden; } .th-menu-wrapper .mobile-logo { padding-bottom: 30px; padding-top: 40px; display: block; text-align: center; background-color: var(--smoke-color2); } .th-menu-wrapper .mobile-logo svg { max-width: 185px; } .th-menu-wrapper .th-menu-toggle { border: none; font-size: 22px; position: absolute; right: -16.5px; top: 25px; padding: 0; line-height: 1; width: 33px; height: 33px; line-height: 35px; font-size: 18px; z-index: 1; color: var(--white-color); background-color: var(--theme-color); border-radius: 50%; } .th-menu-wrapper .th-menu-toggle:hover { background-color: var(--title-color); color: var(--white-color); } .th-menu-wrapper .th-menu-area { width: 100%; max-width: 310px; background-color: #fff; border-right: 3px solid var(--theme-color); height: 100%; position: relative; left: -110%; opacity: 0; visibility: hidden; -webkit-transition: all ease 1s; transition: all ease 1s; z-index: 1; } .th-menu-wrapper .th-menu-area .th-menu-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow-y: scroll; } .th-menu-wrapper .th-mobile-menu-bottom { margin-top: auto; padding: 30px; text-align: start; } @media (max-width: 575px) { .th-menu-wrapper .th-mobile-menu-bottom { padding: 20px; } } .th-menu-wrapper .th-mobile-menu-bottom .contact-info-wrap { margin-top: 15px; } .th-menu-wrapper .th-mobile-menu-bottom .contact-info-wrap .contact-info i { margin-right: 10px; } .th-menu-wrapper .th-mobile-menu-bottom .contact-info-wrap .contact-info a { color: var(--title-color); } .th-menu-wrapper .th-mobile-menu-bottom .contact-info-wrap .contact-info a:hover { color: var(--theme-color); } .th-menu-wrapper .th-mobile-menu-bottom .contact-info-wrap .contact-info:not(:last-child) { margin-bottom: 10px; } .th-menu-wrapper .th-mobile-menu-bottom .th-mobile-search { position: relative; margin-bottom: 15px; } .th-menu-wrapper .th-mobile-menu-bottom .th-mobile-search input { padding-right: 55px; } .th-menu-wrapper .th-mobile-menu-bottom .th-mobile-search .icon-btn { position: absolute; right: 5px; top: 5px; width: 46px; height: 46px; } .th-menu-wrapper .th-mobile-menu-bottom .th-mobile-search .icon-btn:hover { background: var(--title-color); color: var(--white-color); } .th-menu-wrapper .th-mobile-menu-bottom .th-social { margin-top: 15px; } .th-menu-wrapper.th-body-visible { opacity: 1; visibility: visible; } .th-menu-wrapper.th-body-visible .th-menu-area { left: 0; opacity: 1; visibility: visible; } .th-mobile-menu { padding-bottom: 40px; margin-top: 23px; text-align: left; } .th-mobile-menu ul { margin: 0; padding: 0 0; } .th-mobile-menu ul li { border-bottom: 1px solid var(--th-border-color); list-style-type: none; } .th-mobile-menu ul li li:first-child { border-top: 1px solid var(--th-border-color); } .th-mobile-menu ul li a { display: block; position: relative; padding: 12px 0; line-height: 1.4; font-size: 16px; text-transform: capitalize; color: var(--title-color); padding-left: 18px; } .th-mobile-menu ul li a:before { content: "\f105"; font-family: var(--icon-font); position: absolute; left: 0; top: 12px; margin-right: 10px; display: inline-block; } .th-mobile-menu ul li.th-active > a { color: var(--theme-color); } .th-mobile-menu ul li.th-active > a:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .th-mobile-menu ul li ul li { padding-left: 20px; } .th-mobile-menu ul li ul li:last-child { border-bottom: none; } .th-mobile-menu ul .menu-item-has-children > a .th-mean-expand { position: absolute; right: 0; top: 50%; font-weight: 400; font-size: 12px; width: 25px; height: 25px; line-height: 25px; margin-top: -12.5px; display: inline-block; text-align: center; background-color: var(--smoke-color); color: var(--title-color); -webkit-box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5); box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5); border-radius: 50%; } .th-mobile-menu ul .menu-item-has-children > a .th-mean-expand:before { content: "\f067"; font-family: var(--icon-font); } .th-mobile-menu ul .menu-item-has-children > a:after { content: "\f067"; font-family: var(--icon-font); width: 22px; height: 22px; line-height: 22px; display: inline-block; text-align: center; font-size: 12px; border-radius: 50px; background-color: var(--smoke-color); float: right; margin-top: 1px; } .th-mobile-menu ul .menu-item-has-children.th-active > a .th-mean-expand:before { content: "\f068"; } .th-mobile-menu ul .menu-item-has-children.th-active > a:after { content: "\f068"; } .th-mobile-menu > ul { padding: 0 30px; } .th-mobile-menu > ul > li:last-child { border-bottom: none; } .th-menu-toggle { width: 56px; height: 56px; padding: 0; font-size: 20px; border: none; background-color: var(--theme-color); color: var(--white-color); display: inline-block; border-radius: 5px; } .th-menu-toggle:hover { background-color: var(--title-color); } .th-menu-toggle.style-text, .th-menu-toggle.style-text-white { width: auto; height: auto; background-color: transparent; color: var(--title-color); font-size: 20px; } .th-menu-toggle.style-text i, .th-menu-toggle.style-text-white i { margin-right: 10px; } .th-menu-toggle.style-text-white { color: var(--white-color); } @media (max-width: 400px) { .th-menu-wrapper .th-menu-area { width: 100%; max-width: 270px; } .th-mobile-menu > ul { padding: 0 20px; } } .preloader { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; background-color: var(--white-color); } .preloader .th-btn { padding: 15px 20px; border-radius: 0; font-size: 14px; } .preloader-inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; line-height: 1; } .preloader-inner img { display: block; margin: 0 auto 0 auto; } .loader { font-size: 80px; display: inline-block; font-family: var(--title-font); font-weight: 700; color: var(--white-color); -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: 0 0 2px var(--theme-color), 0 0 2px var(--theme-color), 0 0 2px var(--theme-color); position: relative; } .loading-text { position: absolute; left: 0; top: 0; color: var(--theme-color); width: 100%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation: animloader 6s linear infinite; animation: animloader 6s linear infinite; } @-webkit-keyframes animloader { 0% { width: 0%; } 100% { width: 100%; } } @keyframes animloader { 0% { width: 0%; } 100% { width: 100%; } } .th-btn { position: relative; z-index: 2; vertical-align: middle; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; text-align: center; background-color: var(--theme-color); color: var(--title-color); font-family: var(--body-font); font-size: 16px; font-weight: 700; line-height: 0.7; min-height: 56px; padding: 21px 30px; min-width: 170px; border-radius: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .th-btn:after { content: ""; position: absolute; inset: 0; background: var(--theme-color2); z-index: -1; -webkit-transition: 0.5s; transition: 0.5s; -webkit-mask-image: url(/assets/build/media/main-img/theme-img/btn-mask-7553e2e81c1d.png); mask-image: url(/assets/build/media/main-img/theme-img/btn-mask-7553e2e81c1d.png); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-animation: ani2 0.7s steps(22) forwards; animation: ani2 0.7s steps(22) forwards; } .th-btn:focus, .th-btn:hover, .th-btn:active { background: var(--theme-color); color: var(--white-color); } .th-btn:focus:after, .th-btn:hover:after, .th-btn:active:after { -webkit-animation: ani 0.7s steps(22) forwards; animation: ani 0.7s steps(22) forwards; } .th-btn:focus .arrow-angle, .th-btn:hover .arrow-angle, .th-btn:active .arrow-angle { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .th-btn.style2 { color: var(--white-color); background: var(--theme-color2); } .th-btn.style2:after { background: var(--theme-color); } .th-btn.style2:focus, .th-btn.style2:active, .th-btn.style2:hover { color: var(--title-color); } .th-btn.style3 { background: var(--white-color); } .th-btn.style3:focus, .th-btn.style3:active, .th-btn.style3:hover { color: var(--title-color); } .th-btn.style4 { background: var(--theme-color2); } .th-btn.style4:after { background: var(--white-color); } .th-btn.style4:focus, .th-btn.style4:active, .th-btn.style4:hover { color: var(--title-color); } .th-btn.style5 { background: var(--white-color); color: var(--white-color); } .th-btn.style5:after { background: var(--title-color); } .th-btn.style5:focus, .th-btn.style5:active, .th-btn.style5:hover { color: var(--title-color); } .th-btn.style6 { background: var(--theme-color); color: var(--white-color); } .th-btn.style6:after { background: var(--title-color); } .th-btn.style-border { border: 1px solid var(--th-border-color); color: var(--title-color); background: var(--theme-color); } .th-btn.style-border:after { background: var(--white-color); } .th-btn.style-border:focus, .th-btn.style-border:active, .th-btn.style-border:hover { border-color: var(--theme-color); color: var(--white-color); } .th-btn.style-border2 { border: 1px solid var(--th-border-color); color: var(--title-color); background: var(--theme-color2); } .th-btn.style-border2:after { background: var(--white-color); } .th-btn.style-border2:focus, .th-btn.style-border2:active, .th-btn.style-border2:hover { border-color: var(--theme-color2); background: var(--theme-color2); } .th-btn.style-border3 { border: 1px solid var(--theme-color2); color: var(--white-color); background: var(--white-color); } .th-btn.style-border3:after { background: var(--theme-color); } .th-btn.style-border3:focus, .th-btn.style-border3:active, .th-btn.style-border3:hover { border-color: var(--theme-color2); background: var(--theme-color2); color: var(--title-color); } .th-btn.style-border4 { border: 1px solid var(--th-border-color); color: var(--title-color); background: var(--theme-color); } .th-btn.style-border4:after { background: var(--smoke-color); } .th-btn.style-border4:focus, .th-btn.style-border4:active, .th-btn.style-border4:hover { border-color: var(--theme-color); background: var(--theme-color); color: var(--white-color); } .th-btn.btn-fw { width: 100%; } .th-btn.btn-fw:before, .th-btn.btn-fw:after { display: none; } .th-btn.btn-fw:focus, .th-btn.btn-fw:active, .th-btn.btn-fw:hover { background: var(--theme-color); color: var(--white-color); } .th-btn.btn-lg { padding: 26px 34px; min-height: 64px; } .th-btn.btn-md { padding: 20px 48px; } .th-btn.btn-sm { padding: 16px 25px; min-width: 140px; min-height: 46px; } .th-btn.btn-sm.style-border2 { padding: 15px 16px; } .th-btn.btn-radius-0 { border-radius: 0; } .th-btn.btn-radius-8 { border-radius: 8px; } .th-btn.btn-radius-10 { border-radius: 10px; } .th-btn.btn-radius-16 { border-radius: 16px; } .th-btn .arrow-angle { -webkit-transition: 0.4s; transition: 0.4s; } @-webkit-keyframes ani { from { -webkit-mask-position: 0 0; mask-position: 0 0; } to { -webkit-mask-position: 100% 0; mask-position: 100% 0; } } @keyframes ani { from { -webkit-mask-position: 0 0; mask-position: 0 0; } to { -webkit-mask-position: 100% 0; mask-position: 100% 0; } } @-webkit-keyframes ani2 { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes ani2 { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } } @-webkit-keyframes btn-icon-anim { 0% { top: 0; right: 2px; } 25% { top: -10px; right: -10px; } 50% { top: 10px; opacity: 0; right: 17px; } 100% { top: 0; right: 2px; opacity: 1; } } @keyframes btn-icon-anim { 0% { top: 0; right: 2px; } 25% { top: -10px; right: -10px; } 50% { top: 10px; opacity: 0; right: 17px; } 100% { top: 0; right: 2px; opacity: 1; } } .woosw-btn.woosw-btn-icon-only, .icon-btn { width: var(--btn-size, 56px); height: var(--btn-size, 56px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: var(--btn-font-size, 20px); background-color: var(--icon-bg, var(--theme-color)); color: var(--white-color); text-align: center; border-radius: 50%; border: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; position: relative; } .woosw-btn.woosw-btn-icon-only:hover, .icon-btn:hover { background-color: var(--theme-color2); color: var(--white-color); border: 0; } .woosw-btn.woosw-btn-icon-only.style2, .icon-btn.style2 { background-color: var(--smoke-color4); color: var(--title-color); border: none; } .woosw-btn.woosw-btn-icon-only.style2:hover, .icon-btn.style2:hover { background-color: var(--theme-color); color: var(--white-color); } .woosw-btn.woosw-btn-icon-only.style3, .icon-btn.style3 { background-color: var(--title-color); color: var(--white-color); border: none; } .woosw-btn.woosw-btn-icon-only.style3:hover, .icon-btn.style3:hover { background-color: var(--theme-color2); } .woosw-btn.woosw-btn-icon-only.style4, .icon-btn.style4 { background-color: var(--theme-color2); color: var(--white-color); border: none; } .woosw-btn.woosw-btn-icon-only.style4:hover, .icon-btn.style4:hover { background-color: var(--white-color); color: var(--title-color); } .woosw-btn.woosw-btn-icon-only.style5, .icon-btn.style5 { background-color: var(--theme-color2); color: var(--white-color); border: none; } .woosw-btn.woosw-btn-icon-only.style5:hover, .icon-btn.style5:hover { background-color: var(--title-color); } .woosw-btn.woosw-btn-icon-only.style6, .icon-btn.style6 { background-color: var(--theme-color2); color: var(--title-color); border: none; } .woosw-btn.woosw-btn-icon-only.style6:hover, .icon-btn.style6:hover { background-color: var(--theme-color); color: var(--white-color); } .woosw-btn.woosw-btn-icon-only.style7, .icon-btn.style7 { background-color: var(--theme-color); color: var(--white-color); border: none; } .woosw-btn.woosw-btn-icon-only.style7:hover, .icon-btn.style7:hover { background-color: var(--theme-color2); color: var(--title-color); } .woosw-btn.woosw-btn-icon-only.style8, .icon-btn.style8 { background-color: var(--white-color); color: var(--title-color); border: none; } .woosw-btn.woosw-btn-icon-only.style8:hover, .icon-btn.style8:hover { background-color: var(--title-color); color: var(--white-color); } .woosw-btn.woosw-btn-icon-only.style9, .icon-btn.style9 { background-color: var(--theme-color); color: var(--white-color); border: none; } .woosw-btn.woosw-btn-icon-only.style9:hover, .icon-btn.style9:hover { background-color: var(--white-color); color: var(--title-color); } .woosw-btn.woosw-btn-icon-only.style-border, .icon-btn.style-border { border: 1px solid var(--th-border-color); background: transparent; color: var(--title-color); } .woosw-btn.woosw-btn-icon-only.style-border:hover, .icon-btn.style-border:hover { background: var(--theme-color); border: 1px solid var(--theme-color); color: var(--white-color); } .woosw-btn.woosw-btn-icon-only.style-border2, .icon-btn.style-border2 { border: 1px solid var(--title-color); background: transparent; color: var(--title-color); --btn-size: 48px; } .woosw-btn.woosw-btn-icon-only.style-border2:hover, .icon-btn.style-border2:hover { background: var(--theme-color); border: 1px solid var(--theme-color); color: var(--white-color); } .woosw-btn.woosw-btn-icon-only.style-border3, .icon-btn.style-border3 { border: 1px solid var(--white-color); background: transparent; color: var(--white-color); } .woosw-btn.woosw-btn-icon-only.style-border3:hover, .icon-btn.style-border3:hover { background: var(--theme-color2); border: 1px solid var(--theme-color2); color: var(--title-color); } .woosw-btn.woosw-btn-icon-only.style-border4, .icon-btn.style-border4 { border: 1px solid var(--th-border-color2); background: transparent; color: var(--title-color); } .woosw-btn.woosw-btn-icon-only.style-border4:hover, .icon-btn.style-border4:hover { background: var(--theme-color); border: 1px solid var(--theme-color); color: var(--white-color); } .woosw-btn.woosw-btn-icon-only.style-border5, .icon-btn.style-border5 { border: 1px solid var(--body-color); background: transparent; color: var(--theme-color); --btn-size: 44px; font-size: 14px; } .woosw-btn.woosw-btn-icon-only.style-border5:hover, .icon-btn.style-border5:hover { background: var(--theme-color); border: 1px solid var(--theme-color); color: var(--white-color); } .woosw-btn.woosw-btn-icon-only.style-border6, .icon-btn.style-border6 { border: 1px solid var(--white-color); background: transparent; color: var(--white-color); background: rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .woosw-btn.woosw-btn-icon-only.style-border6:hover, .icon-btn.style-border6:hover { background: var(--theme-color); border: 1px solid var(--theme-color); color: var(--white-color); } .play-btn { display: inline-block; position: relative; z-index: 1; } .play-btn > i { display: inline-block; width: var(--icon-size, 56px); height: var(--icon-size, 56px); line-height: var(--icon-size, 56px); text-align: center; background-color: var(--white-color); color: var(--theme-color); font-size: var(--icon-font-size, 1.4em); border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .play-btn:after, .play-btn:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--white-color); z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .play-btn:after { -webkit-animation-delay: 2s; animation-delay: 2s; } .play-btn:hover:after, .play-btn:hover::before, .play-btn:hover i { background-color: var(--theme-color); color: var(--white-color); } .play-btn.style2 { --icon-size: 150px; --icon-font-size: 40px; background: transparent; } .play-btn.style2 i { color: var(--white-color); background: transparent; border: 1px solid var(--white-color); } .play-btn.style2:before, .play-btn.style2:after { background-color: transparent; border: 1px solid var(--white-color); } .play-btn.style2:hover i { background-color: var(--white-color); color: var(--theme-color); } .play-btn.style2:hover:before, .play-btn.style2:hover:after { background-color: var(--white-color); } @media (max-width: 1399px) { .play-btn.style2 { --icon-size: 100px; --icon-font-size: 30px; } } .play-btn.style3 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 138px; height: 138px; line-height: 138px; text-align: center; background-color: var(--theme-color); color: var(--theme-color2); border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .play-btn.style3:before, .play-btn.style3:after { display: none; } .play-btn.style3:hover { background-color: var(--theme-color2); color: var(--title-color); } .play-btn.style4 > i { --icon-size: 64px; background: var(--theme-color2); color: var(--title-color); } .play-btn.style4:before, .play-btn.style4:after { background: var(--theme-color2); } .play-btn.style4:hover > i { background: var(--theme-color); color: var(--white-color); } .play-btn.style4:hover:before, .play-btn.style4:hover:after { background: var(--theme-color); } .link-btn { font-weight: 600; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 0.8; position: relative; padding-bottom: 2px; margin-bottom: -2px; text-transform: uppercase; color: var(--title-color); } .link-btn .icon { overflow: hidden; display: inline-block; position: relative; top: -2px; } .link-btn i { -webkit-transition: 0.1s all; transition: 0.1s all; position: relative; font-size: 14px; top: -1px; } .link-btn:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: var(--theme-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .link-btn:hover, .link-btn.active { color: var(--theme-color); } .link-btn:hover::before, .link-btn.active::before { width: 100%; } .link-btn:hover i.fa-arrow-up-right, .link-btn.active i.fa-arrow-up-right { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .link-btn.style2 { color: var(--white-color); } .link-btn.style2:before { width: 100%; background: var(--white-color); } .link-btn.style2:hover { color: var(--theme-color); } .link-btn.style2:hover:before { background: var(--theme-color); width: 70%; } .link-btn.style3 { color: var(--theme-color); margin-bottom: 0; } .link-btn.style3:before { width: 100%; background: var(--theme-color); } .link-btn.style3:hover { color: var(--white-color); } .link-btn.style3:hover:before { background: var(--white-color); width: 70%; } .link-btn.style4 { color: var(--title-color); margin-bottom: 0; } .link-btn.style4:before { width: 100%; background: var(--title-color); } .link-btn.style4:hover:before { width: 70%; } .scroll-top { position: fixed; right: 30px; bottom: 55px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50px; z-index: 10000; opacity: 1; visibility: hidden; -webkit-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all 300ms linear; transition: all 300ms linear; } .scroll-top:after { content: "\f062"; font-family: var(--icon-font); position: absolute; text-align: center; line-height: 50px; font-size: 20px; color: var(--theme-color); left: 0; top: 0; height: 50px; width: 50px; cursor: pointer; display: block; z-index: 1; border: 2px solid var(--theme-color); -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; } .scroll-top svg { color: var(--theme-color); border-radius: 50%; background: var(--white-color); } .scroll-top svg path { fill: none; } .scroll-top .progress-circle path { stroke: var(--theme-color); stroke-width: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .scroll-top.show { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .sec-title { margin-bottom: calc(var(--section-title-space) - 11px); margin-top: -0.2em; text-transform: capitalize; font-weight: 700; } .sub-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 24px; font-weight: 400; font-family: var(--title-font2); color: var(--title-color); margin-bottom: 24px; line-height: 24px; margin-top: -0.07em; position: relative; } @media (max-width: 375px) { .sub-title img { width: 20px; } } .box-title { font-size: 24px; line-height: 1.417; font-weight: 600; margin-top: -0.32em; } .box-title a { color: inherit; } .box-title a:hover { color: var(--theme-color); } .box-subtitle { margin-bottom: 8px; } .box-title2 { font-size: 20px; line-height: 1.5; font-weight: 700; margin-top: -0.35em; } .box-title2 a { color: inherit; } .box-title2 a:hover { color: var(--theme-color); } .title-area { margin-bottom: calc(var(--section-title-space) - 12px); position: relative; z-index: 2; } .title-area .sec-title { margin-bottom: 22px; } .title-area.text-center .sub-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) { .title-area.text-lg-start.text-center .sub-title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } @media (min-width: 1200px) { .title-area.text-xl-start.text-center .sub-title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } .mb-32 { margin-bottom: 32px; } hr.title-line { margin-top: 0; background-color: var(--th-border-color); opacity: 1; margin-bottom: var(--section-title-space) !important; } .sec-btn { text-align: center; } .sec-btn, .title-line { margin-bottom: var(--section-title-space); } .shadow-title { font-family: var(--title-font); font-size: 74px; font-weight: 900; line-height: 1; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226, 232, 250, 0.7)), color-stop(88.54%, rgba(226, 232, 250, 0))); background-image: linear-gradient(180deg, rgba(226, 232, 250, 0.7) 0%, rgba(226, 232, 250, 0) 88.54%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin: -0.55em 0 -0.45em -0.25em; } .shadow-title.color2 { background-image: -webkit-gradient(linear, left top, left bottom, from(#232C47), color-stop(91.15%, rgba(20, 29, 56, 0))); background-image: linear-gradient(180deg, #232C47 0%, rgba(20, 29, 56, 0) 91.15%); } .shadow-title.color3 { background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), color-stop(93.75%, rgba(220, 214, 214, 0))); background-image: linear-gradient(180deg, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%); } .title-area2 { padding: 50px 100px; } .title-area2 .subtitle { color: var(--white-color); text-transform: uppercase; margin-top: -0.4em; margin-bottom: 5px; display: block; } .title-area2 .title { color: var(--white-color); max-width: 430px; margin-bottom: -0.26em; } @media (max-width: 1700px) { .title-area2 { padding: 50px 50px; } } @media (max-width: 1199px) { .sub-title { margin-bottom: 20px; } .shadow-title { font-size: 64px; } .title-area, .sec-title { --section-title-space: 60px; } .title-area.mb-45, .sec-title.mb-45 { margin-bottom: 36px; } .title-area.mb-50, .sec-title.mb-50 { margin-bottom: 40px; } .sec-btn, .title-line { --section-title-space: 55px; } .title-area2 .title { max-width: 300px; } } @media (max-width: 991px) { .shadow-title { font-size: 60px; } .title-area, .sec-title { --section-title-space: 50px; } .title-area.mb-45, .sec-title.mb-45 { margin-bottom: 35px; } .sec-btn, .title-line { --section-title-space: 50px; } .sub-title.h4 { font-size: 22px; } } @media (max-width: 767px) { .title-area2 { text-align: center; } .title-area2 .title { max-width: 100%; } } @media (max-width: 575px) { .shadow-title { font-size: 52px; } } @media (max-width: 375px) { .shadow-title { font-size: 40px; } .title-area2 { padding: 40px 20px; } } .shape-mockup-wrap { z-index: 2; position: relative; } .shape-mockup { position: absolute; z-index: -1; pointer-events: none; } .shape-mockup.z-index-3 { z-index: 3; pointer-events: none; } .shape-mockup.z-index-1 { z-index: 1; pointer-events: none; } .shape-mockup .svg-img { height: 110px; width: 110px; } .z-index-step1 { position: relative; z-index: 4 !important; } .z-index-common { position: relative; z-index: 3; } .z-index-3 { z-index: 3; } .z-index-n1 { z-index: -1; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .badge { position: absolute; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; text-align: center; background-color: var(--theme-color); color: var(--white-color); padding: 0.25em 0.45em; font-size: 0.7em; border-radius: 50%; top: 8px; right: 8px; font-weight: 400; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .th-social { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .th-social a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: var(--icon-size, 32px); height: var(--icon-size, 32px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: 1px solid #3B5950; color: var(--white-color); font-size: 10px; text-align: center; margin-right: 15px; border-radius: 50%; } .th-social a:last-child { margin-right: 0; } .th-social a:hover { background-color: var(--theme-color); border: 1px solid var(--theme-color); color: var(--white-color); } .th-social.style2 a { --icon-size: 40px; border: 1px solid var(--th-border-color2); font-size: 14px; color: var(--title-color); } .th-social.style2 a:hover { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); } .th-social.style3 a { --icon-size: 40px; border: 1px solid var(--th-border-color); color: var(--title-color); font-size: 16px; } .th-social.style3 a:hover { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); } .th-social.style4 a { --icon-size: 32px; border: 1px solid var(--th-border-color2); font-size: 14px; color: var(--title-color); } .th-social.style4 a:hover { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); } .th-social.style5 a { --icon-size: 32px; border-color: var(--theme-color); margin-right: 10px; } .th-social.style5 a:hover { background: var(--theme-color); color: var(--white-color); } .th-social.style6 a { --icon-size: 32px; border: 1px solid rgba(8, 0, 28, 0.3); font-size: 14px; color: var(--title-color); } .th-social.style6 a:hover { background: var(--white-color); border-color: var(--white-color); color: var(--theme-color); } .th-social.style7 a { --icon-size: 32px; border: 1px solid #808182; font-size: 14px; color: var(--title-color); } .th-social.style7 a:hover { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); } .bg-mask { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .box-icon img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .box-text { margin-bottom: -0.5em; } .th-bg-img { position: absolute; inset: 0; } .th-bg-img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .color-masking { position: relative; display: inline-block; } .color-masking .masking-src { position: absolute; inset: 0; mix-blend-mode: color; background: var(--theme-color); } .color-masking2 { position: relative; display: inline-block; } .color-masking2 .masking-src { position: absolute; inset: 0; mix-blend-mode: color; background: var(--theme-color2); } .mfp-zoom-in .mfp-content { opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(0.5); transform: scale(0.5); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .mfp-zoom-in.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.7; } .mfp-zoom-in.mfp-removing .mfp-content { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .th-radius { border-radius: 50px; } .th--hover-item { position: relative; } .th--hover-img { display: inline-block; position: relative; } .th--hover-img canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .img-cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .font-icon { font-family: var(--icon-font); } .font-title { font-family: var(--title-font); } .font-title2 { font-family: var(--title-font2); } .font-body { font-family: var(--body-font); } .fw-extralight { font-weight: 100; } .fw-light { font-weight: 300; } .fw-normal { font-weight: 400; } .fw-medium { font-weight: 500; } .fw-semibold { font-weight: 600; } .fw-bold { font-weight: 700; } .fw-extrabold { font-weight: 800; } .fs-md { font-size: 18px; } .fs-16 { font-size: 16px !important; } .fs-xs { font-size: 14px; } .bg-theme { background-color: var(--theme-color) !important; } .bg-theme2 { background-color: var(--theme-color2) !important; } .bg-theme-dark { background-color: var(--theme-dark) !important; } .bg-theme-dark2 { background-color: var(--theme-dark2) !important; } .bg-smoke { background-color: var(--smoke-color) !important; } .bg-smoke2 { background-color: var(--smoke-color2) !important; } .bg-smoke3 { background-color: var(--smoke-color3) !important; } .bg-smoke4 { background-color: var(--smoke-color4) !important; } .bg-smoke5 { background-color: var(--smoke-color5) !important; } .bg-gray { background-color: var(--gray-color) !important; } .bg-white { background-color: var(--white-color) !important; } .bg-light { background-color: var(--light-color) !important; } .bg-light2 { background-color: var(--light-color2) !important; } .bg-light3 { background-color: var(--light-color3) !important; } .bg-black { background-color: var(--black-color) !important; } .bg-black2 { background-color: var(--black-color2) !important; } .bg-black3 { background-color: var(--black-color3) !important; } .bg-black4 { background-color: var(--black-color4) !important; } .bg-black5 { background-color: var(--black-color5) !important; } .bg-title { background-color: var(--title-color) !important; } .bg-body { background-color: var(--body-color) !important; } .gradient-body { background-image: linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%); } .gr-bg1 { background-image: linear-gradient(80deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 23.81%, rgba(198, 241, 255, 0.3) 45.3%, rgba(248, 242, 222, 0.3) 68.4%, rgba(212, 179, 253, 0.3) 99.5%); } .gr-bg2 { background-image: linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%); } .gr-bg3 { background-image: linear-gradient(110.59deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .gr-bg4 { background-image: linear-gradient(105.44deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } .background-image, [data-bg-src] { background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-fluid { background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } .bg-auto { background-size: auto auto; } .bg-center { background-size: auto; background-position: center center; } .bg-top-center { background-size: auto; background-position: top center; } .bg-repeat { background-size: auto; background-repeat: repeat; } .bg-bottom-right { background-size: auto; background-position: bottom right; } .bg-top-right { background-size: auto; background-position: top right; } .bg-top-left { background-size: auto; background-position: top left; } .bg-attachment { background-attachment: fixed; } .text-theme { color: var(--theme-color) !important; } .text-theme2 { color: var(--theme-color2) !important; } .text-title { color: var(--title-color) !important; } .text-body { color: var(--body-color) !important; } .text-white { color: var(--white-color) !important; } .text-light { color: var(--light-color) !important; } .text-yellow { color: var(--yellow-color) !important; } .text-success { color: var(--success-color) !important; } .text-error { color: var(--error-color) !important; } .text-inherit { color: inherit; } .text-inherit:hover { color: var(--theme-color); } a.text-theme:hover, .text-reset:hover { text-decoration: underline; } .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .position-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } [data-overlay] { position: relative; z-index: 2; } [data-overlay] [class^=col-], [data-overlay] [class*=col-] { z-index: 1; } [data-overlay]:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } [data-overlay=theme]:before { background-color: var(--theme-color); } [data-overlay=title]:before { background-color: var(--title-color); } [data-overlay=theme-dark]:before { background-color: var(--theme-dark); } [data-overlay=theme-dark2]:before { background-color: var(--theme-dark2); } [data-overlay=smoke]:before { background-color: var(--smoke-color); } [data-overlay=gray]:before { background-color: var(--gray-color); } [data-overlay=white]:before { background-color: var(--white-color); } [data-overlay=black]:before { background-color: var(--black-color); } [data-overlay=black4]:before { background-color: var(--black-color4); } [data-overlay=black5]:before { background-color: var(--black-color5); } [data-overlay=black7]:before { background-color: var(--black-color7); } [data-opacity="1"]:before { opacity: 0.1; } [data-opacity="2"]:before { opacity: 0.2; } [data-opacity="3"]:before { opacity: 0.3; } [data-opacity="4"]:before { opacity: 0.4; } [data-opacity="5"]:before { opacity: 0.5; } [data-opacity="6"]:before { opacity: 0.6; } [data-opacity="7"]:before { opacity: 0.7; } [data-opacity="8"]:before { opacity: 0.8; } [data-opacity="9"]:before { opacity: 0.9; } [data-opacity="10"]:before { opacity: 1; } .ripple-animation, .play-btn:after, .play-btn:before { -webkit-animation-duration: var(--ripple-ani-duration); animation-duration: var(--ripple-ani-duration); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 30% { opacity: 0.4; } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 30% { opacity: 0.4; } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } } @-webkit-keyframes ripple2 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 30% { opacity: 0.4; } 100% { -webkit-transform: scale(2.8); transform: scale(2.8); opacity: 0; } } @keyframes ripple2 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 30% { opacity: 0.4; } 100% { -webkit-transform: scale(2.8); transform: scale(2.8); opacity: 0; } } .bounce { -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .fancy-animation { -webkit-animation: morph 8s ease-in-out infinite; animation: morph 8s ease-in-out infinite; } @-webkit-keyframes morph { 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 morph { 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%; } } .movingX { -webkit-animation: movingX 8s linear infinite; animation: movingX 8s linear infinite; } @-webkit-keyframes movingX { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes movingX { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .shake { -webkit-animation: shake 2s linear infinite; animation: shake 2s linear infinite; } @-webkit-keyframes shake { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes shake { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .movingCar { -webkit-animation: movingCar 25s linear infinite; animation: movingCar 25s linear infinite; } @-webkit-keyframes movingCar { 0% { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); } 50% { -webkit-transform: translateX(calc(-100vw + 108%)); transform: translateX(calc(-100vw + 108%)); } 51% { -webkit-transform: translateX(calc(-100vw + 108%)) rotateY(180deg); transform: translateX(calc(-100vw + 108%)) rotateY(180deg); } 100% { -webkit-transform: translateX(0) rotateY(180deg); transform: translateX(0) rotateY(180deg); } } @keyframes movingCar { 0% { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); } 50% { -webkit-transform: translateX(calc(-100vw + 108%)); transform: translateX(calc(-100vw + 108%)); } 51% { -webkit-transform: translateX(calc(-100vw + 108%)) rotateY(180deg); transform: translateX(calc(-100vw + 108%)) rotateY(180deg); } 100% { -webkit-transform: translateX(0) rotateY(180deg); transform: translateX(0) rotateY(180deg); } } .moving { -webkit-animation: moving 8s linear infinite; animation: moving 8s linear infinite; } @-webkit-keyframes moving { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moving { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .jump { -webkit-animation: jumpAni 7s linear infinite; animation: jumpAni 7s linear infinite; } @-webkit-keyframes jumpAni { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes jumpAni { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .jump-reverse { -webkit-animation: jumpReverseAni 7s linear infinite; animation: jumpReverseAni 7s linear infinite; } @-webkit-keyframes jumpReverseAni { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes jumpReverseAni { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .spin { -webkit-animation: spin 10s linear infinite; animation: spin 10s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .bg-color-ani, .color-animate { -webkit-animation: bgColor 6s linear infinite; animation: bgColor 6s linear infinite; } @-webkit-keyframes bgColor { 0% { background-color: #F2BA4C; } 25% { background-color: #81F24C; } 50% { background-color: #41F27D; } 75% { background-color: #0500FF; } 100% { background-color: #F2BA4C; } } @keyframes bgColor { 0% { background-color: #F2BA4C; } 25% { background-color: #81F24C; } 50% { background-color: #41F27D; } 75% { background-color: #0500FF; } 100% { background-color: #F2BA4C; } } @-webkit-keyframes animate-positive { 0% { width: 0; } } @keyframes animate-positive { 0% { width: 0; } } .fadein, .scalein, .slidetopleft, .slidebottomright, .slideinleft, .slideinright, .slideindown, .slideinup, .rollinleft, .rollinright { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-name: var(--animation-name); animation-name: var(--animation-name); } .swiper-slide-active .fadein { --animation-name: fadein; } .swiper-slide-active .scalein { --animation-name: scalein; } .swiper-slide-active .slidetopleft { --animation-name: slidetopleft; } .swiper-slide-active .slidebottomright { --animation-name: slidebottomright; } .swiper-slide-active .slideinleft { --animation-name: slideinleft; } .swiper-slide-active .slideinright { --animation-name: slideinright; } .swiper-slide-active .slideinup { --animation-name: slideinup; } .swiper-slide-active .slideindown { --animation-name: slideindown; } .swiper-slide-active .rollinleft { --animation-name: rollinleft; } .swiper-slide-active .rollinright { --animation-name: rollinright; } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes slideinup { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideinup { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideinright { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideinright { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideindown { 0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideindown { 0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideinleft { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideinleft { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slidebottomright { 0% { opacity: 0; -webkit-transform: translateX(120px) translateY(120px); transform: translateX(120px) translateY(120px); } 100% { opacity: 1; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } } @keyframes slidebottomright { 0% { opacity: 0; -webkit-transform: translateX(120px) translateY(120px); transform: translateX(120px) translateY(120px); } 100% { opacity: 1; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } } @-webkit-keyframes slidetopleft { 0% { opacity: 0; -webkit-transform: translateX(-100px) translateY(-100px); transform: translateX(-100px) translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } } @keyframes slidetopleft { 0% { opacity: 0; -webkit-transform: translateX(-100px) translateY(-100px); transform: translateX(-100px) translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } } .spin2 { -webkit-animation: spin2 10s linear infinite; animation: spin2 10s linear infinite; } @-webkit-keyframes spin2 { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes spin2 { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .animation-bubble { width: 100%; position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; z-index: 1; pointer-events: none; } .animation-bubble div[class^=bubble-] { height: 1px; width: 1px; position: absolute; background-size: cover; border-radius: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } @media (max-width: 1024px) { .animation-bubble > :nth-child(even) { display: none; } } .bubble-1 { bottom: -5px; left: 68%; -webkit-animation: bubble-animation 4.5s infinite ease-in -6.57s; animation: bubble-animation 4.5s infinite ease-in -6.57s; } .bubble-2 { bottom: -71px; left: 97%; -webkit-animation: bubble-animation 4.5s infinite ease-in -5.07s; animation: bubble-animation 4.5s infinite ease-in -5.07s; } .bubble-3 { bottom: -71px; left: 43%; -webkit-animation: bubble-animation 4.5s infinite ease-in -6.73s; animation: bubble-animation 4.5s infinite ease-in -6.73s; } .bubble-4 { bottom: -3.8px; left: 82%; -webkit-animation: bubble-animation 4.5s infinite ease-in -4.04s; animation: bubble-animation 4.5s infinite ease-in -4.04s; } .bubble-5 { bottom: -73.4px; left: 29%; -webkit-animation: bubble-animation 4.5s infinite ease-in -3.11s; animation: bubble-animation 4.5s infinite ease-in -3.11s; } .bubble-6 { bottom: -71px; left: 41%; -webkit-animation: bubble-animation 4.5s infinite ease-in -5.95s; animation: bubble-animation 4.5s infinite ease-in -5.95s; } .bubble-7 { bottom: -79.4px; left: 14%; -webkit-animation: bubble-animation 4.5s infinite ease-in -3.68s; animation: bubble-animation 4.5s infinite ease-in -3.68s; } .bubble-8 { bottom: -115.4px; left: 90%; -webkit-animation: bubble-animation 4.5s infinite ease-in -3.89s; animation: bubble-animation 4.5s infinite ease-in -3.89s; } .bubble-9 { bottom: -44.6px; left: 33%; -webkit-animation: bubble-animation 4.5s infinite ease-in -1.09s; animation: bubble-animation 4.5s infinite ease-in -1.09s; } .bubble-10 { bottom: -6.2px; left: 59%; -webkit-animation: bubble-animation 4.5s infinite ease-in -0.96s; animation: bubble-animation 4.5s infinite ease-in -0.96s; } @-webkit-keyframes bubble-animation { 0% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); height: 1px; width: 1px; } 100% { -webkit-transform: translate3d(-50%, -280px, 0); transform: translate3d(-50%, -280px, 0); height: 30px; width: 30px; } } @keyframes bubble-animation { 0% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); height: 1px; width: 1px; } 100% { -webkit-transform: translate3d(-50%, -280px, 0); transform: translate3d(-50%, -280px, 0); height: 30px; width: 30px; } } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .scroll-to-zoom { -webkit-transform: scale(0.8); transform: scale(0.8); } .widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_archive ul, .widget_categories ul, .widget_schedule ul, .wp-block-page-list ul, .wp-block-archives-list ul, .wp-block-categories ul { list-style: none; padding: 0; margin: 0 0 0 0; } .widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a, .widget_schedule a, .wp-block-page-list a, .wp-block-archives-list a, .wp-block-categories a { display: block; margin: 0 0 20px 0; padding: 0 35px 20px 29px; border-bottom: 1px dashed var(--th-border-color2); font-size: 16px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.18; color: var(--body-color); } .widget_nav_menu a:before, .widget_meta a:before, .widget_pages a:before, .widget_archive a:before, .widget_categories a:before, .widget_schedule a:before, .wp-block-page-list a:before, .wp-block-archives-list a:before, .wp-block-categories a:before { content: "\f06b"; width: 18px; height: 18px; line-height: 18px; font-size: 18px; text-align: center; position: absolute; left: 0; top: -1px; font-family: var(--icon-font); font-weight: 300; color: var(--theme-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_archive li, .widget_categories li, .widget_schedule li, .wp-block-page-list li, .wp-block-archives-list li, .wp-block-categories li { display: block; position: relative; } .widget_nav_menu li > span, .widget_meta li > span, .widget_pages li > span, .widget_archive li > span, .widget_categories li > span, .widget_schedule li > span, .wp-block-page-list li > span, .wp-block-archives-list li > span, .wp-block-categories li > span { text-align: center; position: absolute; right: 0; top: 0; font-size: 16px; line-height: 1.18; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; color: var(--body-color); font-weight: 400; } .widget_nav_menu .menu, .widget_nav_menu > ul, .widget_meta .menu, .widget_meta > ul, .widget_pages .menu, .widget_pages > ul, .widget_archive .menu, .widget_archive > ul, .widget_categories .menu, .widget_categories > ul, .widget_schedule .menu, .widget_schedule > ul, .wp-block-page-list .menu, .wp-block-page-list > ul, .wp-block-archives-list .menu, .wp-block-archives-list > ul, .wp-block-categories .menu, .wp-block-categories > ul { margin: 0 0 -20px 0; } .widget_nav_menu .menu > li:last-child > a, .widget_nav_menu > ul > li:last-child > a, .widget_meta .menu > li:last-child > a, .widget_meta > ul > li:last-child > a, .widget_pages .menu > li:last-child > a, .widget_pages > ul > li:last-child > a, .widget_archive .menu > li:last-child > a, .widget_archive > ul > li:last-child > a, .widget_categories .menu > li:last-child > a, .widget_categories > ul > li:last-child > a, .widget_schedule .menu > li:last-child > a, .widget_schedule > ul > li:last-child > a, .wp-block-page-list .menu > li:last-child > a, .wp-block-page-list > ul > li:last-child > a, .wp-block-archives-list .menu > li:last-child > a, .wp-block-archives-list > ul > li:last-child > a, .wp-block-categories .menu > li:last-child > a, .wp-block-categories > ul > li:last-child > a { border-bottom: none; padding-bottom: 0; } .widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_categories a:hover, .widget_schedule a:hover, .wp-block-page-list a:hover, .wp-block-archives-list a:hover, .wp-block-categories a:hover { color: var(--theme-color); } .widget_nav_menu a:hover ~ span, .widget_meta a:hover ~ span, .widget_pages a:hover ~ span, .widget_archive a:hover ~ span, .widget_categories a:hover ~ span, .widget_schedule a:hover ~ span, .wp-block-page-list a:hover ~ span, .wp-block-archives-list a:hover ~ span, .wp-block-categories a:hover ~ span { color: var(--theme-color); } .widget_nav_menu .sub-menu, .widget_nav_menu .children, .widget_meta .sub-menu, .widget_meta .children, .widget_pages .sub-menu, .widget_pages .children, .widget_archive .sub-menu, .widget_archive .children, .widget_categories .sub-menu, .widget_categories .children, .widget_schedule .sub-menu, .widget_schedule .children, .wp-block-page-list .sub-menu, .wp-block-page-list .children, .wp-block-archives-list .sub-menu, .wp-block-archives-list .children, .wp-block-categories .sub-menu, .wp-block-categories .children { margin-left: 10px; } .wp-block-page-list, .wp-block-archives-list, .wp-block-categories { list-style: none; padding: 0; } .wp-block-page-list > li:last-child > a, .wp-block-archives-list > li:last-child > a, .wp-block-categories > li:last-child > a { margin-bottom: 0; } .wp-block-page-list { margin: 0; } .widget_nav_menu a, .widget_meta a, .widget_pages a { padding-right: 20px; } .widget_schedule a { padding: 17px 28px; display: -webkit-box; display: -ms-flexbox; display: flex; } .widget_schedule a i { margin-right: 5px; position: relative; top: 2px; } @media (max-width: 1299px) { .widget_schedule a { font-size: 14px; } } .widget_nav_menu .sub-menu { margin-left: 10px; } .wp-block-archives { list-style: none; margin: 0; padding: 0; } .wp-block-archives a:not(:hover) { color: inherit; } .th-blog ul.wp-block-archives li { margin: 5px 0; } .widget { padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px); background-color: var(--smoke-color); margin-bottom: 40px; position: relative; border-radius: 24px; } @media (max-width: 1199px) { .widget { border-radius: 16px; margin-bottom: 30px; } } .widget[data-overlay]:before { z-index: -1; border-radius: 30px; } .widget .th-social a { -webkit-box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.1); box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.1); } .widget select, .widget input, .widget .form-select, .widget .form-control, .widget textarea { background-color: var(--white-color); } .widget textarea { min-height: 120px; } .widget .form-group > i { background-color: var(--white-color); } .wp-block-archives__label, .widget_title { position: relative; font-size: 24px; font-weight: 400; font-family: var(--title-font); line-height: 1em; letter-spacing: -0.02em; border-bottom: 3px solid var(--white-color); margin: -0.1em 0 40px 0; padding-bottom: 22px; } .wp-block-archives__label:before, .widget_title:before { content: ""; height: 3px; width: 50px; background-color: var(--theme-color); position: absolute; bottom: -3px; left: 0; z-index: 1; -webkit-animation: lineMove 10s linear infinite; animation: lineMove 10s linear infinite; } @-webkit-keyframes lineMove { 0% { left: 0px; } 50% { left: calc(100% - 50px); } 100% { left: 0px; } } @keyframes lineMove { 0% { left: 0px; } 50% { left: calc(100% - 50px); } 100% { left: 0px; } } .widget-form { --bs-gutter-x: 20px; } .widget .search-form { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .widget .search-form input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 100px; padding-right: 85px; height: 56px; -webkit-box-shadow: 0px 10px 50px rgba(0, 30, 66, 0.08); box-shadow: 0px 10px 50px rgba(0, 30, 66, 0.08); font-size: 14px; } .widget .search-form input:focus { border-color: var(--theme-color); } .widget .search-form button { border: none; font-size: 16px; background-color: transparent; color: var(--theme-color); display: inline-block; padding: 0; height: 100%; text-align: center; position: absolute; top: 0; right: 0; padding: 0 30px 0 20px; } .widget .search-form button:before { content: ""; position: absolute; height: 15px; width: 1px; background: var(--theme-color); top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .widget .search-form button:hover { color: var(--theme-color2); } .wp-block-tag-cloud, .tagcloud { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .wp-block-tag-cloud a, .tagcloud a { display: inline-block; font-size: 14px; font-weight: 400; font-family: var(--body-font); text-transform: capitalize; line-height: 1; letter-spacing: -0.02em; padding: 10px 17px; color: var(--body-color); background-color: var(--white-color); border-radius: 20px; -webkit-box-shadow: 0px 10px 50px rgba(0, 70, 59, 0.1); box-shadow: 0px 10px 50px rgba(0, 70, 59, 0.1); } .wp-block-tag-cloud a:hover, .tagcloud a:hover { background-color: var(--theme-color); color: var(--white-color) !important; border-color: var(--theme-color); } .sidebar-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; max-width: 320px; } .sidebar-gallery .gallery-btn { position: absolute; top: 20px; left: 0; color: var(--white-color); visibility: hidden; opacity: 0; height: 100%; width: 100%; -webkit-transform: none; transform: none; 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; font-size: 18px; } .sidebar-gallery .gallery-btn:hover { color: var(--theme-color); } .sidebar-gallery .gallery-thumb { overflow: hidden; position: relative; border-radius: 16px; } .sidebar-gallery .gallery-thumb:before { content: ""; height: 100%; width: 100%; background-color: var(--theme-color); mix-blend-mode: multiply; opacity: 0.8; position: absolute; top: 0; left: 0; -webkit-transform: scaleX(0); transform: scaleX(0); border-radius: inherit; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .sidebar-gallery .gallery-thumb img { width: 100%; } .sidebar-gallery .gallery-thumb:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .sidebar-gallery .gallery-thumb:hover .gallery-btn { visibility: visible; opacity: 1; top: 0; } .sidebar-gallery .gallery-thumb:hover .gallery-btn:hover { color: var(--white-color); } .sidebar-gallery .wp-block-image { overflow: hidden; position: relative; border-radius: 5px; width: 100% !important; } .sidebar-gallery .wp-block-image img { width: 100%; } .recent-post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; padding: 14px; background: var(--white-color); border-radius: 24px; position: relative; } .recent-post:after { content: ""; position: absolute; bottom: -16px; left: 0; right: 0; border: 1px dashed var(--th-border-color2); } .recent-post:last-child { margin-bottom: 0; border-bottom: 0; } .recent-post:last-child:after { border: 0; } .recent-post .media-img { margin-right: 14px; width: 80px; overflow: hidden; border-radius: 16px; position: relative; } .recent-post .media-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .recent-post .media-img:after { content: "\f0c1"; font-family: var(--icon-font); position: absolute; inset: 0; text-align: center; line-height: 85px; font-size: 24px; background-color: rgba(0, 0, 0, 0.7); color: var(--theme-color); pointer-events: none; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .recent-post .post-title { font-weight: 400; font-size: 16px; line-height: 1.555; letter-spacing: -0.02em; margin: -0.3em 0 5px 0; font-family: var(--title-font); } .recent-post .recent-post-meta { margin-bottom: -0.3em; } .recent-post .recent-post-meta a { text-transform: capitalize; font-size: 16px; color: var(--body-color); font-family: var(--body-font); letter-spacing: -0.02em; } .recent-post .recent-post-meta a i { margin-right: 7px; color: var(--theme-color); } .recent-post .recent-post-meta a:hover { color: var(--theme-color); } .recent-post:hover .media-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .recent-post:hover .media-img:after { -webkit-transform: scale(1); transform: scale(1); } .recent-post-wrap.style2 .recent-post { background: transparent; border-radius: 0; padding: 0; margin-bottom: 48px; } .recent-post-wrap.style2 .recent-post:after { bottom: -24px; } .recent-post-wrap.style2 .recent-post:last-child { margin-bottom: 0; } .sidebar-area { margin-bottom: -10px; } @media (max-width: 1199px) { .sidebar-area { margin-bottom: 0; } } .sidebar-area ul.wp-block-latest-posts { margin-bottom: 0; } .sidebar-area ul.wp-block-latest-posts li:last-child { margin-bottom: 0; } .sidebar-area select, .sidebar-area input { background-color: var(--white-color); border-radius: 50px; } .sidebar-area .sidebar-gallery { margin-bottom: 0 !important; } .sidebar-area .widget .wp-block-search { margin-bottom: 0; } .sidebar-area .wp-block-search__label, .sidebar-area .wp-block-group__inner-container h2 { position: relative; font-size: 24px; font-weight: 700; font-family: var(--title-font); line-height: 1em; padding-bottom: 20px; margin: -0.12em 0 38px 0; } .sidebar-area .wp-block-search__label:after, .sidebar-area .wp-block-search__label:before, .sidebar-area .wp-block-group__inner-container h2:after, .sidebar-area .wp-block-group__inner-container h2:before { content: ""; height: 3px; width: 100%; background-color: var(--th-border-color); position: absolute; bottom: 0; left: 0; } .sidebar-area .wp-block-search__label:after, .sidebar-area .wp-block-group__inner-container h2:after { background-color: var(--theme-color); width: 40px; } .sidebar-area .wp-block-group:has(.wp-block-heading) .wp-block-search__label { padding-bottom: 0; margin-bottom: 20px; font-size: 20px; } .sidebar-area .wp-block-group:has(.wp-block-heading) .wp-block-search__label:after, .sidebar-area .wp-block-group:has(.wp-block-heading) .wp-block-search__label:before { display: none; } .sidebar-area ol.wp-block-latest-comments { padding: 0; margin: 0; } .sidebar-area ol.wp-block-latest-comments li { line-height: 1.5; margin: 0 0 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; } .sidebar-area ol.wp-block-latest-comments li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .download-widget-wrap .th-btn { width: 100%; } .download-widget-wrap .th-btn:first-child { margin-bottom: 15px; } .download-widget-wrap .th-btn.style2 { color: var(--body-color); } .download-widget-wrap .th-btn.style2:before { background-color: var(--theme-color); } .download-widget-wrap .th-btn.style2:hover { color: var(--white-color); border-color: var(--theme-color); } .widget-donation-wrap { text-align: center; } .widget-donation-wrap .box-icon { width: 94px; height: 94px; border-radius: 50%; background: var(--white-color); border: 2px solid var(--th-border-color2); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 34px; } .widget-donation-wrap .box-title { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 17px; } .widget-donation-wrap .box-text { margin-bottom: 35px; } @media (max-width: 1199px) { .widget-donation-wrap .box-title { font-size: 22px; margin-bottom: 22px; } } .recent-donor-wrap .recent-post { margin-bottom: 16px; padding: 0; border-radius: 0; background: transparent; } .recent-donor-wrap .recent-post:after { display: none; } .recent-donor-wrap .recent-post:last-child { margin-bottom: 0; } .recent-donor-wrap .recent-post .media-img { width: 60px; height: 60px; border-radius: 50%; } .recent-donor-wrap .recent-post .media-img:after { border-radius: 50%; line-height: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; color: var(--theme-color2); } .recent-donor-wrap .recent-post .post-title { font-size: 20px; font-weight: 400; letter-spacing: -0.02em; margin: -0.2em 0 0px; } .recent-donor-wrap .recent-post .recent-post-meta { margin-bottom: -0.4em; } .recent-donor-wrap .recent-post .recent-post-meta a { font-size: 16px; font-weight: 400; letter-spacing: -0.02em; color: var(--theme-color); } .recent-donor-wrap .recent-post .recent-post-meta a:hover { color: var(--title-color); } @media (max-width: 1199px) { .recent-donor-wrap .recent-post .post-title { font-size: 20px; } } .widget_info .th-btn { width: 100%; display: block; } .widget_info .th-video { margin-bottom: 20px; } .info-list { margin-top: -16px; } .info-list ul { list-style: none; padding: 0; margin: 0; } .info-list i { color: var(--theme-color); width: 16px; margin-right: 2px; font-size: 16px; } .info-list strong { font-weight: 600; color: var(--title-color); display: block; font-size: 18pxx; } .info-list li { border-bottom: 1px dashed var(--th-border-color); padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .info-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: -0.45em; } .widget_course_info { border-radius: 24px; border: 1px solid var(--th-border-color3); -webkit-box-shadow: 0px 10px 50px rgba(0, 17, 43, 0.04); box-shadow: 0px 10px 50px rgba(0, 17, 43, 0.04); padding: 24px; background: var(--white-color); } .widget_course_info .th-video { --icon-size: 74px; } .widget_course_info .th-video img { width: 100%; } .widget_course_info .course-price { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-top: 24px; margin-bottom: 24px; } .widget_course_info .course-price .tag { font-size: 12px; font-weight: 600; background: var(--theme-color); color: var(--white-color); border-radius: 20px; position: relative; top: -7px; padding: 5px 12px; letter-spacing: normal; margin-left: 10px; } @media (max-width: 1199px) { .widget_course_info .course-price { font-size: 24px; margin-top: 20px; margin-bottom: 20px; } .widget_course_info .course-price .tag { top: -5px; } } .widget_course_info .btn-wrap { gap: 14px; margin-bottom: 32px; } .widget_course_info .widget_title { padding-bottom: 0; border-bottom: 0; margin-bottom: 24px; } .widget_course_info .widget_title:before { display: none; } .widget_course_info .info-list { margin-top: 0; } .widget_course_info .info-list li:first-child { border-top: 1px dashed var(--th-border-color); } .widget_event_info .widget_title { border-bottom: 0; padding-bottom: 0; margin-bottom: 24px; } .widget_event_info .widget_title:before, .widget_event_info .widget_title:after { display: none; } .widget_event_info .widget_text { margin-top: -0.4em; } .widget_event_info .info-list { margin-top: 0; } .widget_event_info .info-list li { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .widget_event_info .info-list li i { width: 64px; height: 64px; background: var(--white-color); border-radius: 24px; 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; font-size: 24px; } @media (max-width: 1199px) { .widget_event_info .info-list li i { width: 50px; height: 50px; border-radius: 16px; font-size: 20px; } } .widget_event_info .info-list li span { display: block; margin-bottom: 2px; } .widget_event_info .info-list li strong { font-family: var(--title-font); font-size: 18px; font-weight: 700; letter-spacing: -0.02em; } @media (max-width: 1199px) { .widget_event_info .info-list li strong { font-size: 16px; } } .widget_event_info .btn-wrap { gap: 14px; margin-top: 40px; margin-bottom: 24px; } .widget_event_info .event-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin: 0; gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1299px) { .widget_event_info .event-counter { gap: 10px; } } @media (max-width: 1199px) { .widget_event_info .event-counter { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 15px; } } @media (max-width: 991px) { .widget_event_info .event-counter { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 375px) { .widget_event_info .event-counter { grid-template-columns: repeat(2, 1fr); } } .widget_event_info .event-counter li { list-style: none; text-align: center; } .widget_event_info .event-counter .count-number { width: 68px; height: 68px; border-radius: 20px; 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; color: var(--theme-color); font-size: 24px; font-weight: 700; letter-spacing: -0.02em; margin-left: auto; margin-right: auto; } @media (max-width: 1299px) { .widget_event_info .event-counter .count-number { width: 55px; height: 55px; font-size: 20px; border-radius: 15px; } } .widget_event_info .event-counter .count-name { letter-spacing: -0.02em; margin-top: 10px; display: block; } .price_slider_wrapper { margin-top: -0.5em; } .price_slider_wrapper .price_label span { display: inline-block; color: var(--body-color); } .price_slider_wrapper .ui-slider { height: 6px; position: relative; width: 100%; background-color: var(--theme-color); border: none; margin-top: 15px; margin-bottom: 25px; cursor: pointer; border-radius: 0; } .price_slider_wrapper .ui-slider-range { border: none; cursor: pointer; position: absolute; top: 0; height: 100%; z-index: 1; display: block; background-color: var(--title-color); } .price_slider_wrapper .ui-slider-handle { width: 16px; height: 16px; line-height: 16px; border-radius: 50%; text-align: center; padding: 0; cursor: pointer; position: absolute; margin-top: -5px; z-index: 2; background-color: var(--white-color); border: 3px solid var(--title-color); -webkit-transform: translateX(-1px); transform: translateX(-1px); } .price_slider_wrapper .ui-slider-handle:focus { outline: none; -webkit-box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0, 0, 0.15); } .price_slider_wrapper .ui-slider-handle:last-child { -webkit-transform: translateX(-9px); transform: translateX(-9px); } .price_slider_wrapper button, .price_slider_wrapper .button { background-color: var(--theme-color); color: var(--white-color); font-weight: 500; line-height: 1.6; text-transform: capitalize; text-align: center; border: none; display: inline-block; overflow: hidden; position: relative; z-index: 2; padding: 7px 20px; min-width: 100px; font-size: 14px; border-radius: 0; -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in; } .price_slider_wrapper button:hover, .price_slider_wrapper .button:hover { background-color: var(--title-color); } .widget_shopping_cart .widget_title { margin-bottom: 35px; border-bottom: none; } .widget_shopping_cart ul { margin: 0; padding: 0; } .widget_shopping_cart ul li { list-style-type: none; } .widget_shopping_cart .mini_cart_item { position: relative; padding: 30px 30px 30px 90px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 0; text-align: left; } .widget_shopping_cart .mini_cart_item:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .widget_shopping_cart .cart_list a:not(.remove) { display: block; color: var(--body-color); font-size: 16px; font-weight: 500; font-family: var(--title-font); font-weight: 600; color: var(--title-color); } .widget_shopping_cart .cart_list a:not(.remove):hover { color: var(--theme-color); } .widget_shopping_cart .cart_list a.remove { position: absolute; top: 50%; left: 95%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--body-color); } .widget_shopping_cart .cart_list a.remove:hover { color: var(--theme-color); } .widget_shopping_cart .cart_list img { width: 75px; height: 75px; position: absolute; left: 0; top: 18px; } .widget_shopping_cart .quantity { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; vertical-align: top; margin-right: 20px; font-size: 14px; font-weight: 500; } .widget_shopping_cart .total { margin-top: 20px; font-size: 18px; color: var(--title-color); font-family: var(--body-font); } .widget_shopping_cart .total strong { font-family: var(--title-font); } .widget_shopping_cart .amount { padding-left: 5px; } .widget_shopping_cart .th-btn { margin-right: 15px; } .widget_shopping_cart .th-btn:last-child { margin-right: 0; } .widget_banner { padding: 0 0 40px; background: var(--theme-dark); overflow: hidden; text-align: center; } .widget_banner .widget-banner-thumb { background: var(--theme-color2); padding-bottom: 3px; } .widget_banner .widget-banner-thumb .thumb img { width: 100%; } .widget_banner .box-content { background: rgba(255, 255, 255, 0.16); border: 1px solid var(--theme-color2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-radius: 16px; padding: 40px 35px 68px; margin: 40px 40px 0; } @media (max-width: 375px) { .widget_banner .box-content { padding: 30px 30px 68px; margin: 30px 30px 0; } } .widget_banner .box-title { font-size: 24px; font-weight: 700; letter-spacing: -0.02em; color: var(--white-color); line-height: 1.416; margin-bottom: 28px; } @media (max-width: 767px) { .widget_banner .box-title { font-size: 20px; } } .widget_banner .box-text { color: var(--white-color); font-size: 18px; letter-spacing: -0.02em; } .widget_banner .box-link { color: var(--white-color); font-family: var(--title-font); font-size: 18px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.555; } .widget_banner .box-link:hover { color: var(--title-color); } .widget_banner .th-btn { padding: 19px 40px; margin-top: -28px; } .th-video-widget .video-thumb { position: relative; } .th-video-widget .play-btn { --icon-size: 60px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .th-video-widget .play-btn i { font-size: 16px; } .th-video-widget .video-thumb-title { font-size: 20px; font-weight: 600; line-height: 1.4; margin-top: 10px; margin-bottom: -0.3em; } .widget_recent_entries ul { margin: -0.3em 0 0 0; padding: 0; list-style: none; } .widget_recent_entries ul li > a { color: var(--body-color); font-weight: 500; display: inline-block; } .widget_recent_entries ul li > a:hover { color: var(--theme-color); } .widget_recent_entries ul li span.post-date { font-size: 14px; } .widget_recent_entries ul li:not(:last-child) { border-bottom: 1px solid #dadada; padding-bottom: 12px; margin-bottom: 12px; } .widget_recent_comments ul, .wp-block-latest-comments ul { list-style-type: none; padding-left: 0; } ul.widget_recent_comments, ol.widget_recent_comments, .wp-block-latest-comments { margin-top: -0.11em; padding-left: 0; } .widget_recent_comments ol, .widget_recent_comments ul, .wp-block-latest-comments ol, .wp-block-latest-comments ul { margin-bottom: 0; } .widget_recent_comments li, .wp-block-latest-comments li { margin-bottom: 0; color: var(--body-color); padding-left: 30px; position: relative; } .widget_recent_comments li:before, .wp-block-latest-comments li:before { content: "\f086"; position: absolute; left: 0; top: -1px; color: var(--theme-color); font-family: var(--icon-font); } .widget_recent_comments.has-avatars li, .wp-block-latest-comments.has-avatars li { padding-left: 0; padding-bottom: 0 !important; } .widget_recent_comments.has-avatars li:before, .wp-block-latest-comments.has-avatars li:before { display: none; } .widget_recent_comments .avatar, .wp-block-latest-comments .avatar { margin-top: 0.4em; } .widget_recent_comments li:not(:last-child), .wp-block-latest-comments li:not(:last-child) { padding-bottom: 12px; } .widget_recent_comments article, .wp-block-latest-comments article { line-height: 1.5; } .widget_recent_comments a, .wp-block-latest-comments a { color: inherit; } .widget_recent_comments a:hover, .wp-block-latest-comments a:hover { color: var(--theme-color); } .wp-block-latest-comments__comment { line-height: 1.6; } .wp-block-latest-comments__comment a { color: var(--body-color); } .wp-block-latest-comments__comment a:hover { color: var(--theme-color); } .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-calendar tbody td, .wp-block-calendar th { padding: 10px; } .wp-block-calendar, .calendar_wrap { position: relative; background-color: #fff; padding-bottom: 0; border: none; min-width: 250px; } .wp-block-calendar span[class*=wp-calendar-nav], .calendar_wrap span[class*=wp-calendar-nav] { position: absolute; top: 9px; left: 20px; font-size: 14px; color: var(--white-color); font-weight: 400; z-index: 1; line-height: 1.7; } .wp-block-calendar span[class*=wp-calendar-nav] a, .calendar_wrap span[class*=wp-calendar-nav] a { color: inherit; } .wp-block-calendar span.wp-calendar-nav-next, .calendar_wrap span.wp-calendar-nav-next { left: auto; right: 20px; } .wp-block-calendar caption, .calendar_wrap caption { caption-side: top; text-align: center; color: var(--white-color); background-color: var(--theme-color); } .wp-block-calendar th, .calendar_wrap th { font-size: 14px; padding: 5px 5px; border: none; text-align: center; border-right: 1px solid #fff; color: var(--title-color); font-weight: 500; } .wp-block-calendar th:first-child, .calendar_wrap th:first-child { border-left: 1px solid #eee; } .wp-block-calendar th:last-child, .calendar_wrap th:last-child { border-right: 1px solid #eee; } .wp-block-calendar table th, .calendar_wrap table th { font-weight: 500; } .wp-block-calendar td, .calendar_wrap td { font-size: 14px; padding: 5px 5px; color: #01133c; border: 1px solid #eee; text-align: center; background-color: transparent; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .wp-block-calendar #today, .calendar_wrap #today { color: var(--theme-color); background-color: var(--white-color); border-color: #ededed; } .wp-block-calendar thead, .calendar_wrap thead { background-color: #fff; } .wp-block-calendar .wp-calendar-table, .calendar_wrap .wp-calendar-table { margin-bottom: 0; } .wp-block-calendar .wp-calendar-nav .pad, .calendar_wrap .wp-calendar-nav .pad { display: none; } .wp-block-calendar a, .calendar_wrap a { color: inherit; text-decoration: none; } .wp-block-calendar a:hover, .calendar_wrap a:hover { color: var(--title-color); } .wp-block-calendar { border: none; padding-bottom: 0; } .wp-block-calendar table caption { color: var(--white-color); } ul.widget_rss, ul.wp-block-rss, ol.widget_rss, ol.wp-block-rss { padding-left: 0; } .widget_rss, .wp-block-rss { list-style-type: none; } .widget_rss ul, .wp-block-rss ul { margin: -0.2em 0 -0.5em 0; padding: 0; list-style: none; } .widget_rss ul .rsswidget, .wp-block-rss ul .rsswidget { color: var(--title-color); font-family: var(--theme-font); font-size: 18px; display: block; margin-bottom: 10px; } .widget_rss ul .rssSummary, .wp-block-rss ul .rssSummary { font-size: 14px; margin-bottom: 7px; line-height: 1.5; } .widget_rss ul a, .wp-block-rss ul a { display: block; font-weight: 600; color: inherit; } .widget_rss ul a:hover, .wp-block-rss ul a:hover { color: var(--theme-color); } .widget_rss ul .rss-date, .wp-block-rss ul .rss-date { font-size: 14px; display: inline-block; margin-bottom: 5px; font-weight: 400; color: var(--title-color); } .widget_rss ul .rss-date:before, .wp-block-rss ul .rss-date:before { content: "\f073"; font-family: var(--icon-font); margin-right: 10px; font-weight: 300; color: var(--theme-color); } .widget_rss ul cite, .wp-block-rss ul cite { font-weight: 500; color: var(--title-color); font-family: var(--body-font); font-size: 14px; } .widget_rss ul cite:before, .wp-block-rss ul cite:before { content: ""; position: relative; top: -1px; left: 0; width: 20px; height: 2px; display: inline-block; vertical-align: middle; margin-right: 8px; background-color: var(--theme-color); } .widget_rss li:not(:last-child), .wp-block-rss li:not(:last-child) { margin-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 16px; } .widget_rss a:hover, .wp-block-rss a:hover { color: var(--theme-color); } .textwidget { margin-top: -0.1em; } .sidebar-area .widget_shopping_cart .th-btn { margin-right: 10px; padding: 8px 22px; font-size: 14px; } .widget:has(.author-widget-wrap) { padding: 0; overflow: hidden; } .author-widget-wrap { text-align: center; position: relative; padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px); } .author-widget-wrap .author-tag { background: var(--theme-color); position: absolute; left: 120px; top: -40px; font-size: 24px; font-weight: 800; color: var(--white-color); -webkit-transform: rotate(-45deg) translate(-100%, 0); transform: rotate(-45deg) translate(-100%, 0); -webkit-transform-origin: top left; transform-origin: top left; padding: 15px 57px; } .author-widget-wrap .avater { display: inline-block; } .author-widget-wrap .avater img { border-radius: 50%; width: 120px; height: 120px; } .author-widget-wrap .name { font-size: 30px; font-weight: 700; margin-top: 22px; margin-bottom: 10px; } .author-widget-wrap .meta { display: block; margin-bottom: 4px; } .author-widget-wrap .meta a { color: var(--body-color); } .author-widget-wrap .meta a:hover { color: var(--theme-color); } .author-widget-wrap .meta:last-child { margin-bottom: -0.3em; } .author-widget-wrap .meta i { color: var(--theme-color2); margin-right: 6px; } @media (max-width: 1199px) { .author-widget-wrap .name { font-size: 22px; } .author-widget-wrap .author-tag { font-size: 18px; left: 100px; } } @media (min-width: 1200px) { .sidebar-shop .widget { padding: 30px; } } @media (min-width: 992px) { .sidebar-shop .widget { margin-bottom: 24px; } } @media (max-width: 1199px) { .widget { --widget-padding-y: 30px; --widget-padding-x: 30px; } .widget_title { font-size: 22px; margin: -0.12em 0 28px 0; } } @media (max-width: 991px) { .sidebar-area { padding-top: 30px; } .widget { --widget-padding-y: 40px; --widget-padding-x: 40px; } } @media (max-width: 767px) { .widget { --widget-padding-y: 30px; --widget-padding-x: 30px; } } @media (max-width: 375px) { .recent-post .post-title { font-size: 16px; line-height: 24px; } .recent-post .recent-post-meta a { font-size: 12px; } } @media (max-width: 330px) { .recent-post .post-title { font-size: 14px; line-height: 24px; } } .footer-widget { margin-bottom: 50px; } .footer-widget, .footer-widget .widget { padding: 0; border: none; padding-bottom: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .footer-widget .form-group > i { color: var(--theme-color); top: 18px; } .footer-widget .widget_title { max-width: 270px; color: var(--white-color); font-weight: 700; text-transform: capitalize; margin: -0.1em 0 40px 0; padding: 0; border: 0; } .footer-widget .widget_title:after, .footer-widget .widget_title:before { display: none; } .footer-widget .widget_title img { margin: -7px 10px 0 0; } .footer-widget.widget_meta ul, .footer-widget.widget_pages ul, .footer-widget.widget_archive ul, .footer-widget.widget_categories ul, .footer-widget.widget_nav_menu ul { margin-top: -4px; } .footer-widget.widget_meta .menu, .footer-widget.widget_meta > ul, .footer-widget.widget_pages .menu, .footer-widget.widget_pages > ul, .footer-widget.widget_archive .menu, .footer-widget.widget_archive > ul, .footer-widget.widget_categories .menu, .footer-widget.widget_categories > ul, .footer-widget.widget_nav_menu .menu, .footer-widget.widget_nav_menu > ul { margin-bottom: -4px; } .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a { font-size: 16px; font-weight: 400; padding: 0 0 0 30px; margin-bottom: 20px; font-family: var(--body-font); display: block; max-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; background-color: transparent; border: none; position: relative; -webkit-box-shadow: none; box-shadow: none; } .footer-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before, .footer-widget.widget_nav_menu a:before { content: ""; position: absolute; clip-path: path("M10.2902 0C10.19 1.15145 10.4991 2.85759 11.6931 4.38718C12.1671 4.9944 12.7722 5.56339 13.5303 6.0556L0.00580308 6.02508L0 7.58289L13.9112 7.61684C12.938 8.11321 12.1758 8.73502 11.5918 9.41857C10.3374 10.8864 9.95981 12.5752 10.0136 13.7306L11.5729 13.6662C11.5359 12.8715 11.8039 11.5772 12.7816 10.433C13.7424 9.30867 15.4462 8.26326 18.4015 8.04332L18.3462 7.35011L18.3479 6.87229L18.4406 6.10439C15.4971 5.73566 13.8372 4.60541 12.9226 3.43375C11.9919 2.24143 11.7763 0.934891 11.8453 0.142911L10.2902 0Z"); width: 18px; height: 14px; left: 0; top: 2px; opacity: 1; background-color: var(--body-color); -webkit-transition: 0.4s; transition: 0.4s; } .footer-widget.widget_meta a:after, .footer-widget.widget_pages a:after, .footer-widget.widget_archive a:after, .footer-widget.widget_categories a:after, .footer-widget.widget_nav_menu a:after { display: none; } .footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover { background-color: transparent; color: var(--theme-color2); } .footer-widget.widget_meta a:hover:before, .footer-widget.widget_pages a:hover:before, .footer-widget.widget_archive a:hover:before, .footer-widget.widget_categories a:hover:before, .footer-widget.widget_nav_menu a:hover:before { background: var(--theme-color2); } .footer-widget.widget_meta:has(span) a, .footer-widget.widget_pages:has(span) a, .footer-widget.widget_archive:has(span) a, .footer-widget.widget_categories:has(span) a, .footer-widget.widget_nav_menu:has(span) a { padding: 0 24px; } .footer-widget.widget_meta li > span, .footer-widget.widget_pages li > span, .footer-widget.widget_archive li > span, .footer-widget.widget_categories li > span, .footer-widget.widget_nav_menu li > span { width: auto; height: auto; background-color: transparent; color: var(--body-color); line-height: 1; top: 2px; right: 0; } .footer-widget .recent-post { max-width: 300px; margin-bottom: 20px; } .footer-widget .recent-post .media-img { max-width: 80px; } .footer-widget .recent-post .media-img:after { line-height: 74px; } .footer-widget .recent-post .post-title { color: var(--white-color); } .footer-widget .recent-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .footer-widget .recent-post .recent-post-meta { margin-top: -0.4em; } .footer-widget .recent-post .recent-post-meta a { font-weight: 400; line-height: 1.2; } .footer-widget .recent-post .recent-post-meta i { color: var(--theme-color); } .footer-widget .recent-post .recent-post-meta a:hover i { color: var(--theme-color); } .footer-widget.wp-block-rss, .footer-widget.widget_rss { --title-color: #829592; } .about-logo { margin-bottom: 15px; } .th-widget-about { max-width: 312px; } .th-widget-about .about-logo { margin-bottom: 34px; } .th-widget-about .about-text { margin-bottom: 20px; margin-top: -0.5em; letter-spacing: -0.02em; } .th-widget-about .th-btn { margin-top: 34px; } @media (max-width: 767px) { .th-widget-about { max-width: none; } } .footer-text { margin-top: -0.5em; margin-bottom: 25px; } .th-widget-contact .info-box:not(:last-child) { margin-bottom: 40px; } @media (max-width: 1199px) { .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a { margin-bottom: 16px; } } @media (max-width: 767px) { .footer-widget .widget_title { margin-bottom: 35px; } .th-widget-about .about-text { margin-bottom: 20px; } .social-box.mb-30 { margin-bottom: 25px; } } .th-header { position: relative; z-index: 41; } .th-header .icon-btn { border-radius: 99px; } .th-header .menu-area { position: relative; z-index: 2; } .sticky-wrapper { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .sticky-wrapper.sticky { position: fixed; top: 0; right: 0; left: 0; background-color: var(--white-color); -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07)); filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07)); -webkit-animation: stickyAni 0.4s ease-in-out; animation: stickyAni 0.4s ease-in-out; } @-webkit-keyframes stickyAni { 0% { -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8); transform: translate3d(0, -40px, 0) scaleY(0.8); opacity: 0.7; } 100% { -webkit-transform: translate3d(0, 0, 0) scaleY(1); transform: translate3d(0, 0, 0) scaleY(1); opacity: 1; } } @keyframes stickyAni { 0% { -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8); transform: translate3d(0, -40px, 0) scaleY(0.8); opacity: 0.7; } 100% { -webkit-transform: translate3d(0, 0, 0) scaleY(1); transform: translate3d(0, 0, 0) scaleY(1); opacity: 1; } } .main-menu a { display: block; position: relative; font-weight: 700; font-size: 16px; font-family: var(--body-font); color: var(--title-color); letter-spacing: -0.02em; } .main-menu a:hover { color: var(--theme-color); } .main-menu > ul > li { margin: 0 19px; } .main-menu > ul > li > a { padding: 36.5px 0; } .main-menu > ul > li > a:hover { color: var(--theme-color); } .main-menu ul { margin: 0; padding: 0; } .main-menu ul li { list-style-type: none; display: inline-block; position: relative; } .main-menu ul li:has(.sub-menu) > a:after, .main-menu ul li:has(.mega-menu) > a:after, .main-menu ul li.menu-item-has-children > a:after { content: "\f107"; display: inline-block; position: relative; font-family: var(--icon-font); margin-left: 5px; font-weight: 900; top: 0; font-size: 0.9em; color: var(--title-color); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .main-menu ul li:has(.sub-menu) > a:hover:after, .main-menu ul li:has(.mega-menu) > a:hover:after, .main-menu ul li.menu-item-has-children > a:hover:after { content: "\f106"; -webkit-transform: rotate(180deg); transform: rotate(180deg); color: var(--theme-color); } .main-menu ul li:has(.mega-menu) { position: static; } .main-menu ul li:last-child { margin-right: 0 !important; } .main-menu ul li:first-child { margin-left: 0 !important; } .main-menu ul li:hover > ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); z-index: 9; } .main-menu ul li:hover ul.mega-menu { visibility: visible; opacity: 1; -webkit-transform: scaleY(1) translateX(-50%); transform: scaleY(1) translateX(-50%); z-index: 9; border-bottom: 3px solid var(--theme-color); } .main-menu ul.sub-menu { position: absolute; text-align: left; top: 100%; left: 0; background-color: var(--white-color); visibility: hidden; min-width: 230px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 7px; left: -14px; opacity: 0; z-index: -1; -webkit-box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06); box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06); border-radius: 0 0 10px 10px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border-bottom: 3px solid var(--theme-color); } .main-menu ul.sub-menu a { font-size: 16px; line-height: 30px; } .main-menu ul.sub-menu { padding: 18px 20px 18px 18px; left: -27px; } .main-menu ul.sub-menu li { display: block; margin: 0 0; padding: 0px 9px; } .main-menu ul.sub-menu li:has(.sub-menu) > a:after, .main-menu ul.sub-menu li:has(.mega-menu) > a:after, .main-menu ul.sub-menu li.menu-item-has-children > a:after { content: "\f105"; float: right; top: 1px; display: inline-block; } .main-menu ul.sub-menu li:has(.sub-menu) > a:hover:after, .main-menu ul.sub-menu li:has(.mega-menu) > a:hover:after, .main-menu ul.sub-menu li.menu-item-has-children > a:hover:after { content: "\f105"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .main-menu ul.sub-menu li a { position: relative; padding-left: 0; text-transform: capitalize; } .main-menu ul.sub-menu li a:before { content: "\f4b9"; position: absolute; top: 7px; left: 10px; font-family: var(--icon-font); text-align: center; border-radius: 50%; display: inline-block; font-size: 16px; line-height: 1; color: var(--theme-color); font-weight: 400; opacity: 0; visibility: visible; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .main-menu ul.sub-menu li a:hover { padding-left: 23px; } .main-menu ul.sub-menu li a:hover:before { visibility: visible; opacity: 1; left: 0; } .main-menu ul.sub-menu li ul.sub-menu { left: 100%; right: auto; top: 0; margin: 0 0; margin-left: 20px; } .main-menu ul.sub-menu li ul.sub-menu li ul { left: 100%; right: auto; } .main-menu .mega-menu-wrap { position: static; } .main-menu.style-white > ul > li > a { color: var(--white-color); } .main-menu.style-white > ul > li > a:after { color: var(--white-color); } .main-menu.style-white > ul > li > a:hover { color: var(--theme-color2); } .main-menu.style-white > ul > li > a:hover:after { color: var(--theme-color2); } @media (max-width: 1500px) { .main-menu > ul > li { margin: 0 13px; } } @media (max-width: 1199px) { .main-menu > ul > li { margin: 0 9px; } } .simple-icon { border: none; background-color: transparent; padding: 0; font-size: 24px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .simple-icon:has(.badge) { padding-right: 8px; } .simple-icon .badge { top: -8px; right: 0; font-size: 12px; } .header-button { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; } .header-button .icon-btn .badge { font-size: 12px; top: 0; right: 0; background: var(--theme-color2); color: var(--title-color); } .header-button .icon-btn:hover .badge { background: var(--theme-color); color: var(--white-color); } .header-logo { padding-top: 15px; padding-bottom: 15px; } .header-logo a { color: var(--title-color); } .header-logo a:hover { color: var(--theme-color); } .header-links ul { margin: 0; padding: 0; list-style-type: none; } .header-links li { display: inline-block; position: relative; font-size: 16px; font-weight: 400; font-family: var(--body-font); letter-spacing: -0.02em; line-height: normal; } .header-links li:not(:last-child) { margin: 0 64px 0 0; } .header-links li:not(:last-child):after { content: ""; height: 15px; width: 1px; background-color: var(--white-color); position: absolute; opacity: 0.5; top: 0px; right: -34px; margin-top: 5px; } .header-links li > i { margin-right: 10px; color: var(--theme-color2); } .header-links li, .header-links span, .header-links p, .header-links a { color: var(--white-color); } .header-links a:hover { color: var(--theme-color2); } .header-links b, .header-links strong { font-weight: 600; margin-right: 6px; } .header-links .th-social a:hover { color: var(--theme-color); } .header-notice { margin: 0; } .header-top { padding: 9px 0; background-color: var(--theme-color); border-radius: 0 0 24px 24px; } .dropdown-link { position: relative; } .dropdown-link > a { color: var(--white-color); } .dropdown-link > a i { color: var(--white-color); margin-right: 10px; } .dropdown-toggle::after { content: "\f078"; border: none; font-family: var(--icon-font); vertical-align: middle; font-weight: 400; margin-left: 6px; margin-top: -1px; } .dropdown-menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: auto; top: calc(100% + 6px) !important; left: 50% !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; padding: 8px 20px !important; text-align: center; border-color: var(--th-border-color); } .dropdown-menu li { padding-right: 0; margin-right: 0; } .dropdown-menu li:after { display: none; } .dropdown-menu li a { display: block; font-weight: 400; font-size: 14px; } .dropdown-menu li a:not(:last-child) { margin-bottom: 5px; } .dropdown-menu a { color: var(--title-color) !important; } .dropdown-menu a:hover { color: var(--theme-color) !important; } .dropdown-menu:before { content: ""; position: absolute; left: 50%; top: -7px; width: 14px; height: 14px; margin-left: -7px; background-color: var(--white-color); z-index: -1; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid var(--th-border-color); border-left: 1px solid var(--th-border-color); } .header-icons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; } .header-icons .icon-btn { font-size: 18px; } .header-icons .icon-btn .badge { font-size: 12px; top: 0; right: 0; } .header-icons .icon-btn:hover .badge { background-color: var(--title-color); } .header-search { position: relative; } .header-search input { height: 46px; border: 1px solid var(--th-border-color); width: 500px; max-width: 100%; } .header-search input:focus { border-color: var(--theme-color); } @media (max-width: 1199px) { .header-search input { max-width: 350px; } } .header-search button { display: inline-block; position: absolute; top: 0; right: 0; border: none; background-color: var(--theme-color); color: var(--white-color); width: 50px; height: 46px; line-height: 45px; text-align: center; padding: 0; border-radius: 0 99px 99px 0; } .info-card-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; } @media (max-width: 1199px) { .info-card-wrap { gap: 30px; } .info-card-wrap .info-card { border: 0; padding-left: 0; } } .info-card { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-card:first-child { border-left: 0; padding-left: 0; } .info-card .box-icon { position: relative; display: inline-block; font-size: 18px; color: var(--theme-color); text-align: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .info-card .box-title { margin: 0 0 -0.2em 0; font-size: 18px; font-weight: 600; font-family: var(--body-font); } .header-default { background: var(--white-color); } .header-default .header-button .icon-btn { --btn-size: 46px; font-size: 18px; } .header-default .header-button .th-btn { margin-left: 10px; } .header-default .sticky-wrapper.sticky { background: var(--white-color); } @media (max-width: 1299px) { .header-default .header-top .header-links .header-notice-list { display: none; } .header-default .header-button .th-btn { display: none; } } @media (max-width: 1199px) { .header-default .header-top { padding: 9px 0; } .header-default .header-top .header-links li:has(.th-social) { display: none; } .header-default .header-top .header-links .header-notice-list { display: none; } } @media (min-width: 1900px) { .header-default { --main-container: 1720px; } } .header-layout1 { background: var(--white-color); } .header-layout1 .header-top { position: relative; padding: 1px 0; background: transparent; border-radius: 0; } .header-layout1 .header-top .header-logo { padding-top: 19px; padding-bottom: 19px; } .header-layout1 .header-top .header-notice { text-align: center; background: var(--theme-color); border-radius: 0 0 30px 30px; color: var(--white-color); } .header-layout1 .header-top .info-card-wrap { margin-top: 16px; } .header-layout1 .header-top .dropdown-link > a { color: var(--body-color); font-size: 18px; font-weight: 600; } .header-layout1 .header-top .dropdown-link > a i { color: var(--body-color); } @media (max-width: 1199px) { .header-layout1 .header-top .dropdown-link > a { font-size: 16px; } } @media (max-width: 991px) { .header-layout1 .header-top { padding-bottom: 16px; } } @media (max-width: 767px) { .header-layout1 .header-top { padding-top: 7px; padding-bottom: 7px; } } .header-layout1 .main-menu > ul > li > a { padding: 19px 0; } .header-layout1 .menu-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-layout1 .menu-area .header-logo { display: none; } @media (max-width: 991px) { .header-layout1 .menu-area .header-logo { display: block; } } .header-layout1 .menu-area .header-button { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .header-layout1 .menu-area .icon-btn { --btn-size: 46px; } .header-layout1 .menu-area .header-button .th-btn { min-height: 64px; border-radius: 0; } .header-layout1 .sticky-wrapper { background: var(--theme-color); } .header-layout1 .sticky-wrapper.sticky { background: var(--theme-color); } .header-layout1 .sticky-wrapper.sticky .header-logo { display: block; } .header-layout1 .sticky-wrapper.sticky .header-button .th-btn { min-height: 56px; border-radius: 10px; } @media (max-width: 1299px) { .header-layout1 .header-button .th-btn { display: none; } } @media (max-width: 1199px) { .header-layout1 .info-card .box-title { font-size: 16px; } } @media (max-width: 575px) { .header-layout1 .header-top .header-links li:nth-child(2) { display: none; } } @media (min-width: 1900px) { .header-layout1 { --main-container: 1680px; } } .header-layout2 { background: var(--smoke-color); } .header-layout2 .menu-area .logo-bg { position: absolute; height: 100%; width: 295px; border-radius: 0 0px 32px 32px; background: var(--theme-color); top: 0; left: 0; z-index: -1; } .header-layout2 .menu-area .header-logo { margin-left: 60px; } .header-layout2 .header-button .dropdown-link { margin-right: 10px; } .header-layout2 .header-button .dropdown-link > a { color: var(--body-color); } .header-layout2 .header-button .dropdown-link > a i { color: var(--body-color); } @media (max-width: 1299px) { .header-layout2 .header-button .dropdown-link { display: none; } } @media (max-width: 1199px) { .header-layout2 .header-button .icon-btn { --btn-size: 46px; } } .header-layout2 .sticky-wrapper.sticky { background: var(--smoke-color); } @media (min-width: 1922px) { .header-layout2 { background: var(--smoke-color); } } @media (max-width: 1500px) { .header-layout2 .menu-area .logo-bg { width: 235px; } .header-layout2 .menu-area .header-logo { margin-left: 30px; } .header-layout2 .header-button .th-btn { display: none; } } @media (max-width: 1199px) { .header-layout2 .menu-area .logo-bg { width: 205px; left: -15px; } .header-layout2 .menu-area .header-logo { margin-left: 0; } } @media (max-width: 575px) { .header-layout2 .menu-area .logo-bg { left: -12px; width: 202px; } } @media (min-width: 1900px) { .header-layout2 { --main-container: 1720px; } } .footer-wrapper { --border-color: rgba(255, 255, 255, 0.3); --body-color: #99BBB0; position: relative; z-index: 2; background-color: var(--theme-dark2); overflow: hidden; } .footer-wrapper .social-links a { margin: 0 30px 0 0; } .widget-area { padding-top: 120px; padding-bottom: 70px; } @media (max-width: 1199px) { .widget-area { padding-bottom: 30px; padding-top: 80px; } } .sticky-footer { position: fixed; bottom: 0; left: 0; width: 100%; } .footer-links ul { padding: 0; margin: 0; } .footer-links li { font-family: var(--body-font); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 12px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .footer-links li:after { content: ""; height: 1px; width: 10px; background-color: var(--white-color); position: relative; display: inline-block; margin: 0; } @media (max-width: 375px) { .footer-links li:after { display: none; } } .footer-links li:last-child { margin-right: 0; padding-right: 0; } .footer-links li:last-child:after { display: none; } .footer-links a { font-family: inherit; color: var(--white-color); } .footer-links a:hover { color: var(--theme-color2); } .copyright-wrap { padding: 24.25px 0; background-size: 100% auto; background-color: var(--theme-color); } .copyright-wrap .copyright-text { color: var(--white-color); } .copyright-wrap .copyright-text a { font-size: 18px; color: var(--theme-color2); } .copyright-wrap .copyright-text a:hover { color: var(--white-color); } .subscribe-box { position: relative; z-index: 1; padding: 50px 80px 68px; border-bottom: 10px solid var(--theme-color2); background: var(--white-color); border-radius: 0 0 160px 160px; --body-color: #646766; } .subscribe-box_title { font-size: 32px; font-weight: 700; text-transform: capitalize; letter-spacing: -0.02em; line-height: 1.166; margin-bottom: 5px; margin-top: -0.25em; } @media (max-width: 1299px) { .subscribe-box_title { font-size: 30px; } } @media (max-width: 991px) { .subscribe-box_title { font-size: 24px; letter-spacing: normal; line-height: normal; } } .subscribe-box_text { font-size: 18px; font-weight: 500; margin-bottom: -0.45em; } @media (max-width: 991px) { .subscribe-box_text { font-size: 16px; } } @media (max-width: 1199px) { .subscribe-box { text-align: center; } } @media (max-width: 991px) { .subscribe-box { border-radius: 0 0 80px 80px; } } @media (max-width: 767px) { .subscribe-box { padding: 50px 60px 60px; } } @media (max-width: 575px) { .subscribe-box { padding: 40px 30px; } } .newsletter-form { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .newsletter-form .form-group { margin-bottom: 0; width: 100%; } .newsletter-form .form-group input { background: var(--smoke-color2); border: 1px solid var(--th-border-color); color: var(--title-color); font-size: 14px; height: 64px; } .newsletter-form .form-group input::-webkit-input-placeholder { color: var(--body-color); } .newsletter-form .form-group input::-moz-placeholder { color: var(--body-color); } .newsletter-form .form-group input:-ms-input-placeholder { color: var(--body-color); } .newsletter-form .form-group input::-ms-input-placeholder { color: var(--body-color); } .newsletter-form .form-group input::placeholder { color: var(--body-color); } @media (max-width: 1199px) { .newsletter-form .form-group input { height: 56px; } } .newsletter-form .th-btn { min-width: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 24px 40px; } @media (max-width: 1199px) { .newsletter-form .th-btn { padding: 20px 40px; } } @media (max-width: 767px) { .newsletter-form { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .copyright-text { margin: 0; } .copyright-text a { color: var(--theme-color); } .copyright-text a:hover { color: var(--white-color); } .info-box { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .info-box .box-icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40px; height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(153, 187, 176, 0.5); color: var(--theme-color2); border-radius: 50%; } .info-box .box-details { -ms-flex-item-align: center; align-self: center; margin-top: -0.3em; } .info-box .box-text { letter-spacing: -0.02em; } .info-box .box-text:not(:last-child) { margin-bottom: 1px; } .info-box .box-link { color: inherit; } .info-box .box-link:hover { color: var(--theme-color2); } .newsletter-widget .newsletter-form { margin-top: -0.3em; position: relative; } .newsletter-widget .newsletter-form .form-group input { -webkit-backdrop-filter: none; backdrop-filter: none; font-size: 14px; height: 48px; padding: 0 120px 0 25px; } .newsletter-widget .newsletter-form .form-group:after { width: 100%; } .newsletter-widget .newsletter-form .th-btn { min-width: auto; font-size: 16px; font-weight: 400; position: absolute; top: 5px; right: 5px; bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--white-color); } .newsletter-widget .newsletter-form .th-btn:before, .newsletter-widget .newsletter-form .th-btn:after { display: none; } .newsletter-widget .form-group { margin-bottom: 0; } .newsletter-widget .check-group { margin-bottom: 20px; } @media (max-width: 991px) { .newsletter-wrap { padding: 40px; } .newsletter-wrap .newsletter-title { font-size: 30px; } .newsletter-wrap .newsletter-text { font-size: 16px; } } @media (max-width: 767px) { .newsletter-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 25px; } .newsletter-wrap .newsletter-title { text-align: center; margin-left: auto; margin-right: auto; } } @media (max-width: 575px) { .newsletter-wrap { padding: 40px 20px; } .newsletter-wrap .newsletter-title { font-size: 24px; } .newsletter-wrap .newsletter-form { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-wrapper .newsletter-form { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 991px) { .footer-wrapper .widget-area { padding-top: var(--section-space-mobile); padding-bottom: 30px; } .copyright-text { text-align: center; } } @media (max-width: 1500px) { .footer-default .footer-bg-shape1-1 { display: none; } } @media (max-width: 1500px) { .footer-default .footer-bg-shape1-2 { display: none; } } .footer-layout1 .footer-bg-shape1-1 { width: 240px; } .footer-layout1 .subscribe-box { background: transparent; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.16); border-radius: 0; padding-top: 120px; padding-bottom: 80px; padding-left: 0; padding-right: 0; --body-color: inherit; } @media (max-width: 991px) { .footer-layout1 .subscribe-box { padding-top: 80px; } } .footer-layout1 .subscribe-box .subscribe-box_title { margin-top: -0.13em; } .footer-layout1 .subscribe-box .subscribe-box_text { font-size: 18px; margin-top: 10px; } @media (max-width: 575px) { .footer-layout1 .subscribe-box .subscribe-box_text { font-size: 16px; } } .footer-layout1 .subscribe-box .newsletter-form { margin-top: 40px; max-width: 612px; margin-left: auto; margin-right: auto; } .footer-layout1 .subscribe-box .newsletter-form .form-group input { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(153, 187, 176, 0.4); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: var(--white-color); } .footer-layout2 { --body-color: #646766; background: transparent; padding-top: 0; } @media (max-width: 1500px) { .footer-layout2 .footer-bg-shape2-1, .footer-layout2 .footer-bg-shape2-2 { display: none; } } .footer-layout2 .footer-top { margin-bottom: -116px; position: relative; z-index: 3; } @media (max-width: 1199px) { .footer-layout2 .footer-top { margin-bottom: -160px; } } .footer-layout2 .subscribe-box { background: var(--smoke-color5); border-radius: 240px; padding: 80px; } @media (max-width: 1199px) { .footer-layout2 .subscribe-box { border-radius: 80px; } } @media (max-width: 767px) { .footer-layout2 .subscribe-box { padding: 60px; } } @media (max-width: 575px) { .footer-layout2 .subscribe-box { padding: 40px 30px; border-radius: 60px; } } @media (max-width: 375px) { .footer-layout2 .subscribe-box { border-radius: 40px; } } .footer-layout2 .footer-widget-wrap { padding-top: 116px; } @media (max-width: 1199px) { .footer-layout2 .footer-widget-wrap { padding-top: 160px; } } .footer-layout2 .widget .th-social a { -webkit-box-shadow: none; box-shadow: none; color: var(--title-color); font-size: 14px; } .footer-layout2 .widget .th-social a:hover { color: var(--white-color); } .footer-layout2 .widget_title { color: var(--title-color); font-weight: 400; } .footer-layout2 .footer-widget.widget_meta a:hover, .footer-layout2 .footer-widget.widget_pages a:hover, .footer-layout2 .footer-widget.widget_archive a:hover, .footer-layout2 .footer-widget.widget_categories a:hover, .footer-layout2 .footer-widget.widget_nav_menu a:hover { color: var(--theme-color); } .footer-layout2 .footer-widget.widget_meta a:hover:before, .footer-layout2 .footer-widget.widget_pages a:hover:before, .footer-layout2 .footer-widget.widget_archive a:hover:before, .footer-layout2 .footer-widget.widget_categories a:hover:before, .footer-layout2 .footer-widget.widget_nav_menu a:hover:before { background: var(--theme-color); } .footer-layout2 .info-box .box-icon { border-color: var(--th-border-color2); color: var(--theme-color); } .footer-layout2 .info-box .box-link:hover { color: var(--theme-color); } .wp-block-query-pagination-numbers, .th-pagination { margin-bottom: 30px; } .wp-block-query-pagination-numbers ul, .th-pagination ul { margin: 0; padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wp-block-query-pagination-numbers li, .th-pagination li { display: inline-block; list-style-type: none; } .wp-block-query-pagination-numbers li:last-child, .th-pagination li:last-child { margin-right: 0; } .wp-block-query-pagination-numbers li:first-child, .th-pagination li:first-child { margin-left: 0; } .wp-block-query-pagination-numbers span, .wp-block-query-pagination-numbers a, .th-pagination span, .th-pagination a { display: inline-block; text-align: center; position: relative; border: 1px solid var(--th-border-color); color: var(--title-color); background-color: transparent; min-height: 48px; min-width: 48px; padding: 10px 17px; 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; z-index: 1; font-size: 18px; font-weight: 600; font-family: var(--body-font); border-radius: 50px; } .wp-block-query-pagination-numbers span i, .wp-block-query-pagination-numbers a i, .th-pagination span i, .th-pagination a i { color: var(--title-color); } .wp-block-query-pagination-numbers span.active, .wp-block-query-pagination-numbers span:hover, .wp-block-query-pagination-numbers a.active, .wp-block-query-pagination-numbers a:hover, .th-pagination span.active, .th-pagination span:hover, .th-pagination a.active, .th-pagination a:hover { color: var(--white-color); background-color: var(--theme-color); border-color: var(--theme-color); } .wp-block-query-pagination-numbers span.active i, .wp-block-query-pagination-numbers span:hover i, .wp-block-query-pagination-numbers a.active i, .wp-block-query-pagination-numbers a:hover i, .th-pagination span.active i, .th-pagination span:hover i, .th-pagination a.active i, .th-pagination a:hover i { color: inherit; } @media (max-width: 1399px) { .wp-block-query-pagination-numbers span, .wp-block-query-pagination-numbers a, .th-pagination span, .th-pagination a { font-size: 16px; } } @media (max-width: 991px) { .wp-block-query-pagination-numbers, .th-pagination { margin-top: 40px; } .wp-block-query-pagination-numbers.mt-60, .th-pagination.mt-60 { margin-top: 40px; } } .wp-block-query-pagination-next { display: inline-block; text-align: center; position: relative; border: none; color: var(--title-color); background-color: var(--smoke-color2); min-width: 56px; height: 56px; line-height: 56px; z-index: 1; font-size: 16px; padding: 0 20px; font-weight: 500; border-radius: 12px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .wp-block-query-pagination-next.active, .wp-block-query-pagination-next:hover { color: var(--white-color); background-color: var(--theme-color); border-color: var(--theme-color); } blockquote, .wp-block-quote { font-size: 20px; line-height: 1.5em; padding: 40px 40px 40px 150px; font-weight: 500; display: block; position: relative; background-color: var(--smoke-color); margin: 40px 0; color: var(--title-color); font-family: var(--body-font); border-left: 4px solid var(--theme-color); border-radius: 0 24px 24px 0; } blockquote p, .wp-block-quote p { font-size: inherit; font-family: inherit; margin-top: -0.4em; margin-bottom: 9px; line-height: inherit; color: inherit; width: 100%; position: relative; z-index: 3; } blockquote p a, .wp-block-quote p a { color: inherit; } blockquote:before, .wp-block-quote:before { content: ""; position: absolute; top: 50px; left: 40px; height: 56px; width: 80px; background-color: var(--theme-color); clip-path: path("M63.2877 21.017C63.1266 19.2752 63.2498 14.54 67.7859 7.95554C68.1291 7.45867 68.0668 6.78854 67.6407 6.36254C65.7913 4.51317 64.6463 3.34617 63.8432 2.52954C62.7872 1.45279 62.3051 0.962169 61.5994 0.322419C61.1283 -0.101081 60.4154 -0.108456 59.9393 0.306669C52.0328 7.18654 43.2511 21.4028 44.5218 38.8198C45.2664 49.0468 52.7262 56.4699 62.2587 56.4699C72.0413 56.4699 80.0003 48.5122 80.0003 38.7294C80.0003 29.2922 72.5932 21.5529 63.2877 21.017ZM62.2587 53.9699C54.0726 53.9699 47.6627 47.5222 47.0146 38.6392C45.5851 19.0505 57.2293 6.32592 60.7474 2.95679C61.0904 3.29492 61.4823 3.69279 62.0597 4.28117C62.7554 4.98917 63.7077 5.95842 65.1481 7.40379C59.6414 15.8877 60.6803 21.9325 61.1356 22.7993C61.3517 23.2107 61.7948 23.4878 62.2587 23.4878C70.6632 23.4878 77.5003 30.3249 77.5003 38.7294C77.5003 47.1328 70.6632 53.9699 62.2587 53.9699Z M18.8913 21.017C18.7289 19.28 18.8485 14.5485 23.3895 7.95547C23.7314 7.4586 23.6703 6.78848 23.2443 6.36248C21.3985 4.51673 20.2548 3.35098 19.4528 2.53435C18.3933 1.45523 17.9098 0.963226 17.2043 0.322351C16.733 -0.101149 16.0202 -0.107274 15.5442 0.305351C7.63767 7.18523 -1.14533 21.3991 0.122915 38.8197C0.87004 49.0455 8.33092 56.4698 17.8634 56.4698C27.6462 56.4698 35.6052 48.5121 35.6052 38.7294C35.6052 29.291 28.1979 21.5505 18.8913 21.017ZM17.8634 53.9698C9.67867 53.9698 3.26504 47.5221 2.61566 38.6379C1.18991 19.0444 12.8342 6.3246 16.3522 2.95673C16.6964 3.29485 17.0895 3.69523 17.6682 4.28485C18.3627 4.99285 19.3137 5.96085 20.7517 7.40373C15.245 15.8888 16.2839 21.9325 16.7392 22.798C16.9553 23.2094 17.3995 23.4877 17.8634 23.4877C26.268 23.4877 33.1052 30.3248 33.1052 38.7294C33.1052 47.1327 26.268 53.9698 17.8634 53.9698Z"); } blockquote cite, .wp-block-quote cite { display: block; font-size: 24px; line-height: 1; letter-spacing: -0.02em; font-weight: 700; font-style: normal; font-family: var(--title-font); white-space: nowrap; color: var(--theme-color); margin-bottom: -0.1em; position: relative; padding-left: 40px; margin-top: 18px; } blockquote cite:before, .wp-block-quote cite:before { content: ""; position: absolute; height: 2px; width: 30px; background: var(--theme-color); left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } blockquote cite br, .wp-block-quote cite br { display: none; } blockquote.is-large:not(.is-style-plain), blockquote.is-style-large:not(.is-style-plain), blockquote.style-left-icon, blockquote.has-text-align-right, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.style-left-icon, .wp-block-quote.has-text-align-right { padding: 40px; margin-bottom: 30px; } blockquote.style-left-icon, .wp-block-quote.style-left-icon { font-size: 18px; color: var(--body-color); font-weight: 400; line-height: 1.556; background-color: var(--smoke-color); padding-left: 160px; } blockquote.style-left-icon:before, .wp-block-quote.style-left-icon:before { right: unset; left: 56px; top: 60px; font-size: 6rem; font-weight: 400; line-height: 4rem; color: var(--theme-color); text-shadow: none; } blockquote.style-left-icon cite, .wp-block-quote.style-left-icon cite { color: var(--title-color); } blockquote.style-left-icon cite:before, .wp-block-quote.style-left-icon cite:before { background-color: var(--title-color); top: 8px; } blockquote:not(:has(> cite)) p:last-child, .wp-block-quote:not(:has(> cite)) p:last-child { margin-bottom: -0.3em; } blockquote p:has(cite), .wp-block-quote p:has(cite) { padding-bottom: 10px; } blockquote p cite, .wp-block-quote p cite { margin-top: 20px; margin-bottom: -0.5em; bottom: -32px; } .wp-block-pullquote { color: var(--white-color); padding: 0; } blockquote.has-very-dark-gray-color { color: var(--title-color) !important; } .wp-block-pullquote blockquote, .wp-block-pullquote p { color: var(--title-color); } .wp-block-pullquote cite { position: absolute; color: var(--white-color) !important; } .wp-block-column blockquote, .wp-block-column .wp-block-quote { padding: 40px 15px 40px 15px; } .wp-block-column blockquote:before, .wp-block-column .wp-block-quote:before { width: 100%; height: 60px; font-size: 30px; } .wp-block-column blockquote.style-left-icon, .wp-block-column blockquote.is-large:not(.is-style-plain), .wp-block-column blockquote.is-style-large:not(.is-style-plain), .wp-block-column blockquote.has-text-align-right, .wp-block-column .wp-block-quote.style-left-icon, .wp-block-column .wp-block-quote.is-large:not(.is-style-plain), .wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-column .wp-block-quote.has-text-align-right { padding: 40px 15px 40px 15px; } .wp-block-column blockquote cite, .wp-block-column .wp-block-quote cite { font-size: 14px; left: 20px; } .wp-block-column blockquote cite:before, .wp-block-column .wp-block-quote cite:before { bottom: 6px; } .wp-block-pullquote__citation::before, .wp-block-pullquote cite::before, .wp-block-pullquote footer::before { bottom: 7px; } .has-cyan-bluish-gray-background-color blockquote, .has-cyan-bluish-gray-background-color .wp-block-quote { background-color: var(--white-color); } @media (max-width: 1299px) { blockquote, .wp-block-quote { font-size: 18px; } blockquote cite, .wp-block-quote cite { font-size: 20px; } } @media (max-width: 1199px) { blockquote, .wp-block-quote { padding: 30px; border-radius: 0 16px 16px 0; } blockquote:before, .wp-block-quote:before { position: relative; top: auto; left: auto; display: inline-block; margin-bottom: 25px; } } @media (max-width: 767px) { .wp-block-pullquote.is-style-solid-color blockquote { max-width: 90%; } blockquote, .wp-block-quote { font-size: 16px; } blockquote cite, .wp-block-quote cite { font-size: 18px; } } @media (max-width: 575px) { .wp-block-quote.is-large:not(.is-style-plain) p, .wp-block-quote.is-style-large:not(.is-style-plain) p { font-size: 1.2em; } } @media (max-width: 375px) { blockquote cite, .wp-block-quote cite { font-size: 18px; padding-left: 22px; } blockquote cite:before, .wp-block-quote cite:before { width: 20px; } } .blog-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-meta span, .blog-meta a { display: inline-block; font-size: 16px; font-weight: 400; color: var(--body-color); font-family: var(--body-font); position: relative; margin-right: 25px; line-height: 1; } .blog-meta span i, .blog-meta a i { margin-right: 10px; color: var(--theme-color); } .blog-meta span:last-child, .blog-meta a:last-child { margin-right: 0; } .blog-meta span:last-child:after, .blog-meta a:last-child:after { display: none; } .blog-meta .author img { border-radius: 50%; width: 30px; height: 30px; margin-right: 6px; } .blog-meta a:hover { color: var(--theme-color); } .blog-audio img, .blog-img img, .blog-video img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .blog-audio a, .blog-img a, .blog-video a { display: inline-block; } .blog-radius-img { border-radius: 24px; overflow: hidden; } .blog-title a { color: inherit; } .blog-title a:hover { color: var(--theme-color); } .th-blog { margin-bottom: 30px; } .blog-inner-title { margin-top: -0.3em; margin-bottom: 32px; font-weight: 700; font-size: 32px; letter-spacing: -0.02em; } .blog-inner-title i { color: var(--theme-color); margin-right: 8px; } .blog-single { position: relative; margin-bottom: var(--blog-space-y, 40px); } .blog-single .blog-title { margin-bottom: 22px; font-size: 28px; line-height: 1.357; font-weight: 700; letter-spacing: -0.02em; } .blog-single .blog-text { margin-bottom: 32px; letter-spacing: -0.02em; } .blog-single .social-links { margin: 0; padding: 0; list-style-type: none; display: inline-block; } .blog-single .social-links li { display: inline-block; margin-right: 3px; } .blog-single .social-links li:last-child { margin-right: 0; } .blog-single .social-links a { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: var(--smoke-color); font-size: 14px; color: var(--title-color); text-align: center; border-radius: 5px; } .blog-single .social-links a:hover { color: var(--white-color); background-color: var(--theme-color); } .blog-single .blog-meta { margin: 0 0 15px 0; } .blog-single .blog-content { margin: 0 0 0 0; position: relative; } .blog-single .blog-content p:last-child { margin-bottom: 0; } .blog-single .blog-audio { line-height: 1; } .blog-single .blog-audio, .blog-single .blog-img, .blog-single .blog-video { position: relative; overflow: hidden; background-color: var(--smoke-color); border-radius: 24px; margin-bottom: 34px; } .blog-single .blog-img .slick-arrow { --pos-x: 30px; --icon-size: 45px; border: none; background-color: var(--white-color); color: var(--theme-color); -webkit-box-shadow: none; box-shadow: none; } .blog-single .blog-img .slick-arrow:hover { background-color: var(--theme-color); color: var(--white-color); } .blog-single .blog-img .play-btn { --icon-size: 60px; position: absolute; left: 50%; top: 50%; margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2); } .blog-single .line-btn { display: block; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: -1px; } .blog-single .th-slider .slider-arrow { --pos-x: 20px; } .blog-single:hover .blog-img .slick-arrow { opacity: 1; visibility: visible; } .share-links-title { font-size: 20px; color: var(--title-color); font-family: var(--title-font); font-weight: 400; letter-spacing: -0.02em; margin: 0 10px 0 0; display: inline-block; } .share-links { margin: 80px 0 0 0; padding: 24px; background: var(--smoke-color); border-radius: 24px; position: relative; } .share-links:after { content: ""; position: absolute; left: 0; right: 0; height: 1px; top: -40px; background: var(--th-border-color); } .share-links > .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; --bs-gutter-y: 20px; } .share-links .wp-block-tag-cloud, .share-links .tagcloud { gap: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .share-links .wp-block-tag-cloud a, .share-links .tagcloud a { background: var(--white-color); -webkit-box-shadow: none; box-shadow: none; border: 1px solid var(--th-border-color2); padding: 12px 14px; font-weight: 600; } .share-links .wp-block-tag-cloud a:hover, .share-links .tagcloud a:hover { background: var(--theme-color); border-color: var(--theme-color); } .share-links .th-social { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .blog-author { background: var(--smoke-color3); padding: 34px 88px 34px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; border-radius: 24px; margin-top: 60px; } .blog-author .author-img { border-radius: 50% 50% 0 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; background: var(--white-color); -ms-flex-item-align: self-end; align-self: self-end; border: 20px solid var(--white-color); border-bottom: 0; position: relative; margin-bottom: -36px; } .blog-author .author-img:after, .blog-author .author-img:before { content: ""; position: absolute; left: -20px; bottom: 0; width: 30px; height: 30px; background: var(--white-color); -webkit-mask-image: url("/assets/build/media/main-img/shape/left-side-radius-mask-938ef511950d.png"); mask-image: url("/assets/build/media/main-img/shape/left-side-radius-mask-938ef511950d.png"); -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .blog-author .author-img:after { left: auto; right: -20px; -webkit-transform: translate(100%, 0) rotateY(180deg); transform: translate(100%, 0) rotateY(180deg); } .blog-author .author-img img { width: 150px; height: 150px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .blog-author .author-name { font-weight: 700; font-size: 24px; letter-spacing: -0.02em; margin-bottom: 3px; margin-top: -0.3em; } .blog-author .author-name a { color: var(--title-color); } .blog-author .author-name a:hover { color: var(--theme-color); } .blog-author .author-desig { color: var(--theme-color); font-size: 14px; font-weight: 400; margin-left: 24px; float: inline-end; position: relative; top: 5px; } .blog-author .author-text { margin-bottom: -0.3em; margin-top: 10px; letter-spacing: -0.02em; line-height: 1.75em; } .blog-author .author-meta { margin-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-author .author-meta a { color: var(--title-color); } .blog-author .author-meta a i { color: var(--theme-color); margin-right: 7px; } @media (max-width: 375px) { .blog-author .author-desig { display: block; float: inherit; margin-left: 0; margin-top: 5px; margin-bottom: 20px; } } @media (max-width: 1399px) { .blog-single .blog-title { font-size: 24px; letter-spacing: normal; } .blog-single .blog-meta { margin: 0 0 10px 0; } .share-links { --blog-space-x: 20px; } } @media (max-width: 1199px) { .blog-author { display: block; padding: 30px; border-radius: 16px; } .blog-author .author-img { margin-bottom: 25px; display: inline-block; border-radius: 50%; border: 20px solid var(--white-color); } .blog-author .author-img:after, .blog-author .author-img:before { display: none; } } @media (max-width: 991px) { .blog-author, .share-links { --blog-space-x: 40px; } } @media (max-width: 767px) { .blog-author, .share-links { --blog-space-x: 20px; } .blog-inner-title { margin-bottom: 22px; } .blog-details .blog-single { --blog-space-x: 20px; --blog-space-y: 20px; } .blog-single .blog-title { font-size: 24px; line-height: 1.3; } .blog-single .blog-text { margin-bottom: 22px; } .blog-single .blog-bottom { padding-top: 15px; } .blog-single .blog-meta span, .blog-single .blog-meta a { padding-right: 3px; } .blog-single .blog-meta span:after, .blog-single .blog-meta a:after { display: none; } .blog-single .share-links-title { font-size: 18px; display: block; margin: 0 0 10px 0; } } .th-comment-form { margin: 60px 0 30px 0; position: relative; background: transparent; } .th-comment-form .form-title { margin-top: -0.35em; } .th-comment-form .form-title a#cancel-comment-reply-link { font-size: 0.7em; text-decoration: underline; } .th-comment-form .form-text { margin-bottom: 25px; } .blog-comment-area { margin: 40px 0 0; } .th-comments-wrap { margin: 60px 0 30px; } .th-comments-wrap .description p:last-child { margin-bottom: -0.5em; } .th-comments-wrap .comment-respond { margin: 30px 0; } .th-comments-wrap pre { background: #ededed; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; } .th-comments-wrap li { margin: 0; } .th-comments-wrap .th-post-comment { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; border-radius: 24px; padding: 30px; background: transparent; border: 1px solid var(--th-border-color); } .th-comments-wrap .th-post-comment ol, .th-comments-wrap .th-post-comment ul, .th-comments-wrap .th-post-comment dl { margin-bottom: 1rem; } .th-comments-wrap .th-post-comment ol ol, .th-comments-wrap .th-post-comment ol ul, .th-comments-wrap .th-post-comment ul ol, .th-comments-wrap .th-post-comment ul ul { margin-bottom: 0; } .th-comments-wrap ul.comment-list { list-style: none; margin: 0; padding: 0; } .th-comments-wrap ul.comment-list ul ul, .th-comments-wrap ul.comment-list ul ol, .th-comments-wrap ul.comment-list ol ul, .th-comments-wrap ul.comment-list ol ol { margin-bottom: 0; } .th-comments-wrap .comment-avater { width: 80px; height: 80px; margin-right: 24px; overflow: hidden; border-radius: 16px; } .th-comments-wrap .comment-avater img { width: 100%; border-radius: 16px; } .th-comments-wrap .comment-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .th-comments-wrap .commented-on { font-size: 14px; display: inline-block; margin-bottom: 14px; font-weight: 400; color: var(--body-color); } .th-comments-wrap .commented-on i { margin-right: 7px; font-size: 0.9rem; color: var(--theme-color); } .th-comments-wrap .name { margin-bottom: 2px; font-size: 20px; font-weight: 400; letter-spacing: -0.02em; margin-top: -0.2em; } .th-comments-wrap .comment-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .th-comments-wrap .text { margin-bottom: 0; } .th-comments-wrap .children { margin: 0; padding: 0; list-style-type: none; margin-left: 80px; } .th-comments-wrap .reply_and_edit { margin-bottom: -0.46em; } .th-comments-wrap .reply_and_edit a { margin-right: 0px; } .th-comments-wrap .reply_and_edit a:last-child { margin-right: 0; } .th-comments-wrap .reply_and_edit .comment-edit-link { -webkit-transform: translate(-105px, 0); transform: translate(-105px, 0); } .th-comments-wrap .reply_and_edit .comment-edit-link:first-child { -webkit-transform: none; transform: none; } .th-comments-wrap .reply-btn { font-weight: 700; font-size: 16px; color: var(--title-color); display: inline-block; background: transparent; padding: 0; position: absolute; right: 0; top: 0; } .th-comments-wrap .reply-btn i { margin-right: 7px; color: var(--theme-color); } .th-comments-wrap .reply-btn:hover { color: var(--theme-color); } .th-comments-wrap .star-rating { font-size: 12px; margin-bottom: 10px; position: absolute; top: 5px; right: 0; width: 80px; } ul.comment-list .th-comment-item:has(.children) .th-post-comment { margin-bottom: 24px; } .th-comments-wrap.th-comment-form { margin: 0; } @media (max-width: 1199px) { .blog-comment-area { --blog-space-y: 20px; --blog-space-x: 20px; } .th-comments-wrap, .th-comment-form { --blog-space-x: 20px; } .th-comments-wrap .children { margin-left: 40px; } .th-comments-wrap .th-post-comment { border-radius: 16px; } .th-comments-wrap .reply-btn { font-size: 14px; } } @media (max-width: 991px) { .blog-comment-area { --blog-space-x: 40px; --blog-space-y: 40px; } .th-comment-form, .th-comments-wrap { --blog-space-x: 40px; } .th-comments-wrap .comment-avater { margin-right: 20px; } .th-comments-wrap .name { font-size: 18px; } } @media (max-width: 767px) { .blog-comment-area { --blog-space-x: 20px; --blog-space-y: 20px; } .th-comment-form, .th-comments-wrap { --blog-space-x: 20px; } .th-comments-wrap .name { font-size: 16px; } .th-comments-wrap .th-post-comment { display: block; } .th-comments-wrap .star-rating { position: relative; top: 0; right: 0; } .th-comments-wrap .comment-top { display: block; } .th-comments-wrap .comment-avater { margin-right: 0; margin-bottom: 25px; } .th-comments-wrap .children { margin-left: 40px; } .th-comments-wrap .children { margin-left: 30px; } } .th-hero-wrapper { position: relative; z-index: 2; overflow: hidden; } .th-hero-bg { position: absolute; inset: 0; z-index: -1; } .th-hero-bg img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .hero-title { margin-bottom: 12px; margin-top: -0.12em; font-size: 84px; font-weight: 700; line-height: 1.142; } .hero-title span { display: block; } @media (max-width: 1500px) { .hero-title { font-size: 70px; line-height: normal; margin-top: -0.2em; } } @media (max-width: 1399px) { .hero-title { font-size: 64px; } } @media (max-width: 1299px) { .hero-title { font-size: 58px; margin-bottom: 17px; } } @media (max-width: 1199px) { .hero-title { font-size: 54px; } } @media (max-width: 991px) { .hero-title { font-size: 50px; } } @media (max-width: 767px) { .hero-title { font-size: 42px; } } @media (max-width: 575px) { .hero-title { font-size: 38px; } } .hero-text { margin-bottom: 32px; font-size: 16px; } .hero-counter-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .hero-counter-wrap .counter-number-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 48px; font-weight: 500; font-family: var(--title-font); color: var(--theme-color); } .hero-counter-wrap .counter-title { margin-bottom: 0; color: var(--white-color); font-size: 24px; font-weight: 500; } .hero-1 { padding-top: 154px; background: var(--theme-dark2); } @media (max-width: 991px) { .hero-1 { padding-top: 202px; } } @media (max-width: 767px) { .hero-1 { padding-top: 120px; } } .hero-1 .hero-inner { position: relative; z-index: 1; } .hero-1 .hero-inner .th-hero-bg { background-size: auto; background-repeat: repeat; } .hero-1 .hero-inner .hero-bg-shape1-1 { position: absolute; bottom: 110px; right: 0; } @media (max-width: 1500px) { .hero-1 .hero-inner .hero-bg-shape1-1 { max-width: 400px; } } @media (max-width: 1299px) { .hero-1 .hero-inner .hero-bg-shape1-1 { max-width: 350px; bottom: 90px; } } @media (max-width: 991px) { .hero-1 .hero-inner .hero-bg-shape1-1 { display: none; } } .hero-1 .hero-inner .hero-bg-shape1-2 { position: absolute; left: 10%; bottom: 0; } @media (max-width: 991px) { .hero-1 .hero-inner .hero-bg-shape1-2 { display: none; } } .hero-1 .hero-thumb1-1 { position: absolute; right: 0; bottom: 0; left: -44px; top: 0; background: var(--theme-color2); padding-left: 0; padding-bottom: 32px; z-index: -1; -webkit-mask-position: 7px 0; mask-position: 7px 0; } @media (max-width: 1299px) { .hero-1 .hero-thumb1-1 { padding-bottom: 20px; } } @media (max-width: 991px) { .hero-1 .hero-thumb1-1 { left: -100px; -webkit-mask-position: 12px 0; mask-position: 12px 0; } } .hero-1 .hero-thumb1-1 .thumb { height: 100%; } .hero-1 .hero-thumb1-1 .thumb:after { content: ""; position: absolute; inset: 0; background: -webkit-gradient(linear, left top, right top, color-stop(13.95%, rgba(0, 0, 0, 0.8)), color-stop(84.62%, rgba(0, 0, 0, 0))); background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 13.95%, rgba(0, 0, 0, 0) 84.62%); } @media (max-width: 1199px) { .hero-1 .hero-thumb1-1 .thumb:after { background: -webkit-gradient(linear, left top, right top, color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(90%, rgba(0, 0, 0, 0))); background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 55%, rgba(0, 0, 0, 0) 90%); } } .hero-1 .hero-thumb1-1 img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; } .hero-1 .th-social { position: absolute; left: 80px; bottom: 300px; z-index: 1; display: block; } .hero-1 .th-social a { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; margin-bottom: 16px; font-size: 14px; --icon-size: 40px; border: 1px solid var(--white-color); } .hero-1 .th-social a:hover { border-color: var(--theme-color); color: var(--theme-color); background: transparent; } .hero-1 .th-social a:last-child { margin-bottom: 0; } @media (max-width: 1500px) { .hero-1 .th-social { bottom: 200px; left: 60px; } } @media (max-width: 1299px) { .hero-1 .th-social { left: 40px; } } @media (max-width: 1199px) { .hero-1 .th-social { bottom: 150px; } .hero-1 .th-social a { --icon-size: 32px; font-size: 12px; } } @media (max-width: 991px) { .hero-1 .th-social { right: 40px; left: auto; top: 50%; bottom: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 767px) { .hero-1 .th-social { display: none; } } .hero-slider1 .pagination-wrap { position: absolute; right: 60px; bottom: 50% !important; width: auto; height: auto; margin-bottom: 50px; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); z-index: 1; } .hero-slider1 .pagination-wrap .slider-arrow { width: 100%; height: auto; background: transparent; border-radius: 0; display: block; margin: 0; } .hero-slider1 .pagination-wrap .slider-pagination2 .current-slide { font-size: 24px; font-weight: 700; font-family: var(--title-font); color: var(--theme-color2); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: block; margin-bottom: 8px; } .hero-slider1 .pagination-wrap .slider-pagination2 .total-slides { font-size: 16px; font-weight: 700; font-family: var(--title-font); color: var(--white-color); opacity: 0.5; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: block; } @media (max-width: 991px) { .hero-slider1 .pagination-wrap { display: none; } } .hero-style1 { position: relative; z-index: 6; padding: 180px 0 280px; } .hero-style1 .hero-subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; font-size: 34px; font-weight: 400; font-family: var(--title-font2); color: var(--theme-color2); margin-bottom: 24px; line-height: 1; } .hero-style1 .hero-subtitle img { width: 31px; } @media (max-width: 991px) { .hero-style1 .hero-subtitle { font-size: 28px; } } .hero-style1 .hero-title .title2 span { display: inline-block; } .hero-style1 .hero-text { max-width: 638px; font-size: 18px; } @media (max-width: 991px) { .hero-style1 .hero-text { font-size: 16px; } } .hero-style1 .btn-wrap { gap: 24px; margin-top: 38px; } @media (max-width: 1700px) { .hero-style1 { padding-left: 150px; } } @media (max-width: 1299px) { .hero-style1 { padding: 140px 0 200px 150px; } } @media (max-width: 1199px) { .hero-style1 { padding: 140px 0 180px 120px; } } @media (max-width: 991px) { .hero-style1 { padding: 120px 0 160px; } } @media (max-width: 767px) { .hero-style1 { padding: 120px 0 140px; } } .hero-2 { padding-top: 145px; position: relative; background: var(--smoke-color2); } @media (max-width: 991px) { .hero-2 { padding-top: 124px; } } .hero-2 .hero-inner { position: relative; padding-bottom: 15px; } .hero-2 .hero-inner:after { content: ""; position: absolute; inset: 160px 0 0 85px; background: var(--theme-color2); z-index: -1; clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 15px), 0% 100%); border-radius: 34px; } @media (max-width: 1500px) { .hero-2 .hero-inner:after { inset: 160px 0 0 0; } } .hero-2 .hero-inner .about-tag { position: absolute; right: 160px; bottom: 0; -webkit-transform: translate(0, calc(50% - 15px)); transform: translate(0, calc(50% - 15px)); z-index: 1; } @media (max-width: 1500px) { .hero-2 .hero-inner .about-tag { bottom: auto; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 991px) { .hero-2 .hero-inner .about-tag { -webkit-transform: none; transform: none; right: auto; top: 120px; left: 40px; } } @media (max-width: 575px) { .hero-2 .hero-inner .about-tag { left: 30px; top: 80px; } } .hero-2 .hero-inner .about-tag .play-btn:after, .hero-2 .hero-inner .about-tag .play-btn:before { display: none; } .hero-2 .hero-thumb2-1 { position: absolute; inset: 0; } .hero-2 .hero-thumb2-1 .thumb { height: 100%; } .hero-2 .hero-thumb2-1 .thumb img { height: 100%; } .hero-2 .hero-thumb2-1:after, .hero-2 .hero-thumb2-1:before { content: ""; position: absolute; inset: 0; } .hero-2 .hero-thumb2-1:after { background: -webkit-gradient(linear, left top, right top, color-stop(12.02%, rgba(11, 32, 28, 0.4)), color-stop(31.32%, rgba(11, 32, 28, 0.340984)), color-stop(48.79%, rgba(11, 32, 28, 0.291271)), to(rgba(11, 32, 28, 0))); background: linear-gradient(90deg, rgba(11, 32, 28, 0.4) 12.02%, rgba(11, 32, 28, 0.340984) 31.32%, rgba(11, 32, 28, 0.291271) 48.79%, rgba(11, 32, 28, 0) 100%); mix-blend-mode: hard-light; } .hero-2 .hero-thumb2-1:before { background: -webkit-gradient(linear, left top, right top, color-stop(12.02%, #0B201C), color-stop(31.32%, rgba(11, 32, 28, 0.852459)), color-stop(48.79%, rgba(11, 32, 28, 0.728179)), to(rgba(11, 32, 28, 0))); background: linear-gradient(90deg, #0B201C 12.02%, rgba(11, 32, 28, 0.852459) 31.32%, rgba(11, 32, 28, 0.728179) 48.79%, rgba(11, 32, 28, 0) 100%); mix-blend-mode: hard-light; z-index: 1; } .hero-2 .th-social { position: absolute; left: 30px; top: 50%; z-index: 1; display: block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .hero-2 .th-social:before, .hero-2 .th-social:after { content: ""; position: absolute; width: 2px; height: clamp(120px, 11vw, 177px); background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), to(transparent)); background: linear-gradient(var(--theme-color), transparent); opacity: 0.6; left: 50%; -webkit-transform: translate(-50%, 16px); transform: translate(-50%, 16px); } .hero-2 .th-social:before { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--theme-color))); background: linear-gradient(transparent, var(--theme-color)); -webkit-transform: translate(-50%, calc(-100% - 16px)); transform: translate(-50%, calc(-100% - 16px)); } .hero-2 .th-social a { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; margin-bottom: 16px; font-size: 14px; --icon-size: 40px; border: 1px solid var(--th-border-color); color: var(--title-color); } .hero-2 .th-social a:hover { border-color: var(--theme-color); color: var(--theme-color); background: transparent; } .hero-2 .th-social a:last-child { margin-bottom: 0; } @media (max-width: 1500px) { .hero-2 .th-social { right: auto; left: 30px; } .hero-2 .th-social a { color: var(--white-color); } .hero-2 .th-social:before { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--white-color))); background: linear-gradient(transparent, var(--white-color)); } .hero-2 .th-social:after { background: -webkit-gradient(linear, left top, left bottom, from(var(--white-color)), to(transparent)); background: linear-gradient(var(--white-color), transparent); } } @media (max-width: 1199px) { .hero-2 .th-social:before, .hero-2 .th-social:after { height: 92px; } .hero-2 .th-social a { --icon-size: 32px; font-size: 12px; } } @media (max-width: 991px) { .hero-2 .th-social { right: 40px; left: auto; top: 50%; bottom: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 767px) { .hero-2 .th-social { display: none; } } .hero-2 .brand-area-1 { margin-left: -350px; } @media (max-width: 1500px) { .hero-2 .brand-area-1 { margin-left: 0; } } .hero-slider2 { margin-left: 100px; background: var(--title-color); border-radius: 34px 0 0 34px; overflow: hidden; } @media (max-width: 1500px) { .hero-slider2 { margin-left: 15px; } } .hero-slider2 .pagination-wrap { position: absolute; left: 0; right: 0; bottom: 75px !important; width: auto; height: auto; margin-bottom: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; max-width: var(--main-container); margin-left: auto; margin-right: auto; } @media (max-width: 1299px) { .hero-slider2 .pagination-wrap { max-width: 1120px; bottom: 45px !important; } } @media (max-width: 1199px) { .hero-slider2 .pagination-wrap { max-width: 940px; } } .hero-slider2 .pagination-wrap .slider-arrow { width: auto; height: auto; background: transparent; border-radius: 0; display: block; margin: 0; } .hero-slider2 .pagination-wrap .slider-pagination2 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .hero-slider2 .pagination-wrap .slider-pagination2 .current-slide { font-size: 24px; font-weight: 700; font-family: var(--title-font); color: var(--theme-color2); display: block; margin-bottom: 0; } .hero-slider2 .pagination-wrap .slider-pagination2 .divider { display: none; } .hero-slider2 .pagination-wrap .slider-pagination2 .total-slides { font-size: 16px; font-weight: 700; font-family: var(--title-font); color: var(--white-color); opacity: 0.5; display: block; } @media (max-width: 991px) { .hero-slider2 .pagination-wrap { display: none; } } .hero-style2 { padding: 247px 0 262px; position: relative; z-index: 6; } @media (max-width: 1500px) { .hero-style2 { padding: 200px 0 220px; } } @media (max-width: 1299px) { .hero-style2 { padding: 180px 0 200px; } } @media (max-width: 991px) { .hero-style2 { padding: 400px 0 120px; } } @media (max-width: 575px) { .hero-style2 { padding: 360px 0 80px; } } .hero-style2 .hero-subtitle { font-size: 34px; font-weight: 400; font-family: var(--title-font2); color: var(--theme-color2); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; margin-top: -0.48em; margin-bottom: 4px; } .hero-style2 .hero-subtitle:before { content: ""; position: relative; display: inline-block; height: 2px; width: 50px; background: var(--theme-color2); } @media (max-width: 991px) { .hero-style2 .hero-subtitle { font-size: 28px; } } .hero-style2 .hero-title { font-size: 94px; } @media (max-width: 1500px) { .hero-style2 .hero-title { font-size: 84px; } } @media (max-width: 1299px) { .hero-style2 .hero-title { font-size: 74px; } } @media (max-width: 1199px) { .hero-style2 .hero-title { font-size: 64px; } } @media (max-width: 991px) { .hero-style2 .hero-title { font-size: 58px; } } @media (max-width: 767px) { .hero-style2 .hero-title { font-size: 50px; } } @media (max-width: 575px) { .hero-style2 .hero-title { font-size: 40px; } } @media (max-width: 375px) { .hero-style2 .hero-title { font-size: 38px; } } .hero-style2 .btn-wrap { margin-top: 30px; } .hero-3 { position: relative; padding-top: 99px; } @media (max-width: 991px) { .hero-3 { padding-top: 80px; } } .hero-3 .hero-inner { position: relative; } .hero-3 .hero-inner .hero-bg-shape3-1 { position: absolute; right: 24px; top: 76px; z-index: 1; } @media (max-width: 1500px) { .hero-3 .hero-inner .hero-bg-shape3-1 { display: none; } } .hero-3 .hero-inner .hero-thumb3-1 { position: absolute; top: 0; right: 100px; bottom: 157px; border-left: 20px solid var(--theme-color2); border-right: 20px solid var(--theme-color2); max-width: 740px; } @media (min-width: 1922px) { .hero-3 .hero-inner .hero-thumb3-1 { bottom: 0; } } @media (max-width: 1500px) { .hero-3 .hero-inner .hero-thumb3-1 { bottom: 0; max-width: 600px; } } @media (max-width: 1299px) { .hero-3 .hero-inner .hero-thumb3-1 { max-width: 500px; } } @media (max-width: 1199px) { .hero-3 .hero-inner .hero-thumb3-1 { max-width: 400px; } } @media (max-width: 991px) { .hero-3 .hero-inner .hero-thumb3-1 { position: relative; right: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .hero-3 .hero-inner .hero-thumb3-1 img { height: 100%; -o-object-fit: cover; object-fit: cover; } .hero-3 .hero-inner .about-tag { position: absolute; bottom: 235px; right: 750px; } .hero-3 .hero-inner .about-tag .play-btn:after, .hero-3 .hero-inner .about-tag .play-btn:before { display: none; } @media (max-width: 1500px) { .hero-3 .hero-inner .about-tag { bottom: 60px; right: 580px; } } @media (max-width: 1299px) { .hero-3 .hero-inner .about-tag { right: 500px; } } @media (max-width: 1199px) { .hero-3 .hero-inner .about-tag { right: 380px; } } @media (max-width: 991px) { .hero-3 .hero-inner .about-tag { bottom: auto; right: auto; top: 150px; left: 70px; } } @media (max-width: 767px) { .hero-3 .hero-inner .about-tag { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @media (max-width: 575px) { .hero-3 .hero-inner .about-tag { display: none; } } .hero-3 .hero-inner .th-social { position: absolute; left: 130px; top: 50%; z-index: 1; display: block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .hero-3 .hero-inner .th-social:before, .hero-3 .hero-inner .th-social:after { content: ""; position: absolute; width: 2px; height: 200px; background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), to(transparent)); background: linear-gradient(var(--theme-color), transparent); opacity: 0.6; left: 50%; -webkit-transform: translate(-50%, 16px); transform: translate(-50%, 16px); } @media (max-width: 1299px) { .hero-3 .hero-inner .th-social:before, .hero-3 .hero-inner .th-social:after { height: 120px; } } .hero-3 .hero-inner .th-social:before { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--theme-color))); background: linear-gradient(transparent, var(--theme-color)); -webkit-transform: translate(-50%, calc(-100% - 16px)); transform: translate(-50%, calc(-100% - 16px)); } .hero-3 .hero-inner .th-social a { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; margin-bottom: 16px; font-size: 14px; --icon-size: 40px; border: 1px solid var(--th-border-color); color: var(--title-color); } .hero-3 .hero-inner .th-social a:hover { border-color: var(--theme-color); color: var(--theme-color); background: transparent; } .hero-3 .hero-inner .th-social a:last-child { margin-bottom: 0; } @media (max-width: 1500px) { .hero-3 .hero-inner .th-social { right: 30px; left: auto; } } @media (max-width: 1199px) { .hero-3 .hero-inner .th-social a { --icon-size: 32px; font-size: 12px; } } @media (max-width: 991px) { .hero-3 .hero-inner .th-social { right: 40px; left: auto; top: 50%; bottom: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 767px) { .hero-3 .hero-inner .th-social { display: none; } } .hero-style3 { padding: 232px 0 388px; } @media (min-width: 1922px) { .hero-style3 { padding: 232px 0; } } @media (max-width: 1500px) { .hero-style3 { padding: 200px 0; } } @media (max-width: 1399px) { .hero-style3 { padding: 180px 0; } } @media (max-width: 1299px) { .hero-style3 { padding: 160px 0; } } @media (max-width: 991px) { .hero-style3 { text-align: center; padding: 60px 0 140px; } .hero-style3 .btn-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .hero-style3 { padding: 60px 0 120px; } } @media (max-width: 575px) { .hero-style3 { padding: 40px 0 100px; } } .hero-style3 .hero-subtitle { font-size: 34px; font-weight: 400; font-family: var(--title-font2); color: var(--theme-color); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; margin-top: -0.5em; position: relative; margin-bottom: 10px; } @media (max-width: 1199px) { .hero-style3 .hero-subtitle { font-size: 28px; } } @media (max-width: 575px) { .hero-style3 .hero-subtitle { font-size: 24px; } } .hero-style3 .hero-subtitle:before { content: ""; position: relative; display: inline-block; width: 50px; height: 2px; background: var(--theme-color2); } @media (max-width: 991px) { .hero-style3 .hero-subtitle:before { display: none; } } .hero-style3 .hero-subtitle:after { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--theme-color2); left: 45px; } @media (max-width: 991px) { .hero-style3 .hero-subtitle:after { display: none; } } .hero-style3 .hero-title { font-size: 84px; font-weight: 700; text-transform: uppercase; letter-spacing: -0.02em; margin-bottom: 30px; } @media (max-width: 1500px) { .hero-style3 .hero-title { font-size: 70px; } } @media (max-width: 1399px) { .hero-style3 .hero-title { font-size: 64px; } } @media (max-width: 1299px) { .hero-style3 .hero-title { font-size: 58px; } } @media (max-width: 1199px) { .hero-style3 .hero-title { font-size: 50px; } } @media (max-width: 991px) { .hero-style3 .hero-title { font-size: 48px; } } @media (max-width: 767px) { .hero-style3 .hero-title { font-size: 42px; } } @media (max-width: 575px) { .hero-style3 .hero-title { font-size: 38px; } } .popup-search-box { position: fixed; top: 0; left: 50%; background-color: rgba(0, 0, 0, 0.95); height: 0; width: 0; overflow: hidden; z-index: 99999; opacity: 0; visibility: hidden; border-radius: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .popup-search-box button.searchClose { width: 60px; height: 60px; line-height: 58px; position: absolute; top: 40px; right: 40px; border-width: 2px; border-style: solid; border-color: var(--theme-color); background-color: transparent; font-size: 22px; border-radius: 50%; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; color: var(--white-color); } .popup-search-box button.searchClose:hover { color: var(--white-color); border-color: var(--theme-color); background: var(--theme-color); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .popup-search-box form { position: absolute; top: 50%; left: 50%; display: inline-block; padding-bottom: 40px; cursor: auto; width: 100%; max-width: 700px; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform ease 0.4s; transition: -webkit-transform ease 0.4s; transition: transform ease 0.4s; transition: transform ease 0.4s, -webkit-transform ease 0.4s; } @media (max-width: 1199px) { .popup-search-box form { max-width: 600px; } } .popup-search-box form input { font-size: 18px; height: 70px; width: 100%; border: 2px solid var(--theme-color); background-color: transparent; padding-left: 30px; color: #fff; border-radius: 50px; padding-right: 80px; } .popup-search-box form input::-moz-placeholder { color: #fff; } .popup-search-box form input::-webkit-input-placeholder { color: #fff; } .popup-search-box form input:-ms-input-placeholder { color: #fff; } .popup-search-box form input::-ms-input-placeholder { color: #fff; } .popup-search-box form input::placeholder { color: #fff; } .popup-search-box form button { position: absolute; top: 0px; background-color: transparent; border: none; color: #fff; font-size: 24px; right: 12px; color: var(--white-color); cursor: pointer; width: 70px; height: 70px; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: scale(1.001); transform: scale(1.001); } .popup-search-box form button:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .popup-search-box.show { opacity: 1; visibility: visible; width: 100.1%; height: 100%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; border-radius: 0; } .popup-search-box.show form { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .sidemenu-wrapper { position: fixed; z-index: 99999; right: 0; top: 0; height: 100%; width: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; } .sidemenu-wrapper .info-box_link { color: var(--title-color); } .sidemenu-wrapper .info-box_link:hover { color: var(--theme-color); } .sidemenu-wrapper .newsletter-widget .newsletter-form input { color: var(--title-color); } .sidemenu-wrapper .newsletter-widget .newsletter-form .th-btn { padding: 0 20px; height: -webkit-fill-available; min-height: auto; background: var(--theme-color); } .sidemenu-wrapper .newsletter-widget .newsletter-form .th-btn:hover { color: var(--white-color); background: var(--title-color); } .sidemenu-wrapper .th-social a { -webkit-box-shadow: none; box-shadow: none; } .sidemenu-wrapper .closeButton { display: inline-block; border: 2px solid; width: 50px; height: 50px; line-height: 48px; font-size: 24px; padding: 0; position: absolute; top: 20px; right: 20px; background-color: var(--white-color); border-radius: 50%; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .sidemenu-wrapper .closeButton:hover { color: var(--theme-color); border-color: var(--theme-color); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .sidemenu-wrapper .sidemenu-content { background-color: var(--white-color); width: 450px; margin-left: auto; padding: 80px 30px; height: 100%; overflow: scroll; position: relative; right: -500px; cursor: auto; -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-transition: right ease 1s; transition: right ease 1s; } .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); background-color: #f5f5f5; } .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar { width: 2px; background-color: #f5f5f5; } .sidemenu-wrapper .widget { padding: 0; border: none; background-color: transparent; } .sidemenu-wrapper .widget .wp-block-archives__label, .sidemenu-wrapper .widget .widget_title { border-bottom: 3px solid var(--th-border-color); } .sidemenu-wrapper .widget .recent-post { background: var(--smoke-color2); } .sidemenu-wrapper.show { opacity: 1; visibility: visible; width: 100%; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; } .sidemenu-wrapper.show .sidemenu-content { right: 0; opacity: 1; visibility: visible; } @media (max-width: 575px) { .sidemenu-wrapper { background: transparent; } .sidemenu-wrapper .sidemenu-content { width: 100%; } .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .th-btn { margin-bottom: 10px; } } .woocommerce-message, .woocommerce-info { position: relative; padding: 11px 20px 11px 50px; background-color: var(--theme-color); color: var(--white-color); font-size: 14px; font-weight: 500; margin-bottom: 15px; border-radius: 0px; } .woocommerce-message a, .woocommerce-info a { color: var(--white-color); text-decoration: underline; } .woocommerce-message a:hover, .woocommerce-info a:hover { color: var(--theme-color2); } .woocommerce-message:before, .woocommerce-info:before { content: "\f06a"; font-family: var(--icon-font); font-weight: 400; margin-right: 10px; font-size: 18px; position: absolute; left: 20px; top: 11px; } .woocommerce-notices-wrapper .woocommerce-message { background-color: var(--theme-color); color: var(--white-color); } .woocommerce-notices-wrapper .woocommerce-message:before { content: "\f14a"; font-weight: 300; } .woocommerce-form-login-toggle .woocommerce-info { background-color: var(--theme-color); color: var(--white-color); } .woocommerce-form-login-toggle .woocommerce-info a { color: inherit; } .woocommerce-form-login-toggle .woocommerce-info a:hover { color: var(--theme-color2); } .woocommerce-form-register, .woocommerce-form-coupon, .woocommerce-form-login { padding: 35px 40px 35px 40px; background-color: var(--white-color); -webkit-box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.1); box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.1); margin-bottom: 0; border-radius: 0px; } @media (max-width: 575px) { .woocommerce-form-register, .woocommerce-form-coupon, .woocommerce-form-login { padding: 40px 20px; border-radius: 10px; } } .woocommerce-form-register .form-group, .woocommerce-form-coupon .form-group, .woocommerce-form-login .form-group { margin-bottom: 20px; } .woocommerce-form-register .form-group:last-child, .woocommerce-form-coupon .form-group:last-child, .woocommerce-form-login .form-group:last-child { margin-bottom: 0; } .woocommerce-error { background-color: var(--error-color); color: #fff; list-style: none; padding: 10px 26px; margin: 0 0 30px 0; border-radius: 0; font-weight: 500; font-size: 14px; } nav.woocommerce-MyAccount-navigation li { border: 1px solid #ddd; margin: 0; border-top: none; } nav.woocommerce-MyAccount-navigation li:first-child { border-top: 1px solid #ddd; } nav.woocommerce-MyAccount-navigation li a { color: var(--title-color); font-weight: 700; padding: 7px 17px; display: block; } nav.woocommerce-MyAccount-navigation li.is-active a, nav.woocommerce-MyAccount-navigation li a:hover { color: var(--white-color); background-color: var(--theme-color); } .woocommerce-MyAccount-content h3 { margin-top: -0.3em; } .woocommerce-MyAccount-content .btn { background-color: var(--theme-color); color: var(--white-color); font-size: 14px; padding: 10px 25px; font-weight: 700; } .woocommerce-MyAccount-content .btn:hover { background-color: var(--title-color); color: var(--white-color); } table.variations, .woocommerce-grouped-product-list-item { border-collapse: separate; border-spacing: 0 15px; margin-bottom: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; } table.variations td, .woocommerce-grouped-product-list-item td { border: none; vertical-align: middle; padding: 0 5px; } table.variations td:first-child, .woocommerce-grouped-product-list-item td:first-child { padding: 0; } table.variations label, .woocommerce-grouped-product-list-item label { margin: 0; font-size: 14px; text-transform: capitalize; } table.variations label a, .woocommerce-grouped-product-list-item label a { color: var(--title-color); } table.variations label a:hover, .woocommerce-grouped-product-list-item label a:hover { color: var(--theme-color); } table.variations .label, .woocommerce-grouped-product-list-item .label { border: none; } table.variations__label, .woocommerce-grouped-product-list-item__label { border: none !important; font-weight: 600; } table.variations__price, .woocommerce-grouped-product-list-item__price { border: none !important; } table.variations__price .price, table.variations__price .amount, .woocommerce-grouped-product-list-item__price .price, .woocommerce-grouped-product-list-item__price .amount { font-size: 18px !important; } table.variations del, .woocommerce-grouped-product-list-item del { margin-left: 12px; } .woocommerce-product-attributes th, .woocommerce-product-attributes td { border: 1px solid var(--th-border-color); } .woocommerce-product-attributes th p:last-child, .woocommerce-product-attributes td p:last-child { margin-bottom: 0; } .woocommerce-grouped-product-list.group_table { border-collapse: collapse; margin-bottom: 15px; } .woocommerce-grouped-product-list.group_table .woocommerce-Price-amount.amount { font-size: 16px; color: var(--title-color); } .woocommerce-grouped-product-list.group_table label { margin: 0 0 0 10px; font-family: var(--title-font); font-size: 18px; } .woocommerce-grouped-product-list.group_table .qty-input { border-color: #e3e6e9; } .woocommerce-grouped-product-list.group_table tr { border-bottom: 1px solid #e3e6e9; } .woocommerce-grouped-product-list.group_table tr:last-child { border-bottom: none; } .woocommerce-grouped-product-list.group_table td { padding: 30px 5px; } table.variations { width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; } table.variations td { padding: 0; } table.variations td.label { padding-right: 10px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } table.variations select { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-weight: 400; line-height: 1.5; vertical-align: middle; margin: 0; padding-right: 54px; padding-left: 20px; height: 50px; } table.variations .reset_variations { margin-left: 16px; display: inline-block; position: absolute; left: 100%; bottom: 25px; } .woosq-product .product .woocommerce-grouped-product-list-item__quantity, .woosq-product .product .woocommerce-grouped-product-list-item__label, .woosq-product .product .woocommerce-grouped-product-list-item__price { width: auto !important; } .woocommerce-grouped-product-list-item__label:after, .woocommerce-grouped-product-list-item__price:after { display: none; } .woocommerce-variation.single_variation { margin-bottom: 30px; } .woocommerce-variation.single_variation .price { color: var(--title-color); font-weight: 700; } .wooscp-table-items td.woocommerce-product-attributes-item__value { padding-left: 15px !important; } .wooscp-table-items a.added_to_cart.wc-forward { margin-left: 15px; text-decoration: underline; } .tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open { z-index: 1111; } table.woocommerce-product-attributes { margin-bottom: 30px; } #woosq-popup .product_meta { margin-top: 20px; } #woosq-popup .product_title { font-size: 24px; margin-bottom: 5px; } #woosq-popup .single-product .product .actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } #woosq-popup .single-product .product .actions > div { height: auto; overflow: visible; width: -webkit-max-content; width: -moz-max-content; width: max-content; } #woosq-popup .single-product .product .actions > div .quantity.style2.woocommerce-grouped-product-list-item__quantity { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .login-tab { margin-bottom: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .login-tab button.nav-link { background-color: var(--smoke-color); color: var(--title-color); padding: 11px 39px; font-size: 18px; font-weight: 500; border-radius: 15px ​15px 0; } .login-tab button.nav-link.active { background-color: var(--theme-color); color: var(--white-color); } .star-rating { overflow: hidden; position: relative; width: 93px; height: 1.2em; line-height: 1.2em; display: block; font-family: var(--icon-font); font-weight: 700; font-size: 16px; } .star-rating:before { content: "\e28b\e28b\e28b\e28b\e28b"; color: #e1e1e1; float: left; top: 0; left: 0; position: absolute; letter-spacing: 1px; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\e28b\e28b\e28b\e28b\e28b"; top: 0; position: absolute; left: 0; color: var(--yellow-color); letter-spacing: 1px; } .rating-select label { margin: 0; margin-right: 10px; } .rating-select p.stars { margin-bottom: 0; line-height: 1; } .rating-select p.stars a { position: relative; height: 14px; width: 18px; text-indent: -999em; display: inline-block; text-decoration: none; } .rating-select p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 18px; height: 14px; line-height: 1; font-family: var(--icon-font); content: "\e28b"; font-weight: 400; text-indent: 0; color: var(--yellow-color); } .rating-select p.stars a:hover ~ a::before { content: "\e28b"; font-weight: 400; } .rating-select p.stars:hover a::before { content: "\e28b"; font-weight: 700; } .rating-select p.stars.selected a.active::before { content: "\e28b"; font-weight: 700; } .rating-select p.stars.selected a.active ~ a::before { content: "\e28b"; font-weight: 400; } .rating-select p.stars.selected a:not(.active)::before { content: "\e28b"; font-weight: 700; } @media (max-width: 767px) { .woocommerce-message, .woocommerce-info { font-size: 14px; line-height: 22px; padding: 10px 15px 10px 37px; } .woocommerce-message:before, .woocommerce-info:before { font-size: 16px; top: 10px; left: 15px; } } .th-product { text-align: center; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; background-color: var(--white-color); -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05); border-radius: 20px; padding: 18px; } .th-product .product-title { font-size: 20px; margin: 4px 0 6px 0; font-weight: 500; } .th-product .product-title a { color: inherit; } .th-product .product-title a:hover { color: var(--theme-color); } .th-product .product-category { color: var(--body-color); margin-bottom: 0px; display: block; } .th-product .product-category:hover { color: var(--theme-color); } .th-product .category, .th-product .product-tag { font-size: 14px; position: absolute; top: 10px; left: 10px; background-color: var(--theme-color); color: var(--white-color); padding: 0 12px; min-width: 60px; z-index: 3; border-radius: 30px; line-height: 24px; } .th-product .woocommerce-product-rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; margin-top: 8px; margin-bottom: 5px; } .th-product .star-rating { margin: 0 auto 0 auto; width: 93px; } .th-product .price { display: block; color: var(--body-color); font-weight: 500; margin-bottom: -0.4em; font-family: var(--body-font); } .th-product .price del { margin-left: 10px; color: #a9a9a9; } .th-product .product-img { --space: 0px; overflow: hidden; position: relative; margin: 0 0 23px 0; text-align: center; background-color: var(--smoke-color); z-index: 2; border-radius: 20px; } .th-product .product-img:before { --space: 0px; content: ""; height: calc(100% - var(--space) * 2); width: calc(100% - var(--space) * 2); border-radius: inherit; position: absolute; top: var(--space); left: var(--space); background-color: var(--theme-color); z-index: 1; -webkit-transform: scaleX(0); transform: scaleX(0); visibility: hidden; opacity: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .th-product .product-img img { width: 100%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: scale(1); transform: scale(1); } .th-product .actions { height: 100%; position: absolute; top: 5px; right: 10px; text-align: center; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; display: grid; -ms-flex-line-pack: center; align-content: center; width: 40px; } .th-product .actions .woosw-btn, .th-product .actions .icon-btn { --btn-size: 40px; font-size: 14px; border-color: var(--white-color); -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); color: var(--white-color); border-radius: 99px; margin-bottom: 10px; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08); } .th-product .actions .woosw-btn:hover, .th-product .actions .icon-btn:hover { color: var(--title-color); border-color: var(--theme-color2); } .th-product .actions > * { margin: 0 0; } .th-product .actions > * > a { margin: 0; } .th-product .woosw-btn, .th-product .icon-btn { -webkit-transform: translateX(30px); transform: translateX(30px); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { width: 40px; height: 40px; line-height: 40px; display: inline-block; } .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { position: relative; top: 0; left: 0; line-height: inherit; margin: 0; font-size: 24px; } .th-product .tinv-wishlist a { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: var(--white-color); color: var(--title-color); border-radius: 50%; } .th-product .tinv-wishlist a:hover { background-color: var(--theme-color); color: var(--white-color); } .th-product .add_to_cart_button.added { display: none; } .th-product .added_to_cart { display: block; width: 40px; height: 40px; line-height: 38px; background-color: var(--title-color); color: var(--white-color); font-size: 0; text-align: center; border-radius: 99px; border: none; margin-bottom: 10px; } .th-product .added_to_cart:after { content: "\f07a"; position: relative; font-family: var(--icon-font); font-size: 16px; font-weight: 700; } .th-product .added_to_cart:hover { background-color: var(--theme-color); color: var(--white-color); } .th-product .action-btn { background-color: var(--white-color); font-size: 14px; font-family: var(--title-font); text-transform: uppercase; font-weight: bold; display: inline-block; padding: 13px 25px; } .th-product:hover .product-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .th-product:hover .product-img:before { -webkit-transform: scaleX(1); transform: scaleX(1); visibility: visible; opacity: 0.25; } .th-product:hover .actions { margin-top: 0; opacity: 1; visibility: visible; } .th-product:hover .woosw-btn, .th-product:hover .icon-btn { -webkit-transform: translateY(0); transform: translateY(0); } .th-product.list-view { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; height: 100%; padding: 10px; } .th-product.list-view .product-img { --space: 0px; width: 100%; width: 87px; margin: 0; border-radius: 10px; } .th-product.list-view .product-img:before { --space: 0px; } .th-product.list-view .product-category { font-size: 13px; line-height: 23px; margin-top: -3px; } .th-product.list-view .star-rating { margin: 5px 0 0 0; width: 93px; font-size: 12px; } .th-product.list-view .product-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 4px 0 13px; } .th-product.list-view .actions { --icon-gap-x: 2px; width: 100%; right: 0; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .th-product.list-view .actions .woosw-btn, .th-product.list-view .actions .icon-btn { --btn-size: 36px; --btn-font-size: 14px; background-color: var(--theme-color2); color: var(--white-color); border: none; } .th-product.list-view .actions .woosw-btn:hover, .th-product.list-view .actions .icon-btn:hover { background-color: var(--title-color); } .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { width: 35px; height: 35px; line-height: 35px; } .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { font-size: 20px; } .th-product.list-view .tinv-wishlist a { width: 35px; height: 35px; line-height: 35px; } .th-product.list-view .added_to_cart { width: 35px; height: 35px; line-height: 35px; } .th-product.list-view .added_to_cart:after { font-size: 16px; } .th-product.list-view .tag { top: 8px; right: 8px; padding: 0px 15px; } .th-product.list-view .product-title { font-size: 14px; margin: 0; } .th-product.list-view .price { font-weight: 600; font-size: 13px; line-height: 23px; color: var(--theme-color); } .product-list-area { margin-bottom: -24px; } #productCarousel .slick-arrow { top: 37.5%; } .mfp-content { margin: 1.5rem auto; } .mfp-content .product-details-img { padding-top: 15px; } .mfp-content .product-about { padding-top: 20px; padding-bottom: 20px; } .mfp-content .container { position: relative; } .mfp-content .product-big-img { margin-top: 12px; margin-bottom: 12px; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .woosq-popup { border-radius: 10px; } .woosq-popup .product_meta > span > a:after, .woosq-popup .product_meta > span > span:after { display: none; } .woosq-product > .product .summary { display: grid; -ms-flex-line-pack: center; align-content: center; } .woosq-product .thumbnails .slick-list { display: block; } .woosq-product .thumbnails .slick-dots li button { width: 12px; height: 12px; -webkit-transform: scale(1); transform: scale(1); background-color: var(--theme-color); opacity: 0.4; } .woosq-product .thumbnails .slick-dots li button:before { display: none; } .woosq-product .thumbnails .slick-dots li.slick-active button { opacity: 1; } .woosq-product .tinv-wraper { display: none; } .th-sort-bar { padding: 10px; margin: 0 0 24px 0; background-color: var(--smoke-color); border-radius: 100px; } .th-sort-bar .row { --bs-gutter-x: 0; --bs-gutter-y: 15px; } .th-sort-bar select { height: 50px; border: 1px solid var(--th-border-color); background-color: var(--white-color); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 250px; font-size: 16px; margin: 0; color: var(--body-color); } .th-sort-bar .woocommerce-result-count { padding-left: 15px; margin-bottom: 0; color: var(--body-color); } .th-sort-bar .nav a { display: inline-block; height: 50px; width: 50px; line-height: 50px; border: 1px solid var(--th-border-color); background-color: var(--white-color); text-align: center; position: relative; font-family: var(--title-font); font-weight: 600; font-size: 16px; text-transform: capitalize; color: var(--body-color); margin: 0 0 0 10px; border-radius: 5px; } .th-sort-bar .nav a.active, .th-sort-bar .nav a:hover { color: var(--theme-color); } .product-thumb-area { position: relative; margin-right: 10px; } .product-thumb-area .product-thumb-tab { position: absolute; top: 0; left: 0; } .product-thumb-tab { --thumb: 120px; --gap: 10px; max-width: var(--thumb); margin-left: calc(0px - var(--thumb) / 2); position: relative; z-index: 3; display: grid; -ms-flex-line-pack: center; align-content: center; height: 100%; } .product-thumb-tab .tab-btn { background-color: var(--white-color); cursor: pointer; height: var(--thumb); width: var(--thumb); padding: var(--gap); } .product-thumb-tab .tab-btn img { max-width: 100%; } .product-thumb-tab .tab-btn:not(:last-of-type) { margin-bottom: 20px; } .product-thumb-tab .indicator { position: absolute; top: calc(var(--pos-y) + var(--gap)); left: calc(var(--pos-x) + var(--gap)); width: calc(var(--width-set) - var(--gap) * 2); height: calc(var(--height-set) - var(--gap) * 2); border: 2px solid var(--theme-color); pointer-events: none; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .product-big-img { background-color: var(--smoke-color); text-align: center; overflow: hidden; border-radius: 20px; } .product-big-img .img { width: 100%; } .product-big-img .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .product-big-img .slider-pagination { position: absolute; bottom: 40px; left: 0; } .product-big-img .slick-dots { margin: -11px 0 0 0 !important; -webkit-transform: translateY(-30px); transform: translateY(-30px); --border-color: #c0c0c0; } .img-magnifier-container { position: relative; } .img-magnifier-glass { position: absolute; -webkit-box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2); box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2); border-radius: 50%; cursor: none; width: 200px; height: 200px; } .magnify { position: relative; cursor: none; } .magnify .magnifier { height: 180px; width: 180px; position: absolute; z-index: 20; -webkit-box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2); box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2); border-radius: 50%; background-size: 700%; background-repeat: no-repeat; margin-left: -90px !important; margin-top: -90px !important; pointer-events: none; display: none; } .magnify .magnified { display: block; z-index: 10; margin: auto; width: 100%; height: 100%; } .magnify img { width: 100%; height: 100%; } .quantity { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .quantity > .screen-reader-text { display: inline-block; font-weight: 600; color: var(--title-color); font-family: var(--title-font); margin: 0; -ms-flex-item-align: center; align-self: center; margin-right: 10px; } .quantity .qty-btn, .quantity .qty-input { display: inline-block; width: 50px; height: 50px; border: none; border-right: none; background-color: transparent; padding: 0; border-radius: 0; text-align: center; color: var(--body-color); font-size: 18px; font-weight: 600; } .quantity .qty-btn:last-child, .quantity .qty-input:last-child { border-right: none; } .quantity .qty-btn { font-size: 16px; } .product_meta { font-weight: 700; font-size: 16px; font-family: var(--body-font); margin: 35px 0 0 0; } .product_meta > span { display: block; margin-bottom: 5px; color: var(--title-color); font-weight: bold; } .product_meta > span:last-child { margin-bottom: 0; } .product_meta > span a { color: inherit; } .product_meta > span a:hover { color: var(--theme-color); } .product_meta > span > a, .product_meta > span > span { position: relative; color: var(--body-color); font-weight: 400; } .product_meta > span > a:after, .product_meta > span > span:after { content: ","; margin-right: 5px; } .product_meta > span > a:last-child:after, .product_meta > span > span:last-child:after { display: none; } .product_meta > span > a:first-child, .product_meta > span > span:first-child { margin-left: 7px; } .product-tab-style1 { margin: 95px auto 40px auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 24px; } .product-tab-style1 .th-btn.active { background: var(--theme-color2); color: var(--title-color); } .product-tab-style1 .th-btn.active:after { background: var(--theme-color2); } #productTabContent { margin-bottom: -10px; } #additional_information { margin-bottom: 40px; } .product-inner-list > ul { margin: 0; padding: 0; list-style-type: none; } .product-inner-list li { position: relative; padding-left: 15px; } .product-inner-list li:before { content: "-"; position: absolute; left: 0; } .share-title { font-size: 16px; font-weight: 600; color: var(--title-color); margin-bottom: 8px; } .share-title i { color: var(--theme-color); } .summary-content .product-title, .product-about .product-title { margin: 0 0 14px 0; } .summary-content .product_title, .product-about .product_title { margin-bottom: 20px !important; } .summary-content > .price, .product-about > .price { font-family: var(--body-font); font-size: 20px; font-weight: 600; color: var(--title-color); display: block; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: 19px; margin-top: -0.2em; } .summary-content > .price del, .product-about > .price del { color: var(--body-color); font-weight: 500; margin-left: 15px; } .summary-content .woocommerce-product-rating, .summary-content .product-rating, .product-about .woocommerce-product-rating, .product-about .product-rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: 2px; font-size: 16px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 0 0; margin-bottom: 22px; } .summary-content .woocommerce-product-rating .star-rating, .summary-content .product-rating .star-rating, .product-about .woocommerce-product-rating .star-rating, .product-about .product-rating .star-rating { width: 80px; font-size: 12px; margin-right: 8px; } .summary-content .woocommerce-review-link, .product-about .woocommerce-review-link { color: var(--body-color); } .summary-content .checklist, .product-about .checklist { margin: 29px 0 29px 0; } .summary-content .actions, .product-about .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; margin: 35px 0 27px 0; } .summary-content .actions .th-btn .btn-icon, .product-about .actions .th-btn .btn-icon { padding: 10.5px 15px 10.5px 15px; } .summary-content .actions .woosw-btn, .summary-content .actions .icon-btn, .product-about .actions .woosw-btn, .product-about .actions .icon-btn { border-color: var(--title-color); background-color: var(--title-color); color: var(--white-color); --btn-size: 56px; } .summary-content .actions .woosw-btn:hover, .summary-content .actions .icon-btn:hover, .product-about .actions .woosw-btn:hover, .product-about .actions .icon-btn:hover { background-color: var(--theme-color); border-color: var(--theme-color); } .summary-content .share, .product-about .share { margin-top: 25px; } .summary-content .th-social a, .product-about .th-social a { --icon-size: 40px; line-height: 38px; font-size: 14px; border: 1px solid var(--th-border-color); border-radius: 0; } .summary-content .th-social a:hover, .product-about .th-social a:hover { border-color: var(--theme-color); } .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { width: 56px; height: 56px; line-height: 54px; display: inline-block; border-radius: 99px; background-color: var(--theme-color); color: var(--white-color); border: none; } .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { position: relative; top: 0; left: 0; line-height: inherit; margin: 0; font-size: 24px; } .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover, .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover { background-color: var(--title-color); } .summary-content .tinv-wishlist a, .product-about .tinv-wishlist a { display: inline-block; width: 56px; height: 56px; line-height: 56px; border-radius: 0; } .summary-content .tinv-wishlist a:hover, .product-about .tinv-wishlist a:hover { background-color: var(--theme-color); color: var(--white-color); } .summary-content .quantity, .product-about .quantity { position: relative; } .summary-content .quantity:after, .product-about .quantity:after { content: ""; height: 100%; width: 1px; background-color: var(--th-border-color); position: absolute; top: 0; left: 55px; } .summary-content .quantity .qty-input, .product-about .quantity .qty-input { width: 112px; height: 56px; border: 1px solid var(--th-border-color); background-color: transparent; color: var(--title-color); padding: 0 21px; text-align: left; font-weight: 500; border-radius: 50px; } .summary-content .quantity .qty-btn, .product-about .quantity .qty-btn { color: var(--title-color); background-color: transparent; position: absolute; right: 21px; height: auto; width: auto; border: none; line-height: 16px; } .summary-content .quantity .quantity-minus, .product-about .quantity .quantity-minus { bottom: 10px; } .summary-content .quantity .quantity-plus, .product-about .quantity .quantity-plus { top: 10px; } .woocommerce-Reviews .th-post-comment { border-radius: 20px; border: 0 !important; padding: 40px !important; margin: 12px; background: var(--smoke-color); } .woocommerce-Reviews .th-post-comment .text { margin-bottom: -0.5em; } .woocommerce-Reviews .th-post-comment .name { margin-bottom: 3px; } .woocommerce-Reviews .th-post-comment .commented-on { margin-bottom: 12px; } .woocommerce-Reviews .th-comments-wrap { padding: 0; margin-right: 0 !important; -webkit-box-shadow: none; box-shadow: none; margin: 0; } .woocommerce-Reviews .th-comment-form { padding: 60px; background-color: var(--smoke-color); -webkit-box-shadow: none; box-shadow: none; margin-right: 0 !important; margin-top: 28px; margin-bottom: 40px; border-radius: 20px; } .woocommerce-Reviews .th-comment-form input, .woocommerce-Reviews .th-comment-form .form-control { background-color: var(--white-color); } .woocommerce-Reviews .th-comment-form .blog-inner-title { margin-bottom: 10px; } .woocommerce-Reviews .comment-list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 24px; margin: -12px !important; margin-bottom: 28px !important; } .woocommerce-Reviews .comment-list li { width: 50%; } @media (max-width: 991px) { .woocommerce-Reviews .comment-list li { width: 100%; } } @media (max-width: 1199px) { .woocommerce-Reviews .th-post-comment { padding: 30px !important; } } @media (max-width: 991px) { .woocommerce-Reviews .comment-list { grid-template-columns: repeat(1, 1fr); } .woocommerce-Reviews .th-comment-form { padding: 40px; } } @media (max-width: 575px) { .woocommerce-Reviews .th-comment-form { padding: 40px 20px; } } #description { margin-bottom: 30px; } .product-details .th-comments-wrap { margin-top: 0; } .product-details .border-title { position: relative; padding-bottom: 20px; margin-bottom: 40px; } .product-details .border-title:before { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 80px; background-color: var(--theme-color); } .product-inner-title { font-size: 32px; border-bottom: 1px solid var(--th-border-color); padding: 0 0 7px 0; margin: 0 0 30px 0; } .related-product-wrapper { padding-top: 115px; } @media (max-width: 1399px) { .th-product.list-view .product-img { max-width: 150px; } } @media (max-width: 1299px) { .product-thumb-tab { --thumb: 100px; margin-left: -40px; } .product-thumb-area { margin-right: 0; } } @media (max-width: 1199px) { .th-sort-bar select { min-width: auto; } .product-tab-style1 { margin: 55px 0 40px 0; } .summary-content, .product-about { padding-left: 0; } } @media (max-width: 991px) { .product-big-img { margin-bottom: 40px; } .product-thumb-tab { margin-left: -10px; } .th-product-box.list-view .product-img { max-width: 150px; } .th-sort-bar .row { --bs-gutter-x: 20px; } .th-sort-bar .nav a:last-child { margin-right: 0; padding-right: 0; } .th-sort-bar .nav a:last-child:before { display: none; } .woosq-product > .product .thumbnails { max-height: 400px; min-height: 200px; padding: 10px; } } @media (max-width: 767px) { .th-sort-bar { text-align: center; padding: 10px 15px 15px 15px; } .th-sort-bar .nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .th-sort-bar select { margin: 0 auto; } .th-sort-bar .woocommerce-result-count { padding-left: 0; } .th-product-box.list-view .product-img { max-width: 130px; } .th-product-box.list-view .actions { --btn-size: 30px; --btn-font-size: 10px; --icon-gap-x: 2px; } } @media (max-width: 575px) { .product-about .actions { gap: 15px 15px; } .product-thumb-tab { --thumb: 74px; --gap: 6px; } .product-thumb-tab .tab-btn:not(:last-of-type) { margin-bottom: 10px; } .product-grid { max-width: 340px; margin-left: auto; margin-right: auto; } } @media (max-width: 375px) { .th-product.list-view .product-img { max-width: 130px; } .th-product.list-view .product-content { padding: 0 15px; } } .woocommerce-cart-form { text-align: center; } .cart_table { border: 1px solid #eaf0f2; margin-bottom: 45px; } .cart_table thead { background-color: #ecf0f1; } .cart_table thead th { border: none !important; } .cart_table td:before, .cart_table th { font-family: var(--title-font); color: var(--title-color); font-weight: 600; border: none; padding: 27px 15px; } .cart_table td:before { content: attr(data-title); position: absolute; left: 15px; top: 50%; vertical-align: top; padding: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none; } .cart_table td { border: none; border-bottom: 1px solid #f3f3f3; color: #8b8b8b; padding: 20px 10px; position: relative; vertical-align: middle; } .cart_table .product-quantity { color: var(--title-color); } .cart_table .product-quantity input { position: relative; top: -2px; } .cart_table .cart-productname { font-weight: 400; font-family: var(--body-font); color: var(--body-color); } .cart_table .cart-productimage { display: inline-block; border: 2px solid var(--smoke-color); } .cart_table .remove { color: var(--theme-color); font-size: 18px; } .cart_table .quantity { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart_table td.product-quantity { min-width: 155px; } .cart_table .qty-btn { border: 2px solid var(--smoke-color) !important; background-color: transparent; color: #b8c6d0; padding: 0; width: 30px; height: 30px; line-height: 28px; font-size: 14px; border-radius: 4px; } .cart_table .qty-btn:hover { background-color: var(--theme-color); color: var(--white-color); } .cart_table .qty-input { vertical-align: middle; border: 2px solid var(--smoke-color); width: 60px; height: 30px; font-size: 14px; text-align: center; color: var(--title-color); font-weight: 700; margin: 0 3px; border-radius: 4px; padding: 0; } .cart_table .qty-input::-moz-placeholder { color: var(--title-color); } .cart_table .qty-input::-webkit-input-placeholder { color: var(--title-color); } .cart_table .qty-input:-ms-input-placeholder { color: var(--title-color); } .cart_table .qty-input::-ms-input-placeholder { color: var(--title-color); } .cart_table .qty-input::placeholder { color: var(--title-color); } .cart_table .qty-input::-webkit-outer-spin-button, .cart_table .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .cart_table .qty-input[type=number] { -moz-appearance: textfield; } .cart_table .actions { text-align: right; vertical-align: middle; padding-left: 20px; padding-right: 20px; } .cart_table .actions > .th-btn { padding: 20px 28px; margin-right: 15px; } .cart_table .actions > .th-btn:last-child { margin-right: 0; } .cart_table .th-cart-coupon { float: left; margin: 0; width: 455px; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .cart_table .th-cart-coupon input { width: calc(100% - 200px); margin-right: 10px; } .cart_table .th-cart-coupon .th-btn { padding: 20px 25px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .cart_totals { border: 1px solid #ecf0f1; } .cart_totals th, .cart_totals td { vertical-align: top; padding: 20px 20px; border: none; border-bottom: 1px solid #ecf0f1; font-size: 14px; color: var(--title-color); width: 55%; } .cart_totals th:first-child, .cart_totals td:first-child { width: 45%; background-color: #f9fbfb; font-weight: 700; font-size: 14px; color: #333333; } .cart_totals .shipping-calculator-button { display: inline-block; border-bottom: 1px solid; color: var(--title-color); font-weight: 700; } .cart_totals .shipping-calculator-button:hover { color: var(--theme-color); } .cart_totals .woocommerce-shipping-destination { margin-bottom: 10px; } .cart_totals .woocommerce-shipping-methods { margin-bottom: 0; } .cart_totals .shipping-calculator-form { display: none; } .cart_totals .shipping-calculator-form p:first-child { margin-top: 20px; } .cart_totals .shipping-calculator-form p:last-child { margin-bottom: 0; } .cart_totals .amount { font-weight: 700; } .cart_totals .order-total .amount { color: var(--theme-color); } .empty-notice { margin: 40px auto; } @media (max-width: 991px) { .cart_table th { padding: 23px 8px; font-size: 14px; } .cart_table .cart-productname { font-size: 14px; } .cart_table .th-cart-coupon { width: 100%; margin-bottom: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cart_table .actions { text-align: center; } .cart_table .cart-productimage { max-width: 100px; } } @media (max-width: 767px) { .cart_table { text-align: left; min-width: auto; border-collapse: separate; border-spacing: 0 20px; border: none; } .cart_table thead { display: none; } .cart_table td { padding: 15px; display: block; width: 100%; padding-left: 25%; text-align: right; border: 1px solid #f3f3f3; border-bottom: none; } .cart_table td::before { display: block; } .cart_table td:last-child { border-bottom: 1px solid #f3f3f3; } .cart_table td.actions { padding-left: 15px; text-align: center; } .cart_table td.actions > .th-btn { margin-top: 10px; margin-right: 0; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-left: auto; margin-right: auto; } .cart_table td.actions > .th-btn:last-child { margin-right: auto; } .cart_table .th-cart-coupon { width: 100%; text-align: center; float: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: block; padding-bottom: 10px; } .cart_table .th-cart-coupon input { width: 100%; margin-bottom: 10px; } .cart_totals th, .cart_totals td { padding: 15px 10px; } .cart_totals th:first-child, .cart_totals td:first-child { width: 17%; line-height: 1.4; } } .woocommerce-checkout .form-group, .woocommerce-checkout .form-row { margin-bottom: 0; } .woocommerce-checkout .form-select, .woocommerce-checkout .select2-container, .woocommerce-checkout .form-control { margin-bottom: 0; } .woocommerce-checkout .select2-container--open .select2-dropdown--below { margin-top: 0; } .woocommerce-checkout .select2-container--open .select2-dropdown--above { position: relative; bottom: 0; } .woocommerce-checkout .select2-dropdown { border: none; border-top: none; } .woocommerce-checkout .select2-container--default .select2-selection--single { border-radius: 27px; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-checkout .select2-container--default .select2-selection--single .form-control:focus { color: var(--body-color); } .woocommerce-checkout .shipping_address { margin-top: -3px; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid transparent; padding: 0; } .woocommerce-form-login select, .woocommerce-form-login .form-select, .woocommerce-form-login .form-control, .woocommerce-form-login .select2, .woocommerce-form-login .select2-container, .woocommerce-form-coupon select, .woocommerce-form-coupon .form-select, .woocommerce-form-coupon .form-control, .woocommerce-form-coupon .select2, .woocommerce-form-coupon .select2-container, .woocommerce-checkout select, .woocommerce-checkout .form-select, .woocommerce-checkout .form-control, .woocommerce-checkout .select2, .woocommerce-checkout .select2-container { margin-bottom: var(--bs-gutter-x); } #ship-to-different-address { margin-top: 15px; } .select2-container--default .select2-selection--single { height: 56px; border: 1px solid transparent; background-color: var(--smoke-color2); border-radius: 27px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 56px; padding-left: 25px; padding-right: 25px; } .woocommerce-billing-fields .form-row { margin-bottom: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\f107"; font-family: var(--icon-font); } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin: 0; border: none; top: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 56px; line-height: 56px; margin-right: 30px; } span.select2-selection.select2-selection--single:focus { outline: none; } .checkout-ordertable th, .checkout-ordertable td { border: 1px solid #ededed; text-align: right; padding: 5px 20px; vertical-align: top; font-size: 14px; font-weight: 600; color: #2c3e50; } .checkout-ordertable th { font-weight: 600; text-align: left; } .checkout-ordertable ul { margin: 0; padding: 0; } .checkout-ordertable .order-total .amount { color: var(--theme-color); } .checkout-ordertable input[type=hidden] ~ label { color: var(--theme-color); } .woocommerce-checkout .form-group input:not(:last-child) { margin-bottom: var(--bs-gutter-x); } .woocommerce-checkout-payment { text-align: left; } .woocommerce-checkout-payment ul { margin: 0; padding: 0; list-style-type: none; } .woocommerce-checkout-payment ul li { padding-top: 12px; border-bottom: 1px solid #d8d8d8; border-radius: 0; font-size: 16px; } .woocommerce-checkout-payment ul input[type=radio] ~ label { margin-bottom: 17px; color: var(--body-color); } .woocommerce-checkout-payment ul input[type=radio] ~ label img { margin-bottom: -2px; margin-left: 10px; } .woocommerce-checkout-payment .place-order { padding-top: 30px; } .woocommerce-checkout-payment .payment_box { color: #a1b1bc; background-color: #ecf0f1; border: 1px solid #d8d8d8; border-bottom: none; font-size: 14px; padding: 10px 20px; border-radius: 4px; display: none; } .woocommerce-checkout-payment .payment_box p { margin: 0; } .th-checkout-wrapper form.woocommerce-form { margin-bottom: 30px; } @media (max-width: 767px) { tfoot.checkout-ordertable th { display: none; } .woocommerce-checkout-payment ul input[type=radio] ~ label img { max-width: 150px; } .checkout-ordertable th, .checkout-ordertable td { padding: 5px 20px 5px 60px; } } .tinv-wishlist input[type=checkbox] { display: inline-block; opacity: 1; visibility: visible; vertical-align: middle; width: auto; height: auto; } .tinv-wishlist .tinv-header { margin-top: -0.8rem; text-transform: capitalize; } .tinv-wishlist .cart-empty { padding: 14px 25px; font-weight: 700; font-size: 14px; padding-left: 45px; border-radius: 8px; } .tinv-wishlist p.return-to-shop .button { display: inline-block; background-color: var(--theme-color); color: #fff; font-size: 14px; padding: 10px 25px; margin-top: 10px; font-weight: 700; } .tinv-wishlist p.return-to-shop .button:hover { background-color: var(--title-color); color: var(--white-color); } .tinv-wishlist table { border: none; } .tinv-wishlist table th { color: var(--title-color); } .tinv-wishlist table td, .tinv-wishlist table th { padding: 15.3px 10px; border-bottom: 1px solid var(--th-border-color); text-align: center; } .tinv-wishlist table thead { background-color: var(--smoke-color); } .tinv-wishlist .product-cb, .tinv-wishlist .product-remove { width: 40px; text-align: center; } .tinv-wishlist .product-thumbnail { width: 110px; } .tinv-wishlist .stock.in-stock { margin-bottom: 0; } .tinv-wishlist ins { text-decoration: none; } .tinv-wishlist .product-remove button { border: none; height: 22px; width: 22px; text-align: center; font-size: 12px; line-height: 22px; border-radius: 0; padding-top: 0; } .tinv-wishlist .product-remove button i { line-height: 22px; font-size: 16px; } .tinv-wishlist .tinvwl-mobile { display: none; } .tinv-wishlist .social-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 295px; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tinv-wishlist .social-buttons ul { padding-left: 0; margin-bottom: 0; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; } .tinv-wishlist table.tinvwl-table-manage-list { font-size: 16px; } .tinv-wishlist .product-stock .stock { display: block; } .tinv-wishlist .product-stock span { display: inline; } .tinv-wishlist .product-stock i { margin-right: 5px; } .tinv-wishlist .tinv-modal .icon_big_times { margin-bottom: 5px; color: var(--theme-color); } .tinv-wishlist button.button { border: none; height: 38px; line-height: 38px; font-size: 14px; font-weight: 600; background-color: var(--theme-color); color: #fff; padding: 1px 15px; min-width: 140px; } .tinv-wishlist button.button i { font-size: 18px !important; margin-right: 3px !important; } .tinv-wishlist button.button:hover { background-color: var(--title-color); color: #fff; } .tinv-wishlist .tinvwl-buttons-group button i { font-size: 14px; } .tinv-wishlist th, .tinv-wishlist td.product-name { font-size: 16px; font-weight: 700; font-family: var(--title-font); } .tinv-wishlist td.product-name a { color: var(--body-color); } .tinv-wishlist td.product-name a:hover { color: var(--theme-color); } .tinv-wishlist td.product-price del { margin-left: 8px; font-size: 0.9em; } .tinv-wishlist .social-buttons > span { font-weight: 700; margin-right: 10px; font-family: var(--title-font); color: var(--title-color); } .tinv-wishlist .social-buttons li { display: inline-block; margin-right: 0; } .tinv-wishlist .social-buttons li a.social { background-color: var(--theme-color); color: #fff; width: 30px; height: 30px; line-height: 30px; font-size: 14px; display: inline-block; text-align: center; border-radius: 50px; margin-left: 3px; } .tinv-wishlist .social-buttons li a.social:first-child { margin-left: 0; } .tinv-wishlist .social-buttons li a.social i { line-height: inherit; } .tinv-wishlist .social-buttons li a.social:hover { background-color: var(--title-color); color: var(--white-color); } @media (max-width: 991px) { .tinvwl-full { display: none; } .tinv-wishlist .tinvwl-mobile { display: block; } .tinvwl-txt { display: inline-block !important; } .product-stock { width: 40px; text-align: center; } } @media (max-width: 767px) { .tinv-wishlist table { table-layout: fixed; border-bottom: 1px solid var(--th-border-color); } .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove, .tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name) { display: none; } .tinv-wishlist table td, .tinv-wishlist table th { border: 1px solid var(--th-border-color); } .tinv-wishlist table.tinvwl-table-manage-list tbody td { display: block; width: 100% !important; text-align: center; } .product-name { text-align: center; } .tinv-wishlist table td, .tinv-wishlist table th { border-bottom: none; } .tinv-wishlist table tfoot { border-bottom: 1px solid var(--th-border-color); } .tinv-wishlist .social-buttons { max-width: 100%; margin-left: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tinv-wishlist .social-buttons ul { margin-left: unset; margin-top: 5px; } .tinvwl-txt { display: inline-block !important; } } .contact-map { line-height: 0px; margin: 0 auto; } .contact-map iframe { width: 100%; height: 500px; border-radius: 0; } @media (max-width: 575px) { .contact-map iframe { height: 300px; } } .contact-card { background: var(--white-color); border-radius: 24px; -webkit-box-shadow: 0px 10px 50px rgba(0, 70, 59, 0.1); box-shadow: 0px 10px 50px rgba(0, 70, 59, 0.1); padding: 40px; } .contact-card .box-icon { width: 70px; height: 70px; line-height: 70px; font-size: 26px; color: var(--white-color); background-color: var(--theme-color); border-radius: 50%; text-align: center; position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-bottom: 40px; } .contact-card .box-icon i { -webkit-transition: 0.4s; transition: 0.4s; } .contact-card .box-title { font-size: 24px; font-weight: 400; letter-spacing: -0.02em; margin-top: -0.38em; margin-bottom: 3px; } .contact-card .box-text { line-height: 24px; max-width: 200px; letter-spacing: -0.02em; } .contact-card .box-text:not(:last-child) { margin-bottom: 2px; } .contact-card .box-text a { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; color: inherit; word-break: break-all; } .contact-card .box-text a:hover { color: var(--theme-color); } .contact-card .box-link { font-size: 18px; font-weight: 400; font-family: var(--title-font); letter-spacing: -0.02em; color: var(--title-color); display: block; margin-bottom: -0.2em; margin-top: 24px; } .contact-card .box-link:hover { color: var(--theme-color); } .contact-card:hover .box-icon i { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } @media (max-width: 1299px) { .contact-card { padding: 30px; } .contact-card .box-icon { margin-bottom: 30px; } } @media (max-width: 1199px) { .contact-card { padding: 40px; } } @media (max-width: 991px) { .contact-card { border-radius: 20px; } } @media (max-width: 375px) { .contact-card { padding: 30px; } } .contact-page-form { border-radius: 24px; padding: 40px; background: var(--smoke-color); } .contact-page-form .form-title { margin-top: -0.2em; font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 30px; } @media (max-width: 991px) { .contact-page-form .form-title { margin-bottom: 24px; } } @media (max-width: 767px) { .contact-page-form .form-title { font-size: 34px; } } @media (max-width: 575px) { .contact-page-form .form-title { font-size: 28px; } } @media (max-width: 375px) { .contact-page-form .form-title { margin-bottom: 16px; } } @media (max-width: 991px) { .contact-page-form { border-radius: 20px; padding: 40px; } } @media (max-width: 375px) { .contact-page-form { padding: 30px; } } .contact-page-form textarea.form-control, .contact-page-form textarea { min-height: 160px; } .contact-thumb1-1 { border-radius: 24px; overflow: hidden; display: inline-block; } @media (max-width: 1500px) { .contact-bg-shape2-1, .contact-bg-shape2-2 { display: none; } } .contact-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin: 0; gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1299px) { .contact-counter { gap: 10px; } } @media (max-width: 1199px) { .contact-counter { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 30px; } } @media (max-width: 575px) { .contact-counter { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } } .contact-counter li { list-style: none; text-align: center; } .contact-counter .count-number { font-size: 40px; font-weight: 700; font-family: var(--title-font); width: 130px; height: 124px; background: #F1EEE3; border-radius: 50%; 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; color: var(--title-color); letter-spacing: -0.02em; margin-left: auto; margin-right: auto; } @media (max-width: 1399px) { .contact-counter .count-number { width: 100px; height: 100px; font-size: 30px; } } .contact-counter .count-title { display: block; background: var(--theme-color2); border-radius: 20px; font-weight: 600; text-transform: uppercase; color: var(--title-color); padding: 5px 0; } .contact-form.style2 { border-radius: 24px; padding: 60px; } .contact-form.style2 .sec-title { font-size: 32px; } @media (max-width: 575px) { .contact-form.style2 { padding: 60px 40px; } } @media (max-width: 375px) { .contact-form.style2 { padding: 60px 30px; } } .contact-form-4 { border-radius: 24px; padding: 60px; background: var(--smoke-color4); } .contact-form-4 .sec-title { font-size: 32px; font-weight: 700; } @media (max-width: 1399px) { .contact-form-4 .sec-title { font-size: 28px; } } @media (max-width: 1199px) { .contact-form-4 .sec-title { font-size: 24px; } } @media (max-width: 575px) { .contact-form-4 .sec-title { font-size: 28px; } } @media (max-width: 991px) { .contact-form-4 { border-radius: 20px; padding: 40px; } } @media (max-width: 375px) { .contact-form-4 { padding: 30px; } } .main-menu ul.mega-menu { position: absolute; top: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; width: calc(100% - 100px); max-width: calc(var(--main-container) - 100px); max-height: 600px; overflow: overlay; opacity: 0; visibility: hidden; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(0) translateX(-50%); transform: scaleY(0) translateX(-50%); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease; z-index: 99; background-color: var(--white-color); padding: 20px 10px; } .main-menu ul.mega-menu li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; position: relative; } .main-menu ul.mega-menu a { font-size: 16px; line-height: 30px; } .main-menu ul.mega-menu a:hover { color: var(--theme-color); } .main-menu ul.mega-menu::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 0px; } .main-menu ul.mega-menu::-webkit-scrollbar-track { background: rgb(255, 255, 255); -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3); border-radius: 0px; } .main-menu ul.mega-menu::-webkit-scrollbar-thumb { background-color: var(--theme-color); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 20%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); border-radius: 0px; } .main-menu ul.mega-menu li li { padding: 2px 0; } .main-menu ul.mega-menu li a { display: inline-block; text-transform: capitalize; } .main-menu ul.mega-menu > li > a { display: block; padding: 0; padding-bottom: 15px; margin-bottom: 10px; text-transform: capitalize; letter-spacing: 1px; font-weight: 700; color: var(--title-color); border-color: var(--theme-color); } .main-menu ul.mega-menu > li > a::after, .main-menu ul.mega-menu > li > a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 15px; height: 1px; background-color: var(--theme-color); } .main-menu ul.mega-menu > li > a::after { width: calc(100% - 20px); left: 20px; } .main-menu ul.mega-menu > li > a:hover { padding-left: 0; } @media (max-width: 1299px) { .main-menu ul.mega-menu { width: 1060px; } } @media (max-width: 1199px) { .main-menu ul.mega-menu { width: 900px; } } @media (max-width: 991px) { .main-menu ul.mega-menu { padding: 10px 0 !important; } } .main-menu ul.mega-menu .th-mobile-menu ul li ul li { padding-left: 0px; } .main-menu ul.mega-menu .th-mobile-menu ul li a:before { content: "\f105"; font-family: var(--icon-font); position: absolute; left: 0; top: 12px; margin-right: 10px; display: none; } .mega-menu-box { -webkit-box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.08); border-radius: 5px; } .mega-menu-box .mega-menu-img { position: relative; border-radius: 5px 5px 0 0; overflow: hidden; } .mega-menu-box .mega-menu-img:after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0); } .mega-menu-box .mega-menu-img img { -webkit-transition: -webkit-filter 500ms ease; transition: -webkit-filter 500ms ease; transition: filter 500ms ease; transition: filter 500ms ease, -webkit-filter 500ms ease; -webkit-filter: blur(0px); filter: blur(0px); } .mega-menu-box .mega-menu-img .btn-wrap { z-index: 1; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transition: opacity 600ms linear, -webkit-transform 500ms ease; transition: opacity 600ms linear, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 600ms linear; transition: transform 500ms ease, opacity 600ms linear, -webkit-transform 500ms ease; -webkit-transform-origin: bottom center; transform-origin: bottom center; opacity: 0; } .mega-menu-box .mega-menu-img .btn-wrap .th-btn { padding: 6px 18px; font-size: 14px; color: var(--title-color); text-transform: uppercase; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 0.7; min-height: 48px; } .mega-menu-box .mega-menu-img .btn-wrap .th-btn:focus, .mega-menu-box .mega-menu-img .btn-wrap .th-btn:hover, .mega-menu-box .mega-menu-img .btn-wrap .th-btn:active { color: var(--white-color); } .mega-menu-box .mega-menu-img .btn-wrap .th-btn:focus i, .mega-menu-box .mega-menu-img .btn-wrap .th-btn:hover i, .mega-menu-box .mega-menu-img .btn-wrap .th-btn:active i { color: var(--white-color); } .mega-menu-box:hover .btn-wrap { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; -webkit-transform-origin: top center; transform-origin: top center; } .mega-menu-box:hover .mega-menu-img img { -webkit-filter: blur(2px); filter: blur(2px); } .mega-menu-box .mega-menu-title { margin-bottom: 0; text-align: center; line-height: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 14px 0; font-size: 16px; line-height: 30px; font-weight: 600; } .mega-menu-box .mega-menu-title span { color: var(--theme-color); text-transform: capitalize; font-size: 16px; margin-right: 5px; } .mega-menu-box .mega-menu-title span:after { display: none; } .mega-menu-box .mega-menu-title a { color: var(--black-color2); line-height: normal; } .mega-menu-box .mega-menu-title a:after { display: none; } .mega-menu-box .mega-menu-title a:hover { color: var(--title-color); } .mega-menu-box.coming-soon .mega-menu-img { position: relative; } .mega-menu-box.coming-soon .mega-menu-img:after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); } .mega-menu-box.coming-soon .mega-menu-img img { -webkit-filter: blur(20px); filter: blur(20px); } .mega-menu-box.coming-soon .mega-menu-img .box-title { position: absolute; inset: 0; 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; color: var(--white-color); z-index: 1; text-transform: uppercase; } @media (max-width: 991px) { .mega-menu-box .mega-menu-title a { padding: 0; } .mega-menu-box .mega-menu-title a:before { display: none; } } .color-scheme-wrap { position: fixed; right: 0; top: 50%; z-index: 99; background: var(--white-color); padding: 20px; border-radius: 10px 0 0 10px; -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07)); filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07)); display: inline-block; -webkit-transition: 0.4s; transition: 0.4s; } .color-scheme-wrap .switchIcon { position: absolute; left: 0; top: 10px; border: 0; background: var(--theme-color); color: var(--white-color); height: 45px; width: 45px; border-radius: 5px 0 0 5px; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .color-scheme-wrap .color-scheme-wrap-title { font-size: 22px; border-bottom: 2px solid var(--th-border-color); padding-bottom: 6px; color: var(--title-color); margin-bottom: 20px; } .color-scheme-wrap .color-scheme-wrap-title i { font-size: 18px; margin-right: 3px; } .color-scheme-wrap .color-scheme-wrap-subtitle { font-size: 18px; color: var(--title-color); margin-bottom: 20px; } .color-scheme-wrap .color-scheme-wrap-subtitle i { font-size: 18px; margin-right: 3px; } .color-scheme-wrap .secondary-color-switch-btns, .color-scheme-wrap .color-switch-btns { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 18px; } .color-scheme-wrap .secondary-color-switch-btns button, .color-scheme-wrap .color-switch-btns button { padding: 0; border: 0; background: transparent; font-size: 24px; color: var(--theme-color); text-align: left; } .color-scheme-wrap .secondary-color-switch-btns button { color: var(--theme-color2); } .color-scheme-wrap.active { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .about-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; border: 52px solid var(--theme-color); border-radius: 50%; background: var(--white-color); width: 244px; height: 244px; } .about-tag .about-tag-icon { position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .about-experience-tag { display: inline-block; --circle-letter-size: 208px; height: var(--circle-letter-size); width: var(--circle-letter-size); border-radius: 50%; z-index: 1; font-size: 32px; font-weight: 400; font-family: var(--title-font2); color: var(--white-color); line-height: normal; text-align: center; -webkit-animation: spin 20s linear infinite; animation: spin 20s linear infinite; position: absolute; top: 50%; left: 50%; margin-left: calc(var(--circle-letter-size) / -2); margin-top: calc(var(--circle-letter-size) / -2); } .about-experience-tag span { --rotate-letter: 7deg; height: 112px; position: absolute; width: 20px; left: 41%; top: -4px; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform: rotate(calc(var(--rotate-letter) * var(--char-index))); transform: rotate(calc(var(--rotate-letter) * var(--char-index))); } @media (max-width: 991px) { .about-bg-shape1-1 { display: none; } } @media (max-width: 1500px) { .about-bg-shape1-2 { display: none; } } .img-box1 { position: relative; z-index: 2; display: inline-block; margin-left: -253px; margin-right: 78px; } @media (max-width: 1500px) { .img-box1 { margin-left: 0; margin-right: 24px; } } @media (max-width: 1199px) { .img-box1 { margin-right: 0; } } .img-box1:after { content: ""; position: absolute; width: 507px; height: 520px; background: var(--smoke-color2); top: 0; left: -47px; z-index: -1; border-radius: 0 32px 32px 0; } @media (min-width: 1922px) { .img-box1:after { border-radius: 32px; } } @media (max-width: 1500px) { .img-box1:after { display: none; } } .img-box1 .img1 { border-radius: 30px; overflow: hidden; } .img-box1 .img1 .thumb { display: block; } .img-box1 .img1 img { -o-object-fit: cover; object-fit: cover; } .about-wrap1 { margin-left: -23px; } @media (max-width: 1199px) { .about-wrap1 { margin-left: 0; } } .about-info-grid { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; } .about-info-grid:not(:last-child) { margin-bottom: 40px; } .about-info-grid .media-body { -ms-flex-item-align: center; align-self: center; } .about-info-grid .box-icon img { -webkit-transition: 0.4s; transition: 0.4s; } .about-info-grid .box-title { font-size: 24px; font-weight: 400; margin-bottom: 4px; } .about-info-grid:hover .box-icon img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } @media (max-width: 375px) { .about-info-grid { display: block; } .about-info-grid .box-icon { margin-bottom: 24px; } } @media (max-width: 1500px) { .about-bg-shape2-1, .about-bg-shape2-2 { display: none; } } .img-box2 { position: relative; display: inline-block; padding-right: 165px; } @media (max-width: 1299px) { .img-box2 { padding-right: 100px; } } @media (max-width: 575px) { .img-box2 { padding-right: 0; } } .img-box2 .img1 { border-radius: 24px; overflow: hidden; display: inline-block; } .img-box2 .img2 { display: inline-block; border-radius: 24px; overflow: hidden; border: 10px solid var(--white-color); position: absolute; right: 0; bottom: 34px; } @media (max-width: 575px) { .img-box2 .img2 { position: relative; border: 0; bottom: auto; -webkit-transform: none !important; transform: none !important; margin-top: 20px; display: block; } .img-box2 .img2 .thumb { display: block; } } .img-box2 .about-shape2-1 { position: absolute; top: 42px; right: 82px; left: -218px; z-index: -1; } .about-wrap2 .about-info-card .box-icon { margin-bottom: 24px; } .about-wrap2 .about-info-card .box-icon img { -webkit-transition: 0.4s; transition: 0.4s; } .about-wrap2 .about-info-card .box-title { font-size: 24px; font-weight: 400; letter-spacing: -0.02em; margin-bottom: 8px; } .about-wrap2 .about-info-card:hover .box-icon img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } @media (max-width: 1500px) { .about-bg-shape3-2 { display: none; } } .about-bg-shape3-3 { max-width: 102px; } @media (max-width: 1500px) { .about-bg-shape3-3 { display: none; } } .img-box3 .img1 { border-radius: 200px; overflow: hidden; } .img-box3 .img1 .thumb { display: block; } .img-box3 .img1 img { width: 100%; } .img-box3 .counter-wrap1 { gap: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 65px; } @media (max-width: 1299px) { .img-box3 .counter-wrap1 { gap: 30px; } } @media (max-width: 1199px) { .img-box3 .counter-wrap1 { margin-top: 40px; } } .img-box3 .counter-wrap1 .counter-card .box-text { font-size: 18px; font-weight: 500; color: var(--body-color); } @media (max-width: 767px) { .img-box3 .counter-wrap1 .counter-card { width: calc(50% - 15px); -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media (max-width: 575px) { .img-box3 .counter-wrap1 .counter-card { width: 100%; } } .about-wrap3 { position: relative; } .about-wrap3 .about-wrap-bg3-1 { position: absolute; right: 0; bottom: 0; border-radius: 24px; display: inline-block; overflow: hidden; max-width: 226px; } @media (max-width: 575px) { .about-wrap3 .about-wrap-bg3-1 { position: relative; margin-top: 40px; } } @media (max-width: 1500px) { .about-page-bg-shape1-2 { display: none; } } .about-page-img-box1 { margin-left: -202px; margin-right: 41px; position: relative; } @media (max-width: 1500px) { .about-page-img-box1 { margin-left: 0; margin-right: 0; } } @media (max-width: 1199px) { .about-page-img-box1 { display: inline-block; } } .about-page-img-box1 .thumb { display: block; } .about-page-img-box1 .thumb img { width: 100%; } .about-page-img-box1 .img1 { margin-right: 61px; } @media (max-width: 1500px) { .about-page-img-box1 .img1 { margin-right: 0; } } @media (max-width: 575px) { .about-page-img-box1 .img1 { -webkit-mask-image: none !important; mask-image: none !important; border-radius: 24px; overflow: hidden; } } .about-page-img-box1 .img2 { background: var(--smoke-color5); position: absolute; bottom: 0; right: 0; padding: 48px 48px 48px 154px; } .about-page-img-box1 .img2 img { width: 250px; height: 250px; border-radius: 114px 44px 44px 44px; } @media (max-width: 1500px) { .about-page-img-box1 .img2 { padding: 40px 40px 40px 120px; } .about-page-img-box1 .img2 img { width: 180px; height: 180px; border-radius: 90px 44px 44px 44px; } } @media (max-width: 1299px) { .about-page-img-box1 .img2 { padding: 30px 30px 30px 110px; } .about-page-img-box1 .img2 img { width: 150px; height: 150px; border-radius: 70px 44px 44px 44px; } } @media (max-width: 1199px) { .about-page-img-box1 .img2 { padding: 40px 40px 40px 154px; } .about-page-img-box1 .img2 img { width: 200px; height: 200px; border-radius: 90px 44px 44px 44px; } } @media (max-width: 991px) { .about-page-img-box1 .img2 { padding: 30px 30px 30px 114px; } .about-page-img-box1 .img2 img { width: 180px; height: 180px; } } @media (max-width: 767px) { .about-page-img-box1 .img2 { padding: 20px 20px 20px 84px; } .about-page-img-box1 .img2 img { width: 130px; height: 130px; border-radius: 60px 30px 30px 30px; } } @media (max-width: 575px) { .about-page-img-box1 .img2 { -webkit-mask-image: none !important; mask-image: none !important; position: relative; display: inline-block; border-radius: 24px; padding: 30px; margin-top: 24px; } } .about-page-wrap1 { margin-left: 30px; } @media (max-width: 1199px) { .about-page-wrap1 { margin-left: 0; } } .team-card { text-align: center; border-radius: 24px; overflow: hidden; } .team-card .box-img { position: relative; display: block; } .team-card .box-img img { width: 100%; -webkit-transition: 0.4s; transition: 0.4s; } .team-card .box-content { background: var(--smoke-color2); padding: 34px; border-radius: 24px; margin-top: -110px; position: relative; z-index: 1; -webkit-transition: 0.4s; transition: 0.4s; border-top: 3px solid var(--theme-color2); } @media (max-width: 767px) { .team-card .box-content { padding: 34px 15px; } } .team-card .box-title { font-size: 24px; font-weight: 700; margin-bottom: 2px; position: relative; z-index: 1; letter-spacing: -0.02em; } .team-card .box-title a { color: var(--title-color); } .team-card .box-title a:hover { color: var(--theme-color); } @media (max-width: 767px) { .team-card .box-title { font-size: 20px; } } .team-card .box-text { font-size: 14px; font-weight: 400; font-family: var(--body-font); margin-bottom: -0.4em; letter-spacing: -0.02em; display: block; color: var(--theme-color); } .team-card .th-social { margin-top: 24px; } .team-card .th-social a { border: 1px solid var(--title-color); color: var(--title-color); font-size: 14px; } @media (max-width: 767px) { .team-card .th-social a { margin-right: 10px; } .team-card .th-social a:last-child { margin-right: 0; } } .team-card .th-social a:hover { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); } .team-card:hover .box-content { background: var(--smoke-color); border-color: var(--theme-color); } .team-card:hover .box-img:after { opacity: 1; visibility: visible; } .team-card:hover .box-img .th-social { bottom: 32px; opacity: 1; visibility: visible; } .team-bg-shape2-1, .team-bg-shape2-2 { display: none; } .team-card2 { position: relative; padding: 20px 20px 34px; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 24px; } .team-card2:after { content: ""; position: absolute; inset: 0; border: 1px solid var(--theme-color2); border-radius: 24px; opacity: 0.5; -webkit-transition: 0.4s; transition: 0.4s; z-index: -1; } .team-card2 .box-img { border-radius: 16px; overflow: hidden; position: relative; margin-bottom: 34px; } .team-card2 .box-img img { width: 100%; -webkit-transition: 0.4s; transition: 0.4s; } .team-card2 .box-img .th-social { position: absolute; right: 0; top: 20px; display: block; z-index: 1; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0; } .team-card2 .box-img .th-social a { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; background: var(--white-color); border: 0; color: var(--title-color); font-size: 12px; } .team-card2 .box-img .th-social a:hover { background: var(--theme-color); color: var(--white-color); } .team-card2 .box-img .th-social a:not(:last-child) { margin-bottom: 14px; } .team-card2 .box-title { margin-bottom: 2px; } .team-card2 .box-title a { color: var(--white-color); } .team-card2 .box-text { color: var(--theme-color2); -webkit-transition: 0.4s; transition: 0.4s; } .team-card2:hover { background: var(--white-color); } .team-card2:hover:after { opacity: 0; } .team-card2:hover .box-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .team-card2:hover .box-img .th-social { right: 20px; opacity: 1; } .team-card2:hover .box-title a { color: var(--title-color); } .team-card2:hover .box-title a:hover { color: var(--theme-color); } .team-card2:hover .box-text { color: var(--theme-color); } @media (max-width: 1500px) { .team-bg-shape3-1, .team-bg-shape3-2 { display: none; } } .team-card3 { background: var(--white-color); border-radius: 24px; padding: 34px; text-align: center; } .team-card3 .box-content { text-align: start; position: relative; margin-bottom: 32px; padding-right: 45px; } .team-card3 .box-content .icon-btn { position: absolute; right: 0; top: 0; } .team-card3 .box-img { border-radius: 50%; overflow: hidden; display: inline-block; } .team-card3 .box-img img { -webkit-transition: 0.4s; transition: 0.4s; } .team-card3 .box-title { margin-bottom: 2px; font-weight: 400; letter-spacing: -0.02em; } @media (max-width: 1199px) { .team-card3 .box-title { font-size: 20px; } } .team-card3 .box-text { font-size: 14px; } .team-card3 .th-social { margin-top: 27px; } .team-card3 .th-social a { --icon-size: 40px; border: 1px solid var(--th-border-color); color: var(--title-color); font-size: 14px; } @media (max-width: 1199px) { .team-card3 .th-social a { --icon-size: 32px; font-size: 12px; } } .team-card3 .th-social a:hover { border-color: var(--theme-color); color: var(--white-color); } .team-card3:hover .box-img img { -webkit-transform: scale(1.03) rotate(3deg); transform: scale(1.03) rotate(3deg); } .team-page-single .page-img { border-radius: 24px; overflow: hidden; } .team-page-single .page-img img { width: 100%; } @media (max-width: 1199px) { .team-page-single .page-img { display: inline-block; } } .team-page-single .team-page-content { margin-left: 55px; } @media (max-width: 1299px) { .team-page-single .team-page-content { margin-left: 0; } } .team-page-single .team-page-content .page-title { font-size: 48px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 4px; } @media (max-width: 1299px) { .team-page-single .team-page-content .page-title { font-size: 40px; } } @media (max-width: 1199px) { .team-page-single .team-page-content .page-title { font-size: 36px; } } @media (max-width: 575px) { .team-page-single .team-page-content .page-title { font-size: 32px; } } .team-page-single .team-page-content .page-desig { letter-spacing: -0.02em; color: var(--theme-color); margin-bottom: 24px; } .team-page-single .team-page-content .page-text { margin-bottom: 30px; } .team-page-single .team-page-content .team-details-info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .team-page-single .team-page-content .team-details-info:not(:last-child) { margin-bottom: 24px; } .team-page-single .team-page-content .team-details-info .box-icon { width: 64px; height: 64px; border-radius: 16px; background: var(--smoke-color); color: var(--theme-color); 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; } .team-page-single .team-page-content .team-details-info .about-info { -ms-flex-item-align: center; align-self: center; } .team-page-single .team-page-content .team-details-info .box-text { letter-spacing: -0.02em; } .team-page-single .team-page-content .team-details-info .box-title { font-size: 18px; font-weight: 400; letter-spacing: -0.02em; margin-bottom: -0.2em; margin-top: 13px; } .team-page-single .team-page-content .th-social { margin-top: 16px; } .team-join-form-wrap1 { background: var(--smoke-color2); border-radius: 24px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 1199px) { .team-join-form-wrap1 { display: block; } } .team-join-form-wrap1 .team-join-thumb1 { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .team-join-form-wrap1 .team-join-thumb1 img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1299px) { .team-join-form-wrap1 .team-join-thumb1 { -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; } } .team-join-form-wrap1 .team-join-form { padding: 60px; } @media (max-width: 767px) { .team-join-form-wrap1 .team-join-form { padding: 40px; } } @media (max-width: 375px) { .team-join-form-wrap1 .team-join-form { padding: 30px; } } .testi-card { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .testi-card { display: block; } } .testi-card .box-thumb { border-radius: 24px; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 14px; } .testi-card .box-thumb img { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991px) { .testi-card .box-thumb { display: inline-block; margin-top: 0; } } .testi-card .box-content { background: var(--smoke-color2); border-radius: 16px; padding: 0 50px 50px; margin-top: 14px; } @media (max-width: 991px) { .testi-card .box-content { margin-top: 30px; } } @media (max-width: 575px) { .testi-card .box-content { padding: 0 30px 30px; } } .testi-card .box-content .quote-icon { margin-top: -14px; margin-bottom: 40px; } @media (max-width: 991px) { .testi-card .box-content .quote-icon { margin-top: 0; position: relative; top: -14px; margin-bottom: 26px; } } @media (max-width: 575px) { .testi-card .box-content .quote-icon { margin-bottom: 16px; } } .testi-card .box-content .box-text { font-size: 20px; font-weight: 500; margin-bottom: 20px; } @media (max-width: 575px) { .testi-card .box-content .box-text { font-size: 16px; } } .testi-card .box-content .box-review-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid var(--th-border-color); padding-bottom: 30px; margin-bottom: 34px; } .testi-card .box-content .box-review-wrap .box-review { color: var(--yellow-color); } .testi-card .box-content .box-title { font-size: 28px; font-weight: 700; margin-bottom: 0px; } @media (max-width: 575px) { .testi-card .box-content .box-title { font-size: 24px; } } .testi-thumb-slider-area-1 .testi-thumb-slider1 { margin-right: -360px; } @media (max-width: 1500px) { .testi-thumb-slider-area-1 .testi-thumb-slider1 { margin-right: 0; } } .testi-thumb-slider-area-1 .testi-thumb-slider1 .swiper-slide.swiper-slide-thumb-active .testi-slider-thumb1:after { opacity: 1; } .testi-thumb-slider-area-1 .testi-thumb-slider1 .testi-slider-thumb1 { border-radius: 24px; overflow: hidden; height: 240px; cursor: pointer; position: relative; } .testi-thumb-slider-area-1 .testi-thumb-slider1 .testi-slider-thumb1:after { content: ""; position: absolute; inset: 0; border: 3px solid var(--theme-color); border-radius: 24px; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0; } .testi-thumb-slider-area-1 .testi-thumb-slider1 .testi-slider-thumb1 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } @media (max-width: 1199px) { .testi-thumb-slider-area-1 .testi-thumb-slider1 .testi-slider-thumb1 { height: 300px; } } @media (max-width: 991px) { .testi-thumb-slider-area-1 .testi-thumb-slider1 .testi-slider-thumb1 { height: 240px; } } @media (max-width: 767px) { .testi-thumb-slider-area-1 .testi-thumb-slider1 .testi-slider-thumb1 { height: 200px; } } .testi-thumb-slider-area-1 .icon-box { margin-top: 68px; margin-left: 132px; } @media (max-width: 1199px) { .testi-thumb-slider-area-1 .icon-box { margin-left: 0; text-align: center; margin-top: 40px; } } @media (max-width: 1399px) { .testi-bg-shape2-1, .testi-bg-shape2-2 { display: none; } } .testi-wrap2 { max-width: 1680px; margin-left: auto; margin-right: auto; border-radius: 34px; } .testi-card2 .box-review-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; color: var(--theme-color); } .testi-card2 .box-review-wrap .box-review { color: var(--yellow-color); } .testi-card2 .box-review-wrap .rating-title { margin-left: 7px; } .testi-card2 .box-text { font-size: 20px; font-weight: 500; margin-bottom: 27px; color: var(--white-color); } @media (max-width: 575px) { .testi-card2 .box-text { font-size: 16px; } } .testi-card2 .box-title { font-size: 28px; font-weight: 700; margin-bottom: 0px; color: var(--white-color); } @media (max-width: 575px) { .testi-card2 .box-title { font-size: 24px; } } .testi-card2 .box-desig { color: var(--th-border-color2); } .testi-thumb-slider2-1 { -webkit-transform: rotate(24deg); transform: rotate(24deg); position: absolute; right: 580px; top: -90px; bottom: -30px; } @media (max-width: 1500px) { .testi-thumb-slider2-1 { right: 530px; } } @media (max-width: 1399px) { .testi-thumb-slider2-1 { right: 400px; } } @media (max-width: 1299px) { .testi-thumb-slider2-1 { right: 300px; } } @media (max-width: 1199px) { .testi-thumb-slider2-1 { -webkit-transform: none; transform: none; position: relative; bottom: 0; right: 0; top: 0; margin-top: 40px; } } .testi-thumb-slider2-1 .swiper { height: 1032px; width: 240px; } @media (max-width: 1199px) { .testi-thumb-slider2-1 .swiper { width: 100%; height: auto; } } .testi-thumb-slider2-1 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; overflow: hidden; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } .testi-thumb-slider2-1 .swiper-slide:after { content: ""; position: absolute; inset: 0; border: 2px solid var(--theme-color2); border-radius: 20px; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0; } .testi-thumb-slider2-1 .swiper-slide.swiper-slide-thumb-active:after { opacity: 1; } .testi-thumb-slider2-1 .swiper-slide .testi-thumb2-1 { display: block; width: 100%; height: 100%; } .testi-thumb-slider2-1 .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .testi-thumb-slider2-2 { -webkit-transform: rotate(24deg); transform: rotate(24deg); position: absolute; right: 280px; top: -90px; bottom: -30px; } @media (max-width: 1500px) { .testi-thumb-slider2-2 { right: 230px; } } @media (max-width: 1399px) { .testi-thumb-slider2-2 { right: 100px; } } @media (max-width: 1299px) { .testi-thumb-slider2-2 { right: 0px; } } @media (max-width: 1199px) { .testi-thumb-slider2-2 { display: none; } } .testi-thumb-slider2-2 .swiper { height: 1032px; width: 240px; } .testi-thumb-slider2-2 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; overflow: hidden; cursor: pointer; } .testi-thumb-slider2-2 .swiper-slide .testi-thumb2-1 { display: block; width: 100%; height: 100%; } .testi-thumb-slider2-2 .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .testi-wrap3 { max-width: 1680px; border-radius: 24px; margin-left: auto; margin-right: auto; } @media (max-width: 1500px) { .testi-wrap3 { border-radius: 0; } } .testi-wrap3 .icon-box { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; margin-top: 60px; } @media (max-width: 991px) { .testi-wrap3 .icon-box { margin-top: 40px; } } .testi-wrap3 .icon-box:before, .testi-wrap3 .icon-box:after { content: ""; position: relative; height: 2px; background: var(--white-color); display: inline-block; width: -webkit-fill-available; } .testi-wrap3 .icon-box:before { margin-right: 10px; } .testi-wrap3 .icon-box:after { margin-left: 10px; } .testi-wrap3 .icon-box .slider-arrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0; } .testi-bg-shape3-1 { opacity: 0.5; text-align: center; } @media (max-width: 1500px) { .testi-bg-shape3-2 { display: none; } } .testi-slider3 { margin: 0 -180px; } @media (max-width: 1500px) { .testi-slider3 { margin: 0; } } .testi-card3 { background: var(--white-color); border-radius: 16px; padding: 40px; } @media (max-width: 375px) { .testi-card3 { padding: 30px; } } .testi-card3 .box-review-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--theme-color); margin-bottom: 22px; margin-top: -0.3em; } @media (max-width: 375px) { .testi-card3 .box-review-wrap { margin-bottom: 12px; } } .testi-card3 .box-review-wrap .box-review { color: var(--yellow-color); } .testi-card3 .box-review-wrap .rating-title { margin-left: 7px; } .testi-card3 .box-text { font-size: 18px; font-weight: 500; margin-bottom: 27px; } @media (max-width: 575px) { .testi-card3 .box-text { font-size: 16px; } } @media (max-width: 375px) { .testi-card3 .box-text { margin-bottom: 20px; } } .testi-card3 .box-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; margin-bottom: -0.55em; } .testi-card3 .box-title { font-size: 24px; font-weight: 400; margin-bottom: -0.05em; } @media (max-width: 575px) { .testi-card3 .box-title { font-size: 20px; } } @media (max-width: 375px) { .testi-card3 .box-title { margin-bottom: 0; } } .testi-card3 .box-desig { color: var(--theme-color); font-size: 14px; font-weight: 500; } .testi-card3 .box-icon { width: 35px; } .blog-title { font-size: 30px; } .blog-card { overflow: hidden; } .blog-card .blog-img { overflow: hidden; border-radius: 16px; position: relative; margin-bottom: 32px; } .blog-card .blog-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .blog-card .blog-content { -webkit-transition: 0.4s; transition: 0.4s; position: relative; z-index: 1; } .blog-card .box-title { margin-top: 9px; font-size: 20px; font-weight: 600; margin-bottom: 0; letter-spacing: -0.02em; } .blog-card .box-title a { background-image: -webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(var(--theme-color))); background-image: linear-gradient(to left, var(--theme-color), var(--theme-color)); background-repeat: no-repeat; background-position: bottom left; background-size: 0 2px; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .blog-card .box-title a:hover { background-size: 100% 2px; } .blog-card .th-btn { margin-top: 26px; } @media (max-width: 1199px) { .blog-card .box-title { font-size: 18px; } } @media (max-width: 767px) { .blog-card .box-title { font-size: 20px; } } @media (max-width: 1500px) { .blog-bg-shape2-1, .blog-bg-shape2-2 { display: none; } } .blog-card.style2 .box-title { font-size: 24px; max-width: 450px; } @media (max-width: 1199px) { .blog-card.style2 .box-title { font-size: 20px; } } .brand-wrap1 { overflow: hidden; } .brand-wrap1 .brand-wrap-title { font-size: 32px; font-weight: 700; margin-top: -0.2em; margin-bottom: 50px; letter-spacing: -0.02em; max-width: 570px; margin-left: auto; margin-right: auto; } .brand-wrap1 .brand-wrap-title span { -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 767px) { .brand-wrap1 .brand-wrap-title { font-size: 28px; } } @media (max-width: 575px) { .brand-wrap1 .brand-wrap-title { font-size: 24px; } } .brand-slider1 { margin-right: -2px; } .brand-box { display: grid; -ms-flex-line-pack: center; align-content: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; min-height: 50px; border-right: 1px solid var(--th-border-color2); } .brand-box img { -webkit-transition: 0.4s; transition: 0.4s; -webkit-filter: grayscale(9) brightness(0); filter: grayscale(9) brightness(0); } .brand-box:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(0.95); transform: scale(0.95); } @media (max-width: 1199px) { .brand-box { border-right: 0; } } .brand-wrap2 { overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 60px; } .brand-slider2 { margin-right: -2px; } .brand-box.style2 { display: grid; -ms-flex-line-pack: center; align-content: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; min-height: 50px; border-right: 1px solid rgba(255, 255, 255, 0.15); } .brand-box.style2 img { -webkit-transition: 0.4s; transition: 0.4s; -webkit-filter: grayscale(9) brightness(99); filter: grayscale(9) brightness(99); } .brand-box.style2:hover img { -webkit-filter: none; filter: none; } @media (max-width: 1199px) { .brand-box.style2 { border-right: 0; } } .brand-wrap3 { overflow: hidden; } .brand-wrap3 .brand-wrap-title { font-size: 32px; font-weight: 700; margin-top: -0.2em; margin-bottom: 80px; letter-spacing: -0.02em; max-width: 670px; margin-left: auto; } .brand-wrap3 .brand-wrap-title span { -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 1299px) { .brand-wrap3 .brand-wrap-title { max-width: 540px; } } @media (max-width: 1199px) { .brand-wrap3 .brand-wrap-title { max-width: none; margin-bottom: 40px; } } @media (max-width: 767px) { .brand-wrap3 .brand-wrap-title { font-size: 28px; } } @media (max-width: 575px) { .brand-wrap3 .brand-wrap-title { font-size: 24px; } } .brand-slider3 { margin-right: -2px; } .brand-box { display: grid; -ms-flex-line-pack: center; align-content: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; min-height: 50px; border-right: 1px solid var(--th-border-color2); } .brand-box img { -webkit-transition: 0.4s; transition: 0.4s; -webkit-filter: grayscale(9) brightness(0); filter: grayscale(9) brightness(0); } .brand-box:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(0.95); transform: scale(0.95); } @media (max-width: 1199px) { .brand-box { border-right: 0; } } .checklist ul { padding-left: 0; list-style: none; text-align: left; margin-bottom: 0; } .checklist li { color: var(--title-color); font-weight: 400; font-size: 16px; font-family: var(--title-font); padding-left: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; line-height: normal; position: relative; letter-spacing: -0.02em; } .checklist li:before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: var(--title-color); clip-path: path("M12.8745 2.51406C13.233 2.72146 13.6918 2.59894 13.8992 2.24039C14.1066 1.88184 13.9841 1.42305 13.6255 1.21564L13.25 1.86485L12.8745 2.51406ZM17.985 7.26755C17.9027 6.8616 17.5068 6.59928 17.1009 6.68164C16.6949 6.764 16.4326 7.15984 16.515 7.56579L17.25 7.41667L17.985 7.26755ZM5.75 8.75C5.33579 8.75 5 9.08579 5 9.5C5 9.91421 5.33579 10.25 5.75 10.25L5.75 9.5L5.75 8.75ZM8.66667 12.4167L8.01548 12.7888C8.14729 13.0194 8.39128 13.1632 8.65693 13.1666C8.92257 13.1701 9.17021 13.0327 9.30796 12.8056L8.66667 12.4167ZM17.6776 3.95316C18.0659 3.80907 18.2639 3.37745 18.1198 2.98911C17.9757 2.60076 17.5441 2.40275 17.1558 2.54684L17.4167 3.25L17.6776 3.95316ZM13.25 1.86485L13.6255 1.21564C12.2887 0.442349 10.7365 0 9.08333 0V0.75V1.5C10.4658 1.5 11.7598 1.86927 12.8745 2.51406L13.25 1.86485ZM9.08333 0.75V0C4.06674 0 0 4.06674 0 9.08333H0.75H1.5C1.5 4.89517 4.89517 1.5 9.08333 1.5V0.75ZM0.75 9.08333H0C0 14.0999 4.06674 18.1667 9.08333 18.1667V17.4167V16.6667C4.89517 16.6667 1.5 13.2715 1.5 9.08333H0.75ZM9.08333 17.4167V18.1667C14.0999 18.1667 18.1667 14.0999 18.1667 9.08333H17.4167H16.6667C16.6667 13.2715 13.2715 16.6667 9.08333 16.6667V17.4167ZM17.4167 9.08333H18.1667C18.1667 8.46217 18.1042 7.8548 17.985 7.26755L17.25 7.41667L16.515 7.56579C16.6143 8.05554 16.6667 8.563 16.6667 9.08333H17.4167ZM5.75 9.5C5.75 10.25 5.74915 10.25 5.7483 10.25C5.74803 10.25 5.74719 10.25 5.74663 10.25C5.74553 10.25 5.74444 10.25 5.74337 10.25C5.74124 10.25 5.73917 10.2499 5.73717 10.2499C5.73318 10.2498 5.72946 10.2497 5.72602 10.2496C5.71915 10.2493 5.7134 10.249 5.70875 10.2486C5.69944 10.2479 5.69461 10.2472 5.69413 10.2472C5.69304 10.247 5.71006 10.2495 5.74395 10.2603C5.81089 10.2816 5.95135 10.3377 6.15324 10.479C6.55919 10.7632 7.22022 11.3971 8.01548 12.7888L8.66667 12.4167L9.31785 12.0446C8.44644 10.5196 7.64914 9.69516 7.01343 9.25016C6.69448 9.0269 6.41828 8.90073 6.19876 8.83088C6.08942 8.79609 5.99576 8.77579 5.9198 8.76423C5.88188 8.75846 5.84858 8.7549 5.82014 8.75278C5.80593 8.75172 5.79296 8.75103 5.78125 8.7506C5.7754 8.75038 5.76986 8.75023 5.76465 8.75014C5.76205 8.75009 5.75952 8.75006 5.75708 8.75003C5.75586 8.75002 5.75466 8.75001 5.75348 8.75001C5.75289 8.75001 5.75202 8.75 5.75172 8.75C5.75086 8.75 5.75 8.75 5.75 9.5ZM8.66667 12.4167C9.30796 12.8056 9.30792 12.8056 9.3079 12.8057C9.30792 12.8056 9.30791 12.8056 9.30794 12.8056C9.30801 12.8055 9.30814 12.8053 9.30834 12.8049C9.30875 12.8043 9.30943 12.8031 9.3104 12.8016C9.31232 12.7984 9.31535 12.7934 9.31947 12.7867C9.3277 12.7733 9.34028 12.7529 9.35705 12.7258C9.39059 12.6717 9.44088 12.5913 9.50665 12.4879C9.63823 12.2809 9.83162 11.9822 10.0768 11.6183C10.5677 10.8898 11.2635 9.90414 12.0843 8.87345C12.9065 7.84091 13.8448 6.77484 14.8198 5.87912C15.8031 4.97569 16.7805 4.286 17.6776 3.95316L17.4167 3.25L17.1558 2.54684C15.994 2.97789 14.8482 3.81598 13.8049 4.77453C12.7532 5.74078 11.7614 6.87089 10.9108 7.93905C10.0588 9.00905 9.33919 10.0286 8.83282 10.7801C8.57938 11.1563 8.3787 11.4662 8.24086 11.683C8.17192 11.7914 8.11866 11.8766 8.08234 11.9352C8.06417 11.9645 8.05024 11.9871 8.04069 12.0027C8.03592 12.0105 8.03224 12.0165 8.02968 12.0207C8.0284 12.0228 8.0274 12.0244 8.02668 12.0256C8.02632 12.0262 8.02603 12.0267 8.02581 12.027C8.0257 12.0272 8.02559 12.0274 8.02554 12.0275C8.02544 12.0276 8.02537 12.0278 8.66667 12.4167Z"); } .checklist li > i { color: var(--theme-color); position: relative; top: 2px; } .checklist li:not(:last-child) { margin-bottom: 18px; } @media (max-width: 575px) { .checklist li { font-size: 18px; } } @media (max-width: 1199px) { .checklist.mb-45 { margin-bottom: 40px; } } .checklist.style2 li { font-size: 18px; font-weight: 600; } .checklist.style2 li:before { background: var(--theme-color); top: 3px; } @media (max-width: 575px) { .checklist.style2 li { font-size: 16px; } } .checklist.style3 li { font-family: var(--body-font); } .checklist.style3 li:before { background: var(--theme-color); top: 3px; } @media (max-width: 575px) { .checklist.style3 li { font-size: 16px; } } .checklist.style4 ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: self-start; -ms-flex-align: self-start; align-items: self-start; } .checklist.style4 li { font-family: var(--body-font); background: var(--smoke-color5); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 9px 30px 9px 40px; border-radius: 40px; } .checklist.style4 li:not(:last-child) { margin-bottom: 20px; } .checklist.style4 li:before { background: var(--theme-color); left: 12px; top: 10px; } @media (max-width: 575px) { .checklist.style4 li { font-size: 16px; border-radius: 0; background: transparent; padding: 0 0 0 30px; } .checklist.style4 li:before { left: 0; top: 2px; } } .checklist.style-white li { color: var(--white-color); } .mega-hover { position: relative; overflow: hidden; z-index: 2; } .mega-hover:after, .mega-hover:before { content: ""; position: absolute; pointer-events: none; opacity: 1; z-index: -1; } .mega-hover:before { top: 0; right: 51%; bottom: 0; left: 50%; background: rgba(255, 255, 255, 0.2); } .mega-hover:after { top: 50%; right: 0; bottom: 50%; left: 0; background: rgba(255, 255, 255, 0.3); } .mega-hover:hover:before { left: 0; right: 0; opacity: 0; -webkit-transition: all 900ms linear; transition: all 900ms linear; } .mega-hover:hover:after { top: 0; bottom: 0; opacity: 0; -webkit-transition: all 900ms linear; transition: all 900ms linear; } .bg-img { position: absolute; inset: 0; height: 100%; width: 100%; } .bg-img img { width: 100%; height: 100%; } .th-video { position: relative; border-radius: 10px; } .th-video img { border-radius: inherit; } .th-video .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rounded-10 { border-radius: 10px; } .rounded-20 { border-radius: 20px; } @media (max-width: 767px) { .rounded-20 { border-radius: 10px; } } .btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px 30px; } .btn-wrap.style2 { gap: 20px 40px; } .btn-wrap.style3 { gap: 20px 15px; } .filter-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px; text-align: center; margin-bottom: 60px; } @media (max-width: 1199px) { .filter-menu { margin-bottom: 50px; } } @media (max-width: 991px) { .filter-menu { margin-top: -10px; margin-bottom: 45px; gap: 6px; } } .filter-menu .th-btn { border-radius: 5px; padding: 15px 30px; background-color: transparent; color: var(--body-color); border: 1px solid var(--th-border-color); min-width: auto; } .filter-menu .th-btn:before { background-color: var(--theme-color); } .filter-menu .th-btn:hover, .filter-menu .th-btn.active { border-color: var(--theme-color); color: var(--white-color); } .filter-menu .th-btn:hover:before, .filter-menu .th-btn.active:before { border-radius: 3px; } @media (max-width: 991px) { .filter-menu .th-btn { padding: 13px 20px; } } @media (max-width: 1199px) { p.mb-40 { margin-bottom: 35px; } p.mb-45 { margin-bottom: 38px; } } .modal-backdrop.show { opacity: 0.7; z-index: 99; } .modal { z-index: 999; padding-right: 0 !important; } .modal-dialog { max-width: 100%; } .modal-dialog .modal-content { background: transparent; border: 0; } .modal-dialog .modal-content .modal-header { border: 0; } .modal-dialog .btn-close { padding: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; margin: 0 10px 0 auto; border-radius: 50%; background: var(--theme-color); color: var(--white-color); border: 0; opacity: 1; } .modal-dialog .btn-close:hover i { -webkit-animation: toTopFromBottom 0.5s forwards; animation: toTopFromBottom 0.5s forwards; } @media (max-width: 1500px) { .why-bg-shape1-1 { display: none; } } .why-bg-info1-1 { position: absolute; bottom: 0; left: 0; width: 40%; height: 100%; z-index: -1; } .why-bg-info1-1 path { color: var(--theme-color2); } .why-bg-info1-1 text { font-family: var(--title-font2); font-size: 34px; font-weight: 400; } @media (min-width: 1922px) { .why-bg-info1-1 { width: 50%; } } @media (max-width: 1500px) { .why-bg-info1-1 { bottom: -250px; } } @media (max-width: 1299px) { .why-bg-info1-1 { display: none; } } .why-img-box1 { position: relative; margin: 0 -300px 0 80px; height: -webkit-fill-available; } .why-img-box1 .img1 { height: 100%; width: 100%; } .why-img-box1 .img1 .why-img-bg-shape1-1 { position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; } .why-img-box1 .img1 img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .why-img-box1 .about-tag { position: absolute; left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .why-img-box1 .about-tag .play-btn { background: transparent; color: var(--theme-color2); } .why-img-box1 .about-tag .play-btn:after, .why-img-box1 .about-tag .play-btn:before { display: none; } .why-img-box1 .about-tag .play-btn:hover { color: var(--theme-color); } @media (max-width: 1500px) { .why-img-box1 { margin: 0; } } @media (max-width: 1399px) { .why-img-box1 { margin: 0 0 0 4px; } } @media (max-width: 1299px) { .why-img-box1 { margin: 0 0 0 28px; } } @media (max-width: 1199px) { .why-img-box1 { margin: 0; } .why-img-box1 .about-tag { left: 50%; } } @media (max-width: 575px) { .why-img-box1 .img1 img { min-height: 500px; } } .why-card:not(:last-child) { margin-bottom: 24px; } .why-card .why-card-title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .why-card .why-card-title-wrap .box-title { font-size: 18px; font-weight: 400; letter-spacing: -0.02em; margin-bottom: 0; margin-top: -0.18em; } .why-card .why-card-title-wrap .box-value { color: var(--theme-color); font-size: 18px; font-weight: 400; letter-spacing: -0.02em; margin-top: -0.18em; margin-bottom: 0; display: block; } .why-card .progress { border-radius: 10px; border: 2px solid var(--smoke-color); background: var(--smoke-color); height: 12px; overflow: inherit; margin-bottom: 14px; margin-top: 7px; } .why-card .progress .progress-bar { background: var(--th-border-color2); position: relative; overflow: inherit; border-radius: 10px; } .why-card .progress .progress-bar:after { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--theme-color2); right: -2px; border: 2px solid var(--theme-color); } .why-info-wrap { margin-left: 448px; margin-right: -448px; margin-top: 24px; } @media (max-width: 1299px) { .why-info-wrap { margin-left: 0; margin-right: 0; margin-top: 40px; } } .why-info-card { border-radius: 24px; padding: 64px 46px; } @media (max-width: 1299px) { .why-info-card { padding: 50px 40px; } } @media (max-width: 991px) { .why-info-card { padding: 40px 30px; } } .why-info-card .box-icon { margin-bottom: 34px; } .why-info-card .box-icon img { -webkit-transition: 0.4s; transition: 0.4s; } .why-info-card .box-title { margin-bottom: 20px; } .why-info-card:hover .box-icon img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .why-img-box2 { position: relative; display: inline-block; } .why-img-box2 .img1 { border-radius: 24px; overflow: hidden; display: inline-block; } .why-img-box2 .img2 { position: absolute; right: 0; bottom: 122px; border-radius: 16px 0 0 16px; display: inline-block; } @media (max-width: 575px) { .why-img-box2 .img2 { position: relative; -webkit-animation: none !important; animation: none !important; bottom: 0; } } @media (max-width: 1500px) { .why-bg-shape3-1 { display: none; } } .why-img-box3 { display: inline-block; border-radius: 24px; overflow: hidden; position: relative; } .why-img-box3 .why-thumb-shape3-1 { position: absolute; bottom: 0; left: 0; right: 0; } .why-img-box3 .why-thumb-shape3-1 img { width: 100%; } .why-info-wrap3 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; margin-top: 70px; margin-left: -56px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1399px) { .why-info-wrap3 { margin-left: -46px; margin-top: 44px; } } @media (max-width: 1299px) { .why-info-wrap3 { margin-left: 0; } } .why-info-wrap3 .why-info-card3 { width: calc(50% - 12px); border-radius: 24px; background: var(--smoke-color); padding: 34px; } @media (max-width: 1399px) { .why-info-wrap3 .why-info-card3 { padding: 34px 30px; } } @media (max-width: 767px) { .why-info-wrap3 .why-info-card3 { width: 100%; } } .why-info-wrap3 .why-info-card3 .box-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-top: -0.2em; } .why-info-wrap3 .why-info-card3 .box-title:before { content: ""; position: relative; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--theme-color); } @media (max-width: 1500px) { .why-bg-shape4-1, .why-bg-shape4-2 { display: none; } } @media (max-width: 1500px) { .why-bg-shape5-1, .why-bg-shape5-2, .why-bg-shape5-3 { display: none; } } .why-img-box5 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .why-img-box5 .img1, .why-img-box5 .img2, .why-img-box5 .img3 { border-radius: 16px; overflow: hidden; } .why-img-box5 .img1 .thumb, .why-img-box5 .img2 .thumb, .why-img-box5 .img3 .thumb { width: 100%; } .why-img-box5 .img1 img, .why-img-box5 .img2 img, .why-img-box5 .img3 img { width: 100%; } .why-img-box5 .img3 { margin-top: 168px; } .why-img-box5 .btn-wrap { position: absolute; left: 0; bottom: 175px; } @media (max-width: 1199px) { .why-img-box5 .img3 { margin-top: 140px; } .why-img-box5 .btn-wrap { left: 40%; bottom: 0; } } @media (max-width: 767px) { .why-img-box5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .why-img-box5 .img1 { display: block; width: 100%; } .why-img-box5 .img3 { margin-top: 0; } .why-img-box5 .btn-wrap { position: relative; left: auto; bottom: auto; -ms-flex-item-align: self-end; align-self: self-end; } } @media (max-width: 1500px) { .faq-bg-shape1-2, .faq-bg-shape1-1 { display: none; } } .faq-img-box1 { position: relative; } .faq-img-box1 .img1 { display: inline-block; overflow: hidden; border-radius: 24px; } .faq-img-box1 .img1 img { width: 100%; } .accordion-card { border-radius: 16px; overflow: hidden; background-color: var(--white-color); -webkit-box-shadow: 0px 10px 30px rgba(2, 33, 23, 0.08); box-shadow: 0px 10px 30px rgba(2, 33, 23, 0.08); text-align: left; position: relative; z-index: 3; } .accordion-card:not(:last-child) { margin-bottom: 24px; } .accordion-card .accordion-button { font-size: 18px; font-weight: 400; font-family: var(--title-font); border: 0; color: var(--title-color); background-color: transparent; -webkit-box-shadow: 0px 10px 50px rgba(0, 70, 59, 0.1); box-shadow: 0px 10px 50px rgba(0, 70, 59, 0.1); border-radius: 0; padding: 18px 55px 18px 24px; min-height: 56px; gap: 10px; margin-bottom: 0; text-align: left; -webkit-transition: 0.3s; transition: 0.3s; position: relative; letter-spacing: -0.02em; } .accordion-card .accordion-button:after { content: "\f107"; height: 100%; width: auto; line-height: 1; background-color: transparent; background-image: none; font-family: var(--icon-font); color: var(--theme-color); font-weight: 500; font-size: 1em; display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; top: 0; right: 30px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .accordion-card .accordion-button:before { content: ""; position: absolute; bottom: 0; left: 24px; right: 24px; background: var(--th-border-color); height: 1px; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0; } .accordion-card .accordion-button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .accordion-card .accordion-button:not(.collapsed) { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .accordion-card .accordion-button:not(.collapsed):after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .accordion-card .accordion-button:not(.collapsed):before { opacity: 1; } .accordion-card .accordion-collapse { border: none; } .accordion-card .accordion-body { border: none; padding: 17px 0 24px; margin: 0 24px; } .accordion-card .faq-text { margin-bottom: -0.48em; } @media (max-width: 575px) { .accordion-card { border-radius: 15px; } .accordion-card .accordion-button { font-size: 16px; padding: 19px 55px 19px 25px; } .accordion-card:not(:last-child) { margin-bottom: 20px; } .accordion-card .faq-text { font-size: 14px; } } .service-circle-info1-1 .about-tag { border: 64px solid var(--theme-color); background: transparent; width: 944px; height: 944px; } .service-circle-info1-1 .about-tag .about-experience-tag { font-size: 48px; font-weight: 400; font-family: var(--title-font2); color: var(--white-color); --circle-letter-size: 950px; } .service-circle-info1-1 .about-tag .about-experience-tag span { --rotate-letter: 3.3deg; height: 469px; width: 20px; left: 48%; top: 2px; } @media (max-width: 1500px) { .service-circle-info1-1 { display: none; } } .service-circle-info1-2 .about-tag { border: 64px solid var(--theme-color2); background: transparent; width: 732px; height: 732px; } .service-circle-info1-2 .about-tag .about-experience-tag { font-size: 48px; font-weight: 400; font-family: var(--title-font2); --circle-letter-size: 732px; } .service-circle-info1-2 .about-tag .about-experience-tag span { --rotate-letter: 3.3deg; height: 361px; width: 20px; left: 47%; top: 3px; } @media (max-width: 1500px) { .service-circle-info1-2 { display: none; } } .service-thumb1-1 { border-radius: 24px; overflow: hidden; display: inline-block; } .service-wrap1 { margin-left: 32px; } @media (max-width: 1299px) { .service-wrap1 { margin-left: 0; } } .service-card { padding: 34px 47px; border-radius: 24px; overflow: hidden; text-align: center; background: var(--white-color); -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 1399px) { .service-card { padding: 30px 40px; } } @media (max-width: 375px) { .service-card { padding: 30px; } } .service-card .box-icon { display: inline-block; -webkit-transition: 0.4s; transition: 0.4s; position: relative; border-radius: 50%; margin-bottom: 34px; background: var(--smoke-color2); } .service-card .box-icon:after { content: ""; position: absolute; inset: 0; border-bottom: 3px solid var(--theme-color); border-radius: 50%; -webkit-transition: 0.4s; transition: 0.4s; } .service-card .box-icon img { -webkit-transition: 0.4s; transition: 0.4s; } .service-card .box-title { margin-bottom: 14px; } .service-card .box-title a { font-size: 24px; font-weight: 700; color: var(--title-color); } .service-card .box-title a:hover { color: var(--theme-color); } .service-card .box-text { margin-bottom: 23px; -webkit-transition: 0.4s; transition: 0.4s; } .service-card .th-btn { padding: 16px 40px; background: var(--theme-color2); } .service-card:hover { background: var(--theme-color); } .service-card:hover .box-icon { background: var(--white-color); } .service-card:hover .box-icon img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .service-card:hover .box-icon:after { border-color: var(--theme-color2); } .service-card:hover .box-title a { color: var(--white-color); } .service-card:hover .box-title a:hover { color: var(--theme-color2); } .service-card:hover .box-text { color: var(--white-color); } .service-card2-wrap:nth-child(odd) .service-card2 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (max-width: 767px) { .service-card2-wrap:nth-child(odd) .service-card2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .service-card2 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .service-card2 .box-img { border-radius: 24px; overflow: hidden; width: 100%; } .service-card2 .box-img a { display: block; } .service-card2 .box-img img { width: 100%; } .service-card2 .box-content { background: var(--white-color); border-radius: 24px; text-align: center; padding: 103px 75px; -webkit-transition: 0.4s; transition: 0.4s; width: 100%; } @media (max-width: 1299px) { .service-card2 .box-content { padding: 80px 40px; } } @media (max-width: 991px) { .service-card2 .box-content { padding: 40px 30px; } } .service-card2 .box-title { margin-top: -0.2em; margin-bottom: 8px; font-size: 28px; letter-spacing: -0.02em; } @media (max-width: 991px) { .service-card2 .box-title { font-size: 24px; } } .service-card2 .box-text { margin-bottom: 25px; -webkit-transition: 0.4s; transition: 0.4s; } .service-card2:hover .box-content { background: var(--theme-color); } .service-card2:hover .box-title a { color: var(--white-color); } .service-card2:hover .box-title a:hover { color: var(--theme-color2); } .service-card2:hover .box-text { color: var(--white-color); } @media (max-width: 1500px) { .service-shape-3-1 { display: none; } } .service-card3 { background: var(--smoke-color2); text-align: center; border-radius: 174px 174px 100px 100px; padding: 34px 34px 94px; -webkit-transition: 0.4s; transition: 0.4s; margin-bottom: 10px; } @media (max-width: 767px) { .service-card3 { max-width: 312px; margin-left: auto; margin-right: auto; } } .service-card3 .box-icon { -webkit-transition: 0.4s; transition: 0.4s; margin-bottom: 24px; } .service-card3 .box-title { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 6px; } .service-card3 .box-text { letter-spacing: -0.02em; } .service-card3 .icon-btn { position: absolute; bottom: -10px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border: 10px solid var(--white-color); --btn-size: 76px; } .service-card3 .icon-btn:after, .service-card3 .icon-btn:before { content: ""; position: absolute; left: -10px; bottom: 10px; width: 27px; height: 27px; background: var(--white-color); -webkit-mask-image: url(/assets/build/media/main-img/shape/left-side-radius-mask-938ef511950d.png); mask-image: url(/assets/build/media/main-img/shape/left-side-radius-mask-938ef511950d.png); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .service-card3 .icon-btn:after { left: auto; right: -10px; -webkit-transform: translate(100%, 0) rotateY(180deg); transform: translate(100%, 0) rotateY(180deg); } .service-card3:hover { background: var(--smoke-color); } .service-card3:hover .box-icon { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .service-card3:hover .icon-btn { background: var(--theme-color); color: var(--white-color); } .service-card3:hover .icon-btn:hover { background: var(--theme-color2); color: var(--title-color); } @media (max-width: 1500px) { .process-bg-shape1-1, .process-bg-shape1-2, .process-bg-shape1-3 { display: none; } } .process-card-wrap1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; gap: 32px; padding-top: 40px; } @media (max-width: 1399px) { .process-card-wrap1 { margin-top: -40px; gap: 40px 24px; } } .process-card-wrap1 .process-bg-line1-1 { position: absolute; left: -224px; right: -174px; top: -100px; } @media (max-width: 1299px) { .process-card-wrap1 .process-bg-line1-1 { display: none; } } .process-card { -ms-flex-item-align: self-start; align-self: self-start; position: relative; width: 100%; max-width: 268px; text-align: center; margin: 0 12px; } .process-card .box-img { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 48px 0 92px; border: 6px solid var(--theme-color); border-radius: 50%; position: relative; } @media (max-width: 991px) { .process-card .box-img { margin: 48px 0 72px; } } .process-card .box-img:after { content: ""; position: absolute; background: var(--smoke-color2); z-index: -1; inset: -41.5px; border-radius: 100px; -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: 0.4s; transition: 0.4s; } .process-card .box-img .thumb { overflow: hidden; max-width: 187px; -webkit-filter: grayscale(9); filter: grayscale(9); -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50%; } .process-card .box-img img { width: 100%; } .process-card:nth-child(odd) { margin-top: 188px; } @media (max-width: 1399px) { .process-card:nth-child(odd) { margin-top: 0; } } .process-card .box-title { font-size: 24px; font-weight: 400; letter-spacing: -0.02em; margin-bottom: 8px; } @media (max-width: 1500px) { .process-card .box-title { font-size: 20px; } } .process-card .box-text { line-height: 1.625em; letter-spacing: -0.02em; } .process-card:hover .box-img:after { background: var(--smoke-color); } .process-card.style2 .box-img:after { background: var(--white-color); } .pricing-tab-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 42px; padding-bottom: 18px; margin-bottom: 40px; } .pricing-tab-wrap .pricing-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0; background: var(--white-color); -webkit-box-shadow: 0px 10px 15px rgba(24, 59, 86, 0.2); box-shadow: 0px 10px 15px rgba(24, 59, 86, 0.2); border-radius: 27px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 8px; } .pricing-tab-wrap .pricing-tabs .nav-item .nav-link { border: 0; margin: 0; font-size: 16px; font-weight: 700; font-family: var(--title-font); color: var(--title-color); background: transparent; padding: 8px 16px; border-radius: 16px; line-height: 1; } .pricing-tab-wrap .pricing-tabs .nav-item .nav-link.active { background: var(--theme-color); color: var(--white-color); } .pricing-tab-wrap .discount-tag { color: var(--theme-color); font-size: 12px; font-weight: 700; font-family: var(--title-font); position: relative; } .pricing-tab-wrap .discount-tag svg { position: absolute; bottom: -30px; left: -50px; color: var(--title-color); } @media (max-width: 375px) { .pricing-tab-wrap .discount-tag { display: none; } } .price-card { position: relative; border-radius: 32px; background: var(--white-color); overflow: hidden; -webkit-box-shadow: 0px 20px 35px rgba(0, 30, 66, 0.12); box-shadow: 0px 20px 35px rgba(0, 30, 66, 0.12); } .price-card .price-card-top { -webkit-box-shadow: 0px 20px 35px rgba(0, 30, 66, 0.16); box-shadow: 0px 20px 35px rgba(0, 30, 66, 0.16); border-radius: 32px; padding: 10px; } .price-card .price-card-title-wrap { border-radius: 20px; background: linear-gradient(202.22deg, #EFFAF7 14.5%, #FFFFFF 219.35%); padding: 20px; -webkit-transition: 0.4s; transition: 0.4s; position: relative; overflow: hidden; z-index: 1; } .price-card .price-card-title-wrap:after { content: ""; position: absolute; inset: 0; background: linear-gradient(131.88deg, #4EE4CC 0%, var(--theme-color) 100%); -webkit-transition: 0.4s; transition: 0.4s; z-index: -1; opacity: 0; } .price-card .price-card-title-wrap .price-tag { position: absolute; right: 20px; top: 20px; font-size: 16px; font-weight: 600; font-family: var(--title-font); letter-spacing: -0.02em; color: var(--title-color); -webkit-transition: 0.4s; transition: 0.4s; } .price-card .box-title { margin-bottom: -0.15em; font-size: 18px; font-weight: 600; letter-spacing: -0.02em; display: inline-block; background: var(--white-color); border-radius: 60px; padding: 2.25px 14px; } .price-card .box-price { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: -0.1em; margin-top: 42px; -webkit-transition: 0.4s; transition: 0.4s; } .price-card .box-price .duration { font-size: 16px; font-weight: 400; font-family: var(--body-font); color: var(--body-color); -webkit-transition: 0.4s; transition: 0.4s; } .price-card .box-text { margin-top: 12px; margin-bottom: 12px; padding-left: 20px; font-size: 16px; } .price-card .th-btn { min-height: 46px; padding: 18px 40px; } .price-card .price-card_content { padding: 50px 30px; } .price-card .price-card_content .checklist { display: inline-block; } .price-card .price-card_content .checklist li { color: var(--body-color); -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .price-card .price-card_content .checklist li:before { background: var(--theme-color); } .price-card .price-card_content .checklist li i { -webkit-transition: 0.4s; transition: 0.4s; color: var(--theme-color); } .price-card .price-card_content .checklist li:not(:last-child) { margin-bottom: 14px; } .price-card .price-card_content .checklist li.unavailable:before { background: var(--light-color); } .price-card .price-card_content .checklist li.unavailable i { color: var(--light-color); opacity: 0.5; } .price-card .th-btn { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .price-card:hover .price-card-title-wrap:after { opacity: 1; } .price-card:hover .price-card-title-wrap .price-tag { color: var(--white-color); } .price-card:hover .box-price { color: var(--white-color); } .price-card:hover .box-price .duration { color: var(--white-color); } @media (max-width: 1299px) { .price-card .price-card_content { padding: 40px 17px; } } @media (max-width: 1199px) { .price-card .price-card_content { padding: 50px 30px; } } @media (max-width: 767px) { .price-card .price-card_content { padding: 40px 30px; } } @media (max-width: 375px) { .price-card .price-card_content { padding: 40px 20px; } } .price-card2 { background: var(--white-color); -webkit-box-shadow: 0px 0px 10px rgba(24, 59, 86, 0.05); box-shadow: 0px 0px 10px rgba(24, 59, 86, 0.05); border-radius: 16px; text-align: center; padding: 50px 45px; position: relative; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s; } .price-card2 .price-tag { position: relative; top: -50px; background: var(--theme-color2); color: var(--white-color); padding: 3px 0; display: block; width: -webkit-fill-available; margin: 0 -45px; } .price-card2 .box-title { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 7px; -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 767px) { .price-card2 .box-title { font-size: 24px; } } .price-card2 .box-text { letter-spacing: -0.02em; margin-bottom: 38px; -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 1199px) { .price-card2 .box-text { max-width: 200px; margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .price-card2 .box-text { margin-bottom: 28px; } } .price-card2 .box-price { font-size: 48px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 47px; -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 1299px) { .price-card2 .box-price { font-size: 40px; } } @media (max-width: 767px) { .price-card2 .box-price { margin-bottom: 37px; font-size: 36px; } } .price-card2 .box-price .currency { font-size: 20px; font-weight: 600; margin-right: 5px; } .price-card2 .box-price .duration { font-size: 20px; font-weight: 600; margin-left: 3px; } .price-card2 .th-btn { padding: 14px 24px; min-height: 46px; } .price-card2 .btn-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .price-card2:hover { background: var(--theme-color); } .price-card2:hover .box-title { color: var(--white-color); } .price-card2:hover .box-text { color: var(--white-color); } .price-card2:hover .box-price { color: var(--white-color); } .price-card2:hover .th-btn { background: var(--white-color); border-color: var(--white-color); color: var(--theme-color); } @media (max-width: 1299px) { .price-card2 { padding: 40px 30px; } .price-card2 .price-tag { top: -40px; } } .price-wrap3 { border-radius: 300px 300px 0 0; } @media (max-width: 1500px) { .price-wrap3 { border-radius: 100px 100px 0 0; } } @media (max-width: 1299px) { .price-wrap3 { border-radius: 50px 50px 0 0; } } @media (max-width: 575px) { .price-wrap3 { border-radius: 30px 30px 0 0; } } .feature-area-1 { margin-top: -157px; } @media (min-width: 1922px) { .feature-area-1 { margin-top: var(--section-space); } } @media (max-width: 1500px) { .feature-area-1 { margin-top: var(--section-space); } } @media (max-width: 991px) { .feature-area-1 { margin-top: var(--section-space-mobile); } } .feature-wrap1 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: -195px; } @media (max-width: 1500px) { .feature-wrap1 { margin-right: 0; } } @media (max-width: 991px) { .feature-wrap1 { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; } } .feature-wrap1 .feature-card { width: 30%; padding: 34px 98px 34px 34px; 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; } @media (max-width: 1399px) { .feature-wrap1 .feature-card { padding: 34px; } } @media (max-width: 991px) { .feature-wrap1 .feature-card { width: calc(50% - 12px); border-radius: 24px; } } @media (max-width: 767px) { .feature-wrap1 .feature-card { width: 100%; text-align: center; } .feature-wrap1 .feature-card .btn-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .feature-wrap1 .feature-card .box-icon { margin-bottom: 24px; } .feature-wrap1 .feature-card .box-text { margin-top: -0.4em; margin-bottom: 18px; } .feature-wrap1 .feature-card .box-title { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 24px; text-transform: capitalize; } @media (max-width: 1299px) { .feature-wrap1 .feature-card .box-title { font-size: 24px; } } @media (max-width: 1199px) { .feature-wrap1 .feature-card .box-title { font-size: 20px; } } .feature-wrap1 .feature-card:first-child { border-radius: 24px 0 0 24px; } @media (max-width: 991px) { .feature-wrap1 .feature-card:first-child { border-radius: 24px; } } .feature-wrap1 .feature-card2 { width: 40%; position: relative; border-radius: 0 0 24px 0; overflow: hidden; text-align: center; 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; } @media (min-width: 1922px) { .feature-wrap1 .feature-card2 { border-radius: 0 24px 24px 0; } } @media (max-width: 1500px) { .feature-wrap1 .feature-card2 { border-radius: 0 24px 24px 0; } } @media (max-width: 991px) { .feature-wrap1 .feature-card2 { border-radius: 24px; width: 100%; } } .feature-wrap1 .feature-card2 .feature-card-bg2-1 { position: absolute; bottom: 0; left: 0; } @media (max-width: 1199px) { .feature-wrap1 .feature-card2 .feature-card-bg2-1 { display: none; } } .feature-wrap1 .feature-card2 .feature-card-bg2-2 { position: absolute; bottom: 0; right: 0; } @media (max-width: 1199px) { .feature-wrap1 .feature-card2 .feature-card-bg2-2 { display: none; } } .feature-wrap1 .feature-card2 .box-content { padding: 47px; } @media (max-width: 575px) { .feature-wrap1 .feature-card2 .box-content { padding: 40px; } } @media (max-width: 375px) { .feature-wrap1 .feature-card2 .box-content { padding: 40px 30px; } .feature-wrap1 .feature-card2 .box-content .th-btn { padding: 10px 28px; } } .feature-wrap1 .feature-card2 .box-content .box-title { font-size: 24px; font-weight: 400; letter-spacing: -0.02em; color: var(--white-color); margin-bottom: 35px; } @media (max-width: 1399px) { .feature-wrap1 .feature-card2 .box-content .box-title { font-size: 20px; } } .feature-wrap1 .feature-card2 .box-content .box-number { color: var(--theme-color2); font-size: 64px; font-weight: 700; font-family: var(--title-font); letter-spacing: -0.02em; margin-bottom: 30px; } @media (max-width: 1399px) { .feature-wrap1 .feature-card2 .box-content .box-number { font-size: 54px; } } @media (max-width: 575px) { .feature-wrap1 .feature-card2 .box-content .box-number { font-size: 40px; } } .feature-wrap1 .feature-card2 .box-content .box-text { font-size: 18px; font-weight: 400; font-family: var(--title-font); letter-spacing: -0.02em; color: var(--white-color); } @media (max-width: 1399px) { .feature-wrap1 .feature-card2 .box-content .box-text { font-size: 16px; } } .feature-wrap1 .feature-card2 .box-content .btn-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 44px; } .project-slider1 .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .project-card { position: relative; overflow: hidden; text-align: center; } .project-card .box-img { overflow: hidden; margin-bottom: 32px; border-radius: 16px; -webkit-transition: 0.4s; transition: 0.4s; display: inline-block; } .project-card .box-img img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.4s; transition: 0.4s; } .project-card .box-img.radius-style1 { border-radius: 200px; } .project-card .box-img.radius-style2 { border-radius: 200px 32px 32px 32px; } .project-card .box-title { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 10px; } .project-card .box-text { margin-bottom: -0.2em; max-width: 252px; margin-left: auto; margin-right: auto; } .project-card:hover .box-img img { -webkit-transform: scale(1.12) rotate(-2deg); transform: scale(1.12) rotate(-2deg); } .category-area-1 { position: relative; z-index: 1; } .category-area-1:before, .category-area-1:after { content: ""; position: absolute; width: 458px; height: 458px; border-radius: 50%; -webkit-filter: blur(167px); filter: blur(167px); z-index: -1; } .category-area-1:before { background: var(--theme-color); opacity: 0.3; right: 135px; bottom: 0; z-index: -2; } .category-area-1:after { background: var(--theme-color2); opacity: 0.15; right: -25px; top: -69px; } .category-bg1-1 { z-index: -3; } .category-bg1-1 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1500px) { .category-bg-shape1-1 { display: none; } } .category-card { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1px; } .category-card .box-icon { width: 98px; background-color: var(--white-color); border-radius: 24px; 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; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 1299px) { .category-card .box-icon { width: 90px; } } @media (max-width: 991px) { .category-card .box-icon { width: 110px; } } .category-card .box-content { background: var(--white-color); border-radius: 24px; padding: 34px 24px; } @media (max-width: 1299px) { .category-card .box-content { padding: 30px 20px; } } @media (max-width: 1199px) { .category-card .box-content { padding: 30px 24px; } } @media (max-width: 991px) { .category-card .box-content { padding: 30px 34px; } } @media (max-width: 767px) { .category-card .box-content { width: -webkit-fill-available; padding: 40px 34px; } } @media (max-width: 375px) { .category-card .box-content { padding: 40px 25px; } } .category-card .box-title { font-size: 20px; font-weight: 600; margin-bottom: -0.3em; margin-top: -0.3em; letter-spacing: -0.02em; -webkit-transition: 0.1s; transition: 0.1s; } .category-card .box-title a:hover { color: var(--title-color); } @media (max-width: 1399px) { .category-card .box-title { font-size: 18px; } } @media (max-width: 1299px) { .category-card .box-title { font-size: 16px; } } @media (max-width: 1199px) { .category-card .box-title { font-size: 18px; } } @media (max-width: 375px) { .category-card .box-title { font-size: 16px; } } .category-card:hover .box-icon img { -webkit-transform: rotate(180deg) scale(-1); transform: rotate(180deg) scale(-1); } .category-btn { height: 100%; width: 100%; border-radius: 24px; font-size: 20px; font-weight: 600; line-height: normal; padding: 21px 30px; } @media (max-width: 1299px) { .category-btn { font-size: 18px; } } @media (max-width: 767px) { .category-btn { padding: 16px 30px; border-radius: 50px; font-size: 16px; } } @media (max-width: 375px) { .category-slider2 { text-align: center; } } .category-card2 { text-align: center; background: var(--smoke-color2); border-radius: 100px 100px 16px 16px; padding: 24px 19px; -webkit-transition: 0.4s; transition: 0.4s; } .category-card2 .box-icon { width: 80px; height: 80px; border-radius: 50%; background: var(--white-color); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 24px; } .category-card2 .box-icon img { -webkit-transition: 0.4s; transition: 0.4s; } .category-card2 .box-title { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 18px; } .category-card2:hover { background: var(--theme-color); } .category-card2:hover .box-icon img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .category-card2:hover .box-title a { color: var(--white-color); } .category-card2:hover .box-title a:hover { color: var(--theme-color2); } .category-card2:hover .icon-btn { border-color: var(--white-color); background: var(--white-color); color: var(--theme-color); } .category-card2:hover .icon-btn:hover { border-color: var(--title-color); background: var(--title-color); color: var(--white-color); } @media (max-width: 1399px) { .category-card2 { width: 200px; } } @media (max-width: 991px) { .category-card2 { margin-left: auto; margin-right: auto; } } @media (max-width: 575px) { .category-card2 { padding: 24px 18px; } .category-card2 .box-title { letter-spacing: normal; font-size: 18px; } } @media (max-width: 375px) { .category-card2 { margin-left: auto; margin-right: auto; max-width: 200px; } } @media (max-width: 1500px) { .category-bg3-1 { display: none; } } .category-slider3 { margin-bottom: -50px; } .category-card3 { background: var(--theme-color); border-radius: 24px; padding: 30px; background: linear-gradient(131.88deg, var(--th-border-color) 0%, var(--theme-color) 100%); position: relative; margin-bottom: 25px; } .category-card3:after { content: ""; position: absolute; width: 185px; height: 32px; background: var(--theme-color); -webkit-filter: blur(20.5px); filter: blur(20.5px); border-radius: 50%; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: -1; } .category-card3 .box-icon { margin-bottom: 30px; } .category-card3 .box-icon img { -webkit-transition: 0.4s; transition: 0.4s; } .category-card3 .box-title { font-size: 24px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 24px; } .category-card3 .box-title a { color: var(--white-color); } .category-card3 .box-title a:hover { color: var(--white-color); text-shadow: -0.3px -0.3px 0 var(--white-color), 0.3px 0.3px var(--white-color); } @media (max-width: 1299px) { .category-card3 .box-title { font-size: 20px; } } @media (max-width: 575px) { .category-card3 .box-title { font-size: 24px; } } .category-card3 .icon-btn { --btn-size: 44px; } .category-card3:hover .box-icon img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .category-card4 { border-radius: 24px; -webkit-box-shadow: 0px 10px 20px rgba(0, 30, 66, 0.08); box-shadow: 0px 10px 20px rgba(0, 30, 66, 0.08); padding: 34px 24px; } .category-card4 .box-icon { margin-bottom: 25px; } .category-card4 .box-icon img { -webkit-transition: 0.4s; transition: 0.4s; } .category-card4 .box-title { font-size: 24px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 8px; } .category-card4 .box-title a { color: var(--title-color); } .category-card4 .box-title a:hover { color: var(--theme-color); } @media (max-width: 575px) { .category-card4 .box-title { font-size: 24px; } } @media (max-width: 375px) { .category-card4 .box-title { font-size: 20px; } } .category-card4 .box-text { letter-spacing: -0.02em; } @media (max-width: 767px) { .category-card4 .box-text { max-width: 300px; } } .category-card4:hover .box-icon img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .category-card5 { background: var(--theme-color); border-radius: 24px; padding: 30px; } .category-card5 .box-icon { margin-bottom: 60px; } .category-card5 .box-icon img { -webkit-transition: 0.4s; transition: 0.4s; } .category-card5 .box-title { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 5px; } .category-card5 .box-title a:hover { color: var(--theme-color2); } .category-card5 .box-text { letter-spacing: -0.02em; } .category-card5:hover .box-icon img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .category-wrap6 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; } @media (max-width: 1399px) { .category-wrap6 { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1199px) { .category-wrap6 { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 991px) { .category-wrap6 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .category-wrap6 { grid-template-columns: repeat(1, 1fr); } } .category-card6 { background: var(--smoke-color4); border-radius: 24px; padding: 30px; -webkit-transition: 0.4s; transition: 0.4s; } .category-card6 .box-icon { margin-bottom: 60px; -webkit-transition: 0.4s; transition: 0.4s; display: inline-block; } .category-card6 .box-title { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 5px; } .category-card6 .box-text { letter-spacing: -0.02em; -webkit-transition: 0.4s; transition: 0.4s; } .category-card6:hover { background: var(--theme-color); } .category-card6:hover .box-icon { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .category-card6:hover .box-icon img { -webkit-filter: brightness(99) invert(1) grayscale(99) contrast(99); filter: brightness(99) invert(1) grayscale(99) contrast(99); } .category-card6:hover .box-title { color: var(--white-color); } .category-card6:hover .box-title a:hover { color: var(--theme-color2); } .category-card6:hover .box-text { color: var(--white-color); } @media (max-width: 1500px) { .cta-bg-shape1-1 { display: none; } } .cta-wrap1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 991px) { .cta-wrap1 { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } } .cta-wrap1 .cta-wrap1-2 { width: 66.667%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .cta-wrap1 .cta-wrap1-2 { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } } .cta-wrap1 .cta-wrap1-2 .cta-card { border-radius: 0; width: 50%; } @media (max-width: 991px) { .cta-wrap1 .cta-wrap1-2 .cta-card { width: 100%; border-radius: 16px; } } .cta-wrap1 .cta-wrap1-2 .cta-thumb1-1 { width: 50%; border-radius: 0 16px 16px 0; overflow: hidden; } @media (max-width: 991px) { .cta-wrap1 .cta-wrap1-2 .cta-thumb1-1 { width: 100%; border-radius: 16px; } } .cta-wrap1 .cta-wrap1-2 .cta-thumb1-1 img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .cta-card { text-align: center; width: 33.333%; border-radius: 16px 16px 0 16px; overflow: hidden; } @media (max-width: 991px) { .cta-card { width: 100%; border-radius: 16px; } } .cta-card .box-content { padding: 44px 66px; } @media (max-width: 1299px) { .cta-card .box-content { padding: 40px 50px; } } @media (max-width: 1199px) { .cta-card .box-content { padding: 40px 30px; } } .cta-card .box-icon { margin-bottom: 25px; } .cta-card .box-icon img { -webkit-transition: 0.4s; transition: 0.4s; } .cta-card .box-subtitle { margin-bottom: 17px; } .cta-card .box-title { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 54px; } @media (max-width: 1299px) { .cta-card .box-title { font-size: 24px; } } @media (max-width: 575px) { .cta-card .box-title { margin-bottom: 30px; } } .cta-card .box-text { font-size: 16px; font-weight: 600; color: var(--white-color); } .cta-card .cta-msg { font-size: 18px; font-weight: 400; font-family: var(--title-font); letter-spacing: -0.02em; padding: 17px 0; position: relative; text-align: center; } @media (max-width: 1199px) { .cta-card .cta-msg { font-size: 16px; letter-spacing: normal; } } .cta-card .cta-msg .cta-msg-thumb1-1 { position: absolute; left: 20px; bottom: 0; top: 10px; } @media (max-width: 1299px) { .cta-card .cta-msg .cta-msg-thumb1-1 { display: none; } } .cta-card .cta-msg .cta-msg-thumb1-2 { position: absolute; right: 20px; bottom: 0; top: 10px; } @media (max-width: 1299px) { .cta-card .cta-msg .cta-msg-thumb1-2 { display: none; } } .cta-card:hover .box-icon img { -webkit-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .cta-area-2:before { mix-blend-mode: hard-light; } .cta-bg-shape2-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cta-wrap2 .sub-title { font-size: 36px; margin-bottom: 34px; margin-top: 0; } @media (max-width: 991px) { .cta-wrap2 .sub-title { font-size: 24px; margin-bottom: 24px; } } .cta-bg-info3-1 { position: absolute; bottom: -120px; left: 0; width: 40%; height: 100%; z-index: 1; } .cta-bg-info3-1 path { color: var(--theme-color2); } .cta-bg-info3-1 text { font-family: var(--title-font2); font-size: 34px; font-weight: 400; } @media (min-width: 1922px) { .cta-bg-info3-1 { width: 45%; bottom: -30px; } } @media (max-width: 1500px) { .cta-bg-info3-1 { bottom: -150px; } } @media (max-width: 1299px) { .cta-bg-info3-1 { display: none; } } .cta-wrap3 .cta-counter-number { font-size: 174px; font-weight: 700; font-family: var(--title-font); line-height: 1; color: var(--title-color); margin-top: 75px; } @media (max-width: 1500px) { .cta-wrap3 .cta-counter-number { font-size: 160px; } } @media (max-width: 1399px) { .cta-wrap3 .cta-counter-number { font-size: 140px; } } @media (max-width: 1299px) { .cta-wrap3 .cta-counter-number { font-size: 120px; } } @media (max-width: 1199px) { .cta-wrap3 .cta-counter-number { font-size: 100px; margin-top: 50px; } } @media (max-width: 991px) { .cta-wrap3 .cta-counter-number { font-size: 70px; } } @media (max-width: 767px) { .cta-wrap3 .cta-counter-number { font-size: 60px; margin-top: 40px; } } @media (max-width: 575px) { .cta-wrap3 .cta-counter-number { font-size: 50px; } } .cta-wrap3 .cta-subtitle { font-size: 28px; font-weight: 700; font-family: var(--title-font); color: var(--title-color); letter-spacing: -0.02em; margin-top: 67px; } @media (max-width: 1199px) { .cta-wrap3 .cta-subtitle { margin-top: 47px; } } @media (max-width: 991px) { .cta-wrap3 .cta-subtitle { font-size: 24px; } } @media (max-width: 767px) { .cta-wrap3 .cta-subtitle { margin-top: 37px; } } @media (max-width: 575px) { .cta-wrap3 .cta-subtitle { font-size: 20px; } } @media (max-width: 375px) { .cta-wrap3 .th-btn { padding: 21px 27px; } } .cta-img3-1 { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -180px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end; margin-top: -360px; gap: 30px; } @media (max-width: 1500px) { .cta-img3-1 { margin: -250px 0 0; } } @media (max-width: 1399px) { .cta-img3-1 { margin: -230px 0 0; } } @media (max-width: 1299px) { .cta-img3-1 { margin: -200px 0 0; } } @media (max-width: 1199px) { .cta-img3-1 { margin: -180px 0 0; } } @media (max-width: 991px) { .cta-img3-1 { margin: -120px 0 0; } } @media (max-width: 767px) { .cta-img3-1 { margin: 60px 0 0; gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cta-img3-1 .img1 { display: inline-block; overflow: hidden; border-radius: 24px 224px 24px 24px; margin-bottom: 201px; } @media (max-width: 1500px) { .cta-img3-1 .img1 { margin-bottom: 60px; } } @media (max-width: 767px) { .cta-img3-1 .img1 { width: calc(50% - 12px); border-radius: 24px; margin-bottom: 0; } .cta-img3-1 .img1 .thumb { display: block; } .cta-img3-1 .img1 .thumb img { height: 200px; -o-object-position: top; object-position: top; } .cta-img3-1 .img1 .thumb canvas { display: none; } } @media (max-width: 375px) { .cta-img3-1 .img1 .thumb img { height: 150px; } } .cta-img3-1 .img2 { display: inline-block; overflow: hidden; border-radius: 24px; position: relative; z-index: 3; } @media (max-width: 767px) { .cta-img3-1 .img2 { width: calc(50% - 12px); border-radius: 24px; margin-bottom: 0; } .cta-img3-1 .img2 .thumb { display: block; } .cta-img3-1 .img2 .thumb img { height: 200px; -o-object-fit: cover; object-fit: cover; } .cta-img3-1 .img2 .thumb canvas { display: none; } } @media (max-width: 375px) { .cta-img3-1 .img2 .thumb img { height: 150px; } } .cta-img3-1 .img3 { display: inline-block; overflow: hidden; border-radius: 24px; margin-bottom: 38px; } @media (max-width: 767px) { .cta-img3-1 .img3 { width: calc(50% - 12px); border-radius: 24px; margin-bottom: 0; } .cta-img3-1 .img3 .thumb { display: block; } .cta-img3-1 .img3 .thumb img { height: 200px; -o-object-fit: cover; object-fit: cover; } .cta-img3-1 .img3 .thumb canvas { display: none; } } @media (max-width: 375px) { .cta-img3-1 .img3 .thumb img { height: 150px; } } .cta-img3-1 .img4 { display: inline-block; overflow: hidden; border-radius: 224px 24px 24px 24px; margin-bottom: 163px; } @media (max-width: 1500px) { .cta-img3-1 .img4 { margin-bottom: 80px; } } @media (max-width: 767px) { .cta-img3-1 .img4 { width: calc(50% - 12px); border-radius: 24px; margin-bottom: 0; } .cta-img3-1 .img4 .thumb { display: block; } .cta-img3-1 .img4 .thumb img { height: 200px; -o-object-fit: cover; object-fit: cover; } .cta-img3-1 .img4 .thumb canvas { display: none; } } @media (max-width: 375px) { .cta-img3-1 .img4 .thumb img { height: 150px; } } .cta-wrap4 { position: relative; z-index: 1; } .cta-wrap4 .cta-thumb4-1 { position: absolute; left: 20px; bottom: 0; top: 40px; } .cta-wrap4 .cta-thumb4-1 img { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1500px) { .cta-wrap4 .cta-thumb4-1 { display: none; } } .cta-wrap4 .cta-thumb4-2 { position: absolute; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: -1; } @media (max-width: 991px) { .cta-wrap4 .cta-thumb4-2 { display: none; } } .cta-wrap4 .cta-thumb4-2 .cta-bg-shape4-2 { position: absolute; inset: 0; background: var(--theme-color2); -webkit-mask-size: 98.5% 100%; mask-size: 98.5% 100%; } .cta-wrap4 .cta-thumb4-2 .thumb { margin-left: 14px; -webkit-mask-size: 100% 102%; mask-size: 100% 102%; } .cta-wrap4 .cta-thumb4-2 .thumb img { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1299px) { .cta-wrap4 .cta-thumb4-2 { max-width: 700px; } .cta-wrap4 .cta-thumb4-2 .cta-bg-shape4-2 { -webkit-mask-size: 99.5% 100%; mask-size: 99.5% 100%; } .cta-wrap4 .cta-thumb4-2 .thumb { -webkit-mask-size: 102% 104%; mask-size: 102% 104%; } } @media (max-width: 991px) { .cta-wrap4 .cta-thumb4-2 { left: 0; } } .cta-wrap4 .cta-content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 37px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 89px; } @media (max-width: 1500px) { .cta-wrap4 .cta-content-wrap { margin-left: 0; } } @media (max-width: 991px) { .cta-wrap4 .cta-content-wrap { display: block; } } .cta-wrap4 .cta-content-wrap .title-area { width: 590px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 1199px) { .cta-wrap4 .cta-content-wrap .title-area { max-width: 490px; } } @media (max-width: 991px) { .cta-wrap4 .cta-content-wrap .title-area { width: auto; max-width: none; } } .cta-wrap4 .cta-content-wrap .cta-group-thumb4-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 991px) { .cta-wrap4 .cta-content-wrap .cta-group-thumb4-1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } } .cta-wrap4 .cta-content-wrap .cta-group-thumb4-1 .img1 { border: 14px solid var(--white-color); border-radius: 110px; overflow: hidden; margin-top: 60px; max-width: 164px; -webkit-filter: grayscale(9); filter: grayscale(9); } .cta-wrap4 .cta-content-wrap .cta-group-thumb4-1 .img2 { border: 14px solid var(--white-color); border-radius: 110px; overflow: hidden; margin-top: 30px; margin-left: -34px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 164px; -webkit-filter: grayscale(9); filter: grayscale(9); } .cta-wrap4 .cta-content-wrap .cta-group-thumb4-1 .img3 { border: 14px solid var(--white-color); border-radius: 110px; overflow: hidden; margin-left: -34px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 164px; -webkit-filter: grayscale(9); filter: grayscale(9); } .marquee-slider1 { margin: 0 -50px; } .marquee-slider1 .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .marquee-slider1 .swiper-slide { width: auto; margin-bottom: -1px; } .marquee-card { margin-bottom: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .marquee-card a { font-size: 84px; font-weight: 700; font-family: var(--title-font); letter-spacing: -0.02em; display: inline-block; line-height: 1.21em; padding-bottom: 0; margin-bottom: 0; margin-top: -0.1em; } .marquee-card a span { -webkit-transition: 0.4s; transition: 0.4s; } .marquee-card a span.text-stroke { -webkit-text-stroke: 1.5px var(--theme-color2); color: transparent; } .marquee-card .marquee-card-icon { display: inline-block; } @media (max-width: 1399px) { .marquee-card a { font-size: 70px; line-height: 1.25em; } } @media (max-width: 1199px) { .marquee-card a { font-size: 60px; } } @media (max-width: 991px) { .marquee-card a { font-size: 50px; } } @media (max-width: 767px) { .marquee-card a { font-size: 48px; letter-spacing: normal; } } @media (max-width: 575px) { .marquee-card a { font-size: 36px; } } .marquee-card.style2 a span.text-stroke { -webkit-text-stroke: 1.5px var(--theme-color); } .marquee-card.style2 a:hover span.text-stroke { -webkit-text-stroke: 1.5px var(--title-color); } .location-bg-info1-1 { position: absolute; top: -380px; left: 0; width: 40%; height: 100%; z-index: -1; } .location-bg-info1-1 path { color: var(--theme-color); } .location-bg-info1-1 text { font-family: var(--title-font2); font-size: 34px; font-weight: 400; color: var(--white-color); } @media (min-width: 1922px) { .location-bg-info1-1 { width: 50%; left: -50px; } } @media (max-width: 1500px) { .location-bg-info1-1 { bottom: -250px; } } @media (max-width: 1299px) { .location-bg-info1-1 { display: none; } } .location-map-wrap { position: relative; } @media (max-width: 767px) { .location-map-wrap { padding-bottom: 180px; } } .location-map-wrap .location-map-thumb { position: relative; z-index: 1; } .location-map-wrap .location-hotspot-wrap { position: absolute; inset: 0; } .location-map-wrap .location-hotspot-wrap .hotspot-dot { display: inline-block; position: absolute; z-index: 4; cursor: pointer; color: var(--title-color); -webkit-transition: 0.4s; transition: 0.4s; } .location-map-wrap .location-hotspot-wrap .hotspot-dot:active, .location-map-wrap .location-hotspot-wrap .hotspot-dot:focus, .location-map-wrap .location-hotspot-wrap .hotspot-dot:hover { color: var(--theme-color); } .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot1 { left: 244px; top: 254px; } @media (max-width: 1299px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot1 { left: 184px; top: 134px; } } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot1 { left: 124px; top: 94px; } } @media (max-width: 991px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot1 { left: 84px; top: 64px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot1 { left: 54px; top: 24px; } } @media (max-width: 575px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot1 { left: 34px; top: 14px; } } @media (max-width: 375px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot1 { left: 24px; } } .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot2 { left: 206px; top: 313px; } @media (max-width: 991px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot2 { left: 176px; top: 213px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot2 { left: 246px; top: 163px; } } @media (max-width: 575px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot2 { left: 156px; top: 3px; } } .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot3 { left: 552px; top: 294px; } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot3 { left: 492px; } } @media (max-width: 991px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot3 { left: 362px; top: 214px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot3 { left: auto; top: 50px; right: 140px; } } @media (max-width: 375px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot3 { right: 120px; } } .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot4 { left: 636px; top: 261px; } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot4 { left: 746px; top: 231px; } } @media (max-width: 991px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot4 { left: 210px; top: -15px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot4 { left: 220px; } } .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot5 { left: 675px; bottom: 241px; } @media (max-width: 1299px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot5 { left: 465px; bottom: 321px; } } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot5 { left: 385px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot5 { bottom: auto; top: 0; } } @media (max-width: 575px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot5 { left: 315px; } } @media (max-width: 375px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot5 { left: 95px; top: -40px; } } .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot6 { left: 684px; top: 98px; } @media (max-width: 991px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot6 { left: auto; top: auto; bottom: 70px; right: 60px; } } .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot7 { right: 438px; top: 173px; } @media (max-width: 991px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot7 { top: 93px; right: 208px; } } @media (max-width: 375px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot7 { top: 63px; } } .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot8 { right: 358px; top: 206px; } @media (max-width: 1299px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot8 { right: 318px; } } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot8 { top: 126px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot8 { right: auto; left: 90px; } } @media (max-width: 575px) { .location-map-wrap .location-hotspot-wrap .hotspot-dot.hotspot-dot8 { left: 70px; } } .location-map-wrap .location-hotspot-dot { position: absolute; z-index: 9; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; } .location-map-wrap .location-hotspot-dot.show { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } .location-map-wrap .location-hotspot-dot.location-hotspot-dot1 { left: 230px; top: 70px; } @media (max-width: 1299px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot1 { left: 170px; top: -50px; } } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot1 { left: 110px; top: -94px; } } @media (max-width: 991px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot1 { left: 70px; top: -122px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot1 { left: 0; bottom: 0; top: auto; } } .location-map-wrap .location-hotspot-dot.location-hotspot-dot2 { left: 192px; top: 130px; } @media (max-width: 991px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot2 { left: 162px; top: 30px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot2 { left: 0; bottom: 0; top: auto; } } .location-map-wrap .location-hotspot-dot.location-hotspot-dot3 { left: 538px; top: 110px; } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot3 { left: 478px; } } @media (max-width: 991px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot3 { left: 348px; top: 30px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot3 { left: 0; bottom: 0; top: auto; } } .location-map-wrap .location-hotspot-dot.location-hotspot-dot4 { left: 622px; top: 78px; } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot4 { left: 532px; top: 48px; } .location-map-wrap .location-hotspot-dot.location-hotspot-dot4 .location-card:after { right: 20px; left: auto; } } @media (max-width: 991px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot4 { left: -4px; top: -200px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot4 { left: 0; bottom: 0; top: auto; } } .location-map-wrap .location-hotspot-dot.location-hotspot-dot5 { left: 661px; bottom: 302px; } @media (max-width: 1299px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot5 { left: 451px; bottom: 382px; } } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot5 { left: 371px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot5 { left: 0; bottom: 0; top: auto; } } .location-map-wrap .location-hotspot-dot.location-hotspot-dot6 { left: 670px; top: -86px; } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot6 { top: -106px; } } @media (max-width: 991px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot6 { top: auto; left: auto; right: 46px; bottom: 132px; } .location-map-wrap .location-hotspot-dot.location-hotspot-dot6 .location-card:after { right: 20px; left: auto; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot6 { left: 0; bottom: 0; top: auto; right: auto; } } .location-map-wrap .location-hotspot-dot.location-hotspot-dot7 { right: 225px; top: -12px; } @media (max-width: 991px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot7 { right: -5px; top: -92px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot7 { left: 0; bottom: 0; top: auto; } } .location-map-wrap .location-hotspot-dot.location-hotspot-dot8 { right: 145px; top: 21px; } @media (max-width: 1299px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot8 { right: 105px; } } @media (max-width: 1199px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot8 { top: -60px; } } @media (max-width: 767px) { .location-map-wrap .location-hotspot-dot.location-hotspot-dot8 { left: 0; bottom: 0; top: auto; right: auto; } } .location-card { -webkit-box-shadow: 0px 4px 34px rgba(6, 39, 29, 0.1); box-shadow: 0px 4px 34px rgba(6, 39, 29, 0.1); background: var(--white-color); border-radius: 16px; padding: 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 16px; position: relative; } .location-card:after { content: ""; position: absolute; width: 30px; height: 15px; background: transparent; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid var(--white-color); bottom: -15px; left: 20px; } @media (max-width: 767px) { .location-card:after { display: none; } } .location-card .box-img { border-radius: 8px; overflow: hidden; } .location-card .box-img img { height: 100%; } .location-card .box-content { -ms-flex-item-align: center; align-self: center; } .location-card .box-title { font-size: 18px; margin-bottom: 3px; } .location-card .box-review-wrap { font-size: 12px; margin-bottom: -0.6em; } .location-card .box-review-wrap i { font-size: 10px; color: var(--yellow-color); } .location-card .box-text { font-size: 12px; margin-bottom: 15px; } .location-card .btn-wrap { gap: 16px; } .location-card .btn-wrap .btn-card { text-align: center; font-size: 12px; color: var(--body-color); } .location-card .btn-wrap .btn-card .icon-btn { width: 32px; height: 32px; font-size: 14px; } .tab-menu1 { gap: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 0; } .tab-menu1 .tab-btn { font-size: 16px; padding: 14px 44px; font-family: var(--body-font); font-weight: 700; background-color: var(--white-color); border-radius: 10px; border: 1px solid var(--th-border-color); margin: 0; } .tab-menu1 .tab-btn:hover, .tab-menu1 .tab-btn.active { background-color: var(--theme-color); color: var(--white-color); } .tab-menu2 { gap: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 0; } .tab-menu2 .tab-btn { font-size: 24px; padding: 0 10px 5px; font-family: var(--title-font); font-weight: 400; background-color: transparent; letter-spacing: -0.02em; border-radius: 0; border: 0; margin: 0; position: relative; } @media (max-width: 575px) { .tab-menu2 .tab-btn { font-size: 20px; } } .tab-menu2 .tab-btn:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: currentColor; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24); transition: -webkit-transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24); transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24); transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24), -webkit-transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24); } .tab-menu2 .tab-btn:hover, .tab-menu2 .tab-btn.active { background-color: transparent; color: var(--theme-color); } .tab-menu2 .tab-btn:hover:after, .tab-menu2 .tab-btn.active:after { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .tab-menu3 { gap: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 0; } .tab-menu3 .tab-btn { font-size: 16px; padding: 14px 44px; font-family: var(--body-font); font-weight: 700; background-color: var(--white-color); border-radius: 40px; border: 1px solid var(--th-border-color); margin: 0; } .tab-menu3 .tab-btn:hover, .tab-menu3 .tab-btn.active { background-color: var(--theme-color); color: var(--white-color); } .tab-menu4 { border: 0; display: block; } .tab-menu4 .tab-btn { font-size: 16px; padding: 14px 44px; font-family: var(--body-font); font-weight: 700; background-color: var(--white-color); border-radius: 40px; border: 1px solid var(--th-border-color); margin: 0; } .tab-menu4 .tab-btn:hover, .tab-menu4 .tab-btn.active { background-color: var(--theme-color); color: var(--white-color); } .tab-menu4 .nav-item:not(:last-child) { margin-bottom: 14px; } .instagram-slider1 { margin: 0 24px; } .insta-card { position: relative; border-radius: 24px; overflow: hidden; } .insta-card:after { content: ""; position: absolute; inset: 0; background: var(--theme-dark2); opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .insta-card img { width: 100%; } .insta-card .icon-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); z-index: 1; --btn-size: 40px; font-size: 16px; } .insta-card:hover:after { opacity: 0.8; } .insta-card:hover .icon-btn { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .client-area-1 { padding-bottom: 538px; } @media (max-width: 991px) { .client-area-1 { padding-bottom: 498px; } } .client-slider1 { border-bottom: 1px solid #B7B7B7; } .client-slider1 .swiper-slide { border-right: 1px solid #B7B7B7; } .client-card { text-align: center; padding: 70px 0; display: block; } .donation-card { background: transparent; border-radius: 24px; -webkit-box-shadow: 0px 6px 20px rgba(28, 39, 36, 0.08); box-shadow: 0px 6px 20px rgba(28, 39, 36, 0.08); padding: 24px; } .donation-card .box-img { border-radius: 14px; overflow: hidden; margin-bottom: 24px; } .donation-card .box-img a { display: block; } .donation-card .box-img img { width: 100%; -webkit-transition: 0.4s; transition: 0.4s; } .donation-card .box-title { font-weight: 400; letter-spacing: -0.02em; margin-bottom: 7px; } @media (max-width: 991px) { .donation-card .box-title { font-size: 20px; } } @media (max-width: 991px) { .donation-card .box-text { font-size: 14px; } } .donation-card .box-content { border-radius: 14px; background: var(--smoke-color2); padding: 24px; margin-top: 24px; -webkit-transition: 0.4s; transition: 0.4s; } .donation-card .box-content .box-info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -0.3em; } .donation-card .box-content .box-info-wrap .box-info-title { color: var(--theme-color); } .donation-card .box-content .progress { border-radius: 10px; border: 2px solid var(--white-color); background: var(--white-color); height: 12px; overflow: inherit; margin-bottom: 14px; margin-top: 7px; } .donation-card .box-content .progress .progress-bar { background: var(--th-border-color2); position: relative; overflow: inherit; border-radius: 10px; } .donation-card .box-content .progress .progress-bar:after { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--theme-color2); right: -2px; border: 2px solid var(--theme-color); } .donation-card .box-content .btn-wrap { margin-top: 15px; } .donation-card:hover .box-img img { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } .donation-card:hover .box-content { background: var(--smoke-color); } .donation-card:hover .th-btn { color: var(--white-color); background: var(--title-color); } .donation-card:hover .th-btn:after { background: var(--theme-color); } .donation-btn-wrap { background: var(--smoke-color2); border-radius: 24px; padding: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .donation-btn-wrap .thumb { width: 56px; height: 56px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; border: 3px solid var(--white-color); overflow: hidden; } .donation-btn-wrap .title { font-size: 20px; font-weight: 400; margin-bottom: 0; letter-spacing: -0.02em; } .donation-btn-wrap .th-btn { margin-left: auto; } @media (max-width: 1199px) { .donation-btn-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; text-align: center; } .donation-btn-wrap .th-btn { margin-right: auto; } } @media (max-width: 991px) { .donation-btn-wrap { gap: 10px; } .donation-btn-wrap .th-btn { margin-top: 10px; } } .donation-form-thumb1-1 { position: relative; z-index: 2; margin-left: -38px; margin-right: -18px; } .donation-form-thumb1-1:after { content: ""; position: absolute; inset: -50px 142px 0 38px; background: var(--th-border-color2); border-radius: 280px 24px 24px 24px; z-index: -1; } @media (max-width: 1199px) { .donation-form-thumb1-1 { margin-left: 0; margin-right: 0; margin-top: 50px; display: inline-block; } } .donation-form-wrap1 { margin-left: 54px; } @media (max-width: 1199px) { .donation-form-wrap1 { margin-left: 0; } } .donation-form { position: relative; z-index: 1; padding: 60px 60px 60px 0; } @media (max-width: 1199px) { .donation-form { padding: 60px; } } @media (max-width: 575px) { .donation-form { padding: 40px 30px; } } .donation-form:before { content: ""; position: absolute; inset: 0 0 0 -266px; border-radius: 24px; background: var(--white-color); z-index: -1; } @media (max-width: 1199px) { .donation-form:before { inset: 0; } } .donation-form .form-text { margin-top: -0.25em; margin-bottom: 25px; } .donation-form .form-title { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; } @media (max-width: 767px) { .donation-form .form-title { font-size: 24px; } } .donation-form .donate-input { position: relative; margin-bottom: 20px; } .donation-form .donate-input .icon { position: absolute; left: 5px; top: 5px; right: auto; width: 50px; height: 50px; background: var(--theme-color); border-radius: 10px; text-align: center; color: var(--white-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; font-weight: 700; } .donation-form .donate-input input { background: var(--white-color); height: 60px; padding: 0 20px 0 65px; font-size: 22px; font-weight: 700; color: var(--title-color); border-radius: 10px; border: 1px solid var(--th-border-color); } .donation-form .donate-amount-button-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; margin-bottom: 43px; } .donation-form .donate-amount-button-list li { border: 1px solid var(--th-border-color); font-size: 16px; font-weight: 600; color: var(--title-color); border-radius: 10px; height: 46px; 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; min-width: 118px; padding: 0 34px; text-align: center; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } .donation-form .donate-amount-button-list li.active, .donation-form .donate-amount-button-list li:hover { background: var(--theme-color); color: var(--white-color); } @media (max-width: 575px) { .donation-form .donate-amount-button-list li { padding: 10px 30px; min-width: auto; height: auto; } } .donation-form-wrap2 { max-width: 1680px; margin-left: auto; margin-right: auto; border-radius: 34px; } @media (max-width: 1199px) { .donation-form-wrap2 { border-radius: 0; } } .donation-form.style2 { background: var(--white-color); border-radius: 24px; padding: 60px; } @media (max-width: 575px) { .donation-form.style2 { padding: 40px 30px; } } .donation-form.style2:before { display: none; } .donation-form.style2 .donate-amount-button-list li { min-width: 94px; padding: 8px 20px; } @media (max-width: 1399px) { .donation-form.style2 .donate-amount-button-list li { min-width: 87px; } } @media (max-width: 1299px) { .donation-form.style2 .donate-amount-button-list li { min-width: 132px; } } @media (max-width: 1199px) { .donation-form.style2 .donate-amount-button-list li { min-width: 100px; } } .donation-form-wrap3 .donation-form-wrap2 { margin-bottom: -170px; } .donation-form-wrap3 .donation-form-wrap2 .donation-form.style2 { -webkit-box-shadow: 0px 15px 50px rgba(62, 143, 117, 0.1); box-shadow: 0px 15px 50px rgba(62, 143, 117, 0.1); } @media (max-width: 1199px) { .donation-form-wrap3 { margin-bottom: 170px; } } .donation-form-bg-shape3-1 { position: absolute; bottom: 0; left: 0; } .donation-form-wrap4 { padding: 60px; border-radius: 24px; } @media (max-width: 1299px) { .donation-form-wrap4 { padding: 40px; } } @media (max-width: 1199px) { .donation-form-wrap4 { padding: 30px; } } .donation-form-wrap4 .donation-form { padding: 0; } .donation-form-wrap4 .donation-form:before { display: none; } .donation-form-wrap4 .donation-form .donate-amount-button-list li { background: var(--white-color); min-width: 112px; padding: 0 25px; } @media (max-width: 575px) { .donation-form-wrap4 .donation-form .donate-amount-button-list li { min-width: 104px; padding: 9px 25px; } } @media (max-width: 375px) { .donation-form-wrap4 .donation-form .donate-amount-button-list li { min-width: none; width: calc(50% - 7px); } } .donation-form-wrap4 .donation-form .donate-amount-button-list li.active, .donation-form-wrap4 .donation-form .donate-amount-button-list li:hover { background: var(--theme-color); } .donation-form-wrap4 .form-text { font-size: 18px; font-weight: 500; } .donation-form-wrap5 { padding: 60px; border-radius: 24px; -webkit-box-shadow: 0px 10px 50px rgba(11, 32, 28, 0.08); box-shadow: 0px 10px 50px rgba(11, 32, 28, 0.08); } @media (max-width: 1299px) { .donation-form-wrap5 { padding: 40px; } } @media (max-width: 1199px) { .donation-form-wrap5 { padding: 30px; } } .donation-form-wrap5 .donation-form { padding: 0; } .donation-form-wrap5 .donation-form:before { display: none; } .donation-form-wrap5 .donation-form .donate-amount-button-list li { background: var(--white-color); min-width: 112px; padding: 0 25px; } @media (max-width: 575px) { .donation-form-wrap5 .donation-form .donate-amount-button-list li { min-width: 104px; padding: 9px 25px; } } @media (max-width: 375px) { .donation-form-wrap5 .donation-form .donate-amount-button-list li { min-width: none; width: calc(50% - 7px); } } .donation-form-wrap5 .donation-form .donate-amount-button-list li.active, .donation-form-wrap5 .donation-form .donate-amount-button-list li:hover { background: var(--theme-color); } .donation-form-wrap5 .donation-form .donate-payment-method { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px 34px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .donation-form-wrap5 .form-text { font-size: 18px; font-weight: 500; } .donation-single { background: var(--white-color); -webkit-box-shadow: 0px 6px 50px rgba(28, 39, 36, 0.08); box-shadow: 0px 6px 50px rgba(28, 39, 36, 0.08); border-radius: 24px; padding: 24px; } .donation-single .page-img { border-radius: 16px; overflow: hidden; } .donation-single .page-img img { width: 100%; -o-object-fit: cover; object-fit: cover; } .donation-single .page-content { padding: 0 16px 16px; } @media (max-width: 1199px) { .donation-single .page-content { padding: 0; } } .donation-single .box-progress-content { background: var(--smoke-color); border-radius: 16px; padding: 34px; } @media (max-width: 575px) { .donation-single .box-progress-content { padding: 24px; } } .donation-single .box-progress-content .box-progress-info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -0.3em; } .donation-single .box-progress-content .box-progress-info-wrap .box-info-title { color: var(--theme-color); } .donation-single .box-progress-content .box-progress-info-wrap .donation-card_goal { color: var(--theme-color); } .donation-single .box-progress-content .progress { border-radius: 10px; border: 2px solid var(--white-color); background: var(--white-color); height: 12px; overflow: inherit; margin-bottom: 14px; margin-top: 7px; } .donation-single .box-progress-content .progress .progress-bar { background: var(--th-border-color2); position: relative; overflow: inherit; border-radius: 10px; } .donation-single .box-progress-content .progress .progress-bar:after { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--theme-color2); right: -2px; border: 2px solid var(--theme-color); } .donation-single .box-info-wrap { background: var(--smoke-color); border-radius: 16px; padding: 34px; } .donation-single .box-info-wrap .box-title { font-size: 18px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 10px; } @media (max-width: 575px) { .donation-single .box-info-wrap { padding: 24px; } .donation-single .box-info-wrap .box-title { font-size: 16px; } } .donate-now-page .page-img { border-radius: 16px; overflow: hidden; margin: 0 -120px; } .donate-now-page .page-img img { width: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1500px) { .donate-now-page .page-img { margin: 0 0 40px; } } .donate-now-page .donation-form-wrap5 { margin-top: -90px; position: relative; z-index: 1; } @media (max-width: 1500px) { .donate-now-page .donation-form-wrap5 { margin-top: 0; } } .gallery-card { position: relative; border-radius: 24px; overflow: hidden; } .gallery-card:after { content: ""; position: absolute; inset: 0px; background: var(--theme-dark2); opacity: 0.8; border-radius: 24px; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: scale(0); transform: scale(0); } .gallery-card .gallery-img img { width: 100%; } .gallery-card .icon-btn { --btn-size: 64px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -20%); transform: translate(-50%, -20%); border-radius: 50%; background: transparent; border: 1px solid var(--white-color); color: var(--white-color); z-index: 1; font-size: 30px; opacity: 0; } .gallery-card .icon-btn:hover { background: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); } .gallery-card:hover:after { -webkit-transform: scale(1); transform: scale(1); } .gallery-card:hover .icon-btn { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } .event-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 14px; border-radius: 24px; overflow: hidden; } @media (max-width: 991px) { .event-card { display: block; } } .event-card .box-img { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 1199px) { .event-card .box-img { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .event-card .box-img .thumb { height: 100%; } .event-card .box-img .thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-filter: grayscale(9); filter: grayscale(9); -webkit-transition: 0.4s; transition: 0.4s; } .event-card .box-img .box-img-bg { position: absolute; left: 0; top: 0; bottom: 0; } .event-card .box-img .box-img-bg img { height: 100%; } @media (max-width: 991px) { .event-card .box-img .box-img-bg { display: none; } } .event-card .box-img .box-img-shape { position: absolute; left: -10px; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } @media (max-width: 991px) { .event-card .box-img .box-img-shape { display: none; } } .event-card .box-content { position: relative; background: var(--smoke-color); width: -webkit-fill-available; border-radius: 24px; overflow: hidden; padding: 34px 110px 34px 34px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1399px) { .event-card .box-content { padding: 34px 130px 34px 34px; } } @media (max-width: 1299px) { .event-card .box-content { padding: 34px 75px 34px 34px; } } @media (max-width: 991px) { .event-card .box-content { border-radius: 0 0 24px 24px; } } @media (max-width: 767px) { .event-card .box-content { display: block; padding: 34px; } } @media (max-width: 575px) { .event-card .box-content { padding: 30px; } } .event-card .box-content .event-content-bg { position: absolute; right: 0; top: 0; bottom: 0; } .event-card .box-content .event-content-bg img { height: 100%; } @media (max-width: 991px) { .event-card .box-content .event-content-bg { display: none; } } .event-card .box-content .event-speaker-wrap { border-right: 3px solid var(--white-color); padding-right: 34px; margin-right: 34px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 1299px) { .event-card .box-content .event-speaker-wrap { padding-right: 24px; margin-right: 24px; } } @media (max-width: 767px) { .event-card .box-content .event-speaker-wrap { padding-right: 0; margin-right: 0; border-right: 0; margin-bottom: 24px; } } .event-card .box-content .event-speaker-wrap .box-date-wrap { background: var(--theme-color2); border-radius: 14px; text-align: center; padding: 42px 27px; } @media (max-width: 1299px) { .event-card .box-content .event-speaker-wrap .box-date-wrap { padding: 42px 20px; } } @media (max-width: 767px) { .event-card .box-content .event-speaker-wrap .box-date-wrap { display: inline-block; } } .event-card .box-content .event-speaker-wrap .box-date-wrap .box-date { margin-bottom: -0.1em; font-size: 48px; font-weight: 700; letter-spacing: -0.02em; margin-top: -0.2em; } @media (max-width: 1299px) { .event-card .box-content .event-speaker-wrap .box-date-wrap .box-date { font-size: 40px; } } .event-card .box-content .event-speaker-wrap .box-date-wrap .box-month { margin-bottom: -0.3em; color: var(--title-color); } .event-card .box-content .event-speaker-wrap .event-speakers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 24px; } .event-card .box-content .event-speaker-wrap .event-speakers .thumb { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .event-card .box-content .event-speaker-wrap .event-speakers .thumb:after { content: ""; position: relative; display: inline-block; width: 46px; height: 46px; background: var(--theme-color); border-radius: 50%; border: 3px solid var(--white-color); margin-left: -18px; z-index: 1; } .event-card .box-content .event-speaker-wrap .event-speakers .event-speaker-text { font-size: 16px; font-weight: 600; position: relative; margin-left: -31px; color: var(--title-color); z-index: 1; letter-spacing: -0.02em; } .event-card .box-content .event-speaker-wrap .event-speakers .event-speaker-text span { color: var(--white-color); } .event-card .box-content .box-title { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 8px; } @media (max-width: 1299px) { .event-card .box-content .box-title { font-size: 24px; } } .event-card .box-content .event-meta { margin-bottom: 4px; } .event-card .box-content .event-meta i { color: var(--theme-color); margin-right: 5px; } .event-card .box-content .btn-wrap { margin-top: 28px; } .event-card:hover .box-img .thumb img { -webkit-filter: none; filter: none; } @media (max-width: 1500px) { .event-bg-shape2-1, .event-bg-shape2-2 { display: none; } } .event-card2 { background: var(--smoke-color2); border-radius: 24px; padding: 24px; -webkit-transition: 0.4s; transition: 0.4s; } .event-card2 .box-img { position: relative; margin-bottom: 24px; } .event-card2 .box-img .thumb { border-radius: 16px; overflow: hidden; -webkit-filter: grayscale(9); filter: grayscale(9); -webkit-transition: 0.4s; transition: 0.4s; } .event-card2 .box-img .thumb img { width: 100%; -webkit-transition: 0.4s; transition: 0.4s; } .event-card2 .box-img .icon-btn { position: absolute; right: 24px; top: 24px; -webkit-transform: scale(0); transform: scale(0); } .event-card2 .box-text { color: var(--theme-color); font-weight: 500; margin-top: -0.4em; margin-bottom: 10px; } .event-card2 .box-title { margin-bottom: -0.3em; } @media (max-width: 375px) { .event-card2 .box-title { font-size: 20px; } } .event-card2:hover { background: var(--smoke-color); } .event-card2:hover .box-img .thumb { -webkit-filter: none; filter: none; } .event-card2:hover .box-img .thumb img { -webkit-transform: scale(1.02); transform: scale(1.02); } .event-card2:hover .box-img .icon-btn { -webkit-transform: scale(1); transform: scale(1); } .event-single .page-img { border-radius: 24px; overflow: hidden; } .event-single .page-img img { width: 100%; } .campaign-area-1 { padding-bottom: calc(var(--section-space) + 80px); } .campaign-bg-shape1-3 { height: 80px; } .campaign-wrap1 { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 30px; background: var(--white-color); padding: 30px; gap: 30px; } .campaign-wrap1 .campaign-thumb { border-radius: 15px; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; } .campaign-wrap1 .campaign-thumb .campaign-thumb-bg { position: absolute; left: 0; right: 0; bottom: 0; height: 130px; opacity: 0.25; } .campaign-wrap1 .campaign-thumb img { height: 100%; -o-object-fit: cover; object-fit: cover; } .campaign-wrap1 .deenion-form-v1 { border: 0; padding: 0; border-radius: 0; -ms-flex-item-align: center; align-self: center; } .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-wrap { margin-top: 32px; margin-bottom: 30px; border-bottom: 1px solid var(--th-border-color); padding-bottom: 28px; } .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-wrap .progress { background: #C5CECC; border-radius: 30px; height: 6px; overflow: inherit; } .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-wrap .progress .progress-bar { background: var(--theme-color); border-radius: 30px; position: relative; overflow: inherit; } .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-wrap .progress .progress-bar:after { content: ""; position: absolute; width: 16px; height: 16px; background: var(--white-color); right: 0; top: 50%; border: 5px solid var(--theme-color); border-radius: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; } .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-content .deenion-card_goal, .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-content .deenion-card_raise { font-size: 16px; font-weight: 600; font-family: var(--title-font); color: var(--title-color); } .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-content .deenion-card_goal .box-number, .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-content .deenion-card_raise .box-number { display: block; font-size: 24px; font-weight: 700; margin-top: 8px; } .campaign-wrap1 .deenion-form-v1 .deenion-card_progress-content .deenion-card_goal { text-align: end; color: var(--theme-color); } .campaign-wrap1 .deenion-form-v1 .deene-amount-button-list { border-bottom: 0; padding-bottom: 0; margin-bottom: 40px; } .campaign-wrap1 .deenion-form-v1 .btn-wrap { gap: 12px; } .campaign-wrap1 .deenion-form-v1 .deene-input { margin-bottom: 0; background: var(--smoke-color); border-radius: 100px; } .campaign-wrap1 .deenion-form-v1 .deene-input input { -webkit-box-shadow: none; box-shadow: none; background: transparent; padding: 0 20px 0 16px; color: var(--body-color); font-size: 16px; font-weight: 600; height: 48px; } .campaign-wrap1 .deenion-form-v1 .deene-input .icon { background: transparent; color: var(--body-color); width: auto; left: 16px; font-size: 16px; font-weight: 600; } .campaign-wrap1 .deenion-form-v1 .th-btn { padding: 17px 25px; } @media (max-width: 991px) { .campaign-wrap1 { display: block; } .campaign-wrap1 .campaign-thumb { margin-bottom: 30px; } .campaign-wrap1 .campaign-thumb img { width: 100%; height: auto; } } @media (max-width: 375px) { .campaign-wrap1 .deenion-form-v1 .title { font-size: 24px; } } .px-5 { padding-right: 5px; padding-left: 5px; } .px-10 { padding-right: 10px; padding-left: 10px; } .px-15 { padding-right: 15px; padding-left: 15px; } .px-20 { padding-right: 20px; padding-left: 20px; } .px-25 { padding-right: 25px; padding-left: 25px; } .px-30 { padding-right: 30px; padding-left: 30px; } .px-35 { padding-right: 35px; padding-left: 35px; } .px-40 { padding-right: 40px; padding-left: 40px; } .px-45 { padding-right: 45px; padding-left: 45px; } .px-50 { padding-right: 50px; padding-left: 50px; } .py-5 { padding-top: 5px; padding-bottom: 5px; } .py-10 { padding-top: 10px; padding-bottom: 10px; } .py-15 { padding-top: 15px; padding-bottom: 15px; } .py-20 { padding-top: 20px; padding-bottom: 20px; } .py-25 { padding-top: 25px; padding-bottom: 25px; } .py-30 { padding-top: 30px; padding-bottom: 30px; } .py-35 { padding-top: 35px; padding-bottom: 35px; } .py-40 { padding-top: 40px; padding-bottom: 40px; } .py-45 { padding-top: 45px; padding-bottom: 45px; } .py-50 { padding-top: 50px; padding-bottom: 50px; } .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; } .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; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pt-60 { padding-top: 60px; } .pb-60 { padding-bottom: 60px; } .pt-80 { padding-top: 80px; } .pb-80 { padding-bottom: 80px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .mx-5 { margin-right: 5px; margin-left: 5px; } .mx-10 { margin-right: 10px; margin-left: 10px; } .mx-15 { margin-right: 15px; margin-left: 15px; } .mx-20 { margin-right: 20px; margin-left: 20px; } .mx-25 { margin-right: 25px; margin-left: 25px; } .mx-30 { margin-right: 30px; margin-left: 30px; } .mx-35 { margin-right: 35px; margin-left: 35px; } .mx-40 { margin-right: 40px; margin-left: 40px; } .mx-45 { margin-right: 45px; margin-left: 45px; } .mx-50 { margin-right: 50px; margin-left: 50px; } .my-5 { margin-top: 5px; margin-bottom: 5px; } .my-10 { margin-top: 10px; margin-bottom: 10px; } .my-15 { margin-top: 15px; margin-bottom: 15px; } .my-20 { margin-top: 20px; margin-bottom: 20px; } .my-25 { margin-top: 25px; margin-bottom: 25px; } .my-30 { margin-top: 30px; margin-bottom: 30px; } .my-35 { margin-top: 35px; margin-bottom: 35px; } .my-40 { margin-top: 40px; margin-bottom: 40px; } .my-45 { margin-top: 45px; margin-bottom: 45px; } .my-50 { margin-top: 50px; margin-bottom: 50px; } .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; } .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; } .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; } .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; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mb-80 { margin-bottom: 80px; } @media (max-width: 991px) { .mb-80 { margin-bottom: 60px; } } .mb-60 { margin-bottom: 60px; } .mb-55 { margin-bottom: 55px; } .mb-33 { margin-bottom: 33px; } .mb-28 { margin-bottom: 28px; } .mt-n1 { margin-top: -0.25rem; } .mt-n2 { margin-top: -0.45rem; } .mt-n3 { margin-top: -0.8rem; } .mt-n4 { margin-top: -1.5rem; } .mt-n5 { margin-top: -3rem; } .mb-n1 { margin-bottom: -0.25rem; } .mb-n2 { margin-bottom: -0.45rem; } .mb-n3 { margin-bottom: -0.8rem; } .mb-n4 { margin-bottom: -1.5rem; } .mb-n5 { margin-bottom: -3rem; } .space, .space-top { padding-top: var(--section-space); } .space, .space-bottom { padding-bottom: var(--section-space); } .space-extra, .space-extra-top { padding-top: calc(var(--section-space) - 30px); } .space-extra, .space-extra-bottom { padding-bottom: calc(var(--section-space) - 30px); } .space-extra2, .space-extra2-top { padding-top: calc(var(--section-space) - 40px); } .space-extra2, .space-extra2-bottom { padding-bottom: calc(var(--section-space) - 40px); } @media (max-width: 991px) { .space, .space-top { padding-top: var(--section-space-mobile); } .space, .space-bottom { padding-bottom: var(--section-space-mobile); } .space-extra, .space-extra-top { padding-top: calc(var(--section-space-mobile) - 30px); } .space-extra, .space-extra-bottom { padding-bottom: calc(var(--section-space-mobile) - 30px); } .space-top-md-none { padding-top: 0; } .space-extra2, .space-extra2-top { padding-top: calc(var(--section-space-mobile) - 30px); } .space-extra2, .space-extra2-bottom { padding-bottom: calc(var(--section-space-mobile) - 30px); } } .header-default { background: var(--mek-brand-navy); } .header-default .sticky-wrapper, .header-default .sticky-wrapper.sticky, .sticky-wrapper.sticky { background: var(--mek-brand-navy); } .header-default .menu-area { background: var(--mek-brand-navy); } .header-top { padding: 9px 0; background: var(--mek-brand-primary); border-radius: 0; } .header-top .header-links li, .header-top .header-links a, .header-top .header-links p, .header-top .header-links i { color: #fff; } .header-top .header-links a:hover { color: #fff; opacity: .82; } .header-top .header-links li:not(:last-child) { margin-right: 0; } .header-top .header-links li:not(:last-child):after { display: none; } .header-logo { padding-top: 10px; padding-bottom: 10px; } .header-logo img { display: block; width: 265px; height: auto; object-fit: contain; } .main-menu > ul > li { margin: 0 15px; } .main-menu > ul > li > a { padding: 31px 0; color: #fff; text-transform: uppercase; } .main-menu > ul > li > a:hover { color: #58aaf2; } .main-menu ul li:has(.sub-menu) > a:after, .main-menu ul li:has(.mega-menu) > a:after, .main-menu ul li.menu-item-has-children > a:after { color: #fff; } .header-default .th-menu-toggle.style-border, .header-default .th-menu-toggle { background: var(--mek-brand-primary); border-color: rgba(255,255,255,.25); color: #fff; } .th-menu-wrapper .th-menu-area { background: var(--mek-brand-navy); border-right-color: var(--mek-brand-primary); } .th-menu-wrapper .mobile-logo { padding: 28px 18px 22px; background: #0d173f; } .th-menu-wrapper .mobile-logo img { display: block; width: 100%; max-width: 250px; height: auto; margin: 0 auto; } .th-mobile-menu { margin-top: 12px; padding-bottom: 20px; } .th-mobile-menu ul li { border-bottom-color: rgba(255,255,255,.12); } .th-mobile-menu ul li a { color: #fff; text-transform: uppercase; font-weight: 700; } .th-mobile-menu ul li a:hover { color: #58aaf2; } .coop-mobile-info { margin-top: auto; padding: 22px 28px 30px; border-top: 1px solid rgba(255,255,255,.12); } .coop-mobile-info a, .coop-mobile-info span { display: flex; align-items: flex-start; gap: 9px; color: rgba(255,255,255,.88); font-size: 13px; line-height: 1.45; } .coop-mobile-info a { margin-bottom: 10px; } .coop-mobile-info i { color: #58aaf2; margin-top: 3px; } .preloader { background: var(--mek-brand-navy); } .preloader-inner .bounce img { width: 260px; max-width: 80vw; height: auto; } .preloader .loader, .preloader .loading-text { color: #fff; } @media (max-width: 1299px) { .main-menu > ul > li { margin: 0 10px; } .header-logo img { width: 235px; } } @media (max-width: 991px) { .header-default .menu-area { min-height: 82px; } .header-logo img { width: 220px; } .header-top .row { justify-content: center !important; text-align: center; } .header-top .col-auto { width: 100%; } .header-top .header-links li { font-size: 14px; } } @media (max-width: 575px) { .header-top { padding: 7px 0; } .header-top .header-links li { font-size: 12px; } .header-logo img { width: 195px; } } .header-default .header-top, .header-default .sticky-wrapper, .header-default .sticky-wrapper.sticky, .header-default .menu-area, .sticky-wrapper.sticky { background: var(--mek-brand-navy); } .header-default .header-top { border-bottom: 1px solid rgba(255,255,255,.10); } .header-default .header-button { margin-left: 2px; } .header-default .coop-login-btn, .th-menu-wrapper .coop-login-btn { min-width: 138px; min-height: 48px; padding: 17px 24px; background: var(--mek-brand-primary); color: #fff; border: 1px solid rgba(255,255,255,.14); } .header-default .coop-login-btn:after, .th-menu-wrapper .coop-login-btn:after { background: #0d173f; } .header-default .coop-login-btn:hover, .header-default .coop-login-btn:focus, .header-default .coop-login-btn:active, .th-menu-wrapper .coop-login-btn:hover, .th-menu-wrapper .coop-login-btn:focus, .th-menu-wrapper .coop-login-btn:active { color: #fff; background: var(--mek-brand-primary); } .coop-mobile-login { padding: 2px 28px 20px; } .hero-2 > .th-social { background: var(--mek-brand-navy); padding: 14px 8px; } .hero-2 > .th-social a { background: var(--mek-brand-navy); border-color: rgba(255,255,255,.24); color: #fff; } .hero-2 > .th-social a:hover { background: var(--mek-brand-primary); border-color: var(--mek-brand-primary); color: #fff; } .hero-2 > .th-social:before, .hero-2 > .th-social:after { background: linear-gradient(var(--mek-brand-navy), transparent); } .hero-2 > .th-social:before { background: linear-gradient(transparent, var(--mek-brand-navy)); } @media (max-width: 1299px) and (min-width: 992px) { .header-logo img { width: 210px; } .main-menu > ul > li { margin: 0 8px; } .main-menu a { font-size: 14px; } .header-default .coop-login-btn { min-width: 124px; padding-left: 18px; padding-right: 18px; } } :root { --koop-dark: var(--mek-brand-navy-deep); --koop-dark-2: #162033; --koop-accent: #2563EB; --koop-accent-soft: #60A5FA; } .header-default .header-top, .header-default .sticky-wrapper, .header-default .sticky-wrapper.sticky, .header-default .menu-area, .sticky-wrapper.sticky, .th-menu-wrapper .th-menu-area, .preloader { background: var(--koop-dark) !important; } .header-default .header-top { border-bottom: 1px solid rgba(255,255,255,.10); } .header-default .coop-login-btn, .th-menu-wrapper .coop-login-btn, .header-default .th-menu-toggle { background: var(--koop-accent) !important; } .header-default .coop-login-btn:after, .th-menu-wrapper .coop-login-btn:after { background: #173069 !important; } .hero-2 .th-social, .hero-2 > .th-social { background: var(--koop-dark) !important; padding: 16px 10px !important; border-radius: 0 12px 12px 0; box-shadow: 0 16px 36px rgba(0,0,0,.22); } .hero-2 .th-social a, .hero-2 > .th-social a { background: var(--koop-dark) !important; border-color: rgba(255,255,255,.18) !important; color: #fff !important; } .hero-2 .th-social a:hover, .hero-2 > .th-social a:hover { background: var(--koop-accent) !important; border-color: var(--koop-accent) !important; color: #fff !important; } .hero-2 .th-social:before, .hero-2 .th-social:after, .hero-2 > .th-social:before, .hero-2 > .th-social:after { background: linear-gradient(var(--koop-dark), transparent) !important; } .hero-2 .th-social:before, .hero-2 > .th-social:before { background: linear-gradient(transparent, var(--koop-dark)) !important; } .main-menu ul.sub-menu { min-width: 255px; background: var(--koop-dark-2); border-top: 3px solid var(--koop-accent); box-shadow: 0 18px 45px rgba(0,0,0,.24); } .main-menu ul.sub-menu li a, .th-mobile-menu ul .sub-menu li a { color: #fff; } .main-menu ul.sub-menu li a:before { content: "∑"; font-family: inherit; font-size: 18px; font-weight: 700; top: 3px; color: var(--koop-accent-soft); } .main-menu ul.sub-menu li a:hover, .main-menu ul.sub-menu li a:focus { color: var(--koop-accent-soft); } .th-mobile-menu ul .sub-menu { background: rgba(255,255,255,.03); padding: 8px 0 6px 12px; } .th-mobile-menu ul .sub-menu li a { text-transform: none; font-size: 14px; font-weight: 600; } .th-mobile-menu ul .sub-menu li a:before { content: "∑"; display: inline-block; margin-right: 8px; color: var(--koop-accent-soft); font-weight: 700; } .hero-2 { background: var(--mek-brand-navy-deep) !important; } .hero-2 .hero-inner:after { background: #162033 !important; } .hero-2 .brand-area-1 { background: transparent !important; } .hero-2 .hero-style2.coop-hero-style { max-width: 840px; padding-top: 250px; padding-bottom: 220px; } @media (min-width: 992px) and (max-width: 1500px) { .hero-2 .hero-style2.coop-hero-style { margin-left: 82px; max-width: 760px; } } .hero-2 .coop-hero-style .hero-subtitle { font-size: 28px; line-height: 1.2; margin-bottom: 28px; } .hero-2 .coop-hero-description { max-width: 760px; font-size: 22px; line-height: 1.85; margin-bottom: 0; font-weight: 600; } .hero-2 .th-social, .hero-2 > .th-social { background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .hero-2 .th-social a, .hero-2 > .th-social a { background: transparent !important; border-color: rgba(255,255,255,.35) !important; color: #fff !important; } .hero-2 .th-social a:hover, .hero-2 > .th-social a:hover { background: rgba(37,99,235,.15) !important; border-color: var(--koop-accent-soft) !important; color: #fff !important; } .hero-2 .th-social:before, .hero-2 .th-social:after, .hero-2 > .th-social:before, .hero-2 > .th-social:after { width: 2px; background: linear-gradient(rgba(255,255,255,.72), transparent) !important; opacity: 1 !important; } .hero-2 .th-social:before, .hero-2 > .th-social:before { background: linear-gradient(transparent, rgba(255,255,255,.72)) !important; } @media (max-width: 991px) { .hero-2 .hero-style2.coop-hero-style { padding-top: 200px; padding-bottom: 170px; } .hero-2 .coop-hero-style .hero-subtitle { font-size: 22px; margin-bottom: 20px; } .hero-2 .coop-hero-description { font-size: 17px; line-height: 1.75; } } @media (max-width: 575px) { .hero-2 .hero-style2.coop-hero-style { padding-top: 185px; padding-bottom: 150px; } .hero-2 .coop-hero-style .hero-subtitle { font-size: 20px; } .hero-2 .coop-hero-description { font-size: 15px; line-height: 1.65; } } .hero-2 .coop-hero-style .hero-subtitle { font-size: 42px; line-height: 1.15; margin-bottom: 30px; } @media (min-width: 992px) and (max-width: 1500px) { .hero-2 .coop-hero-style .hero-subtitle { font-size: 36px; } } .hero-2 .hero-thumb2-1:after { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy-deep) 94%, transparent) 8%, color-mix(in srgb, var(--mek-brand-navy-deep) 78%, transparent) 36%, rgba(22,32,51,0.56) 58%, rgba(37,99,235,0.14) 100%) !important; mix-blend-mode: normal; } .hero-2 .hero-thumb2-1:before { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy-deep) 98%, transparent) 12%, color-mix(in srgb, var(--mek-brand-navy-deep) 86%, transparent) 34%, rgba(22,32,51,0.64) 52%, color-mix(in srgb, var(--mek-brand-navy-deep) 8%, transparent) 100%) !important; mix-blend-mode: normal; } .footer-default .about-logo img { width: 120px; height: auto; } .footer-default .widget_title, .footer-default .about-text, .footer-default .menu li a, .footer-default .box-text, .footer-default .box-link, .footer-default .copyright-text, .footer-default .footer-links li a { color: #fff; } .footer-default .th-widget-about .about-text { max-width: 310px; } .footer-default .th-widget-contact .box-link:hover, .footer-default .menu li a:hover, .footer-default .footer-links li a:hover { color: var(--koop-accent-soft); } @media (max-width: 991px) { .hero-2 .coop-hero-style .hero-subtitle { font-size: 32px; } } @media (max-width: 575px) { .hero-2 .coop-hero-style .hero-subtitle { font-size: 26px; } } .hero-2 .hero-inner:after { background: var(--mek-brand-primary) !important; } .hero-2 .hero-thumb2-1:after { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy) 96%, transparent) 8%, color-mix(in srgb, var(--mek-brand-navy) 80%, transparent) 34%, color-mix(in srgb, var(--mek-brand-primary) 48%, transparent) 66%, color-mix(in srgb, var(--mek-brand-primary) 12%, transparent) 100%) !important; } .hero-2 .hero-thumb2-1:before { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy) 98%, transparent) 12%, color-mix(in srgb, var(--mek-brand-navy) 88%, transparent) 34%, color-mix(in srgb, var(--mek-brand-primary) 36%, transparent) 58%, color-mix(in srgb, var(--mek-brand-navy) 6%, transparent) 100%) !important; } .hero-2 .coop-hero-style .hero-subtitle, .hero-2 .coop-hero-description strong, .hero-2 .hero-subtitle:before, .hero-2 .hero-subtitle:after { color: var(--mek-brand-primary) !important; } .hero-2 .hero-subtitle { color: var(--mek-brand-primary) !important; } .hero-2 .hero-subtitle:before { background: var(--mek-brand-primary) !important; } .hero-2 .coop-hero-watermark { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); z-index: 1; pointer-events: none; } .hero-2 .coop-hero-watermark img { width: 360px; max-width: 28vw; height: auto; opacity: 0.12; filter: grayscale(1) brightness(1.9); } .footer-default .about-logo img { width: 250px; max-width: 100%; height: auto; } .footer-default .th-btn.style2, .footer-default .widget_title:before, .footer-default .th-social a:hover, .footer-default .menu li a:hover, .footer-default .footer-links li a:hover, .footer-default .th-widget-contact .box-link:hover { color: var(--mek-brand-primary); } .footer-default .th-btn.style2 { border-color: var(--mek-brand-primary); } .footer-default .th-btn.style2:before, .footer-default .th-btn.style2:after, .footer-default .copyright-wrap, .footer-default .bg-theme { background: var(--mek-brand-primary) !important; } @media (max-width: 1399px) { .hero-2 .coop-hero-watermark img { width: 300px; max-width: 24vw; } } @media (max-width: 991px) { .hero-2 .coop-hero-watermark { right: 4%; top: auto; bottom: 40px; transform: none; } .hero-2 .coop-hero-watermark img { width: 180px; max-width: 34vw; opacity: 0.10; } } .hero-2 .hero-thumb2-1:after { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy-deep) 94%, transparent) 8%, color-mix(in srgb, var(--mek-brand-navy-deep) 78%, transparent) 36%, rgba(22, 32, 51, 0.56) 58%, rgba(37, 99, 235, 0.14) 100%) !important; mix-blend-mode: normal; } .hero-2 .hero-thumb2-1:before { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy-deep) 98%, transparent) 12%, color-mix(in srgb, var(--mek-brand-navy-deep) 86%, transparent) 34%, rgba(22, 32, 51, 0.64) 52%, color-mix(in srgb, var(--mek-brand-navy-deep) 8%, transparent) 100%) !important; mix-blend-mode: normal; } .hero-2 .hero-inner, .hero-2 .hero-thumb2-1, .hero-2 .hero-thumb2-1 .thumb { border-radius: 0 !important; overflow: hidden; } .hero-2 .hero-thumb2-1 .thumb img { display: block; object-fit: cover; filter: saturate(0.95) brightness(0.9); } .hero-2 .coop-hero-description { font-size: 19px !important; line-height: 1.8 !important; max-width: 720px; } @media (min-width: 992px) and (max-width: 1500px) { .hero-2 .coop-hero-description { font-size: 17px !important; line-height: 1.72 !important; max-width: 680px; } } .hero-2 .hero-thumb2-1:after { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy-deep) 92%, transparent) 10%, color-mix(in srgb, var(--mek-brand-navy-deep) 78%, transparent) 34%, rgba(22,32,51,0.50) 58%, color-mix(in srgb, var(--mek-brand-primary) 8%, transparent) 100%) !important; } .hero-2 .hero-thumb2-1:before { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy-deep) 97%, transparent) 12%, color-mix(in srgb, var(--mek-brand-navy-deep) 88%, transparent) 34%, rgba(22,32,51,0.60) 52%, color-mix(in srgb, var(--mek-brand-navy-deep) 4%, transparent) 100%) !important; } @media (max-width: 991px) { .hero-2 .coop-hero-description { font-size: 17px !important; line-height: 1.72 !important; } } @media (max-width: 575px) { .hero-2 .coop-hero-description { font-size: 15px !important; line-height: 1.62 !important; } } .color-scheme-wrap, .switchIcon { display: none !important; } .hero-2 .hero-thumb2-1:after { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy-deep) 92%, transparent) 10%, color-mix(in srgb, var(--mek-brand-navy-deep) 78%, transparent) 34%, color-mix(in srgb, var(--mek-brand-navy) 48%, transparent) 58%, color-mix(in srgb, var(--mek-brand-primary) 8%, transparent) 100%) !important; } .hero-2 .hero-thumb2-1:before { background: linear-gradient(90deg, color-mix(in srgb, var(--mek-brand-navy-deep) 98%, transparent) 12%, color-mix(in srgb, var(--mek-brand-navy-deep) 88%, transparent) 34%, color-mix(in srgb, var(--mek-brand-navy) 62%, transparent) 52%, color-mix(in srgb, var(--mek-brand-navy-deep) 4%, transparent) 100%) !important; } .footer-default .copyright-wrap, .footer-default .bg-theme { background: var(--mek-brand-navy-deep) !important; } .footer-default .footer-links li a, .footer-default .copyright-text, .footer-default .copyright-text a { color: #ffffff; } .footer-default .footer-links li a:hover, .footer-default .copyright-text a:hover { color: #60A5FA; } html { scrollbar-color: var(--mek-brand-primary) var(--mek-brand-navy-deep); scrollbar-width: thin; } body::-webkit-scrollbar, html::-webkit-scrollbar { width: 12px; } body::-webkit-scrollbar-track, html::-webkit-scrollbar-track { background: var(--mek-brand-navy-deep); } body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--mek-brand-primary) 0%, #145fa2 100%); border-radius: 999px; border: 2px solid var(--mek-brand-navy-deep); } body::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #2986da 0%, var(--mek-brand-primary) 100%); } .header-default .header-top .row { flex-wrap: nowrap; } .header-default .header-top .header-links-right { text-align: right; } .header-default .header-top .header-notice-list { display: flex; align-items: center; } .header-default .header-top .notice-animated { position: relative; display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 7px 14px; border-radius: 999px; background: color-mix(in srgb, var(--mek-brand-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--mek-brand-primary) 25%, transparent); animation: koopNoticeGlow 2.6s ease-in-out infinite; } .header-default .header-top .notice-animated i { color: #60A5FA; animation: koopNoticePulse 1.6s ease-in-out infinite; } @keyframes koopNoticeGlow { 0%, 100% { box-shadow: 0 0 0 color-mix(in srgb, var(--mek-brand-primary) 0%, transparent); transform: translateX(0); } 50% { box-shadow: 0 0 22px color-mix(in srgb, var(--mek-brand-primary) 18%, transparent); transform: translateX(2px); } } @keyframes koopNoticePulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } } .main-menu ul.sub-menu { border-top: none !important; border-bottom: 2px solid var(--mek-brand-primary) !important; box-shadow: 0 18px 45px rgba(0,0,0,.24); } .main-menu ul.sub-menu:before, .main-menu ul.sub-menu:after { border-color: transparent !important; } .scroll-top:after { color: var(--mek-brand-primary) !important; border-color: var(--mek-brand-primary) !important; background: #ffffff; } .scroll-top svg { color: var(--mek-brand-primary) !important; background: #ffffff !important; } .scroll-top .progress-circle path { stroke: var(--mek-brand-primary) !important; } @media (max-width: 767px) { .header-default .header-top .row { flex-wrap: wrap; } .header-default .header-top .header-links-right { text-align: left; } } .header-default .header-top { overflow: hidden; } .header-default .header-top .notice-animated { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; gap: 9px; margin: 0; padding: 6px 12px 6px 7px; min-height: 36px; color: #fff; border-radius: 8px; background: linear-gradient(135deg, color-mix(in srgb, var(--mek-brand-primary) 30%, transparent), color-mix(in srgb, var(--mek-brand-primary) 10%, transparent)); border: 1px solid rgba(96,165,250,.48); box-shadow: 0 6px 18px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.08); animation: koopNoticeFloat 2.8s ease-in-out infinite; } .header-default .header-top .notice-animated::before { content: ""; position: absolute; z-index: -1; top: -40%; bottom: -40%; left: -30%; width: 24%; transform: skewX(-20deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent); animation: koopNoticeShine 2.4s ease-in-out infinite; } .header-default .header-top .notice-animated::after { content: ""; position: absolute; inset: 0; z-index: -2; border-radius: inherit; box-shadow: 0 0 0 0 color-mix(in srgb, var(--mek-brand-primary) 38%, transparent); animation: koopNoticeRing 2.4s ease-out infinite; } .header-default .header-top .notice-badge { display: inline-flex; align-items: center; justify-content: center; height: 22px; padding: 0 8px; border-radius: 5px; background: var(--mek-brand-primary); color: #fff; font-size: 10px; line-height: 1; font-weight: 900; letter-spacing: .7px; box-shadow: 0 0 0 1px rgba(255,255,255,.16); animation: koopBadgePulse 1.65s ease-in-out infinite; } .header-default .header-top .notice-animated i { margin: 0 !important; color: #8FC8FF !important; font-size: 16px; transform-origin: 20% 80%; animation: koopBullhorn 1.4s ease-in-out infinite; } .header-default .header-top .notice-text { font-weight: 800; letter-spacing: .1px; color: #fff; } .header-default .header-top .notice-arrow { display: inline-block; color: #8FC8FF; font-size: 18px; line-height: 1; animation: koopArrowNudge 1.2s ease-in-out infinite; } @keyframes koopNoticeFloat { 0%,100% { transform: translateY(0); box-shadow: 0 6px 18px rgba(0,0,0,.15), 0 0 0 color-mix(in srgb, var(--mek-brand-primary) 0%, transparent); } 50% { transform: translateY(-2px); box-shadow: 0 9px 24px rgba(0,0,0,.20), 0 0 22px color-mix(in srgb, var(--mek-brand-primary) 18%, transparent); } } @keyframes koopNoticeShine { 0%, 18% { left: -32%; opacity: 0; } 30% { opacity: 1; } 58% { left: 118%; opacity: .9; } 70%, 100% { left: 118%; opacity: 0; } } @keyframes koopNoticeRing { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mek-brand-primary) 34%, transparent); } 75%,100% { box-shadow: 0 0 0 8px color-mix(in srgb, var(--mek-brand-primary) 0%, transparent); } } @keyframes koopBadgePulse { 0%,100% { transform: scale(1); background: var(--mek-brand-primary); } 50% { transform: scale(1.07); background: #2E8AE0; } } @keyframes koopBullhorn { 0%,100% { transform: rotate(0deg) scale(1); } 35% { transform: rotate(-10deg) scale(1.08); } 55% { transform: rotate(8deg) scale(1.08); } 75% { transform: rotate(-4deg) scale(1.03); } } @keyframes koopArrowNudge { 0%,100% { transform: translateX(0); opacity: .72; } 50% { transform: translateX(4px); opacity: 1; } } @media (prefers-reduced-motion: reduce) { .header-default .header-top .notice-animated, .header-default .header-top .notice-animated::before, .header-default .header-top .notice-animated::after, .header-default .header-top .notice-badge, .header-default .header-top .notice-animated i, .header-default .header-top .notice-arrow { animation: none !important; } } @media (max-width: 575px) { .header-default .header-top .notice-animated { gap: 7px; padding-right: 9px; } .header-default .header-top .notice-text { font-size: 12px; } .header-default .header-top .notice-badge { font-size: 9px; padding: 0 6px; } } .header-default .header-top .notice-animated { background: var(--mek-brand-navy-deep) !important; } .header-default .header-top .notice-animated { border: none !important; } .th-social a .x-twitter-icon { width: 14px; height: 14px; display: block; fill: currentColor; } .koop-services-section { position: relative; padding: 105px 0 120px; background: #ffffff; overflow: hidden; z-index: 2; } .koop-services-section::before, .koop-services-section::after { content: ""; position: absolute; border: 2px solid color-mix(in srgb, var(--mek-brand-primary) 22%, transparent); border-radius: 50%; width: 170px; height: 170px; z-index: -1; } .koop-services-section::before { left: -95px; bottom: 28px; } .koop-services-section::after { right: -110px; top: 70px; } .koop-service-card { --card-dark: var(--mek-brand-navy-deep); position: relative; height: 100%; min-height: 390px; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 34px 34px 30px; background: #fff; border-radius: 30px; box-shadow: 0 10px 45px color-mix(in srgb, var(--mek-brand-navy-deep) 8%, transparent); transition: transform .45s ease, background .45s ease, box-shadow .45s ease; isolation: isolate; z-index: 1; } .koop-service-card::before { content: ""; position: absolute; inset: 0; background: var(--card-dark); border-radius: 30px; opacity: 0; transform: scale(.86) rotateX(18deg); transition: opacity .38s ease, transform .45s ease; z-index: -1; } .koop-service-accent { position: absolute; inset: 0; border-radius: 30px; background: var(--mek-brand-primary); opacity: 0; transform: rotate(0deg) scale(.96); transition: opacity .4s ease, transform .45s ease; z-index: -2; } .koop-service-card:hover { transform: translateY(-8px); box-shadow: 0 24px 60px color-mix(in srgb, var(--mek-brand-navy-deep) 18%, transparent); } .koop-service-card:hover::before { opacity: 1; transform: scale(1) rotateX(0deg); } .koop-service-card:hover .koop-service-accent { opacity: 1; transform: rotate(-8deg) scale(1); } .koop-service-icon { position: relative; width: 78px; height: 78px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; border-radius: 48% 52% 45% 55% / 54% 43% 57% 46%; background: var(--mek-brand-primary); box-shadow: 0 0 0 7px color-mix(in srgb, var(--mek-brand-primary) 10%, transparent), 0 0 0 9px color-mix(in srgb, var(--mek-brand-primary) 8%, transparent); transition: background .4s ease, box-shadow .4s ease, transform .4s ease; } .koop-service-icon::before { content: ""; position: absolute; inset: -6px; border: 1px dashed color-mix(in srgb, var(--mek-brand-primary) 45%, transparent); border-radius: inherit; transform: rotate(-8deg); } .koop-service-icon svg { width: 43px; height: 43px; stroke: #fff; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; position: relative; z-index: 2; } .koop-service-card h3 { margin: 0 0 14px; font-size: 26px; line-height: 1.2; font-weight: 800; } .koop-service-card h3 a { color: #171a21; transition: color .35s ease; } .koop-service-card p { margin: 0 auto 22px; color: #6f7685; font-size: 16px; line-height: 1.75; max-width: 340px; transition: color .35s ease; } .koop-service-link { margin-top: auto; position: relative; display: inline-flex; align-items: center; gap: 5px; color: var(--mek-brand-primary); font-weight: 800; font-size: 15px; padding-bottom: 3px; transition: color .35s ease; } .koop-service-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: currentColor; } .koop-service-card:hover h3 a, .koop-service-card:hover p, .koop-service-card:hover .koop-service-link { color: #fff; } .koop-service-card:hover .koop-service-icon { background: var(--mek-brand-primary); box-shadow: 0 0 0 7px rgba(255,255,255,.08), 0 0 0 9px rgba(255,255,255,.05); transform: translateY(-2px) rotate(2deg); } .koop-service-card:hover .koop-service-icon::before { border-color: rgba(255,255,255,.35); } @media (max-width: 991px) { .koop-services-section { padding: 80px 0 90px; } .koop-service-card { min-height: 365px; } } @media (max-width: 575px) { .koop-services-section { padding: 62px 0 70px; } .koop-service-card { min-height: auto; padding: 30px 24px 26px; } .koop-service-card p { font-size: 15px; } } @media (min-width: 992px) { .koop-services-section .row.g-4 > .col-lg-4 { flex: 0 0 330px; width: 330px; max-width: 330px; } } @media (min-width: 768px) and (max-width: 991px) { .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 330px; width: 330px; max-width: 330px; } } .koop-service-card { min-height: 345px; padding: 28px 30px 24px; } .koop-service-icon { width: 70px; height: 70px; margin-bottom: 18px; } .koop-service-icon svg { width: 39px; height: 39px; } .koop-service-card h3 { margin-bottom: 11px; } .koop-service-card p { margin-bottom: 17px; font-size: 14.5px; line-height: 1.62; } .koop-service-link { font-size: 14px; } @media (max-width: 991px) { .koop-service-card { min-height: 335px; } } @media (max-width: 575px) { .koop-service-card { min-height: auto; padding: 26px 22px 22px; } .koop-service-card p { font-size: 14px; line-height: 1.58; } } .koop-services-section { background: var(--mek-brand-navy-deep); } .koop-service-accent { background: var(--mek-brand-primary); } .koop-services-section .row.g-4 > div:nth-child(1) .koop-service-card::before { background: #10193c; } .koop-services-section .row.g-4 > div:nth-child(2) .koop-service-card::before { background: #f76905; } .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card::before { background: #ffffff; } .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card:hover h3 a, .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card:hover p, .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card:hover .koop-service-link { color: #171a21; } .koop-services-section .row.g-4 > div:nth-child(2) .koop-service-card:hover .koop-service-icon { box-shadow: 0 0 0 7px rgba(255,255,255,.12), 0 0 0 10px rgba(255,255,255,.08); } .koop-services-section .row.g-4 > div:nth-child(2) .koop-service-card:hover .koop-service-icon::before { border-color: rgba(255,255,255,.46); } .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card:hover .koop-service-icon { box-shadow: 0 0 0 7px color-mix(in srgb, var(--mek-brand-primary) 12%, transparent), 0 0 0 10px color-mix(in srgb, var(--mek-brand-primary) 8%, transparent); } .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card:hover .koop-service-icon::before { border-color: color-mix(in srgb, var(--mek-brand-primary) 45%, transparent); } .koop-services-section .row.g-4 { --bs-gutter-x: 4.8rem; --bs-gutter-y: 2.8rem; justify-content: center; } .koop-service-card { transform: translateY(-8px); box-shadow: 0 24px 60px color-mix(in srgb, var(--mek-brand-navy-deep) 18%, transparent); } .koop-service-card::before { opacity: 1; transform: scale(1) rotateX(0deg); } .koop-service-accent { opacity: 1; transform: rotate(-8deg) scale(1); } .koop-services-section .row.g-4 > div:nth-child(2) .koop-service-accent { transform: rotate(8deg) scale(1); } .koop-service-icon { background: var(--mek-brand-primary); transform: translateY(-2px) rotate(2deg); } .koop-service-card h3 a, .koop-service-card p, .koop-service-card .koop-service-link { color: #fff; } .koop-service-card .koop-service-icon { box-shadow: 0 0 0 7px rgba(255,255,255,.08), 0 0 0 9px rgba(255,255,255,.05); } .koop-service-card .koop-service-icon::before { border-color: rgba(255,255,255,.35); } .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card h3 a, .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card p, .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card .koop-service-link { color: #171a21; } .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card .koop-service-link::after { background: rgba(23,26,33,.8); } .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card .koop-service-icon { box-shadow: 0 0 0 7px color-mix(in srgb, var(--mek-brand-primary) 12%, transparent), 0 0 0 10px color-mix(in srgb, var(--mek-brand-primary) 8%, transparent); } .koop-services-section .row.g-4 > div:nth-child(3) .koop-service-card .koop-service-icon::before { border-color: color-mix(in srgb, var(--mek-brand-primary) 45%, transparent); } @media (max-width: 1199px) { .koop-services-section .row.g-4 { --bs-gutter-x: 3.4rem; } } @media (max-width: 991px) { .koop-services-section .row.g-4 { --bs-gutter-x: 2.2rem; --bs-gutter-y: 2.2rem; } } .koop-services-section .row.g-4 { --bs-gutter-x: 5.2rem; --bs-gutter-y: 2.8rem; } .koop-service-card p { font-size: 13.6px; line-height: 1.58; } @media (min-width: 992px) { .koop-services-section .row.g-4 > .col-lg-4 { flex: 0 0 340px; width: 340px; max-width: 340px; } } @media (min-width: 768px) and (max-width: 991px) { .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 338px; width: 338px; max-width: 338px; } } @media (max-width: 1199px) { .koop-services-section .row.g-4 { --bs-gutter-x: 3.8rem; } } @media (max-width: 991px) { .koop-services-section .row.g-4 { --bs-gutter-x: 2.4rem; --bs-gutter-y: 2.2rem; } .koop-service-card p { font-size: 13.3px; line-height: 1.56; } } @media (max-width: 575px) { .koop-service-card p { font-size: 13px; line-height: 1.52; } } .koop-service-card { min-height: 330px; } .koop-service-card p { font-size: 12.8px; line-height: 1.5; } @media (min-width: 992px) { .koop-services-section .row.g-4 > .col-lg-4 { flex: 0 0 352px; width: 352px; max-width: 352px; } } @media (min-width: 768px) and (max-width: 991px) { .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 346px; width: 346px; max-width: 346px; } .koop-service-card { min-height: 324px; } } @media (max-width: 991px) { .koop-service-card p { font-size: 12.6px; line-height: 1.48; } } @media (max-width: 575px) { .koop-service-card { min-height: auto; } .koop-service-card p { font-size: 12.8px; line-height: 1.5; } } .koop-service-card p { font-size: 13.1px; line-height: 1.52; } @media (min-width: 992px) { .koop-services-section .row.g-4 > .col-lg-4 { flex: 0 0 360px; width: 360px; max-width: 360px; } } @media (min-width: 768px) and (max-width: 991px) { .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 354px; width: 354px; max-width: 354px; } } @media (max-width: 991px) { .koop-service-card p { font-size: 12.9px; line-height: 1.5; } } @media (max-width: 575px) { .koop-service-card p { font-size: 13px; line-height: 1.5; } } .koop-services-section .row.g-4 { --bs-gutter-x: 6rem; } @media (min-width: 992px) { .koop-services-section .row.g-4 > .col-lg-4 { flex: 0 0 368px; width: 368px; max-width: 368px; } } @media (min-width: 768px) and (max-width: 991px) { .koop-services-section .row.g-4 { --bs-gutter-x: 2.9rem; } .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 360px; width: 360px; max-width: 360px; } } @media (max-width: 1199px) { .koop-services-section .row.g-4 { --bs-gutter-x: 4.4rem; } } .koop-services-section .row.g-4 { --bs-gutter-x: 6.8rem; } @media (min-width: 992px) { .koop-services-section .row.g-4 > .col-lg-4 { flex: 0 0 378px; width: 378px; max-width: 378px; } } @media (min-width: 768px) and (max-width: 991px) { .koop-services-section .row.g-4 { --bs-gutter-x: 3.3rem; } .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 366px; width: 366px; max-width: 366px; } } @media (max-width: 1199px) { .koop-services-section .row.g-4 { --bs-gutter-x: 5rem; } } .koop-services-section .row.g-4 { --bs-gutter-x: 7.2rem; } @media (min-width: 992px) { .koop-services-section .row.g-4 > .col-lg-4 { flex: 0 0 384px; width: 384px; max-width: 384px; } } @media (min-width: 768px) and (max-width: 991px) { .koop-services-section .row.g-4 { --bs-gutter-x: 3.5rem; } .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 370px; width: 370px; max-width: 370px; } } @media (max-width: 1199px) { .koop-services-section .row.g-4 { --bs-gutter-x: 5.3rem; } } .koop-services-section .row.g-4 { --bs-gutter-x: 130px; } @media (min-width: 992px) { .koop-services-section .row.g-4 > .col-lg-4 { flex: 0 0 400px; width: 400px; max-width: 400px; } } @media (min-width: 768px) and (max-width: 991px) { .koop-services-section .row.g-4 { --bs-gutter-x: 64px; } .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 400px; width: 400px; max-width: 400px; } } @media (max-width: 1199px) { .koop-services-section .row.g-4 { --bs-gutter-x: 96px; } } @media (min-width: 1280px) { .koop-services-section .container { max-width: 1600px; } .koop-services-section .row.g-4 { --bs-gutter-x: 0 !important; margin-left: 0; margin-right: 0; justify-content: center; column-gap: 130px; row-gap: 0; flex-wrap: nowrap; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { padding-left: 0; padding-right: 0; flex: 0 0 400px; width: 400px; max-width: 400px; } .koop-service-card { width: 400px; max-width: 400px; } } @media (min-width: 992px) and (max-width: 1279px) { .koop-services-section .container { max-width: 1360px; } .koop-services-section .row.g-4 { --bs-gutter-x: 0 !important; margin-left: 0; margin-right: 0; justify-content: center; column-gap: 72px; row-gap: 0; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { padding-left: 0; padding-right: 0; flex: 0 0 372px; width: 372px; max-width: 372px; } .koop-service-card { width: 372px; max-width: 372px; } } @media (min-width: 1280px) { .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 300px; width: 300px; max-width: 300px; } .koop-service-card { width: 300px; max-width: 300px; } } .koop-service-card p { margin-bottom: 12px; } .koop-service-link { margin-top: 6px; } .access-gate-section { position: relative; box-sizing: border-box; width: 100%; min-height: 0; padding: 104px 0; } .access-gate-section > .container { display: flex; width: 100%; justify-content: center; } .access-gate-wrap { width: min(100%, 720px); margin-inline: auto; } .access-gate { --access-gate-accent: var(--mek-brand-primary); --access-gate-accent-rgb: var(--mek-brand-primary-rgb); position: relative; overflow: hidden; box-sizing: border-box; padding: 38px 34px 36px; border: 1px solid rgb(var(--access-gate-accent-rgb) / .23); border-radius: 16px; background: radial-gradient(circle at 50% -16%, rgb(var(--access-gate-accent-rgb) / .14), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--mek-brand-navy) 94%, var(--access-gate-accent) 6%), var(--mek-brand-navy)); box-shadow: 0 24px 60px rgb(0 0 0 / .2), inset 0 1px 0 rgb(255 255 255 / .03); color: var(--mek-color-on-dark); text-align: center; isolation: isolate; } .access-gate::before { content: ""; position: absolute; z-index: -1; top: 0; left: 50%; width: min(150px, 30%); height: 2px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, var(--access-gate-accent), transparent); opacity: .82; } .access-gate::after { content: ""; position: absolute; z-index: -1; top: -104px; left: 50%; width: 280px; height: 210px; transform: translateX(-50%); border-radius: 50%; background: rgb(var(--access-gate-accent-rgb) / .07); filter: blur(44px); pointer-events: none; } .access-gate--warning { --access-gate-accent: var(--mek-color-warning); --access-gate-accent-rgb: 245 158 11; } .access-gate--info { --access-gate-accent: var(--mek-color-info); --access-gate-accent-rgb: var(--mek-brand-primary-rgb); } .access-gate > .access-gate__icon { position: relative; z-index: 1; display: grid; width: 68px; height: 68px; margin: 0 auto 18px; place-items: center; inset: auto; transform: none; border: 1px solid rgb(255 255 255 / .22); border-radius: 50%; background: radial-gradient(circle at 35% 28%, rgb(255 255 255 / .08), transparent 44%), rgb(var(--access-gate-accent-rgb) / .1); color: var(--mek-color-on-dark); box-shadow: 0 0 0 7px rgb(var(--access-gate-accent-rgb) / .04), 0 12px 28px rgb(0 0 0 / .16); } .access-gate__icon svg { display: block; width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .access-gate__eyebrow { margin: 0 0 9px; color: color-mix(in srgb, var(--access-gate-accent) 68%, white); font-family: var(--mek-font-site-sans); font-size: .72rem; font-weight: var(--mek-font-weight-extrabold); line-height: 1.2; letter-spacing: .13em; text-transform: uppercase; } .access-gate__title { max-width: 560px; margin: 0 auto; color: var(--mek-color-on-dark); font-family: var(--mek-font-site-sans); font-size: clamp(1.58rem, 2.2vw, 2rem); font-weight: var(--mek-font-weight-semibold); line-height: 1.22; letter-spacing: -.02em; text-wrap: balance; } .access-gate__message { max-width: 520px; margin: 16px auto 0; color: color-mix(in srgb, var(--mek-color-on-dark) 72%, transparent); font-family: var(--mek-font-site-sans); font-size: clamp(.92rem, 1.05vw, 1rem); line-height: 1.62; text-wrap: pretty; } .access-gate__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 26px; } .access-gate__actions .button { --ui-button-min-height: 46px; --ui-button-padding: .68rem 1.3rem; --ui-button-radius: var(--mek-radius-sm); --ui-button-font-size: .92rem; --ui-button-font-weight: var(--mek-font-weight-bold); min-width: 138px; } .access-gate__actions .button--primary { --ui-button-bg: var(--mek-brand-primary); --ui-button-hover-bg: var(--mek-brand-primary-hover); --ui-button-color: var(--mek-brand-on-primary); --ui-button-hover-color: var(--mek-brand-on-primary); --ui-button-border-width: 1px; --ui-button-border-color: transparent; --ui-button-hover-shadow: 0 12px 26px rgb(var(--mek-brand-primary-rgb) / .2); } .access-gate__actions .button--secondary { --ui-button-bg: transparent; --ui-button-hover-bg: rgb(var(--mek-brand-primary-rgb) / .1); --ui-button-border-color: rgb(var(--mek-brand-primary-rgb) / .5); --ui-button-hover-border-color: var(--mek-brand-primary); --ui-button-color: var(--mek-color-on-dark); --ui-button-hover-color: var(--mek-color-on-dark); --ui-button-hover-shadow: none; } @media (max-width: 1199.98px) { .access-gate-section { padding: 92px 0; } } @media (max-width: 767.98px) { .access-gate-section { padding: 64px 0; } .access-gate-wrap { width: min(100%, 560px); } .access-gate { padding: 28px 20px 26px; border-radius: 13px; } .access-gate > .access-gate__icon { width: 56px; height: 56px; margin-bottom: 14px; box-shadow: 0 0 0 5px rgb(var(--access-gate-accent-rgb) / .035), 0 10px 22px rgb(0 0 0 / .14); } .access-gate__icon svg { width: 27px; height: 27px; } .access-gate__eyebrow { margin-bottom: 7px; font-size: .66rem; letter-spacing: .12em; } .access-gate__title { max-width: 470px; font-size: clamp(1.28rem, 5.2vw, 1.62rem); line-height: 1.24; } .access-gate__message { max-width: 450px; margin-top: 12px; font-size: clamp(.84rem, 2.45vw, .94rem); line-height: 1.5; } .access-gate__actions { gap: 8px; margin-top: 20px; } .access-gate__actions .button { --ui-button-min-height: 43px; --ui-button-padding: .58rem 1.05rem; --ui-button-font-size: .86rem; min-width: 124px; } } @media (max-width: 575.98px) { .access-gate-section { padding: 48px 0; } .access-gate-wrap { width: 100%; } .access-gate { padding: 24px 16px 22px; border-radius: 12px; } .access-gate > .access-gate__icon { width: 50px; height: 50px; margin-bottom: 12px; } .access-gate__icon svg { width: 24px; height: 24px; } .access-gate__eyebrow { font-size: .62rem; } .access-gate__title { font-size: clamp(1.16rem, 5.7vw, 1.42rem); line-height: 1.25; } .access-gate__message { margin-top: 10px; font-size: .84rem; line-height: 1.46; } .access-gate__actions { margin-top: 18px; } .access-gate__actions .button { --ui-button-min-height: 42px; --ui-button-font-size: .84rem; min-width: 0; flex: 1 1 0; } } @media (max-width: 419.98px) { .access-gate-section { padding: 40px 0; } .access-gate { padding-inline: 14px; } .access-gate__actions { flex-direction: column; gap: 8px; } .access-gate__actions .button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .access-gate__actions .button { transition: none; } } .hero-2 .coop-hero-chalk-art { position: absolute; inset: 0; z-index: 2; overflow: hidden; pointer-events: none; } .hero-2 .coop-hero-chalk-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left center; opacity: 0.20; filter: saturate(0.80) brightness(0.88); } .hero-2 .coop-hero-watermark { z-index: 3; } @media (max-width: 991px) { .hero-2 .coop-hero-chalk-art img { object-position: 33% center; opacity: 0.16; } } @media (max-width: 575px) { .hero-2 .coop-hero-chalk-art img { object-position: 28% center; opacity: 0.12; } } .header-default .header-top { display: block !important; min-width: 0; overflow: visible; } .header-default .header-top .row { row-gap: 8px; } .header-default .header-top .header-links .header-notice-list { display: flex !important; align-items: center; visibility: visible; } .header-default .header-top .header-links-right, .header-default .header-top .header-links-right .header-left-wrap, .header-default .header-top .header-links-right .header-left-wrap li { display: flex !important; align-items: center; visibility: visible; } .header-default .header-top .header-links-right .header-left-wrap li { min-width: 0; } .header-default .header-top .header-links-right .header-left-wrap li > i { flex: 0 0 auto; } .header-default .header-top .header-links-right a { overflow-wrap: anywhere; } .header-default .menu-area > .row { flex-wrap: nowrap; min-width: 0; } .hero-2 .hero-inner, .hero-2 #heroSlide2, .hero-2 #heroSlide2 .swiper-wrapper, .hero-2 #heroSlide2 .swiper-slide { height: auto !important; } .hero-2 #heroSlide2 .swiper-slide { position: relative; overflow: hidden; } .hero-2 .hero-thumb2-1, .hero-2 .hero-thumb2-1 .thumb, .hero-2 .coop-hero-chalk-art { width: 100%; height: 100%; } .hero-2 .hero-thumb2-1 .thumb img, .hero-2 .coop-hero-chalk-art img { display: block; width: 100%; height: 100%; object-fit: cover; } .hero-2 .hero-thumb2-1 .thumb img { transform: none !important; will-change: auto; } .hero-2 > .coop-hero-social { display: block !important; left: 30px !important; right: auto !important; top: calc(50% + 72px); bottom: auto; z-index: 8; transform: translateY(-50%); } .hero-2 > .coop-hero-social::before { top: 0; bottom: auto; transform: translate(-50%, calc(-100% - 16px)) !important; } .hero-2 > .coop-hero-social::after { top: 100%; bottom: auto; transform: translate(-50%, 16px) !important; } .hero-2 > .coop-hero-social a { flex: 0 0 auto; } @media (min-width: 768px) { .hero-2 .hero-inner::after { left: 85px; } .hero-2 #heroSlide2 { margin-left: 100px; } } @media (min-width: 1200px) and (max-width: 1399px) { .header-default .header-logo img { width: 210px; } .header-default .main-menu > ul > li { margin-right: 7px; margin-left: 7px; } .header-default .main-menu > ul > li > a { font-size: 13px; } .header-default .header-button .coop-login-btn { display: inline-flex !important; min-width: 110px; padding-right: 14px; padding-left: 14px; } } @media (min-width: 768px) and (max-width: 1199px) { .header-default .header-top .coop-header-notice-column, .header-default .header-top .coop-header-contact-column { width: auto; } .header-default .header-top .row { justify-content: space-between !important; flex-wrap: nowrap; } .header-default .header-top .header-links-right { justify-content: flex-end; } .hero-2 > .coop-hero-social { left: 20px !important; top: calc(50% + 62px); } .hero-2 .hero-inner::after { left: 68px; } .hero-2 #heroSlide2 { margin-left: 83px; } .hero-2 .hero-style2.coop-hero-style { max-width: calc(100% - 74px); margin-left: 74px; } } .footer-default .coop-footer-contact-column .coop-footer-email { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; margin-bottom: 22px; color: rgba(255, 255, 255, .9); font-size: 15px; line-height: 1.45; } .footer-default .coop-footer-contact-column .coop-footer-email span { min-width: 0; overflow-wrap: anywhere; } .footer-default .coop-footer-contact-column .coop-footer-email i { color: #60A5FA; font-size: 17px; } .footer-default .coop-footer-contact-column .coop-footer-email:hover { color: #93C5FD; } .footer-default .coop-footer-contact-column .th-social { margin-bottom: 24px; } .footer-default .coop-footer-contact-column .footer-payment-methods { margin-top: 0; } @media (min-width: 1200px) { .footer-default .coop-footer-grid .coop-footer-contact-column { min-width: 0; } } @media (max-width: 767px) { .footer-default .coop-footer-contact-column { flex: 0 0 100%; width: 100%; max-width: 100%; text-align: center; } .footer-default .coop-footer-contact-column .coop-footer-email { justify-content: center; width: 100%; } .footer-default .coop-footer-contact-column .th-social { justify-content: center; } .footer-default .coop-footer-contact-column .footer-payment-methods { margin-right: auto; margin-left: auto; } } @media (max-width: 767px) { .header-default .header-top { padding: 9px 0 11px; } .header-default .header-top .row { justify-content: center !important; flex-wrap: wrap; row-gap: 4px; text-align: center; } .header-default .header-top .coop-header-notice-column, .header-default .header-top .coop-header-contact-column { width: 100%; } .header-default .header-top .header-notice-list, .header-default .header-top .header-links-right, .header-default .header-top .header-left-wrap { justify-content: center; } .header-default .header-top .header-links-right .header-left-wrap li { justify-content: center; max-width: 100%; font-size: 13px; } .header-default .header-top .header-links-right .header-left-wrap li > i { margin-right: 7px; } .hero-2 { padding-top: 92px; } .hero-2 .hero-style2.coop-hero-style { max-width: 100%; margin-left: 0; padding-top: 155px; padding-bottom: 165px; } .hero-2 .coop-hero-style .hero-subtitle { max-width: 100%; font-size: clamp(24px, 6.3vw, 34px); line-height: 1.22; } .hero-2 > .coop-hero-social { display: flex !important; top: auto !important; right: auto !important; bottom: 42px !important; left: 50% !important; flex-direction: row; align-items: center; justify-content: center; gap: 11px; max-width: calc(100% - 28px); transform: translateX(-50%) !important; } .hero-2 > .coop-hero-social::before, .hero-2 > .coop-hero-social::after { display: none; } .hero-2 > .coop-hero-social a { --icon-size: 36px; margin: 0 !important; font-size: 13px; } .hero-2 .coop-hero-watermark { right: 3%; bottom: 94px; } } @media (max-width: 575px) { .header-default .header-top .container, .header-default .sticky-wrapper > .container { padding-right: 14px; padding-left: 14px; } .header-default .header-top .notice-animated { max-width: 100%; gap: 5px; padding-right: 6px; padding-left: 4px; } .header-default .header-top .header-links-right .header-left-wrap li { font-size: 11.5px; } .header-default .menu-area { min-height: 74px; } .header-default .header-logo img { width: min(195px, 54vw); } .header-default .th-menu-toggle { --btn-size: 42px; } .hero-2 { padding-top: 74px; } .hero-2 .hero-style2.coop-hero-style { padding-top: 130px; padding-bottom: 150px; } .hero-2 .coop-hero-description { max-width: 100%; font-size: 15px !important; line-height: 1.68 !important; } .hero-2 > .coop-hero-social { bottom: 32px !important; gap: 9px; } .hero-2 > .coop-hero-social a { --icon-size: 34px; } .coop-mobile-info a { overflow-wrap: anywhere; } } @media (max-width: 359px) { .header-default .header-top .notice-text { font-size: 10.5px; } .header-default .header-top .header-links-right .header-left-wrap li { font-size: 10.5px; } .header-default .header-logo img { width: 170px; } .hero-2 > .coop-hero-social { gap: 7px; } } .header-default .sticky-wrapper > .container { width: 100%; max-width: none; padding-right: clamp(32px, 3vw, 58px); padding-left: clamp(32px, 3vw, 58px); } .header-default .header-logo img { width: 235px; max-width: 100%; height: auto; } .th-menu-wrapper .th-menu-area { border-right-color: var(--mek-brand-primary) !important; } .th-menu-wrapper .th-menu-area > .th-menu-toggle { display: flex; align-items: center; justify-content: center; background: var(--mek-brand-primary) !important; color: #fff !important; line-height: 1; } .th-menu-wrapper .th-menu-area > .th-menu-toggle:hover, .th-menu-wrapper .th-menu-area > .th-menu-toggle:focus-visible { background: #145fa2 !important; color: #fff !important; } .th-menu-wrapper .th-mobile-menu ul li.th-active > a, .th-menu-wrapper .th-mobile-menu ul li a:hover, .th-menu-wrapper .th-mobile-menu ul li a:focus-visible { color: #60A5FA; } .th-menu-wrapper .th-mobile-menu ul .menu-item-has-children > a::after, .th-menu-wrapper .th-mobile-menu ul .menu-item-has-children > a .th-mean-expand { background-color: color-mix(in srgb, var(--mek-brand-primary) 18%, transparent); color: #60A5FA; box-shadow: 0 0 16px -8px color-mix(in srgb, var(--mek-brand-primary) 48%, transparent); } @media (min-width: 1200px) and (max-width: 1399px) { .header-default .header-logo img { width: 195px; } } @media (max-width: 1199px) { .header-default .header-logo img { width: 205px; } .header-default .menu-area { display: flex; min-height: 82px; align-items: center; } .header-default .menu-area > .row { flex: 1 1 auto; align-items: center !important; } .header-default .menu-area .th-menu-toggle { display: flex !important; align-items: center; justify-content: center; align-self: center; padding: 0; line-height: 1; } .header-default .menu-area .th-menu-toggle i { display: block; margin: 0; line-height: 1; } } @media (max-width: 767px) { .header-default .sticky-wrapper > .container { padding-right: 18px; padding-left: 18px; } } @media (max-width: 575px) { .header-default .sticky-wrapper > .container { padding-right: 14px; padding-left: 14px; } .header-default .menu-area { min-height: 74px; } .header-default .header-logo img { width: min(175px, 50vw); } } @media (max-width: 359px) { .header-default .header-logo img { width: 155px; } } .header-default .header-logo img { width: 220px; } .header-default .main-menu > ul > li { margin-right: 18px; margin-left: 18px; } .header-default .main-menu > ul > li > a { font-size: 15px; } .header-default .coop-login-btn { isolation: isolate; background: var(--mek-brand-primary) !important; border: 1px solid rgba(96, 165, 250, 0.82); color: #fff; } .header-default .coop-login-btn::after { background: #173069 !important; -webkit-mask-image: url(/assets/build/media/main-img/theme-img/btn-mask-7553e2e81c1d.png); mask-image: url(/assets/build/media/main-img/theme-img/btn-mask-7553e2e81c1d.png); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-animation: ani2 0.7s steps(22) forwards; animation: ani2 0.7s steps(22) forwards; } .header-default .coop-login-btn:hover, .header-default .coop-login-btn:focus-visible { background: var(--mek-brand-primary) !important; border-color: #60A5FA; color: #fff; } .header-default .coop-login-btn:hover::after, .header-default .coop-login-btn:focus-visible::after { -webkit-animation: ani 0.7s steps(22) forwards; animation: ani 0.7s steps(22) forwards; } @media (min-width: 1200px) and (max-width: 1399px) { .header-default .header-logo img { width: 185px; } .header-default .main-menu > ul > li { margin-right: 10px; margin-left: 10px; } .header-default .main-menu > ul > li > a { font-size: 12.5px; } } @media (max-width: 1199px) { .header-default .header-logo img { width: 195px; } .th-menu-wrapper .mobile-logo img { max-width: 220px; } } @media (max-width: 575px) { .header-default .header-logo img { width: min(165px, 48vw); } .th-menu-wrapper .mobile-logo img { max-width: 205px; } } @media (max-width: 359px) { .header-default .header-logo img { width: 145px; } } @media (prefers-reduced-motion: reduce) { .header-default .coop-login-btn::after, .header-default .coop-login-btn:hover::after, .header-default .coop-login-btn:focus-visible::after { animation-duration: 0.01ms !important; } } .header-default .header-logo img { width: 205px; } .header-default .header-top { padding-top: 5px; padding-bottom: 5px; } .header-default .header-top .row { row-gap: 4px; } .header-default .header-top .notice-animated { min-height: 32px; padding: 4px 10px 4px 6px; gap: 8px; } .header-default .header-top .notice-badge { height: 20px; padding-right: 7px; padding-left: 7px; } .header-default .header-top .notice-animated i { font-size: 15px; } .header-default .header-top .notice-arrow { font-size: 17px; } .header-default .header-button .coop-login-btn { position: relative; isolation: isolate; overflow: hidden; background: var(--mek-brand-primary) !important; border: 1px solid rgba(96, 165, 250, 0.82); color: #fff !important; } .header-default .header-button .coop-login-btn::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--mek-brand-navy) !important; -webkit-mask-image: url(/assets/build/media/main-img/theme-img/btn-mask-7553e2e81c1d.png); mask-image: url(/assets/build/media/main-img/theme-img/btn-mask-7553e2e81c1d.png); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-animation: ani2 0.7s steps(22) forwards; animation: ani2 0.7s steps(22) forwards; will-change: -webkit-mask-position, mask-position; } .header-default .header-button .coop-login-btn:hover::after, .header-default .header-button .coop-login-btn:focus-visible::after, .header-default .header-button .coop-login-btn:active::after { -webkit-animation: ani 0.7s steps(22) forwards; animation: ani 0.7s steps(22) forwards; } .header-default .header-button .coop-login-btn:hover, .header-default .header-button .coop-login-btn:focus-visible, .header-default .header-button .coop-login-btn:active { background: var(--mek-brand-primary) !important; border-color: #60A5FA; color: #fff !important; } .koop-services-section .container { width: 100%; max-width: 1600px; padding-right: 16px; padding-left: 16px; } .koop-services-section .row.g-4 { --bs-gutter-x: 0 !important; --bs-gutter-y: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; column-gap: 130px !important; row-gap: 44.8px !important; margin-right: 0; margin-left: 0; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 300px !important; width: 300px !important; max-width: 300px !important; padding-right: 0 !important; padding-left: 0 !important; } .koop-services-section .koop-service-card { width: 300px !important; max-width: 300px !important; height: 330px !important; min-height: 330px !important; } @media (min-width: 1200px) and (max-width: 1399px) { .header-default .header-logo img { width: 175px; } } @media (max-width: 1199px) { .header-default .header-logo img { width: 185px; } } @media (max-width: 767px) { .header-default .header-top { padding-top: 6px; padding-bottom: 7px; } .header-default .header-top .notice-animated { min-height: 30px; padding-top: 3px; padding-bottom: 3px; } } @media (max-width: 575px) { .header-default .header-logo img { width: min(158px, 46vw); } .th-menu-wrapper .mobile-logo img { max-width: 195px; } .koop-services-section .container { padding-right: 10px; padding-left: 10px; } } @media (max-width: 319px) { .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { flex-basis: calc(100vw - 20px) !important; width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; } .koop-services-section .koop-service-card { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 10 / 11; } } @media (prefers-reduced-motion: reduce) { .header-default .header-button .coop-login-btn::after, .header-default .header-button .coop-login-btn:hover::after, .header-default .header-button .coop-login-btn:focus-visible::after, .header-default .header-button .coop-login-btn:active::after { animation-duration: 0.01ms !important; } } @media (min-width: 992px) { .header-default .sticky-wrapper > .container { padding-right: clamp(40px, 3.5vw, 68px); padding-left: clamp(40px, 3.5vw, 68px); } } @media (min-width: 992px) { .header-default .header-button .coop-login-btn { position: relative; z-index: 2; isolation: isolate; overflow: hidden; background: var(--mek-brand-primary) !important; color: #fff !important; } .header-default .header-button .coop-login-btn .coop-login-label, .header-default .header-button .coop-login-btn .arrow-angle { position: relative; z-index: 2; } .header-default .header-button .coop-login-btn::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: var(--mek-brand-navy) !important; -webkit-mask-image: url(/assets/build/media/main-img/theme-img/btn-mask-7553e2e81c1d.png); mask-image: url(/assets/build/media/main-img/theme-img/btn-mask-7553e2e81c1d.png); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-animation: coopBtnPaintOut .70s steps(22) forwards; animation: coopBtnPaintOut .70s steps(22) forwards; will-change: -webkit-mask-position, mask-position; } .header-default .header-button .coop-login-btn:hover::after, .header-default .header-button .coop-login-btn:focus-visible::after, .header-default .header-button .coop-login-btn:active::after { -webkit-animation: coopBtnPaintIn .70s steps(22) forwards; animation: coopBtnPaintIn .70s steps(22) forwards; } .header-default .header-button .coop-login-btn:hover .arrow-angle, .header-default .header-button .coop-login-btn:focus-visible .arrow-angle, .header-default .header-button .coop-login-btn:active .arrow-angle { transform: rotate(45deg); } } @-webkit-keyframes coopBtnPaintIn { from { -webkit-mask-position: 0 0; mask-position: 0 0; } to { -webkit-mask-position: 100% 0; mask-position: 100% 0; } } @keyframes coopBtnPaintIn { from { -webkit-mask-position: 0 0; mask-position: 0 0; } to { -webkit-mask-position: 100% 0; mask-position: 100% 0; } } @-webkit-keyframes coopBtnPaintOut { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes coopBtnPaintOut { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } } @media (max-width: 767px) { .koop-services-section .row.g-4 { row-gap: 72px !important; } } @media (prefers-reduced-motion: reduce) { .header-default .header-button .coop-login-btn::after, .header-default .header-button .coop-login-btn:hover::after, .header-default .header-button .coop-login-btn:focus-visible::after, .header-default .header-button .coop-login-btn:active::after { animation-duration: 0.01ms !important; } } .footer-default { background-color: var(--mek-brand-navy-deep) !important; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .footer-default .footer-widget.widget_nav_menu a::before, .footer-default .footer-widget.widget_pages a::before, .footer-default .footer-widget.widget_meta a::before, .footer-default .footer-widget.widget_archive a::before, .footer-default .footer-widget.widget_categories a::before { background-color: #60A5FA !important; } .footer-default .footer-widget.widget_nav_menu a:hover::before, .footer-default .footer-widget.widget_pages a:hover::before, .footer-default .footer-widget.widget_meta a:hover::before, .footer-default .footer-widget.widget_archive a:hover::before, .footer-default .footer-widget.widget_categories a:hover::before { background-color: #93C5FD !important; } .footer-default .th-social { align-items: center; } .footer-default .th-social a { position: relative; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px; height: 38px; line-height: 0 !important; overflow: hidden; border-color: rgba(96, 165, 250, .34); } .footer-default .th-social a > i, .footer-default .th-social a > svg, .footer-default .th-social a .x-twitter-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0 !important; flex: 0 0 auto; } .footer-default .th-social a > i { display: block; font-size: 13px; line-height: 1 !important; } .footer-default .th-social a > svg, .footer-default .th-social a .x-twitter-icon { display: block; width: 12px; height: 12px; } .footer-default .th-social a:hover { background: var(--mek-brand-primary) !important; border-color: var(--mek-brand-primary) !important; color: #fff !important; } .footer-default .footer-payment-methods { margin-top: 24px; width: min(273px, 100%); padding: 0; border: 0; border-radius: 0; background: transparent !important; box-shadow: none; } .footer-default .footer-payment-methods img { display: block; width: 100%; height: auto; background: transparent !important; } .footer-default .th-widget-contact .info-box { gap: 14px; align-items: center; } .footer-default .th-widget-contact .info-box:not(:last-child) { margin-bottom: 22px; } .footer-default .th-widget-contact .info-box .box-icon { width: 42px; height: 42px; color: #60A5FA !important; border-color: rgba(96, 165, 250, .34) !important; background: color-mix(in srgb, var(--mek-brand-primary) 8%, transparent); } .footer-default .th-widget-contact .info-box .box-icon svg { display: block; } .footer-default .th-widget-contact .box-details { margin-top: 0; } .footer-default .th-widget-contact .box-text, .footer-default .th-widget-contact .box-link { color: rgba(255, 255, 255, .88) !important; } .footer-default .th-widget-contact .box-link:hover { color: #93C5FD !important; } @media (max-width: 767px) { .footer-default .footer-payment-methods { margin-top: 20px; } } .footer-default .widget-area { padding-bottom: 28px !important; } .footer-default .copyright-wrap { padding-top: 15px !important; padding-bottom: 15px !important; } @media (max-width: 991px) { .footer-default .widget-area { padding-bottom: 22px !important; } } @media (min-width: 992px) { .header-default .header-top > .container, .header-default .sticky-wrapper > .container { width: 100%; max-width: none; padding-right: clamp(52px, 4.2vw, 88px); padding-left: clamp(52px, 4.2vw, 88px); } .header-default .header-top .row { justify-content: space-between !important; align-items: center !important; row-gap: 0; } .header-default .header-top .coop-header-notice-column, .header-default .header-top .coop-header-contact-column { display: flex; align-items: center; } .header-default .header-top .header-links-right { justify-content: flex-end; margin-left: auto; } } .footer-default .widget-area { padding-bottom: 18px !important; } .footer-default .copyright-wrap { padding-top: 10px !important; padding-bottom: 12px !important; } .footer-default .copyright-text { margin-bottom: 0; } @media (max-width: 991px) { .footer-default .widget-area { padding-bottom: 18px !important; } .footer-default .copyright-wrap { padding-top: 10px !important; padding-bottom: 10px !important; } } .header-default.coop-header-overlay { position: absolute; top: 0; right: 0; left: 0; z-index: 41; } .hero-2 .coop-hero-visual { position: absolute; inset: 0 !important; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; display: flex; align-items: center; justify-content: center; z-index: 2; overflow: hidden; pointer-events: none; } .hero-2 .coop-hero-visual img { display: block; width: 100%; height: 100%; object-fit: cover !important; object-position: center top !important; opacity: .30; filter: saturate(.82) brightness(.90); } .hero-2 .coop-hero-watermark { display: block !important; z-index: 3; } @media (min-width: 1200px) { .hero-2 { padding-top: 132px; } .hero-2 .hero-style2.coop-hero-style { padding-top: 220px; padding-bottom: 220px; } } @media (min-width: 768px) and (max-width: 1199px) { .hero-2 { padding-top: 102px; } .hero-2 .coop-hero-visual { inset: clamp(42px, 5vw, 60px) 0 auto !important; width: 100% !important; height: auto !important; aspect-ratio: 1941 / 810 !important; } .hero-2 .coop-hero-visual img { object-fit: contain !important; object-position: center center !important; opacity: .25; filter: saturate(.82) brightness(.90); } .hero-2 .hero-style2.coop-hero-style { padding-top: 167px; padding-bottom: 167px; } .hero-2 > .coop-hero-social { display: block !important; } .hero-2 > .coop-hero-social::before, .hero-2 > .coop-hero-social::after { display: block !important; height: 92px; } .hero-2 .coop-hero-watermark { right: clamp(3%, 4vw, 5%); top: 50%; bottom: auto; transform: translateY(-50%); } .hero-2 .coop-hero-watermark img { width: clamp(150px, 21vw, 230px); max-width: 25vw; } } @media (min-width: 768px) and (max-width: 991px) { .hero-2 { padding-top: 86px; } .hero-2 .hero-style2.coop-hero-style { padding-top: 149px; padding-bottom: 149px; } } @media (max-width: 767px) { .hero-2 { padding-top: 70px; } .hero-2 .hero-inner::after { inset: 104px 0 0 0 !important; border-radius: 24px 0 0 24px; } .hero-2 #heroSlide2 { margin-left: 15px; border-radius: 24px 0 0 24px; } .hero-2 .coop-hero-visual { inset: 0 !important; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; } .hero-2 .coop-hero-visual img { object-fit: cover !important; object-position: 74% center !important; opacity: .19; filter: saturate(.78) brightness(.86); } .hero-2 .hero-style2.coop-hero-style { max-width: 100%; margin-left: 0; padding-top: 125px; padding-bottom: 125px; } .hero-2 > .coop-hero-social { display: flex !important; top: auto !important; right: auto !important; bottom: 34px !important; left: 50% !important; flex-direction: row; align-items: center; justify-content: center; gap: 10px; max-width: calc(100% - 28px); transform: translateX(-50%) !important; } .hero-2 > .coop-hero-social::before, .hero-2 > .coop-hero-social::after { display: none !important; } .hero-2 > .coop-hero-social a { --icon-size: 34px; margin-right: 0 !important; margin-bottom: 0 !important; font-size: 12px; } .hero-2 > .coop-hero-social a:last-child { margin-bottom: 0 !important; } .hero-2 .coop-hero-watermark { right: 3%; top: 50%; bottom: auto; transform: translateY(-50%); } .hero-2 .coop-hero-watermark img { width: clamp(108px, 30vw, 145px); max-width: 32vw; opacity: .11; } } @media (max-width: 575px) { .hero-2 { padding-top: 58px; } .hero-2 .hero-inner::after { inset: 92px 0 0 0 !important; } .hero-2 #heroSlide2 { margin-left: 15px; } .hero-2 .hero-style2.coop-hero-style { padding-top: 110px; padding-bottom: 110px; } .hero-2 > .coop-hero-social { top: auto !important; bottom: 28px !important; left: 50% !important; gap: 8px; } .hero-2 > .coop-hero-social::before, .hero-2 > .coop-hero-social::after { display: none !important; } .hero-2 > .coop-hero-social a { --icon-size: 32px; margin-bottom: 0 !important; font-size: 11px; } } @media (max-width: 359px) { .hero-2 .hero-inner::after { left: 0 !important; } .hero-2 #heroSlide2 { margin-left: 12px; } .hero-2 .hero-style2.coop-hero-style { padding-top: 103px; padding-bottom: 103px; } .hero-2 > .coop-hero-social { left: 50% !important; gap: 6px; } .hero-2 > .coop-hero-social a { --icon-size: 30px; } } .koop-assistant { --koop-assistant-shadow:0 24px 65px rgb(2 10 25 / .38); --koop-panel-header-height:88px; font-family:var(--mek-font-site-sans); } .koop-assistant * { box-sizing:border-box; } .koop-assistant__launcher { position:fixed; right:max(28px,env(safe-area-inset-right)); bottom:calc(28px + env(safe-area-inset-bottom)); width:68px; height:68px; padding:0; border:0; border-radius:22px; display:grid; place-items:center; overflow:hidden; cursor:pointer; z-index:99988; background:linear-gradient(145deg,#2182d4,var(--mek-brand-primary)); box-shadow:0 18px 38px rgb(0 0 0 / .34),0 0 0 8px rgb(var(--mek-brand-primary-rgb) / .10); transition:transform var(--mek-transition),box-shadow var(--mek-transition),opacity .2s ease,visibility .2s ease; } .koop-assistant__launcher::before { content:""; position:absolute; inset:1px; border-radius:inherit; background:linear-gradient(180deg,rgb(255 255 255 / .17),transparent 48%); pointer-events:none; } @media(hover:hover){.koop-assistant__launcher:hover{transform:translateY(-3px)}} .koop-assistant__launcher:focus-visible { outline:3px solid rgb(96 165 250 / .65); outline-offset:4px; } .koop-assistant__status { position:absolute; top:4px; right:4px; width:16px; height:16px; border:2.5px solid #fff; border-radius:50%; background:#22c55e; box-shadow:0 5px 12px rgb(15 23 42 / .18); } .koop-assistant__launcher-icon { position:relative; z-index:1; width:36px; height:36px; display:grid; place-items:center; color:#fff; filter:drop-shadow(0 4px 10px rgb(8 47 73 / .18)); } .koop-assistant__launcher-icon svg { width:100%; height:100%; display:block; } .koop-assistant__panel { position:fixed; right:max(28px,env(safe-area-inset-right)); bottom:calc(108px + env(safe-area-inset-bottom)); width:min(390px,calc(100vw - 32px)); height:min(680px,calc(100vh - 128px)); height:min(680px,calc(100dvh - 128px)); overflow:hidden; z-index:99987; border:1px solid rgb(255 255 255 / .32); border-radius:22px; background:#fff; box-shadow:var(--koop-assistant-shadow); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(16px) scale(.97); transform-origin:bottom right; transition:opacity .24s ease,visibility .24s ease,transform .24s ease; } .koop-assistant__panel.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:none; } .koop-assistant__header { position:relative; height:var(--koop-panel-header-height); padding:14px 16px; display:flex; align-items:center; gap:12px; background:linear-gradient(135deg,#2182d4,var(--mek-brand-primary)); color:#fff; } .koop-assistant__avatar { width:48px; height:48px; border-radius:16px; display:grid; place-items:center; flex:0 0 auto; color:var(--mek-brand-primary); background:#fff; border:1px solid rgb(96 165 250 / .20); box-shadow:0 8px 18px rgb(0 0 0 / .15); } .koop-assistant__avatar svg { width:28px; height:28px; display:block; } .koop-assistant__meta { min-width:0; padding-right:30px; } .koop-assistant__meta strong { display:block; font-size:18px; line-height:1.16; letter-spacing:-.35px; } .koop-assistant__meta span { display:block; margin-top:2px; color:rgb(255 255 255 / .88); font-size:12px; line-height:1.3; text-wrap:balance; } .koop-assistant__close { position:absolute; right:12px; top:12px; width:36px; height:36px; padding:0; border:0; border-radius:11px; display:grid; place-items:center; color:#fff; background:rgb(255 255 255 / .10); font:24px/1 Arial,sans-serif; cursor:pointer; transition:background .18s ease,transform .18s ease; } @media(hover:hover){.koop-assistant__close:hover{background:rgb(255 255 255 / .18);transform:scale(1.04)}} .koop-assistant__close:focus-visible,.koop-assistant__quick-action:focus-visible,.koop-assistant__ask:focus-visible,.koop-assistant__composer button:focus-visible{outline:3px solid rgb(255 255 255 / .72);outline-offset:2px} .koop-assistant__content { position:relative; height:calc(100% - var(--koop-panel-header-height)); overflow:hidden; isolation:isolate; background: radial-gradient(circle at 12% 16%,rgb(var(--mek-brand-primary-rgb) / .055),transparent 28%), radial-gradient(circle at 87% 82%,rgb(96 165 250 / .05),transparent 30%), #f7f9fc; } .koop-assistant__start { height:100%; padding:24px 18px 18px; display:flex; flex-direction:column; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgb(148 163 184 / .55) transparent; } .koop-assistant__welcome { padding:4px 2px 8px; } .koop-assistant__welcome h2 { margin:0; color:var(--mek-brand-navy); font-family:var(--mek-font-site-sans); font-size:24px; line-height:1.12; font-weight:var(--mek-font-weight-extrabold); letter-spacing:-.55px; } .koop-assistant__welcome p { margin:7px 0 0; color:#667a94; font-size:13.5px; line-height:1.5; } .koop-assistant__label { margin:18px 0 9px; color:#718198; font-size:10.5px; font-weight:var(--mek-font-weight-extrabold); letter-spacing:.1em; text-transform:uppercase; } .koop-assistant__quick-actions { display:grid; gap:9px; margin-bottom:18px; } .koop-assistant__quick-action { width:100%; min-height:51px; padding:10px 12px; border:1.5px solid rgb(96 165 250 / .24); border-radius:13px; display:flex; align-items:center; gap:9px; color:#334e6f; background:rgb(255 255 255 / .92); font:700 13px/1.35 var(--mek-font-site-sans); cursor:pointer; text-align:left; transition:transform var(--mek-transition),border-color var(--mek-transition),background var(--mek-transition),box-shadow var(--mek-transition); } @media(hover:hover){.koop-assistant__quick-action:hover{background:#fff;border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 8px 18px rgb(var(--mek-brand-primary-rgb) / .10)}} .koop-assistant__quick-icon { width:27px; height:27px; border-radius:9px; display:grid; place-items:center; flex:0 0 auto; color:var(--mek-brand-primary); background:rgb(var(--mek-brand-primary-rgb) / .10); } .koop-assistant__quick-arrow { margin-left:auto; color:#93a7bd; font-size:17px; } .koop-assistant__ask { margin-top:auto; width:100%; min-height:52px; padding:0 15px; border:0; border-radius:13px; display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; color:#fff; background:linear-gradient(135deg,#2182d4,var(--mek-brand-primary)); box-shadow:0 10px 22px rgb(var(--mek-brand-primary-rgb) / .20); font:800 14px/1 var(--mek-font-site-sans); cursor:pointer; } .koop-assistant__ask span:last-child { font-size:23px; } .koop-assistant__chat { height:100%; display:flex; flex-direction:column; min-height:0; } .koop-assistant__chat[hidden] { display:none; } .koop-assistant__chat-body { flex:1; min-height:0; overflow:auto; padding:16px; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgb(148 163 184 / .55) transparent; } .koop-assistant__messages { display:flex; flex-direction:column; gap:12px; } .koop-assistant__message { display:flex; align-items:flex-end; gap:9px; } .koop-assistant__message--user { justify-content:flex-end; } .koop-assistant__mini-avatar { width:32px; height:32px; border-radius:11px; display:grid; place-items:center; flex:0 0 auto; color:var(--mek-brand-primary); background:#fff; border:1px solid rgb(var(--mek-brand-primary-rgb) / .16); box-shadow:0 6px 14px rgb(15 23 42 / .08); } .koop-assistant__mini-avatar svg { width:20px; height:20px; display:block; } .koop-assistant__bubble { max-width:76%; padding:12px 14px; font-size:13.5px; line-height:1.58; overflow-wrap:anywhere; box-shadow:0 8px 18px rgb(15 23 42 / .08); } .koop-assistant__message--assistant .koop-assistant__bubble { color:#26344d; background:#fff; border:1px solid #e3ebf4; border-radius:16px 16px 16px 7px; } .koop-assistant__message--user .koop-assistant__bubble { color:#174e7e; background:linear-gradient(135deg,#eaf5ff,#f5faff); border:1px solid rgb(96 165 250 / .22); border-radius:16px 16px 7px 16px; font-weight:var(--mek-font-weight-semibold); } .koop-assistant__name { display:block; margin-bottom:5px; color:var(--mek-brand-primary); font-size:11px; font-weight:var(--mek-font-weight-extrabold); } .koop-assistant__conversation-divider { width:100%; margin:4px 0 2px; display:flex; align-items:center; gap:9px; color:#8a99ad; font-size:10.5px; font-weight:700; line-height:1; text-align:center; } .koop-assistant__conversation-divider::before,.koop-assistant__conversation-divider::after { content:""; flex:1 1 auto; height:1px; background:#e2e9f1; } .koop-assistant__conversation-divider span { flex:0 0 auto; padding:0 3px; } .koop-assistant__composer-wrap { flex:0 0 auto; padding:12px; padding-bottom:max(12px,env(safe-area-inset-bottom)); border-top:1px solid #e4ebf3; background:rgb(255 255 255 / .94); backdrop-filter:blur(8px); } .koop-assistant__composer { min-height:60px; padding:5px 8px 5px 12px; border:1px solid var(--mek-color-border); border-radius:16px; display:flex; align-items:center; gap:9px; background:#fff; box-shadow:0 8px 18px rgb(15 23 42 / .05); } .koop-assistant__composer:focus-within { border-color:rgb(96 165 250 / .72); box-shadow:0 0 0 3px rgb(96 165 250 / .12),0 8px 18px rgb(15 23 42 / .05); } .koop-assistant__composer textarea { flex:1 1 0%; min-width:0; min-height:24px; max-height:44px; height:auto; padding:2px 3px; border:0; outline:0; resize:none; field-sizing:content; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgb(148 163 184 / .48) transparent; color:#26344d; background:transparent; font:400 14px/20px var(--mek-font-site-sans); } @supports not (field-sizing:content){.koop-assistant__composer textarea{height:44px}} .koop-assistant__composer textarea::placeholder { color:#8ca0b8; } .koop-assistant__composer button { flex:0 0 auto; min-height:40px; padding:11px 14px; border:0; border-radius:12px; color:#fff; background:linear-gradient(135deg,#2182d4,var(--mek-brand-primary)); box-shadow:0 10px 18px rgb(var(--mek-brand-primary-rgb) / .20); font:800 13px/1 var(--mek-font-site-sans); cursor:pointer; } .koop-assistant__service-note { margin:10px 2px 0; padding:9px 11px; border:1px solid rgb(245 158 11 / .22); border-radius:11px; color:#7c5a16; background:rgb(255 251 235 / .92); font-size:11.5px; line-height:1.45; } .koop-assistant__privacy { margin:10px 2px 0; color:#8796aa; font-size:10px; line-height:1.4; text-align:center; } .koop-assistant__privacy--chat { margin:7px 4px 0; font-size:9.5px; } .koop-assistant__reply { display:block; white-space:pre-line; } .koop-assistant__response-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; } .koop-assistant__response-action { min-height:32px; padding:8px 10px; border:1px solid rgb(96 165 250 / .28); border-radius:10px; display:inline-flex; align-items:center; color:var(--mek-brand-primary); background:#f7fbff; font-size:11.5px; font-weight:800; line-height:1.15; text-decoration:none; transition:background .18s ease,border-color .18s ease,transform .18s ease; } .koop-assistant__response-action--button { appearance:none; font-family:var(--mek-font-site-sans); cursor:pointer; } .koop-assistant__response-action--button:focus-visible { outline:3px solid rgb(96 165 250 / .28); outline-offset:2px; } @media(hover:hover){.koop-assistant__response-action:hover{background:#eef7ff;border-color:#60a5fa;transform:translateY(-1px)}} .koop-assistant__typing { width:54px; min-height:40px; display:flex; align-items:center; justify-content:center; gap:4px; } .koop-assistant__typing span { width:6px; height:6px; border-radius:50%; background:#8ca0b8; animation:koop-assistant-typing 1.1s infinite ease-in-out; } .koop-assistant__typing span:nth-child(2){animation-delay:.14s}.koop-assistant__typing span:nth-child(3){animation-delay:.28s} @keyframes koop-assistant-typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}} .koop-assistant__message--error .koop-assistant__bubble { border-color:rgb(239 68 68 / .18); background:#fffafa; } .koop-assistant__message--error .koop-assistant__name { color:#b45309; } .koop-assistant__quick-action:disabled,.koop-assistant__ask:disabled,.koop-assistant__composer button:disabled { cursor:not-allowed; opacity:.58; transform:none; box-shadow:none; } .koop-assistant__composer textarea:disabled { cursor:not-allowed; color:#8ca0b8; } .koop-assistant.is-bootstrapping .koop-assistant__status { background:#f59e0b; } .koop-assistant.is-unavailable .koop-assistant__status { background:#ef4444; } .koop-assistant.is-bootstrapping .koop-assistant__quick-actions { opacity:.72; } @media(max-width:768px){ .koop-assistant__launcher{right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));width:64px;height:64px;border-radius:20px} .koop-assistant__panel{right:max(18px,env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 36px));height:min(680px,calc(100dvh - 114px))} } @media(max-width:560px){ .koop-assistant{--koop-panel-header-height:82px} .koop-assistant__launcher{right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:60px;height:60px;border-radius:19px;box-shadow:0 14px 30px rgb(0 0 0 / .30),0 0 0 7px rgb(var(--mek-brand-primary-rgb) / .09)} .koop-assistant__launcher-icon{width:34px;height:34px} .koop-assistant__panel{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));width:auto;height:calc(100vh - 102px);height:calc(100dvh - 102px);max-height:680px;border-radius:20px;transform-origin:bottom center} .koop-assistant__header{padding:12px 14px;gap:10px} .koop-assistant__avatar{width:44px;height:44px;border-radius:14px} .koop-assistant__avatar svg{width:26px;height:26px} .koop-assistant__meta{padding-right:34px} .koop-assistant__meta strong{font-size:17.5px;line-height:1.14} .koop-assistant__meta span{margin-top:1px;font-size:11.5px;line-height:1.28} .koop-assistant__close{right:10px;top:10px;width:36px;height:36px} .koop-assistant__start{padding:20px 16px 16px} .koop-assistant__welcome{padding-top:2px} .koop-assistant__welcome h2{font-size:22px} .koop-assistant__welcome p{font-size:13px} .koop-assistant__label{margin-top:15px} .koop-assistant__quick-actions{gap:8px;margin-bottom:15px} .koop-assistant__quick-action{min-height:49px;padding:9px 11px} .koop-assistant__ask{min-height:50px} .koop-assistant__chat-body{padding:14px} .koop-assistant__bubble{max-width:82%;padding:11px 13px;font-size:13px;line-height:1.52} .koop-assistant__composer-wrap{padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))} .koop-assistant__composer{min-height:58px;padding:5px 7px 5px 11px;border-radius:15px} .koop-assistant__composer textarea{font-size:16px;line-height:20px} .koop-assistant__composer button{min-height:40px;padding:10px 13px} } @media(max-width:390px){ .koop-assistant{--koop-panel-header-height:76px} .koop-assistant__launcher{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:18px} .koop-assistant__status{width:16px;height:16px;border-width:3px} .koop-assistant__launcher-icon{width:32px;height:32px} .koop-assistant__panel{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));height:calc(100vh - 90px);height:calc(100dvh - 90px);border-radius:18px} .koop-assistant__header{padding:10px 12px;gap:9px} .koop-assistant__avatar{width:40px;height:40px;border-radius:13px} .koop-assistant__avatar svg{width:24px;height:24px} .koop-assistant__meta{padding-right:32px} .koop-assistant__meta strong{font-size:16.5px} .koop-assistant__meta span{font-size:11px;line-height:1.22} .koop-assistant__close{right:8px;top:8px;width:34px;height:34px;border-radius:10px} .koop-assistant__start{padding:16px 13px 13px} .koop-assistant__welcome h2{font-size:20.5px} .koop-assistant__welcome p{margin-top:5px;font-size:12.5px} .koop-assistant__label{margin:13px 0 7px;font-size:10px} .koop-assistant__quick-actions{gap:7px;margin-bottom:12px} .koop-assistant__quick-action{min-height:46px;padding:8px 10px;border-radius:12px;font-size:12.5px} .koop-assistant__quick-icon{width:25px;height:25px;border-radius:8px} .koop-assistant__ask{min-height:47px;padding-inline:13px;font-size:13px} .koop-assistant__chat-body{padding:12px} .koop-assistant__messages{gap:10px} .koop-assistant__message{gap:7px} .koop-assistant__mini-avatar{width:29px;height:29px;border-radius:10px} .koop-assistant__bubble{max-width:84%;padding:10px 12px;font-size:12.75px} .koop-assistant__composer-wrap{padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))} .koop-assistant__composer{min-height:58px;gap:7px} .koop-assistant__composer button{padding-inline:11px;font-size:12.5px} } @media(max-height:620px){ .koop-assistant{--koop-panel-header-height:74px} .koop-assistant__panel{top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));height:auto;max-height:none} .koop-assistant__launcher[aria-expanded="true"]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.92)} .koop-assistant__header{padding-block:9px} .koop-assistant__avatar{width:40px;height:40px;border-radius:13px} .koop-assistant__avatar svg{width:24px;height:24px} .koop-assistant__close{top:8px} .koop-assistant__start{padding-top:14px;padding-bottom:12px} .koop-assistant__welcome h2{font-size:20px} .koop-assistant__welcome p{margin-top:4px;line-height:1.35} .koop-assistant__label{margin-top:11px;margin-bottom:7px} .koop-assistant__quick-actions{gap:6px;margin-bottom:10px} .koop-assistant__quick-action{min-height:44px;padding-block:7px} .koop-assistant__ask{min-height:44px} } @media(prefers-reduced-motion:reduce){ .koop-assistant__launcher,.koop-assistant__panel,.koop-assistant__quick-action,.koop-assistant__close{transition:none} } .koop-assistant + .scroll-top { right:112px; } @media(max-width:768px){.koop-assistant + .scroll-top{right:96px;bottom:25px}} @media(max-width:560px){.koop-assistant + .scroll-top{right:82px;bottom:22px}} @media(max-width:390px){.koop-assistant + .scroll-top{right:76px;bottom:19px}} .hero-2 .coop-hero-mobile-email { display: none; } @media (max-width: 991px) { .hero-2 .coop-hero-watermark { top: 0 !important; right: clamp(18px, 3.2vw, 30px) !important; bottom: 0 !important; display: flex !important; align-items: center; transform: none !important; } } @media (max-width: 767px) { .header-default .header-top .coop-header-contact-column { display: none !important; } .hero-2 .coop-hero-mobile-email { position: absolute; right: 14px; bottom: 83px; left: 14px; z-index: 9; display: flex; align-items: center; justify-content: center; gap: 7px; color: rgba(255, 255, 255, .86); font-size: 12px; line-height: 1.25; white-space: nowrap; } .hero-2 .coop-hero-mobile-email i { flex: 0 0 auto; color: #60A5FA; font-size: 13px; } .hero-2 .coop-hero-mobile-email a { color: inherit; } .hero-2 .coop-hero-mobile-email a:hover, .hero-2 .coop-hero-mobile-email a:focus { color: #93C5FD; } .hero-2 .coop-hero-watermark { right: 3% !important; } } @media (max-width: 575px) { .hero-2 .coop-hero-mobile-email { bottom: 73px; font-size: 11.5px; } } @media (max-width: 359px) { .hero-2 .coop-hero-mobile-email { right: 8px; left: 8px; font-size: 10.5px; } } @media (max-width: 767px) { .footer-default .widget-area .row { align-items: flex-start; } .footer-default .coop-footer-nav-column { flex: 0 0 50%; width: 50%; max-width: 50%; min-width: 0; } .footer-default .coop-footer-nav-column .footer-widget { margin-bottom: 42px; } .footer-default .coop-footer-nav-column .widget_title { max-width: none; margin-bottom: 24px; font-size: clamp(18px, 4.8vw, 21px); line-height: 1.2; } .footer-default .coop-footer-nav-column .menu { width: 100%; } .footer-default .coop-footer-nav-column .menu a { width: 100%; max-width: 100%; margin-bottom: 14px; padding-left: 23px; font-size: 14px; line-height: 1.45; white-space: normal; overflow-wrap: break-word; } .footer-default .coop-footer-nav-column .menu a::before { top: 3px; transform: scale(.86); transform-origin: left center; } } @media (max-width: 359px) { .footer-default .widget-area .row { --bs-gutter-x: 18px; } .footer-default .coop-footer-nav-column .widget_title { margin-bottom: 20px; font-size: 17px; } .footer-default .coop-footer-nav-column .menu a { margin-bottom: 12px; padding-left: 20px; font-size: 13px; } } @media (max-width: 767px) { .footer-default .coop-footer-brand-column, .footer-default .coop-footer-corporate-column { flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 0; } .footer-default .coop-footer-brand-column .th-widget-about { width: 100%; max-width: none; } .footer-default .coop-footer-brand-column .about-logo { display: flex; width: 100%; justify-content: center; } .footer-default .coop-footer-brand-column .about-logo a { display: inline-flex; justify-content: center; } .footer-default .coop-footer-brand-column .about-text { width: 100%; max-width: none; } .footer-default .coop-footer-brand-column .th-social { display: flex; width: 100%; justify-content: center; } .footer-default .coop-footer-brand-column .footer-payment-methods { margin-right: auto; margin-left: auto; } .footer-default .coop-footer-corporate-column .footer-widget, .footer-default .coop-footer-corporate-column .th-widget-contact { width: 100%; max-width: none; } .footer-default .coop-footer-corporate-column .widget_title { width: 100%; max-width: none; } .footer-default .coop-footer-corporate-column .info-box { display: flex; width: 100%; max-width: none; min-width: 0; align-items: center; } .footer-default .coop-footer-corporate-column .info-box .box-details { flex: 1 1 auto; width: auto; max-width: none; min-width: 0; } .footer-default .coop-footer-corporate-column .box-text, .footer-default .coop-footer-corporate-column .box-link { display: block; width: 100%; max-width: none; white-space: normal; overflow-wrap: anywhere; word-break: normal; } } @media (max-width: 767px) { .footer-default .coop-footer-feature-column { flex: 0 0 100%; width: 100%; max-width: 100%; } .footer-default .coop-footer-feature-column .menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; } } @media (min-width: 768px) and (max-width: 1199px) { .footer-default .widget-area > .container, .footer-default .copyright-wrap > .container { width: 100%; max-width: none; margin-right: auto; margin-left: auto; padding-right: clamp(32px, 3vw, 58px); padding-left: clamp(32px, 3vw, 58px); } } @media (min-width: 1360px) { .footer-default .widget-area .coop-footer-grid { display: grid; grid-template-columns: minmax(300px, 1.35fr) repeat(3, minmax(0, 1fr)); column-gap: clamp(38px, 3.4vw, 68px); align-items: start; margin-right: 0; margin-left: 0; } .footer-default .widget-area .coop-footer-grid > [class*="col-"] { width: auto; max-width: none; min-width: 0; padding-right: 0; padding-left: 0; } .footer-default .coop-footer-grid .coop-footer-brand-column, .footer-default .coop-footer-grid .coop-footer-nav-column, .footer-default .coop-footer-grid .coop-footer-contact-column { min-width: 0; } } @media (min-width: 992px) and (max-width: 1359px) { .footer-default .widget-area .coop-footer-grid { display: grid; grid-template-columns: clamp(235px, 22vw, 290px) minmax(140px, 1fr) minmax(165px, 1fr) clamp(255px, 24vw, 310px); column-gap: clamp(12px, 1.35vw, 22px); align-items: start; margin-right: 0; margin-left: 0; } .footer-default .widget-area .coop-footer-grid > [class*="col-"] { width: auto; max-width: none; min-width: 0; padding-right: 0; padding-left: 0; } .footer-default .coop-footer-grid .coop-footer-brand-column { min-width: 0; justify-self: start; } .footer-default .coop-footer-grid .coop-footer-nav-column { min-width: 0; } .footer-default .coop-footer-grid .coop-footer-contact-column { width: 100%; min-width: 0; justify-self: end; } .footer-default .coop-footer-grid .widget_title { font-size: clamp(22px, 2vw, 27px); } .footer-default .coop-footer-nav-column .menu a { font-size: 15px; } .footer-default .coop-footer-brand-column .about-text { max-width: 250px; } .footer-default .coop-footer-contact-column .coop-footer-email { display: inline-flex; max-width: 100%; align-items: center; gap: 8px; } .footer-default .coop-footer-contact-column .coop-footer-email a, .footer-default .coop-footer-contact-column .coop-footer-email span { max-width: 100%; font-size: 14px; white-space: nowrap; overflow-wrap: normal; word-break: normal; } .footer-default .coop-footer-contact-column .th-social { display: flex; width: 100%; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 9px; } .footer-default .coop-footer-contact-column .th-social a { flex: 0 0 auto; margin-right: 0; } .footer-default .coop-footer-contact-column .footer-payment-methods { display: grid; width: fit-content; max-width: 100%; grid-template-columns: repeat(3, max-content); align-items: center; gap: 8px 14px; } } @media (min-width: 768px) and (max-width: 991px) { .footer-default .widget-area .coop-footer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(40px, 6vw, 56px); row-gap: 36px; align-items: start; margin-right: 0; margin-left: 0; } .footer-default .widget-area .coop-footer-grid > [class*="col-"] { width: auto; max-width: none; min-width: 0; padding-right: 0; padding-left: 0; } .footer-default .coop-footer-grid .coop-footer-brand-column { grid-column: 1; grid-row: 1; width: 100%; min-width: 0; } .footer-default .coop-footer-grid > .coop-footer-nav-column:nth-child(2) { grid-column: 2; grid-row: 1; } .footer-default .coop-footer-grid > .coop-footer-nav-column:nth-child(3) { grid-column: 1; grid-row: 2; } .footer-default .coop-footer-grid .coop-footer-contact-column { grid-column: 2; grid-row: 2; width: 100%; min-width: 0; } .footer-default .coop-footer-grid .coop-footer-nav-column { min-width: 0; } .footer-default .coop-footer-contact-column > .footer-widget { width: 100%; max-width: none; } .footer-default .coop-footer-contact-column .widget_title { width: 100%; max-width: none; } .footer-default .coop-footer-contact-column .coop-footer-email { display: inline-flex; max-width: 100%; align-items: center; gap: 10px; } .footer-default .coop-footer-contact-column .coop-footer-email a, .footer-default .coop-footer-contact-column .coop-footer-email span { max-width: 100%; white-space: nowrap; overflow-wrap: normal; word-break: normal; } .footer-default .coop-footer-contact-column .th-social { display: flex; width: 100%; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 14px; } .footer-default .coop-footer-contact-column .th-social a { flex: 0 0 auto; margin-right: 0; } .footer-default .coop-footer-contact-column .footer-payment-methods { display: grid; width: fit-content; max-width: 100%; grid-template-columns: repeat(3, max-content); align-items: center; gap: 10px 18px; } } @media (max-width: 767px) { .footer-default .coop-footer-brand-column .about-logo { justify-content: flex-start; } .footer-default .coop-footer-brand-column .about-logo a { justify-content: flex-start; } .footer-default .coop-footer-contact-column { text-align: left; } .footer-default .coop-footer-contact-column .coop-footer-email { justify-content: flex-start; } .footer-default .coop-footer-contact-column .th-social { justify-content: space-between; width: 100%; } .footer-default .coop-footer-contact-column .th-social a { margin-right: 0; } .footer-default .coop-footer-contact-column .footer-payment-methods { margin-right: auto; margin-left: auto; } .footer-default .copyright-wrap .footer-links ul { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; white-space: nowrap; } .footer-default .copyright-wrap .footer-links li { flex: 0 0 auto; gap: 7px; margin-right: 7px; } .footer-default .copyright-wrap .footer-links li:after { display: inline-block; width: 5px; } .footer-default .copyright-wrap .footer-links li:last-child { margin-right: 0; } .footer-default .copyright-wrap .footer-links li:last-child:after { display: none; } .footer-default .copyright-wrap .footer-links li a { font-size: clamp(11px, 2.9vw, 12px); line-height: 1.2; letter-spacing: -0.012em; white-space: nowrap; } } @media (min-width: 768px) { .footer-default .widget-area { padding-top: 60px !important; } .footer-default .coop-footer-grid > [class*="col-"] > .footer-widget { margin-bottom: 0; } } @media (max-width: 767px) { .footer-default .widget-area { padding-top: 52px !important; } } @media (min-width: 768px) { .footer-default .coop-footer-grid { transform: translateY(-12px); } .footer-default .coop-footer-brand-column .about-logo { position: relative; top: -3px; } } @media (max-width: 767px) { .footer-default .coop-footer-contact-column .th-social { width: calc(100% - 40px); margin-right: 20px; margin-left: 20px; } .footer-default .coop-footer-contact-column > .footer-widget { margin-bottom: 16px; } .footer-default .widget-area { padding-bottom: 10px !important; } } @media (min-width: 992px) and (max-width: 1100px) { .footer-default .copyright-wrap .copyright-text { font-size: 14px; line-height: 1.3; letter-spacing: -0.01em; white-space: nowrap; } .footer-default .copyright-wrap .footer-links li a { font-size: 14px; line-height: 1.3; letter-spacing: -0.01em; white-space: nowrap; } .footer-default .copyright-wrap .footer-links li { margin-right: 6px; } } :root { --coop-shell-max: 1680px; --coop-gutter: clamp(16px, 3.2vw, 64px); --coop-section-space: clamp(72px, 7vw, 128px); --coop-body-size: clamp(15px, 0.92rem + 0.12vw, 18px); } html { min-width: 320px; overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { min-width: 320px; overflow-x: clip; } img, svg { max-width: 100%; } button, a { touch-action: manipulation; } a:focus-visible, button:focus-visible { outline: 3px solid rgba(96, 165, 250, 0.78); outline-offset: 4px; } #hero, #koop-services { scroll-margin-top: 112px; } .header-default .header-top > .container, .header-default .sticky-wrapper > .container, .koop-services-section > .container{ width: 100%; max-width: var(--coop-shell-max) !important; margin-inline: auto; padding-inline: var(--coop-gutter) !important; } .header-default .header-top { padding-block: 5px !important; } .header-default .header-top .notice-animated { min-height: 34px; padding: 5px 11px 5px 7px; } .header-default .header-top .notice-text, .header-default .header-top .header-links-right a { font-size: clamp(13px, 0.72vw, 15px); line-height: 1.35; } .header-default .menu-area { min-height: clamp(82px, 5.2vw, 102px); } .header-default .menu-area > .row { width: 100%; margin-inline: 0; } .header-default .header-logo img { width: clamp(180px, 10.7vw, 220px) !important; max-width: 100%; } .header-default .main-menu > ul { display: flex; align-items: center; flex-wrap: nowrap; } .header-default .main-menu > ul > li { margin-inline: clamp(7px, 0.78vw, 16px) !important; } .header-default .main-menu > ul > li > a { display: inline-flex; align-items: center; min-height: 44px; font-size: clamp(13px, 0.72vw, 15px) !important; white-space: nowrap; } .header-default .header-button .coop-login-btn { min-width: 122px; min-height: 48px; padding: 13px clamp(18px, 1.35vw, 26px); font-size: clamp(14px, 0.76vw, 16px); line-height: 1.2; } .header-default .th-menu-toggle { --btn-size: 46px; min-width: 46px; min-height: 46px; } .th-menu-wrapper .th-menu-area { width: min(380px, 92vw); max-width: 380px; } .th-menu-wrapper .th-menu-area .th-menu-content { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; } .th-menu-wrapper .mobile-logo { padding: clamp(30px, 7vh, 48px) 24px 26px; } .th-menu-wrapper .mobile-logo img { width: min(220px, 72%); height: auto; } .th-mobile-menu > ul { padding-inline: clamp(20px, 6vw, 30px); } .th-mobile-menu ul li a { display: flex; align-items: center; min-height: 48px; padding-block: 12px; padding-right: 40px; font-size: clamp(15px, 3.8vw, 17px); line-height: 1.4; } .th-mobile-menu ul .menu-item-has-children > a::after, .th-mobile-menu ul .menu-item-has-children > a .th-mean-expand { width: 32px; height: 32px; line-height: 32px; margin-top: -16px; } .coop-mobile-login { padding-inline: clamp(20px, 6vw, 30px); } .th-menu-wrapper .coop-login-btn { min-height: 50px; } .coop-mobile-info { padding: 24px clamp(20px, 6vw, 30px) max(28px, env(safe-area-inset-bottom)); font-size: clamp(13px, 3.5vw, 15px); } .coop-mobile-info a, .coop-mobile-info span { overflow-wrap: anywhere; } .koop-services-section { padding-block: var(--coop-section-space) !important; } .koop-services-section .row.g-4 { display: grid !important; grid-template-columns: repeat(3, minmax(0, clamp(340px, 20vw, 420px))); justify-content: center; align-items: stretch; width: 100%; max-width: 1440px; margin-inline: auto !important; column-gap: clamp(32px, 4vw, 76px) !important; row-gap: clamp(42px, 4vw, 64px) !important; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { width: auto !important; max-width: none !important; min-width: 0; padding-inline: 0 !important; flex: none !important; } .koop-services-section .koop-service-card { width: 100% !important; max-width: none !important; height: auto !important; min-height: clamp(350px, 20vw, 390px) !important; padding: clamp(28px, 2vw, 36px) clamp(26px, 2.1vw, 38px) clamp(26px, 1.8vw, 34px) !important; } .koop-service-icon { width: clamp(70px, 4.2vw, 84px) !important; height: clamp(70px, 4.2vw, 84px) !important; margin-bottom: clamp(18px, 1.4vw, 24px) !important; } .koop-service-icon svg { width: clamp(38px, 2.3vw, 46px) !important; height: clamp(38px, 2.3vw, 46px) !important; } .koop-service-card h3 { font-size: clamp(24px, 1.45vw, 29px) !important; line-height: 1.2; } .koop-service-card p { max-width: 36ch; font-size: clamp(15px, 0.82vw, 17px) !important; line-height: 1.65 !important; text-wrap: pretty; } .koop-service-link { min-height: 44px; padding: 10px 2px 4px; font-size: clamp(15px, 0.78vw, 16px) !important; } .scroll-top { appearance: none; border: 0; padding: 0; } body.coop-menu-open { overflow: hidden; } @media (min-width: 1200px) { } @media (min-width: 768px) and (max-width: 1199px) { :root { --coop-gutter: clamp(24px, 4vw, 46px); } .header-default .menu-area { min-height: 82px; } .header-default .header-logo img { width: clamp(180px, 22vw, 205px) !important; } .koop-services-section .row.g-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 820px; gap: clamp(28px, 4vw, 42px) !important; } .koop-services-section .koop-service-card { min-height: 360px !important; } } @media (max-width: 767px) { :root { --coop-gutter: clamp(14px, 4.5vw, 24px); --coop-section-space: clamp(60px, 17vw, 82px); } .header-default .header-top { padding-block: 6px !important; } .header-default .header-top .row { flex-wrap: nowrap !important; } .header-default .header-top .coop-header-notice-column { width: 100%; min-width: 0; } .header-default .header-top .notice-animated { width: min(100%, 420px); min-height: 32px; justify-content: center; margin-inline: auto; } .header-default .header-top .notice-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(11.5px, 3.2vw, 13px); } .header-default .menu-area { min-height: clamp(70px, 19vw, 78px) !important; } .header-default .header-logo img { width: clamp(150px, 44vw, 178px) !important; } .koop-services-section .row.g-4 { grid-template-columns: minmax(0, 1fr); max-width: 420px; row-gap: clamp(48px, 14vw, 68px) !important; } .koop-services-section .koop-service-card { min-height: 0 !important; padding: clamp(28px, 8vw, 34px) clamp(22px, 7vw, 30px) 26px !important; } .koop-service-card p { max-width: 38ch; } } @media (max-width: 480px) { } @media (max-width: 359px) { .header-default .header-top .notice-arrow { display: none; } .header-default .header-logo img { width: 145px !important; } .th-menu-wrapper .th-menu-area { width: calc(100vw - 22px); } } @media (min-width: 1600px) { .koop-services-section .row.g-4 { grid-template-columns: repeat(3, minmax(0, clamp(380px, 21vw, 420px))); column-gap: clamp(60px, 4vw, 88px) !important; } } @media (min-width: 3000px) { :root { --coop-shell-max: 1800px; --coop-gutter: clamp(64px, 3vw, 92px); --coop-section-space: 136px; } .header-default .header-logo img { width: 240px !important; } .header-default .main-menu > ul > li > a { font-size: 16px !important; } .header-default .header-button .coop-login-btn { min-height: 52px; font-size: 17px; } .koop-services-section .row.g-4 { column-gap: 96px !important; } .koop-service-card h3 { font-size: 30px !important; } .koop-service-card p { font-size: 18px !important; } } @media (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) { .header-default .header-top { display: none !important; } .header-default .menu-area { min-height: 66px !important; } } @media (hover: none) { .koop-service-card:hover { transform: none; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } :root { --coop-site-max: 1920px; --coop-outer-bg: #F5F4EB; --coop-chrome-max: 1840px; --coop-chrome-gutter: clamp(40px, 2.75vw, 56px); } body { background-color: var(--coop-outer-bg) !important; } .header-default, #smooth-content > .hero-2, #smooth-content > .koop-services-section, .footer-default { width: 100%; max-width: var(--coop-site-max); margin-inline: auto; } @media (min-width: 1600px) { .header-default .header-top > .container, .header-default .sticky-wrapper > .container, .footer-default .widget-area > .container, .footer-default .copyright-wrap > .container { width: 100%; max-width: var(--coop-chrome-max) !important; margin-inline: auto; padding-inline: var(--coop-chrome-gutter) !important; } .header-default .menu-area > .row { display: grid !important; grid-template-columns: minmax(250px, 1fr) auto minmax(250px, 1fr); align-items: center; column-gap: clamp(28px, 2.1vw, 42px); width: 100%; } .header-default .menu-area > .row > .col-auto { width: auto !important; max-width: none !important; padding-inline: 0 !important; } .header-default .menu-area > .row > .col-auto:first-child { justify-self: start; } .header-default .menu-area > .row > .col-auto:nth-child(2) { justify-self: center; } .header-default .menu-area > .row > .col-auto:last-child { justify-self: end; } .header-default .header-logo img { width: 228px !important; } .header-default .main-menu > ul > li { margin-inline: 18px !important; } .header-default .main-menu > ul > li > a { font-size: 15.5px !important; } .header-default .header-button .coop-login-btn { min-width: 130px; min-height: 50px; padding-inline: 24px; font-size: 15.5px; } } @media (min-width: 1921px) { .header-default .sticky-wrapper.sticky { left: calc((100vw - var(--coop-site-max)) / 2) !important; right: calc((100vw - var(--coop-site-max)) / 2) !important; } :root { --coop-shell-max: 1680px; --coop-gutter: 64px; --coop-section-space: 128px; } .koop-services-section .row.g-4 { column-gap: 88px !important; } .koop-service-card h3 { font-size: 29px !important; } .koop-service-card p { font-size: 17px !important; } .scroll-top { right: calc( (100vw - var(--coop-site-max)) / 2 + 30px ); } html, body { background: var(--mek-brand-navy-deep) !important; } #smooth-wrapper, #smooth-content { background: transparent !important; } } @media (min-width: 768px) and (max-width: 1199px) { .koop-services-section .row.g-4 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-content: center !important; align-items: start !important; width: 100% !important; max-width: 760px !important; margin-inline: auto !important; column-gap: 70px !important; row-gap: 78px !important; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { width: 100% !important; max-width: none !important; min-width: 0 !important; padding-inline: 0 !important; margin: 0 !important; flex: none !important; } .koop-services-section .row.g-4 > :nth-child(3) { grid-column: 1 / -1 !important; width: calc((100% - 70px) / 2) !important; justify-self: center !important; } } @media (max-width: 767px) { .koop-services-section .row.g-4 { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; justify-content: center !important; align-items: start !important; width: 100% !important; max-width: 340px !important; margin-inline: auto !important; column-gap: 0 !important; row-gap: 74px !important; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { width: 100% !important; max-width: 340px !important; min-width: 0 !important; padding-inline: 0 !important; margin: 0 auto !important; flex: none !important; } } @media (max-width: 767px) { .koop-services-section { --koop-card-mobile-width: clamp(272px, calc(100vw - 68px), 296px); } .koop-services-section .row.g-4 { max-width: var(--koop-card-mobile-width) !important; row-gap: 58px !important; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6, .koop-services-section .koop-service-card { max-width: var(--koop-card-mobile-width) !important; width: 100% !important; } .koop-services-section .koop-service-card { min-height: calc(var(--koop-card-mobile-width) * 1.1) !important; padding: 24px 24px 21px !important; } .koop-services-section .koop-service-icon { width: 66px !important; height: 66px !important; margin-bottom: 16px !important; } .koop-services-section .koop-service-icon svg { width: 36px !important; height: 36px !important; } .koop-services-section .koop-service-card h3 { font-size: 22px !important; margin-bottom: 10px !important; } .koop-services-section .koop-service-card p { font-size: 13.5px !important; line-height: 1.56 !important; max-width: 27ch !important; margin-bottom: 15px !important; } .koop-services-section .koop-service-link { font-size: 13px !important; } } @media (max-width: 389px) { .koop-services-section { --koop-card-mobile-width: clamp(264px, calc(100vw - 56px), 284px); } } @media (max-width: 767px) { .hero-2 .coop-hero-mobile-email { left: 16px !important; right: 16px !important; bottom: 76px !important; width: auto !important; max-width: calc(100% - 32px) !important; gap: 6px !important; padding: 0 6px !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; text-align: center !important; justify-content: center !important; font-size: 11.5px !important; line-height: 1.3 !important; } .hero-2 .coop-hero-mobile-email i { flex: 0 0 auto; margin-top: 1px; } .hero-2 .coop-hero-mobile-email a, .hero-2 .coop-hero-mobile-email span { min-width: 0; overflow-wrap: anywhere !important; word-break: break-word !important; } .hero-2 > .coop-hero-social { left: 50% !important; right: auto !important; bottom: 26px !important; width: calc(100% - 36px) !important; max-width: 270px !important; padding: 0 4px !important; gap: 0 !important; justify-content: space-between !important; transform: translateX(-50%) !important; } .hero-2 > .coop-hero-social a { margin: 0 !important; flex: 0 0 auto !important; } } @media (max-width: 575px) { .hero-2 .coop-hero-mobile-email { bottom: 70px !important; font-size: 11px !important; } .hero-2 > .coop-hero-social { width: calc(100% - 32px) !important; max-width: 252px !important; } } @media (max-width: 359px) { .hero-2 .coop-hero-mobile-email { left: 10px !important; right: 10px !important; font-size: 10.5px !important; } .hero-2 > .coop-hero-social { width: calc(100% - 24px) !important; max-width: 236px !important; } } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 1200px) and (max-width: 1399px) { .header-default .header-logo img { width: 202px !important; } .header-default .main-menu > ul > li > a { font-size: 14px !important; } } @media (min-width: 1400px) and (max-width: 1599px) { .header-default .header-logo img { width: 232px !important; } .header-default .main-menu > ul > li > a { font-size: 15.5px !important; } } @media (min-width: 1600px) { .header-default .header-logo img { width: 240px !important; } .header-default .main-menu > ul > li > a { font-size: 16px !important; } } .coop-header-actions { display: flex; align-items: center; gap: 12px; white-space: nowrap; } .coop-cart-btn { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.20); border-radius: 50%; color: #fff; background: rgba(255,255,255,.035); font-size: 16px; line-height: 1; transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease; } .coop-cart-btn:hover, .coop-cart-btn:focus-visible { color: #fff; background: var(--mek-brand-primary); border-color: var(--mek-brand-primary); transform: translateY(-1px); } .coop-register-link { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; color: rgba(255,255,255,.90); font-size: 14.5px; font-weight: 700; line-height: 1; letter-spacing: .01em; } .coop-register-link::after { content: ""; position: absolute; left: 2px; right: 2px; bottom: 8px; height: 1px; background: #58aaf2; transform: scaleX(0); transform-origin: right center; transition: transform .22s ease; } .coop-register-link:hover, .coop-register-link:focus-visible { color: #fff; } .coop-register-link:hover::after, .coop-register-link:focus-visible::after { transform: scaleX(1); transform-origin: left center; } .coop-mobile-header-actions { align-items: center; gap: 8px; } .coop-mobile-header-actions .coop-cart-btn { width: 36px; height: 36px; flex-basis: 36px; } .coop-mobile-auth { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 2px clamp(20px, 6vw, 30px) 20px; } .coop-mobile-auth .coop-login-btn, .coop-mobile-register-btn { width: 100%; min-width: 0 !important; min-height: 50px; } .coop-mobile-register-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 14px; border: 1px solid rgba(255,255,255,.24); border-radius: 50px; background: rgba(255,255,255,.035); color: #fff; font-size: 15px; font-weight: 700; line-height: 1; } .coop-mobile-register-btn:hover, .coop-mobile-register-btn:focus-visible { color: #fff; background: color-mix(in srgb, var(--mek-brand-primary) 16%, transparent); border-color: rgba(88,170,242,.72); } @media (min-width: 1600px) { .header-default .main-menu > ul > li { margin-inline: 13px !important; } .coop-header-actions { gap: 12px; } .coop-register-link { font-size: 14.5px; } } @media (min-width: 1400px) and (max-width: 1599px) { .header-default .main-menu > ul > li { margin-inline: 9px !important; } .coop-header-actions { gap: 10px; } .coop-cart-btn { width: 36px; height: 36px; flex-basis: 36px; } .coop-register-link { font-size: 14px; } .header-default .header-button .coop-login-btn { min-width: 124px; padding-inline: 20px; } } @media (min-width: 1200px) and (max-width: 1399px) { .header-default .main-menu > ul > li { margin-inline: 5px !important; } .coop-header-actions { gap: 8px; } .coop-cart-btn { width: 34px; height: 34px; flex-basis: 34px; font-size: 15px; } .coop-register-link { font-size: 13px; } .header-default .header-button .coop-login-btn { min-width: 116px; padding-inline: 16px; font-size: 14px; } } @media (max-width: 575px) { .coop-mobile-header-actions { gap: 7px; } .coop-mobile-header-actions .coop-cart-btn { width: 36px; height: 36px; flex-basis: 36px; font-size: 16px; } .coop-mobile-auth { gap: 8px; } .coop-mobile-register-btn, .coop-mobile-auth .coop-login-btn { min-height: 48px; font-size: 14px; } } .coop-cart-btn { position: relative; } .coop-cart-btn i { display: inline-flex; align-items: center; justify-content: center; line-height: 1; transform: translate(0.5px, 0.5px); } .coop-register-link { position: static; min-height: 44px; padding: 0 4px; border: 0; background: transparent; color: #ffffff; font-weight: 700; transition: color .22s ease; } .coop-register-link::after { display: none !important; content: none !important; } .coop-register-link:hover, .coop-register-link:focus-visible { color: var(--theme-color); } .coop-mobile-register-btn { transition: color .22s ease, background-color .22s ease, border-color .22s ease; } .header-default .main-menu > ul > li.menu-item-has-children > a { padding-right: 16px; } .header-default .main-menu ul.sub-menu { min-width: 250px; } .header-default .main-menu ul.sub-menu li a { white-space: normal; line-height: 1.45; } .header-default .main-menu ul.sub-menu li ul.sub-menu { min-width: 190px; } .header-default .main-menu ul.sub-menu li:has(ul.sub-menu) > a { padding-right: 34px; } @media (min-width: 1600px) { .header-default .main-menu > ul > li { margin-inline: 12px !important; } } @media (min-width: 1400px) and (max-width: 1599px) { .header-default .main-menu > ul > li { margin-inline: 8px !important; } .header-default .main-menu > ul > li > a { font-size: 15.5px !important; } .coop-register-link { font-size: 14px; } } @media (min-width: 1200px) and (max-width: 1399px) { .header-default .main-menu > ul > li { margin-inline: 6px !important; } .header-default .main-menu > ul > li > a { font-size: 14px !important; } .coop-register-link { font-size: 13.5px; } } .header-default .main-menu ul.sub-menu { min-width: 230px; width: max-content; } .header-default .main-menu ul.sub-menu li a { white-space: nowrap; line-height: 30px; } .header-default .main-menu ul.sub-menu li ul.sub-menu { min-width: 230px; } .header-default .main-menu ul.sub-menu li:has(ul.sub-menu) > a { padding-right: 0; } .header-default .main-menu ul.sub-menu li a.coop-long-submenu-link { display: block; max-width: 250px; white-space: normal; line-height: 1.45; text-wrap: balance; } .header-default .main-menu ul.sub-menu li a.coop-long-submenu-link:hover { padding-left: 23px; } @media (min-width: 1600px) and (max-width: 1699px) { .header-default .header-logo img { width: 232px !important; } .header-default .main-menu > ul > li > a { font-size: 15px !important; } .header-default .main-menu > ul > li { margin-inline: 12px !important; } .coop-register-link { font-size: 14.5px; } } @media (min-width: 1700px) { .header-default .header-logo img { width: 240px !important; } .header-default .main-menu > ul > li > a { font-size: 16px !important; } .header-default .main-menu > ul > li { margin-inline: 12px !important; } .coop-register-link { font-size: 14.5px; } } @media (min-width: 1400px) and (max-width: 1599px) { .header-default .main-menu > ul > li > a { font-size: 15px !important; } } .coop-account { position: relative; display: inline-flex; min-width: 0; } .coop-account-trigger { appearance: none; display: inline-flex; align-items: center; gap: 8px; min-width: 0; min-height: 44px; padding: 0 2px; border: 0; background: transparent; color: #fff; font: inherit; line-height: 1; cursor: pointer; } .coop-account-icon { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; background: rgba(255,255,255,.035); color: #fff; transition: background-color .18s ease, border-color .18s ease, color .18s ease; } .coop-account-icon svg, .coop-account-menu-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .coop-account-trigger:hover .coop-account-icon, .coop-account-trigger:focus-visible .coop-account-icon, .coop-account-trigger[aria-expanded="true"] .coop-account-icon { border-color: rgba(88,170,242,.78); background: color-mix(in srgb, var(--mek-brand-primary) 18%, transparent); color: #fff; } .coop-account-trigger:focus-visible { outline: 2px solid rgba(96,165,250,.72); outline-offset: 4px; border-radius: 4px; } .coop-account-name { display: block; max-width: 108px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 14.5px; font-weight: 700; line-height: 1.2; } .coop-account-chevron { width: 14px; height: 14px; flex: 0 0 14px; fill: none; stroke: rgba(255,255,255,.72); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease, stroke .18s ease; } .coop-account-trigger[aria-expanded="true"] .coop-account-chevron { transform: rotate(180deg); stroke: #60A5FA; } .coop-account-menu { position: absolute; top: calc(100% + 9px); right: 0; z-index: 1200; width: 196px; padding: 6px; border: 1px solid rgba(96,165,250,.24); border-radius: 6px; background: var(--mek-brand-navy); box-shadow: 0 18px 42px rgba(4,12,36,.34); transform-origin: top right; } .coop-account-menu:not([hidden]) { animation: coop-account-menu-in .14s ease-out both; } @keyframes coop-account-menu-in { from { opacity: 0; transform: translateY(-4px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } } .coop-account-menu-item { appearance: none; width: 100%; min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 0 11px; border: 0; border-radius: 4px; background: transparent; color: rgba(255,255,255,.94); font: inherit; font-size: 14px; font-weight: 700; line-height: 1.2; text-align: left; text-decoration: none; cursor: pointer; transition: color .16s ease, background-color .16s ease; } .coop-account-menu-item:hover, .coop-account-menu-item:focus-visible { color: #fff; background: color-mix(in srgb, var(--mek-brand-primary) 22%, transparent); outline: none; } .coop-account-menu-icon { width: 22px; flex: 0 0 22px; display: inline-flex; align-items: center; justify-content: center; color: #60A5FA; } .coop-account-logout { margin-top: 4px; padding-top: 1px; border-top: 1px solid rgba(255,255,255,.10); } .coop-account-logout:hover, .coop-account-logout:focus-visible { color: #fecaca; background: rgba(180,35,24,.16); } .coop-account-logout:hover .coop-account-menu-icon, .coop-account-logout:focus-visible .coop-account-menu-icon { color: #fca5a5; } .coop-account-logout[disabled] { opacity: .58; cursor: wait; } .coop-mobile-auth-user { display: block; padding-bottom: 18px; } .coop-account-mobile { display: block; width: 100%; } .coop-account-mobile .coop-account-trigger { width: 100%; min-height: 50px; justify-content: flex-start; padding: 4px 0; } .coop-account-mobile .coop-account-name { max-width: min(190px, 54vw); font-size: 15px; } .coop-account-mobile .coop-account-chevron { margin-left: auto; } .coop-account-menu-mobile { position: static; width: 100%; margin-top: 7px; padding: 5px; border-color: rgba(255,255,255,.12); background: rgba(8,20,54,.28); box-shadow: none; transform-origin: top center; } .coop-account-menu-mobile .coop-account-menu-item { color: rgba(255,255,255,.94); } .coop-account-menu-mobile .coop-account-menu-item:hover, .coop-account-menu-mobile .coop-account-menu-item:focus-visible { color: #fff; background: color-mix(in srgb, var(--mek-brand-primary) 18%, transparent); } .coop-account-menu-mobile .coop-account-menu-icon { color: #60A5FA; } .coop-account-menu-mobile .coop-account-logout { border-top-color: rgba(255,255,255,.10); } .coop-account-menu-mobile .coop-account-logout:hover, .coop-account-menu-mobile .coop-account-logout:focus-visible, .coop-account-menu-mobile .coop-account-logout:hover .coop-account-menu-icon, .coop-account-menu-mobile .coop-account-logout:focus-visible .coop-account-menu-icon { color: #fecaca; } @media (min-width: 1200px) and (max-width: 1399px) { .coop-account-icon { width: 34px; height: 34px; flex-basis: 34px; } .coop-account-name { max-width: 76px; font-size: 13.5px; } .coop-account-trigger { gap: 7px; } } @media (prefers-reduced-motion: reduce) { .coop-account-menu:not([hidden]) { animation: none; } .coop-account-chevron, .coop-account-icon { transition: none; } } @media (min-width: 1200px) { .header-default .menu-area { display: flex; align-items: center; padding-top: 0; padding-bottom: 0; } .header-default .menu-area > .row { width: 100%; align-items: center !important; margin-top: 0; margin-bottom: 0; } .header-default .header-logo { padding-top: 0; padding-bottom: 0; } .header-default .main-menu > ul > li > a { padding-top: 21px; padding-bottom: 21px; } .header-default .header-top .notice-text { font-size: 15.5px !important; } .header-default .header-top .header-links-right a { font-size: 14.5px !important; } .hero-2 #heroSlide2, .hero-2 .hero-thumb2-1, .hero-2 .hero-thumb2-1 .thumb { border-radius: 34px 0 0 34px !important; overflow: hidden; } } @media (min-width: 1200px) and (max-width: 1399px) { .header-default .menu-area { min-height: 76px !important; } .header-default .header-logo img { width: 190px !important; } } @media (min-width: 1400px) and (max-width: 1599px) { .header-default .menu-area { min-height: 84px !important; } .header-default .header-logo img { width: 215px !important; } } @media (min-width: 1600px) { .header-default .menu-area { min-height: 84px !important; } .header-default .header-logo img { width: 220px !important; } } .coop-cart-count { position: absolute; top: -6px; right: -7px; z-index: 2; min-width: 18px; height: 18px; padding: 0 4px; display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--mek-brand-navy); border-radius: 999px; background: var(--mek-brand-primary); color: #fff; box-shadow: 0 2px 6px color-mix(in srgb, var(--mek-brand-navy-deep) 28%, transparent); font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; pointer-events: none; white-space: nowrap; } .coop-cart-count[hidden] { display: none !important; } @media (max-width: 575px) { .coop-mobile-header-actions .coop-cart-count { top: -5px; right: -6px; } } @media (min-width: 1280px) { .koop-services-section { padding-top: 105px !important; padding-bottom: 120px !important; } .koop-services-section .container { width: 100% !important; max-width: 1600px !important; padding-right: 16px !important; padding-left: 16px !important; } .koop-services-section .row.g-4 { --bs-gutter-x: 0 !important; --bs-gutter-y: 0 !important; display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: stretch !important; width: 100% !important; max-width: none !important; column-gap: 130px !important; row-gap: 0 !important; margin: 0 !important; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 300px !important; width: 300px !important; max-width: 300px !important; min-width: 300px !important; padding: 0 !important; margin: 0 !important; } .koop-services-section .koop-service-card { width: 300px !important; max-width: 300px !important; height: 330px !important; min-height: 330px !important; padding: 28px 30px 24px !important; } .koop-services-section .koop-service-icon { width: 70px !important; height: 70px !important; margin-bottom: 18px !important; } .koop-services-section .koop-service-icon svg { width: 39px !important; height: 39px !important; } .koop-services-section .koop-service-card h3 { margin: 0 0 11px !important; font-size: 26px !important; line-height: 1.2 !important; } .koop-services-section .koop-service-card p { margin: 0 auto 12px !important; max-width: 340px !important; font-size: 13.1px !important; line-height: 1.52 !important; } .koop-services-section .koop-service-link { margin-top: 6px !important; min-height: 0 !important; padding: 0 0 3px !important; font-size: 14px !important; } } @media (min-width: 1200px) and (max-width: 1279px) { .koop-services-section .row.g-4 { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: stretch !important; column-gap: 70px !important; row-gap: 0 !important; max-width: none !important; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { flex: 0 0 300px !important; width: 300px !important; max-width: 300px !important; min-width: 300px !important; padding: 0 !important; } .koop-services-section .koop-service-card { width: 300px !important; max-width: 300px !important; height: 330px !important; min-height: 330px !important; padding: 28px 30px 24px !important; } .koop-services-section .koop-service-icon { width: 70px !important; height: 70px !important; margin-bottom: 18px !important; } .koop-services-section .koop-service-icon svg { width: 39px !important; height: 39px !important; } .koop-services-section .koop-service-card h3 { margin-bottom: 11px !important; font-size: 26px !important; } .koop-services-section .koop-service-card p { margin-bottom: 12px !important; font-size: 13.1px !important; line-height: 1.52 !important; } .koop-services-section .koop-service-link { margin-top: 6px !important; min-height: 0 !important; padding: 0 0 3px !important; font-size: 14px !important; } } @media (min-width: 768px) and (max-width: 1199px) { .koop-services-section .row.g-4 { display: grid !important; grid-template-columns: repeat(2, 300px) !important; justify-content: center !important; align-items: start !important; max-width: 670px !important; column-gap: 70px !important; row-gap: 70px !important; margin-inline: auto !important; } .koop-services-section .row.g-4 > .col-lg-4, .koop-services-section .row.g-4 > .col-md-6 { width: 300px !important; max-width: 300px !important; min-width: 300px !important; padding: 0 !important; margin: 0 !important; } .koop-services-section .row.g-4 > :nth-child(3) { grid-column: 1 / -1 !important; width: 300px !important; justify-self: center !important; } .koop-services-section .koop-service-card { width: 300px !important; max-width: 300px !important; height: 330px !important; min-height: 330px !important; padding: 28px 30px 24px !important; } .koop-services-section .koop-service-icon { width: 70px !important; height: 70px !important; margin-bottom: 18px !important; } .koop-services-section .koop-service-icon svg { width: 39px !important; height: 39px !important; } .koop-services-section .koop-service-card h3 { margin-bottom: 11px !important; font-size: 26px !important; } .koop-services-section .koop-service-card p { margin-bottom: 12px !important; font-size: 13.1px !important; line-height: 1.52 !important; } .koop-services-section .koop-service-link { margin-top: 6px !important; min-height: 0 !important; padding: 0 0 3px !important; font-size: 14px !important; } } @media (max-width: 1199px) { .th-mobile-menu ul .menu-item-has-children > a::after { display: none !important; content: none !important; } .th-mobile-menu ul .menu-item-has-children > a { position: relative; padding-right: 48px !important; } .th-mobile-menu ul .menu-item-has-children > a .th-mean-expand { right: 0 !important; top: 50% !important; margin-top: -16px !important; width: 32px !important; height: 32px !important; line-height: 32px !important; display: inline-flex !important; align-items: center; justify-content: center; float: none !important; } .th-mobile-menu ul .menu-item-has-children.th-active > a .th-mean-expand::before { content: "" !important; } .th-mobile-menu ul .menu-item-has-children:not(.th-active) > a .th-mean-expand::before { content: "" !important; } } @media (min-width: 1200px) { .header-default .main-menu ul.sub-menu li:has(.sub-menu) > a::after, .header-default .main-menu ul.sub-menu li.menu-item-has-children > a::after { transform: rotate(0deg) !important; transform-origin: center !important; transition: transform .2s ease !important; } .header-default .main-menu ul.sub-menu li:has(.sub-menu):hover > a::after, .header-default .main-menu ul.sub-menu li.menu-item-has-children:hover > a::after { transform: rotate(90deg) !important; } } @media (min-width: 1200px) { .header-default .header-top .row { margin-right: 0 !important; margin-left: 0 !important; } .header-default .header-top .header-links-right a { font-size: 15.5px !important; } .hero-2 #heroSlide2 { border-radius: 34px 0 0 34px !important; overflow: hidden !important; clip-path: inset(0 round 34px 0 0 34px); } .hero-2 #heroSlide2 .swiper-wrapper, .hero-2 #heroSlide2 .swiper-slide, .hero-2 .hero-thumb2-1, .hero-2 .hero-thumb2-1 .thumb, .hero-2 .coop-hero-visual { border-radius: inherit !important; } } @media (min-width: 1600px) { .header-default .header-top .coop-header-notice-column, .header-default .header-top .coop-header-contact-column { padding-right: 0 !important; padding-left: 0 !important; } } [data-announcement-topbar][hidden], [data-announcement-mobile][hidden], .koop-announcement-overlay[hidden], .koop-announcement-overlay [hidden] { display: none !important; } @media (min-width: 768px) { .header-default .header-top .coop-header-contact-column { margin-left: auto !important; flex: 0 0 auto; } .header-default .header-top .coop-header-notice-column { min-width: 0; flex: 0 1 auto; } .header-default .header-top .coop-header-contact-column .header-links-right { justify-content: flex-end; text-align: right; } } .header-default .header-top button.koop-announcement-trigger { appearance: none; font: inherit; text-align: left; cursor: pointer; max-width: min(850px, 100%); } .header-default .header-top .koop-announcement-trigger .notice-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .koop-announcement-trigger .notice-badge, .koop-announcement-trigger .notice-text, .koop-mobile-announcement-trigger [data-announcement-title] { transition: opacity .16s ease, transform .16s ease; } .koop-announcement-trigger.koop-notice-is-changing .notice-badge, .koop-announcement-trigger.koop-notice-is-changing .notice-text, .koop-mobile-announcement-trigger.koop-notice-is-changing [data-announcement-title] { opacity: 0; transform: translateY(3px); } .header-default .header-top .koop-announcement-trigger:hover { border-color: #94ccff; } .header-default .header-top .koop-announcement-trigger:focus-visible, .koop-mobile-announcement-trigger:focus-visible { outline: 3px solid #9bd3ff; outline-offset: 3px; } .koop-mobile-announcement-trigger { display: flex; align-items: flex-start; gap: 10px; width: 100%; margin-top: 9px; padding: 12px; background: rgba(75, 150, 238, .10); color: #fff; border: 1px solid rgba(110, 174, 255, .26); border-radius: 12px; font-size: 13px; line-height: 1.5; text-align: left; cursor: pointer; } .koop-mobile-announcement-trigger > span:nth-child(2) { flex: 1; min-width: 0; overflow-wrap: anywhere; } .koop-mobile-announcement-trigger i { color: #7abfff; } .koop-announcement-overlay { position: fixed; inset: 0; z-index: 2147480000; background: rgba(4, 12, 28, .36); animation: koopAnnouncementBackdrop .18s ease-out both; } .koop-announcement-dialog { --koop-notice-border-left: var(--mek-brand-primary); --koop-notice-border-right: #59b2f7; position: fixed; inset: auto; box-sizing: border-box; width: min(710px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow-x: hidden; overflow-y: auto; color: #f7faff; background: linear-gradient(135deg, #172449 0%, #111b31 100%) padding-box, linear-gradient(90deg, var(--koop-notice-border-left) 0%, var(--koop-notice-border-left) 50%, var(--koop-notice-border-right) 50%, var(--koop-notice-border-right) 100%) border-box; border: 6px solid transparent; border-radius: 23px; box-shadow: 0 22px 64px rgba(1, 10, 32, .36), 0 3px 13px rgba(19, 91, 159, .16); isolation: isolate; animation: koopAnnouncementDialog .22s cubic-bezier(.2,.75,.25,1) both; scrollbar-gutter: auto; } .koop-announcement-dialog--with-image { width: min(950px, calc(100vw - 28px)); } .koop-announcement-dialog:focus { outline: none; } .koop-announcement-content { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; padding: clamp(25px, 3vw, 37px) 48px; } .koop-announcement-dialog--with-image .koop-announcement-content { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: clamp(20px, 2.5vw, 32px); } .koop-announcement-copy { min-width: 0; width: 100%; display: flex; flex-direction: column; align-items: flex-start; } .koop-announcement-heading { width: 100%; margin: 0 0 17px; padding-right: 38px; color: #f8fbff; font-family: var(--mek-font-site-serif); font-size: clamp(24px, 2.55vw, 32px); font-weight: 700; line-height: 1.33; letter-spacing: -.022em; text-wrap: balance; overflow-wrap: anywhere; } .koop-announcement-summary { width: 100%; margin: 0 0 21px; color: #d0dcf0; font: 500 14px/1.71 var(--mek-font-site-sans); overflow-wrap: anywhere; } .koop-announcement-summary p { margin: 0 0 11px; color: inherit; font: inherit; } .koop-announcement-summary p:last-child { margin-bottom: 0; } .koop-announcement-summary strong, .koop-announcement-summary b { color: #f8fbff; font-weight: 800; } .koop-announcement-summary a { color: #94d1ff; text-decoration: underline; text-underline-offset: 3px; } .koop-announcement-summary mark { color: #f8fbff; background: #20548b; padding: 0 2px; } .koop-announcement-cta { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 44px; padding: 10px 18px; border-radius: 10px; background: var(--mek-brand-primary); color: #fff; font: 800 13px/1.3 var(--mek-font-site-sans); text-decoration: none; box-shadow: 0 8px 19px rgba(25,119,204,.22); transition: background .18s ease, transform .18s ease; } .koop-announcement-cta:hover { color: #fff; background: var(--mek-brand-primary-hover); transform: translateY(-1px); } .koop-announcement-cta:focus-visible, .koop-announcement-close:focus-visible { outline: 3px solid #71b9ed; outline-offset: 3px; } .koop-announcement-cta span:last-child { font-size: 19px; line-height: .8; } .koop-announcement-media { display: flex; align-items: center; justify-content: center; min-width: 0; margin: 0; padding: 12px; border: 1px solid rgba(125, 182, 246, .26); border-radius: 16px; background: linear-gradient(160deg, #1d3564, #111d36); } .koop-announcement-media img { display: block; width: 100%; max-height: min(490px, 55dvh); object-fit: contain; border-radius: 10px; box-shadow: 0 6px 18px rgba(12, 47, 89, .15); } .koop-announcement-close { position: sticky; float: right; top: 13px; right: 13px; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; margin: 13px 13px -47px -47px; padding: 0; background: #243d65; border: 1px solid #456da0; border-radius: 50%; color: #e8f4ff; font: 400 23px/1 var(--mek-font-site-sans); cursor: pointer; transition: background .16s ease; } .koop-announcement-close:hover { background: #315481; } @keyframes koopAnnouncementBackdrop { from { opacity: 0; } to { opacity: 1; } } @keyframes koopAnnouncementDialog { from { opacity: .6; transform: translateY(-8px); } to { opacity: 1; transform: none; } } @media (max-width: 767px) { .koop-announcement-overlay { background: rgba(4,12,28,.43); } .koop-announcement-dialog { width: calc(100vw - 28px); border-width: 5px; border-radius: 18px; } .koop-announcement-content, .koop-announcement-dialog--with-image .koop-announcement-content { grid-template-columns: minmax(0, 1fr); gap: 19px; padding: 26px 22px 23px; } .koop-announcement-heading { font-size: clamp(23px, 6vw, 28px); padding-right: 25px; } .koop-announcement-summary { font-size: 13px; line-height: 1.67; } .koop-announcement-media { padding: 10px; } .koop-announcement-media img { max-height: 33dvh; } .koop-announcement-close { width: 32px; height: 32px; top: 8px; right: 8px; margin: 8px 8px -40px -40px; } .koop-announcement-cta { width: 100%; } } @media (prefers-reduced-motion: reduce) { .koop-announcement-overlay, .koop-announcement-dialog { animation: none; } .koop-announcement-cta { transition: none; } .koop-announcement-trigger .notice-badge, .koop-announcement-trigger .notice-text, .koop-mobile-announcement-trigger [data-announcement-title] { transition: none; } } .koop-section-heading { --koop-heading-title-color: #fff; --koop-heading-kicker-color: var(--mek-brand-primary); --koop-heading-script-font: "Dancing Script", var(--mek-font-site-script, cursive); max-width: 100%; margin: 0 auto clamp(40px, 4vw, 64px); text-align: center; } .koop-section-heading--light { --koop-heading-title-color: #171a21; } .koop-section-heading__kicker { display: inline-flex; max-width: 100%; align-items: center; justify-content: center; gap: clamp(8px, 1vw, 14px); margin-bottom: 15px; color: var(--koop-heading-kicker-color); } .koop-section-heading__kicker > span { position: relative; display: block; flex: 0 1 clamp(34px, 3.2vw, 62px); width: clamp(34px, 3.2vw, 62px); min-width: 18px; height: 2px; background: currentColor; } .koop-section-heading__kicker > span::after { position: absolute; top: 50%; width: 8px; height: 8px; background: currentColor; content: ''; transform: translateY(-50%) rotate(45deg); } .koop-section-heading__kicker > span:first-child::after { right: -1px; } .koop-section-heading__kicker > span:last-child::after { left: -1px; } .koop-section-heading__kicker > em { color: inherit; font-family: var(--koop-heading-script-font); font-size: clamp(25px, 1.8vw, 34px); font-style: normal; font-weight: 500; line-height: 1.25; overflow-wrap: anywhere; } .koop-section-heading__title { max-width: 20ch; margin: 0 auto; color: var(--koop-heading-title-color); font-size: clamp(34px, 3vw, 56px); font-weight: 800; line-height: 1.12; text-wrap: balance; } @media (min-width: 1280px) { .koop-section-heading { margin-bottom: 54px; } .koop-section-heading__kicker { gap: 12px; } .koop-section-heading__kicker > span { flex-basis: 62px; width: 62px; } .koop-section-heading__kicker > em { font-size: 30px; } .koop-section-heading__title { font-size: 54px; } } @media (min-width: 3000px) { .koop-section-heading__title { font-size: 60px; } } @media (max-width: 575px) { .koop-section-heading__kicker > span { flex-basis: 34px; width: 34px; } .koop-section-heading__title { font-size: clamp(32px, 9vw, 42px); } }
/* Home hero: use the same script face as the common blue section kicker.
   Keep the shared sans font for the description and existing mobile/layout rules. */
.hero-2 .coop-hero-style .hero-subtitle {
  font-family: "Dancing Script", var(--mek-font-site-script, cursive);
  font-style: normal;
  font-weight: 500;
  letter-spacing: normal;
  margin-top: 0;
}

.hero-2 .coop-hero-description {
  font-family: var(--mek-font-site-sans, "Nunito Sans", sans-serif);
}

@media (min-width: 1501px) {
  .hero-2 .coop-hero-style .hero-subtitle {
    font-size: 50px;
    line-height: 1.16;
  }

  .hero-2 .coop-hero-description {
    max-width: 800px;
    font-size: 22px !important;
    line-height: 1.72 !important;
  }
}

@media (min-width: 992px) and (max-width: 1500px) {
  .hero-2 .coop-hero-style .hero-subtitle {
    font-size: 44px;
    line-height: 1.16;
  }

  .hero-2 .coop-hero-description {
    max-width: 720px;
    font-size: 20px !important;
    line-height: 1.72 !important;
  }
}