@charset "UTF-8";/*!
 * Bootstrap  v5.3.5 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.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}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{font-family:var(--bs-font-monospace);font-size:1em}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}img,svg{vertical-align:middle}thead{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.img-fluid{max-width:100%;height:auto}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-2>*{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.g-4{--bs-gutter-x:1.5rem}.g-4{--bs-gutter-y:1.5rem}.g-5{--bs-gutter-x:3rem}.g-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm-6{flex:0 0 auto;width:50%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.row-cols-md-2>*{flex:0 0 auto;width:50%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl-4{flex:0 0 auto;width:33.33333333%}}.form-label{margin-bottom:.5rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);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:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.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):not(.form-floating){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:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);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:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.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,.dropdown-center{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{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after{margin-left:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card-img-top{width:100%}.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-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-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@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-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@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-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@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-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@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-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@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-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.d-block{display:block!important}.d-flex{display:flex!important}.d-none{display:none!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.w-100{width:100%!important}.h-100{height:100%!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-center{justify-content:center!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.order-1{order:1!important}.order-2{order:2!important}.mx-auto{margin-right:auto!important;margin-left:auto!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}.me-2{margin-right:.5rem!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.p-4{padding:1.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.gap-2{gap:.5rem!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.rounded{border-radius:var(--bs-border-radius)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:768px){.mt-md-0{margin-top:0!important}}@media (min-width:992px){.order-lg-1{order:1!important}.order-lg-2{order:2!important}.mb-lg-0{margin-bottom:0!important}}@media (min-width:1200px){.fs-4{font-size:1.5rem!important}}

/* Webtec | HTML Template

Template Name: Webtec
Version: 1.0.0
License: copyright commercial

/************ TABLE OF CONTENTS ***************
1.  Fonts
2.  Reset
3.  Global Settings
4.  Main Header / TWo / Three
5.  Sticky Header 
6.  Mobile Menu
7.  Hidden Sidebar style
8.  Section Title
9.  Banner Section / Two / Three
10. Project Section / Two / Three
11. Features Section / Two / Three
12. About Section / Two / Three
13. Services Section / Two / Three
14. Video Section / Two
15. Contact Section
16. FAQ's Section / Two
17. Fun Fact Section / Two
18. Testimonial Section / Two
19. Process Section / Two
20. Team Section
21. Why Choose Us / Two / Three
22. News Section
23. Main Footer
**********************************************/

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;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:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{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{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-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{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{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:'';flex-shrink:0;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{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{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(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-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:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.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:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.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%;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-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left: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:initial;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:.3s opacity;transform:translate3d(0,0,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{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius: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(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-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;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,1%))}.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,1%))}.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:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;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{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 90deg;
  inherits: false;
}
:root {
  --r: 30px; /* radius */
  --s: 50px; /* size of the inner curve*/
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%) no-repeat;
  --theme-color1: #ff3838;
  --theme-color2: #222222;
  --theme-color1-rgb: 255, 56, 56;
  --theme-color2-rgb: 34, 34, 34;
  --theme-color1-text-color: #ffffff;
  --theme-color2-text-color: #ffffff;
  --theme-color-white: #ffffff;
  --theme-color-white-rgb: 255,255,255;
  --theme-color-lighter: #F8F5F0;
  --theme-color-lighter2: #FCFCFC;
  --theme-color-silver: #F5F5F5;
  --review-color: #FFAA18;
  --theme-color-black: #000000;
  --theme-color-black-rgb: 0, 0, 0;
  --theme-color-dark: #333;
  --theme-color-gray: #222222;
  --gradient-1: linear-gradient(181.35deg, rgba(5, 15, 19, 0) 1.15%, rgba(2, 223, 130, 0.1) 98.91%);
  --text-color: #6d6c74;
  --text-color2: #CCCCCC;
  --headings-color: #24201F;
  --link-color: var(--theme-color1);
  --link-hover-color: var(--theme-color1);
  --body-font-family: "Mulish", sans-serif;
  --heading-font-family: "Kumbh Sans", sans-serif;
  --style-font-family: "Rubik", sans-serif;
  --body-bg: #ffffff;
  --body-font-size: 16px;
  --body-line-height: 1.875;
  --body-font-weight: 400;
  --line-height-heading-h1: 1.2625em;
  --line-height-heading-h2: 1.2em;
  --line-height-heading: 1.333em;
  --line-height-heading-small: 1.5em;
  --h1-font-size: 53px;
  --h2-font-size: 50px;
  --h3-font-size: 30px;
  --h4-font-size: 24px;
  --h5-font-size: 20px;
  --h6-font-size: 16px;
  --h1-font-weight: 500;
  --h2-font-weight: 500;
  --h3-font-weight: 500;
  --h4-font-weight: 500;
  --h5-font-weight: 500;
  --h6-font-weight: 400;
  --sec-title-subtitle-color: var(--theme-color-white);
  --sec-title-subtitle-font-size: 14px;
  --sec-title-subtitle-font-family: var(--heading-font-family);
  --sec-title-subtitle-font-weight: 700;
  --sec-title-subtitle-line-height: 24px;
  --sec-title-color: var(--theme-color-white);
  --sec-title-font-size: var(--h2-font-size);
  --sec-title-font-family: var(--heading-font-family);
  --sec-title-font-weight: 400;
  --sec-title-title-line-height: var(--line-height-heading-h2);
  --theme-light-background: #F7F7F7;
  --theme-light-background-text-color: var(--headings-color);
  --theme-black: #000000;
  --container-width: 1350px;
  --small-container-width: 1000px;
  --large-container-width: 1760px;
}

/*
 * typography.scss
 * -----------------------------------------------
*/
::-moz-selection {
  background: var(--theme-color-dark);
  color: #fff;
  text-shadow: none;
}
::selection {
  background: var(--theme-color-dark);
  color: #fff;
  text-shadow: none;
}

::-webkit-input-placeholder {
  color: #fff;
}

::-moz-input-placeholder {
  color: #fff;
}

::-ms-input-placeholder {
  color: #fff;
}

body {
  background-color: var(--body-bg);
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  counter-reset: my-sec-counter;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  color: var(--text-color);
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}

p, .text {
  color: var(--text-color);
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}

/* -------- Headings ---------- */
h1, h2, h3, h4, h5, h6 {
  color: var(--headings-color);
  font-family: var(--heading-font-family);
  position: relative;
  line-height: var(--line-height-heading-);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small {
  font-weight: normal;
  line-height: 1;
  color: var(--headings-color);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1rem;
}

h1 {
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--line-height-heading-h1);
}

h2 {
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--line-height-heading-h2);
  font-size: clamp(30px, 4vw, 50px);
  line-height: 1.2;
}

h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--line-height-heading);
}

h4 {
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--line-height-heading);
}

h5 {
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  line-height: var(--line-height-heading-small);
}

h6 {
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  line-height: var(--line-height-heading-small);
}

/* -------- Body Text ---------- */

p {
  margin-bottom: 20px;
}
p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus {
  text-decoration: underline;
}

/* -------- other ---------- */
a {
  color: var(--link-color);
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}
a b, a strong {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a img {
  border: none;
}


ul,
address {
  margin-bottom: 10px;
}

 ul {
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

b, strong {
  color: #333;
  font-weight: 600;
}

iframe {
  border: none !important;
}

/*
 * container.scss
 * -----------------------------------------------
*/
.row:not([class*=gx-], [class*=gy-], [class*=g-]) {
  --bs-gutter-x: 30px;
}

.container .container {
  width: 100%;
}

.container .container {
  padding-left: 0;
  padding-right: 0;
}

section > .container {
  padding-top: var(--container-pt);
  padding-bottom: var(--container-pt);
}

@media (min-width: 1400px) {
  .container {
    max-width: var(--container-width);
    --bs-gutter-x: 30px;
  }
}
/*=== Default Form ===*/
.form-control {
  height: calc(2.25rem + 27px);
  padding: 14px 30px;
  outline: 0;
  background-color: #f4f5f8;
  border: 1px solid #f4f5f8;
  color: #111;
  font-size: 0.9rem;
  width: 100%;
}
.form-control::-webkit-input-placeholder {
  color: #111;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #111;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #111;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #111;
  opacity: 1;
}
.form-control::placeholder {
  color: #111;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #111;
}
.form-control::-ms-input-placeholder {
  color: #111;
}

textarea.form-control {
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* -------- Dark Theme Styling ---------- */

/*** 

====================================================================
Reset
====================================================================

***/
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

/*** 

====================================================================
Global Settings
====================================================================

***/
textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.title a {
  color: inherit;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow-x: hidden;
  z-index: 99;
}

.auto-container {
  position: static;
  max-width: var(--container-width);
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.dropdown-toggle::after {
  display: none;
}

/*=======================
    Preloader
=======================*/
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
}
.preloader:after {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/preloader.png);
  background-size: cover;
  content: "";
  height: 41px;
  left: calc(50% - 95px);
  position: absolute;
  top: 50%;
  width: 190px;
  -webkit-animation: pulse 1s infinite linear;
  animation: pulse 1s infinite linear;
}
.preloader:before {
  left: 0;
  position: absolute;
  right: 0;
  top: 55%;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  color: var(--theme-color-dark);
  font-weight: 600;
  font-size: 14px;
  font-family: var(--heading-font-family);
  letter-spacing: 2px;
  text-transform: uppercase;
  content: "Loading";
  -webkit-transition: none;
  transition: none;
}

@-webkit-keyframes text-split {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}

@keyframes text-split {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
/*=======================
Scroll To Top style
=======================*/
.back-to-top-wrapper {
  position: fixed;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: var(--theme-color1);
  -webkit-box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
          box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--theme-color1-text-color);
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  color: var(--text-color-theme-color1);
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}

/*=== List Style One ===*/

/*=== List Style Two ===*/

/*Social Icon One*/

/*Social Icon Two*/

.bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*======================
    Tabs Box
======================*/

/*======================
    Media Play Button 
======================*/

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 50px rgba(191, 168, 136, 0);
    box-shadow: 0 0 0 50px rgba(191, 168, 136, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(191, 168, 136, 0);
    box-shadow: 0 0 0 0 rgba(191, 168, 136, 0);
  }
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 50px rgba(191, 168, 136, 0);
    box-shadow: 0 0 0 50px rgba(191, 168, 136, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(191, 168, 136, 0);
    box-shadow: 0 0 0 0 rgba(191, 168, 136, 0);
  }
}

/*======================
    Contact Info Button 
======================*/

.swiper-horizontal {
  padding-bottom: 70px;
}

.swiper-horizontal > .styled-scrollbar {
  border-radius: 2px;
  height: 3px;
  width: 356px;
  bottom: 11px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: -webkit-gradient(linear, right top, left top, color-stop(-1.4%, rgba(217, 217, 217, 0)), to(#C2A74E));
  background: linear-gradient(270deg, rgba(217, 217, 217, 0) -1.4%, #C2A74E 100%);
}

.swiper-horizontal > .styled-scrollbar > .swiper-scrollbar-drag {
  background-color: var(--theme-color1);
  border-radius: 50%;
  height: 15px;
  max-width: 15px;
  top: -6px;
  cursor: pointer;
}

/*================================
    Progress Bar
=================================*/
.skills {
  position: relative;
}

/*========================
  Select2 Dropdown Plugin
========================*/

/*==========================
	Nav Style One
===========================*/

/*==========================
	Default Tabs
===========================*/

.theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-btn .btn-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*Btn Style One*/
.btn-style-one {
  background-color: var(--theme-color1);
  border-radius: 30px;
  overflow: hidden;
  padding: 8px 20px 8px 8px;
  position: relative;
  color: var(--theme-color1-text-color);
  text-transform: uppercase;
  font-weight: 700;
  gap: 20px;
  /* height: 56px; */
}
.btn-style-one .btn-arrow-left {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--theme-color-white);
  color: var(--theme-color-black);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  width: 40px;
  z-index: 1;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.btn-style-one .btn-arrow-left i {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  width: 10px;
}
.btn-style-one:before {
  background-color: var(--theme-color2);
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 0;
}
.btn-style-one:hover {
  color: var(--theme-color-white);
}
.btn-style-one:hover .btn-arrow-left {
  background-color: var(--theme-color1);
}
.btn-style-one:hover i {
  color: var(--theme-color-white);
}
.btn-style-one:hover:before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

/*Btn Style two*/

/*Btn Style three*/

/*================================
    accordion-box style-two
=================================*/

/*================================
    accordion-box style-three
=================================*/

/*================================
    accordion-box-three
=================================*/

/*================================
    accordion-box-four
=================================*/

@-webkit-keyframes borderanimate2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.5);
            transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}

@keyframes borderanimate2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.5);
            transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
/*** 

====================================================================
  Anim Icons
====================================================================

***/

.word {
  overflow: hidden;
  padding-bottom: 0;
  margin-bottom: -0.1em;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.bounce-y {
  -webkit-animation: bounce-y 5s infinite linear;
          animation: bounce-y 5s infinite linear;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes tm-animation-flicker {
  0%, 100% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  25% {
    -webkit-filter: brightness(0.6);
            filter: brightness(0.6);
  }
  50% {
    -webkit-filter: brightness(0.4);
            filter: brightness(0.4);
  }
  75% {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
  }
}
@keyframes tm-animation-flicker {
  0%, 100% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  25% {
    -webkit-filter: brightness(0.6);
            filter: brightness(0.6);
  }
  50% {
    -webkit-filter: brightness(0.4);
            filter: brightness(0.4);
  }
  75% {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
  }
}
@-webkit-keyframes tm-animation-slide-horizontal {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes tm-animation-slide-horizontal {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@-webkit-keyframes bounce-y {
  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 bounce-y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@-webkit-keyframes zoom-two {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoom-two {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes round-shape-anim {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(194, 167, 78, 0.08), 0 0 0 30px rgba(194, 167, 78, 0.08), 0 0 0 50px rgba(194, 167, 78, 0.08);
            box-shadow: 0 0 0 0 rgba(194, 167, 78, 0.08), 0 0 0 30px rgba(194, 167, 78, 0.08), 0 0 0 50px rgba(194, 167, 78, 0.08);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px rgba(194, 167, 78, 0.08), 0 0 0 50px rgba(194, 167, 78, 0.08), 0 0 0 70px rgba(194, 167, 78, 0);
            box-shadow: 0 0 0 30px rgba(194, 167, 78, 0.08), 0 0 0 50px rgba(194, 167, 78, 0.08), 0 0 0 70px rgba(194, 167, 78, 0);
  }
}
@keyframes round-shape-anim {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(194, 167, 78, 0.08), 0 0 0 30px rgba(194, 167, 78, 0.08), 0 0 0 50px rgba(194, 167, 78, 0.08);
            box-shadow: 0 0 0 0 rgba(194, 167, 78, 0.08), 0 0 0 30px rgba(194, 167, 78, 0.08), 0 0 0 50px rgba(194, 167, 78, 0.08);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px rgba(194, 167, 78, 0.08), 0 0 0 50px rgba(194, 167, 78, 0.08), 0 0 0 70px rgba(194, 167, 78, 0);
            box-shadow: 0 0 0 30px rgba(194, 167, 78, 0.08), 0 0 0 50px rgba(194, 167, 78, 0.08), 0 0 0 70px rgba(194, 167, 78, 0);
  }
}
@-webkit-keyframes shine {
  0% {
    background-position: -200%;
  }
  100% {
    background-position: 200%;
  }
}
@keyframes shine {
  0% {
    background-position: -200%;
  }
  100% {
    background-position: 200%;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateY {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes rotateY {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@-webkit-keyframes rotateX {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateX {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateX {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.rotateX {
  -webkit-animation: rotateX 30s linear infinite;
          animation: rotateX 30s linear infinite;
}

.circle {
  position: fixed;
  width: 10px;
  height: 10px;
  left: -10px;
  top: -10px;
  border-radius: 100%;
  z-index: 1;
  pointer-events: none;
  z-index: 10000;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@supports (mix-blend-mode: difference) {
  .circle {
    background-color: white;
    mix-blend-mode: difference;
  }
}
@media only screen and (max-width: 1023px) {
  .circle {
    display: none !important;
  }
}

@-webkit-keyframes img-anim-left {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-left {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
/*img-animation**********************/

@-webkit-keyframes img-anim-right {
  0% {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-right {
  0% {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Animate 1 */

/*** 

====================================================================
  Search Popup
====================================================================

***/

/*** 

====================================================================
Main Header
====================================================================

***/
.main-header {
  position: relative;
  width: 100%;
  z-index: 999;
}

.main-header .logo {
  position: relative;
  display: block;
}
.main-header .logo img {
  max-width: 100%;
  height: auto;
}
.main-header .main-box {
  position: relative;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 1023.98px) {
  .main-header .main-box {
    padding: 0;
  }
}
.main-header .main-box .nav-outer {
  position: relative;
  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: 1023.98px) {
  .main-header .main-box .nav-outer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}

.main-menu {
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .main-menu {
    display: none;
  }
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: relative;
  top: 0;
}

.main-menu .navigation > li {
  position: relative;
  float: left;
  padding: 32.5px 0;
  margin-right: 59px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 1439.98px) {
  .main-menu .navigation > li {
    margin-right: 40px;
  }
}
@media (max-width: 1199.98px) {
  .main-menu .navigation > li {
    margin-right: 30px;
  }
}
.main-menu .navigation > li:hover:before, .main-menu .navigation > li.current:before {
  color: var(--theme-color1);
  left: 0;
  width: 100%;
}
.main-menu .navigation > li:last-child {
  margin-right: 0;
}
.main-menu .navigation > li:last-child:after {
  display: none;
}
.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  opacity: 1;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > a:hover {
  color: var(--theme-color1);
}
.main-menu .navigation > li > a .icon {
  position: relative;
  font-size: 20px;
  line-height: 24px;
  margin-left: 10px;
}
.main-menu .navigation > li.dropdown > a:after {
  content: "\f107";
  display: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  height: 20px;
  line-height: 24px;
  margin-top: -2px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  z-index: 5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 100%;
  margin-top: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 234px;
  z-index: 100;
  padding: 10px 0 0;
  background-color: var(--theme-color-lighter2);
  margin-top: 30px;
  opacity: 0;
  display: none;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul > li {
  border-bottom: 1px solid var(--theme-color-lighter);
  position: relative;
  width: 100%;
}
.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
  color: var(--theme-color-dark);
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin: 0 30px;
  padding: 10px 0px;
  line-height: 29px;
  position: relative;
  text-align: left;
  text-transform: capitalize;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: var(--theme-color1);
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  position: absolute;
  right: 0;
  top: 11px;
  display: block;
  line-height: 24px;
  font-size: 11px;
  font-weight: 900;
  z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0px;
  margin-top: 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul {
  background-color: var(--theme-color-lighter2);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  display: none;
  left: 100%;
  margin-top: 10px;
  opacity: 0;
  padding: 10px 0 0;
  position: absolute;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  top: 0px;
  width: 220px;
  z-index: 100;
}
.main-menu .navigation > li > ul > li > ul > li {
  border-bottom: 1px solid var(--theme-color-lighter);
  position: relative;
  width: 100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
  color: var(--theme-color-white);
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 30px;
  padding: 10px 0;
  position: relative;
  text-align: left;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
  color: var(--theme-color1);
}

.main-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 30px;
  border: 1px solid var(--theme-color-light);
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: var(--theme-color-light);
  cursor: pointer;
  z-index: 5;
  display: none;
}

/*** 

====================================================================
    Header Style One
====================================================================

***/
.header-style-one {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.header-style-one .header-lower {
  margin: 0;
}
.header-style-one .header-lower .inner-container {
  padding: 29px 99px 26px;
  max-width: none;
}
.header-style-one .main-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-style-one .main-box .nav-outer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1192px;
  margin-left: 30px;
}
.header-style-one .main-menu .navigation > li {
  margin-right: 45px;
}
.header-style-one .main-menu .navigation > li a {
  color: var(--theme-color-white);
  text-transform: uppercase;
  font-family: var(--body-font-family);
  font-size: 14px;
  font-weight: 500;
}
.header-style-one .main-menu .navigation > li.dropdown > a {
  padding-right: 14px;
}
.header-style-one .main-menu .navigation > li.dropdown > a:hover {
  color: var(--theme-color1);
}
.header-style-one .main-menu .navigation > li.dropdown ul li a {
  text-transform: capitalize;
  color: var(--theme-color-dark);
}
.header-style-one .main-menu .navigation > li.dropdown ul li a:hover {
  color: var(--theme-color1);
}
@media (max-width: 1199.98px) {
  .header-style-one .action-box {
    display: none !important;
  }
}
.header-style-one .action-box .theme-btn {
  margin-left: 26px;
}
.header-style-one .mobile-nav-toggler {
  display: none;
}
.header-style-one .mobile-nav-toggler span {
  color: var(--theme-color-white);
}
@media (max-width: 1199.98px) {
  .header-style-one .mobile-nav-toggler {
    display: block;
  }
}
.header-style-one .header-lower {
  margin: 0 15px;
}
.header-style-one .header-lower .inner-container {
  max-width: 1700px;
  margin: 0 auto;
  position: relative;
  padding: 44px 0 29px;
}
@media (max-width: 1439.98px) {
  .header-style-one .header-lower .inner-container {
    padding: 0 15px;
  }
}
@media (max-width: 1023.98px) {
  .header-style-one .header-lower .inner-container {
    padding: 20px 0;
  }
}
.header-style-one .header-lower .logo-box {
  min-width: 200px;
  max-width: min-content;

}
@media (max-width: 1439.98px) {
  .header-style-one .header-lower .logo-box {
    min-width: 160px;
  }
}
.header-style-one .main-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-style-one .main-box .nav-outer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1208px;
}
@media (max-width: 991.98px) {
  .header-style-one .main-box .nav-outer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.header-style-one .action-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 575.98px) {
  .header-style-one .action-box .btn-box {
    display: none;
  }
}
.header-style-one .mobile-nav-toggler {
  color: var(--theme-color-dark);
  margin-left: 4px;
}

/*** 

====================================================================
    Header Style two
====================================================================

***/

/*** 

====================================================================
    Header Style three
====================================================================

***/

/***

====================================================================
    Sticky Header
====================================================================

***/
.sticky-header {
  background: var(--theme-color-white);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  left: 0px;
  opacity: 0;
  padding: 0px 0px;
  position: fixed;
  top: 0px;
  visibility: hidden;
  width: 100%;
  z-index: 99999;
}
.sticky-header .mobile-nav-toggler span {
  color: var(--theme-color-black);
}
.sticky-header .header-phone_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-right: 46px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023px) {
  .sticky-header .header-phone_box {
    display: none;
  }
}
.sticky-header .header-phone_box:hover .icon {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}
.sticky-header .header-phone_box .icon {
  width: 42px;
  height: 42px;
  background-color: var(--theme-color1);
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.sticky-header .header-phone_box i {
  color: var(--theme-color1-text-color);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 16px;
}
.sticky-header .header-phone_box .info {
  font-size: 12px;
  font-weight: 400;
  color: var(--theme-color-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 3px;
}
.sticky-header .header-phone_box .info strong {
  font-weight: 600;
  font-size: 14px;
  font-family: var(--heading-font-family);
  color: var(--theme-color-black);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  line-height: 21px;
}
.sticky-header .header-phone_box .info strong:hover {
  color: var(--theme-color1);
}

.sticky-header .logo {
  padding: 19px 0 20px;
}
.sticky-header .logo img {
  max-height: 31px;
}
.sticky-header .nav-outer {
  position: relative;
  background: none;
}
.sticky-header .inner-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1230px;
  margin: 0 auto;
}

.sticky-header .main-menu .navigation > li {
  margin: 0;
  margin-left: 17px;
  padding: 31px 0px;
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li > a,
.sticky-header .main-menu .navigation > li:hover > a {
  color: var(--theme-color-black);
}

.sticky-header .outer-box {
  display: none;
}

.sticky-header .mobile-nav-toggler {
  display: none;
}
@media (max-width: 1023.98px) {
  .sticky-header .mobile-nav-toggler {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }
}
.main-menu .navigation > li.dropdown ul li a {
  font-size: 16px !important;
}

/*** 

====================================================================
      Mobile Menu
====================================================================

***/
.mobile-nav-toggler {
  position: relative;
  font-size: 28px;
  line-height: 20px;
  cursor: pointer;
  color: var(--theme-color2);
  display: none;
  top: 0;
  margin-left: 20px;
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
@media only screen and (max-width: 1023px) {
  .mobile-nav-toggler {
    display: block;
  }
}

.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}
.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
}
.mobile-menu .upper-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 20px 20px;
}
.mobile-menu .close-btn {
  position: relative;
  top: -10px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}
.mobile-menu .close-btn:hover {
  opacity: 0.5;
}
.mobile-menu .nav-logo {
  position: relative;
  text-align: left;
  width: 100%;
}
.mobile-menu .nav-logo img {
  max-height: 40px;
}
.mobile-menu .menu-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: var(--theme-color-dark);
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li > ul > li:last-child {
  border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {
  color: var(--theme-color1);
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 1px;
  height: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
  content: "\f106";
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
  display: none;
}

.mobile-menu .navigation li > ul > li {
  padding-left: 20px;
}

.contact-list-one {
  position: relative;
  padding: 30px 14px 15px;
}
.contact-list-one li {
  position: relative;
  margin-bottom: 20px;
  position: relative;
  padding-left: 54px;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}
.contact-list-one li:last-child {
  margin-right: 0;
}
.contact-list-one li a {
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contact-list-one li a:hover {
  color: var(--theme-color1);
}
.contact-list-one li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 34px;
  line-height: 50px;
  color: var(--theme-color1);
}
.contact-list-one li .title {
  display: block;
  font-size: 12px;
  color: #b2c1c0;
  font-weight: 400;
  text-transform: uppercase;
}
.contact-list-one li .text {
  color: var(--theme-color-white);
}

.mobile-menu .social-links {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: var(--theme-color-dark);
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: auto;
}
.mobile-menu .social-links li {
  position: relative;
  text-align: center;
  width: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .social-links li a {
  position: relative;
  display: block;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mobile-menu .social-links li a:hover {
  color: var(--theme-color1);
}

/***

====================================================================
  Hidden Sidebar style
====================================================================

***/

/***

==================================================================
gellary-section-h1
==================================================================

***/

/***

==================================================================
gellary-section-h3
==================================================================

***/

/*** 

====================================================================
Section Title
====================================================================

***/
.sec-title {
  position: relative;
  margin-bottom: 60px;
}
.sec-title .sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
  font-size: var(--sec-title-subtitle-font-size);
  line-height: var(--sec-title-subtitle-line-height);
  font-weight: var(--sec-title-subtitle-font-weight);
  font-family: var(--sec-title-subtitle-font-family);
  color: var(--sec-title-subtitle-color);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.sec-title .sub-title .icon {
  color: var(--theme-color-white);
  margin-right: 8px;
  font-size: 16px;
}
.sec-title.text-center .sub-title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec-title h1 {
  position: relative;
  font-size: var(--h1-font-size);
  font-weight: 400;
  line-height: 1.211em;
}
.sec-title h2 {
  position: relative;
  font-size: var(--sec-title-font-size);
  color: var(--sec-title-color);
  font-family: var(--sec-title-font-family);
  font-weight: var(--sec-title-font-weight);
  line-height: var(--sec-title-title-line-height);
  margin-bottom: 0;
  font-size: clamp(30px, 4vw, 50px);
  line-height: 1.2;
}
.sec-title h2 span {
  font-weight: 700;
  color: var(--theme-color1);
}
@media (max-width: 767.98px) {
  .sec-title h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 575.98px) {
  .sec-title h2 {
    font-size: 36px;
    line-height: 46px;
  }
  .sec-title h2 br {
    display: none;
  }
}
.sec-title .text {
  color: var(--theme-color-lighter2);
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  margin-top: 30px;
}
@media (max-width: 575.98px) {
  .sec-title .text {
    font-size: 14px;
  }
  .sec-title .text br {
    display: none;
  }
}
.sec-title.light .sub-title,
.sec-title.light .text,
.sec-title.light h2,
.sec-title.light h1 {
  color: var(--theme-color-gray);
}
.sec-title.light span {
  font-weight: 700;
  color: var(--theme-color-gray);
}

/*** 

====================================================================
sec-title-h1
====================================================================

***/
.sec-title-h1 .sub-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.4px;
  line-height: 19.6px;
  text-transform: uppercase;
  color: var(--text-color);
  margin-bottom: 5px;
}
.sec-title-h1 .title {
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .sec-title-h1 .title br {
    display: none;
  }
}
.sec-title-h1 .text {
  max-width: 615px;
}
.sec-title-h1.white .sub-title {
  color: var(--text-color);
}
.sec-title-h1.white .title {
  color: var(--theme-color-white);
}

/*** 

====================================================================
sec-title-h2
====================================================================

***/
.sec-title-h2 .sub-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.4px;
  line-height: 19.6px;
  text-transform: uppercase;
  color: var(--theme-color1);
  margin-bottom: 10px;
}
.sec-title-h2 .title {
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .sec-title-h2 .title br {
    display: none;
  }
}
.sec-title-h2 .text {
  max-width: 615px;
}
.sec-title-h2.white .sub-title.white {
  color: var(--theme-color-white);
}
.sec-title-h2.white .title {
  color: var(--theme-color-white);
}
.sec-title-h2.white .text {
  color: var(--theme-color-white);
}

/*** 

====================================================================
banner-section-h1
====================================================================

***/
.banner-section-h1 {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.banner-section-h1 .anim-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.banner-section-h1 .outer-box {
  position: relative;
  padding: 160px 0 0;
  overflow: hidden;
}
.banner-section-h1 .outer-box:before {
  position: absolute;
  content: "";
  background-image: url(../images/banner/banner-h1-6.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.1;
}
.banner-section-h1 .outer-box .shape-1 {
  position: absolute;
  left: 54%;
  top: calc(25% + 5px);
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .banner-section-h1 .outer-box .shape-1 {
    display: none;
  }
}
.banner-section-h1 .outer-box .shape-1 img {
  -webkit-animation: tm-animation-flicker 3s ease-in-out infinite;
          animation: tm-animation-flicker 3s ease-in-out infinite;
}
.banner-section-h1 .outer-box .shape-2 {
  position: absolute;
  left: calc(45% + 5px);
  top: 60%;
  z-index: 2;
}
@media (max-width: 1439.98px) {
  .banner-section-h1 .outer-box .shape-2 {
    display: none;
  }
}
.banner-section-h1 .outer-box .shape-3 {
  position: absolute;
  left: 40%;
  top: 55%;
  z-index: 2;
}
@media (max-width: 1439.98px) {
  .banner-section-h1 .outer-box .shape-3 {
    display: none;
  }
}
.banner-section-h1 .outer-box .shape-3 img {
  animation: tm-animation-slide-horizontal 4s linear infinite alternate-reverse both;
}
.banner-section-h1 .bg-image {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1199.98px) {
  .banner-section-h1 .bg-image {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199.98px) {
  .banner-section-h1 .bg-image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
.banner-section-h1 .bg-image:before {
  position: absolute;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, color-stop(63%, #13132E), color-stop(83%, rgba(255, 56, 56, 0.7098039216)));
  background-image: linear-gradient(90deg, #13132E 63%, rgba(255, 56, 56, 0.7098039216) 83%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
}
.banner-section-h1 .inner-box {
  max-width: 1630px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1199.98px) {
  .banner-section-h1 .inner-box .banner-content {
    margin: 0 auto;
  }
}
.banner-section-h1 .inner-box .banner-content .inner-content {
  padding: 10px;
  /* max-width: 928px; */
  margin: 0 0 88px;
  /*text-align: center;*/
}
@media (max-width: 1199.98px) {
  .banner-section-h1 .inner-box .banner-content .inner-content {
    text-align: center;
  }
}
.banner-section-h1 .inner-box .banner-content .inner-content .banner-title {
  font-weight: 300;
  line-height: 90px;
  color: var(--theme-color-white);
  margin-bottom: 42px;
}
@media (max-width: 1439.98px) {
  .banner-section-h1 .inner-box .banner-content .inner-content .banner-title {
    font-size: 80px;
    font-weight: 300;
    line-height: 100px;
  }
}
@media (max-width: 767.98px) {
  .banner-section-h1 .inner-box .banner-content .inner-content .banner-title {
    font-size: 40px;
    line-height: 50px;
  }
}
.banner-section-h1 .inner-box .banner-content .inner-content .banner-title span {
  font-weight: 600;
}
.banner-section-h1 .inner-box .banner-content .inner-content .text {
  position: relative;
  z-index: 1;
  color: var(--text-color2);
  max-width: 635px;
}
@media (max-width: 1199.98px) {
  .banner-section-h1 .inner-box .banner-content .inner-content .text {
    margin: 0 auto;
  }
}
.banner-section-h1 .inner-box .hero-image {
  position: relative;
  z-index: 1;
  max-width: 542px;
}
@media (max-width: 1199.98px) {
  .banner-section-h1 .inner-box .hero-image {
    display: none;
  }
}

/*** 

====================================================================
banner-section-h2
====================================================================

***/

/*** 

====================================================================
banner-section-h3
====================================================================

***/

/***

====================================================================
    project-section-h1
====================================================================

***/

/***

====================================================================
    project-section-h2
====================================================================

***/

/*** 

====================================================================
    Project Section
====================================================================

***/

/***

==================================================================
    Pricing Section
==================================================================

***/

/***

==================================================================
    Pricing Section Four
==================================================================

***/

/*** 

====================================================================
    Feature Block
====================================================================

***/

/*** 

====================================================================
   about- Section h1
====================================================================

***/
.about-section-h1 {
  position: relative;
  padding: 120px 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .about-section-h1 {
    padding: 80px 0;
  }
}
.about-section-h1 .outer-box {
  max-width: 1815px;
  padding: 0 15px;
  margin: 0 auto 0 105px;
}
@media (max-width: 1799px) {
  .about-section-h1 .outer-box {
    margin: 0 0 0 20px;
  }
}
@media (max-width: 575.98px) {
  .about-section-h1 .outer-box {
    margin: 0;
  }
}
.about-section-h1 .outer-box .about-block-h1 .inner-block {
  padding-left: 50px;
  margin-right: -36px;
  padding-top: 15px;
}
@media (max-width: 1599.98px) {
  .about-section-h1 .outer-box .about-block-h1 .inner-block {
    padding-left: 0;
    margin-right: 0;
  }
}
.about-section-h1 .outer-box .about-block-h1 .inner-block .list-info-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  border: 10px solid var(--theme-color-white);
  background-color: rgba(255, 56, 56, 0.1);
  padding: 25px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
  margin-top: 35px;
  margin-bottom: 45px;
  max-width: 679px;
}
@media (max-width: 1499.98px) {
  .about-section-h1 .outer-box .about-block-h1 .inner-block .list-info-box .inner-box {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  .about-section-h1 .outer-box .about-block-h1 .inner-block .list-info-box .inner-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 8px;
  }
}

/*** 

====================================================================
  about-section-h2
====================================================================

***/

/*** 

====================================================================
    About Section h3
====================================================================

***/

/***

====================================================================
    Marquee Section
====================================================================

***/
.marquee-section {
  position: relative;
  padding: 0;
}
.marquee-section .bg {
  opacity: 0.03;
}

.marquee {
  position: relative;
  --duration: 30s;
  --gap: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: var(--gap);
}
.marquee .text {
  color: rgba(2, 1, 1, 0);
  font-size: 80px;
  font-weight: 400;
  font-family: var(--style-font-family);
  letter-spacing: 0;
  line-height: 84px;
  padding: 0 30px;
  -webkit-text-stroke-width: 1.1px;
  -webkit-text-stroke-color: rgba(0, 0, 0, 0.3019607843);
  text-transform: capitalize;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media (max-width: 991.98px) {
  .marquee .text {
    font-size: 60px;
    line-height: 1.1;
  }
}
@media (max-width: 575.98px) {
  .marquee .text {
    font-size: 36px;
  }
}
.marquee .text:after {
  -webkit-text-fill-color: #D9D9D9;
  -webkit-text-stroke: 1px #D9D9D9;
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.marquee .text:hover {
  -webkit-text-fill-color: var(--theme-color-black);
  -webkit-text-stroke: 1px var(--theme-color-black);
  color: var(--theme-color-black);
  cursor: pointer;
}
.marquee .text:hover:after {
  background-color: transparent;
}
.marquee .text:hover:before {
  width: 0;
}
.marquee .text.divider .icon {
  -webkit-text-fill-color: var(--theme-color1);
  -webkit-text-stroke: 1px var(--theme-color1);
  color: var(--theme-color1);
  font-size: 40px;
  position: relative;
  top: -3px;
}
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
}

/*** 

====================================================================
  Main Slider
====================================================================

***/
/***

====================================================================
    Services Section
====================================================================

***/

/***

====================================================================
    Services Section Two
====================================================================

***/

/*** 

====================================================================
  Service Section
====================================================================

***/
.ks-service-area {
  /* padding-top: 110px; */
  padding-bottom: 60px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.ks-service-title {
  margin-bottom: 25px;
  line-height: 1.33;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #ffffff;
}
@media (max-width: 1199.98px) {
  .ks-service-title {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .ks-service-title {
    font-size: 20px;
  }
}
.ks-service-list-box {
  margin-bottom: 20px;
}
.ks-service-list-box ul li {
  line-height: 1.87;
  padding-left: 16px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 11px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .ks-service-list-box ul li {
    font-size: 14px;
  }
}
.ks-service-list-box ul li::after {
  content: "";
  position: absolute;
  top: 0.99em;
  left: 0;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--text-color);
}
.ks-service-more {
  font-weight: 700;
  font-size: 12px;
  color: var(--gray-color2);
  text-transform: uppercase;
}
.ks-service-more::before {
  content: "";
  display: inline-block;
  height: 1px;
  width: 55%;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  margin-right: 20px;
  background-color: rgba(147, 147, 169, 0.3);
}
@media (max-width: 1199.98px) {
  .ks-service-more::before {
    width: 40%;
  }
}
.ks-service-more:hover {
  color: #ffffff;
}
.ks-service-item {
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 30px;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .ks-service-item {
    padding: 30px 25px;
  }
}
.ks-service-item::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 15px;
  background-color: var(--black2-color);
  -webkit-mask-image: url(../images/service/mask.png);
  -webkit-mask-size: cover;
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
  border: 1px solid rgba(147, 147, 169, 0.3)
}
.ks-service-item:hover .ks-service-list-box ul li {
  color: var(--theme-color-white);
}
.ks-service-thumb {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.ks-service-thumb img {
  width: 100%;
  border-radius: 20px;
  -webkit-transition: 1.3s all ease;
  transition: 1.3s all ease;
  min-height: 215px;
}
.ks-service-link {
  position: absolute;
  bottom: 0;
  right: 0;
}
.ks-service-link a {
  display: inline-block;
  border-radius: 200px;
  padding: 10px 15px;
  width: 48px;
  height: 62px;
  line-height: 41px;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: var(--theme-color-white);
  background-color: var(--theme-color1);
}
@media (max-width: 1199.98px) {
  .ks-service-link a {
    height: 55px;
    width: 42px;
    line-height: 2;
  }
}
.ks-service-link a svg {
  position: relative;
  z-index: 1;
}
.ks-service-link a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 200px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: var(--theme-color-dark);
}
.ks-service-style-2 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ks-service-style-2 .outer-box {
  max-width: 1610px;
  margin: 0 auto;
  padding: 0 15px;
}
.ks-service-style-2 .outer-box .sec-title-h1 {
  margin-bottom: 60px;
}
@media (max-width: 991.98px) {
  .ks-service-style-2 .outer-box .sec-title-h1 {
    margin-bottom: 30px;
  }
}
.ks-service-style-2 .outer-box .sec-title-h1 .sub-title {
  margin-bottom: 10px;
}
.ks-service-style-2 .ks-service-item {
  padding: 25px 25px 20px 25px;
  border-radius: 20px;
  z-index: 1;
  margin-bottom: 30px;
}
.ks-service-style-2 .ks-service-item::after {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 20px;
  -webkit-mask-position: bottom right;
  background-color: var(--theme-color-white);
  -webkit-mask-image: url(../images/service/mask-2.png);
}
.ks-service-style-2 .ks-service-item .ks-service-list-box {
  margin-bottom: 15px;
  text-align: justify;
}
@media (max-width: 767.98px) {
  .ks-service-style-2 .ks-service-item .ks-service-list-box {
    text-align: left;
  }}
.ks-service-style-2 .ks-service-item:hover::after {
  background-color: var(--theme-color1);
}
.ks-service-style-2 .ks-service-item:hover .ks-service-list-box ul li {
  color: var(--theme-color-white);
}
.ks-service-style-2 .ks-service-item:hover .ks-service-title {
  color: var(--theme-color-white);
}
.ks-service-style-2 .ks-service-item:hover .ks-service-list-box ul li {
  color: var(--theme-color1-text-color);
}
.ks-service-style-2 .ks-service-item:hover .ks-service-list-box ul li::after {
  background-color: var(--theme-color1-text-color);
}
.ks-service-style-2 .ks-service-item:hover .ks-service-more {
  color: var(--theme-color-white);
}
.ks-service-style-2 .ks-service-item:hover .ks-service-more:before {
  background-color: var(--theme-color1-text-color);
}
.ks-service-style-2 .ks-service-item:hover .ks-service-link a::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.ks-service-style-2 .ks-service-item:hover .ks-service-thumb img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.ks-service-style-2 .ks-service-title {
  font-weight: 600;
  line-height: 32.48px;
  margin-bottom: 22px;
  text-transform: capitalize;
  color: var(--theme-color-dark);
  -webkit-transition: all 0ms ease;
  transition: all 0ms ease;
}
@media (max-width: 1199.98px) {
  .ks-service-style-2 .ks-service-title {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .ks-service-style-2 .ks-service-title {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .ks-service-style-2 .ks-service-more::before {
    width: 36%;
  }
}
.ks-service-style-2.ks-service-area {
  padding-bottom: 10px;
  /* padding-top: 115px; */
}
@media (max-width: 991.98px) {
  .ks-service-style-2.ks-service-area {
    /* padding: 75px 0 50px; */
  }
}

/***

==================================================================
 video-section-h1
==================================================================

***/

/*** 

====================================================================
    Contact Section h1
====================================================================

***/

/*** 

====================================================================
    Contact Section-h2
====================================================================

***/
.contact-section-h2 {
  position: relative;
  padding: 0 0 120px;
}
@media (max-width: 991.98px) {
  .contact-section-h2 {
    padding: 0 0 80px;
  }
}
.contact-section-h2 .outer-box {
  max-width: 1854px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding-left: 15px;
  background-color: var(--theme-color3);
}
@media (max-width: 1199.98px) {
  .contact-section-h2 .outer-box {
    padding-left: 0;
    border-radius: 0;
  }
}
.contact-section-h2 .outer-box .bg {
  border-radius: 20px;
}
.contact-section-h2 .contact-form {
  position: relative;
}
.contact-section-h2 .contact-form .form-group {
  position: relative;
  margin-bottom: 16px;
  padding-right: 0;
}
@media (max-width: 991.98px) {
  .contact-section-h2 .contact-form .form-group {
    padding-right: 16px;
  }
}
.contact-section-h2 .contact-form .form-group:last-child {
  margin-bottom: 0;
}

.contact-section-h2 .contact-form input:not([type=submit]),
.contact-section-h2 .contact-form textarea,
.contact-section-h2 .contact-form select {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 23px 20px;
  color: #9c94b3;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #0d0a16;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contact-section-h2 .contact-form ::-webkit-input-placeholder {
  color: #9c94b3;
}
.contact-section-h2 .contact-form input:focus,
.contact-section-h2 .contact-form select:focus,
.contact-section-h2 .contact-form textarea:focus {
  border-color: var(--theme-color1);
}
.contact-section-h2 .contact-form textarea {
  height: 169px;
  resize: none;
}
.contact-section-h2 .contact-form .btn-box .theme-btn {
  padding: 14.5px 47px;
}

/*** 

====================================================================
 contact-section-h3
====================================================================

***/

/***

====================================================================
   cta-section-h1
====================================================================

***/
.cta-section-h3 {
  padding: 0 15px;
}
.cta-section-h3 .outer-box {
  max-width: 1870px;
  margin: 0 auto;
  padding: 0px 15px 0;
  border-radius: 20px;
  position: relative;
}
@media (max-width: 991.98px) {
  .cta-section-h3 .outer-box {
    padding: 10px 15px 0;
  }
}
.cta-section-h3 .outer-box:before {
  position: absolute;
  content: "";
  background-image: url(../images/background/cta-h3-1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
}

/* Custom */
/* Custom End */
.cta-section-h3 .ks-step-icon {
  display: inline-block;
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.cta-section-h3 .ks-step-icon:hover {
  background-color: #37334b;
}
@media (max-width: 1199.98px) {
  .cta-section-h3 .ks-step-icon svg {
    width: 40px;
  }
}

/*** 
====================================================================
    Faq Section
====================================================================
***/
.faq-section {
  position: relative;
  padding: 50px 0 50px;
}
@media (max-width: 991.98px) {
  .faq-section {
    padding: 80px 0 75px;
  }
}
.faq-section .outer-box {
  max-width: 1700px;
  margin: 0 auto;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.0705882353);
  padding: 120px 0 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .faq-section .outer-box {
    padding: 80px 0 0;
  }
}
@media (max-width: 767.98px) {
  .faq-section .outer-box {
    padding: 60px 0 0;
  }
}
.faq-section .shape-2 {
  position: absolute;
  top: 0px;
  right: 0px;
}
.faq-section .shape-3 {
  position: absolute;
  bottom: 20px;
  left: 0px;
}

/*** 

====================================================================
  Funfact Section
====================================================================

***/

/*** 

====================================================================
    Testimonial Section
====================================================================

***/
.testimonial-section {
  position: relative;
  padding: 120px 0 0;
}
@media (max-width: 991.98px) {
  .testimonial-section {
    padding: 80px 0 0;
  }
}
.testimonial-section .sec-title-h1 {
  margin-bottom: 40px;
}
.testimonial-section .swiper-navs-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 25px;
}
@media (max-width: 1439.98px) {
  .testimonial-section .swiper-navs-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
  }
}
@media (max-width: 991.98px) {
  .testimonial-section .swiper-navs-box {
    gap: 20px;
  }
}
.testimonial-section .swiper-navs-box .image-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.testimonial-section .swiper-navs-box .image-box .author-image {
  position: relative;
  cursor: pointer;
  width: 80px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonial-section .swiper-navs-box .image-box .author-image img {
  width: 80px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.testimonial-section .swiper-navs-box .image-box .author-image.active .shape-7 {
  opacity: 1;
}
.testimonial-section .swiper-navs-box .image-box .author-image .shape-6 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.testimonial-section .swiper-navs-box .image-box .author-image .shape-7 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonial-section .swiper-navs-box .nav-box {
  position: relative;
  width: 128px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-right: 20px;
}
@media (max-width: 1439.98px) {
  .testimonial-section .swiper-navs-box .nav-box {
    margin-right: 0;
  }
}
.testimonial-section .swiper-navs-box .nav-box:before {
  content: "";
  position: absolute;
  top: 33px;
  right: 100%;
  width: 270px;
  height: 2px;
  background-color: rgba(255, 67, 46, 0.2);
  opacity: 1;
  margin-right: 30px;
}
@media (max-width: 1439.98px) {
  .testimonial-section .swiper-navs-box .nav-box:before {
    display: none;
  }
}
.testimonial-section .swiper-navs-box .nav-box .swiper-button-prev {
  left: -10px;
}
@media (max-width: 1439.98px) {
  .testimonial-section .swiper-navs-box .nav-box .swiper-button-prev {
    left: 0;
  }
}
@media (max-width: 1439.98px) {
  .testimonial-section .swiper-navs-box .nav-box .swiper-button-next {
    right: 0;
  }
}
.testimonial-section .swiper-navs-box .nav-box .swiper-button-prev,
.testimonial-section .swiper-navs-box .nav-box .swiper-button-next {
  width: 56px;
  height: 56px;
  font-size: 20px;
  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(--theme-color3);
  background-color: #e6e0fa;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonial-section .swiper-navs-box .nav-box .swiper-button-prev:after,
.testimonial-section .swiper-navs-box .nav-box .swiper-button-next:after {
  display: none;
}
.testimonial-section .swiper-navs-box .nav-box .swiper-button-prev:hover,
.testimonial-section .swiper-navs-box .nav-box .swiper-button-next:hover {
  color: var(--theme-color-white);
  background-color: var(--theme-color1);
}

/*** 

====================================================================
    testimonial-section-h3
====================================================================

***/

/*** 

====================================================================
Testimonial Section
====================================================================

***/
.ks-testimonial-area {
  position: relative;
  z-index: 2;
  padding-bottom: 120px;
}
@media (max-width: 991.98px) {
  .ks-testimonial-area {
    padding-bottom: 80px;
  }
}
.ks-testimonial-item {
  background-color: var(--theme-color-white);
  border-radius: 100px 100px 0 100px;
  -webkit-box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.08);
  padding: 40px 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .ks-testimonial-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 991.98px) {
  .ks-testimonial-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px 50px;
    border-radius: 20px 20px 0 0;
  }
}
@media (max-width: 767.98px) {
  .ks-testimonial-item {
    padding: 30px 20px;
  }
}
.ks-testimonial-item .ks-testimonial-content {
  padding: 32px 0;
}
.ks-testimonial-item p {
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .ks-testimonial-item p {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .ks-testimonial-item p {
    font-size: 16px;
  }
}
.ks-testimonial-item .quote {
  margin-bottom: 25px;
}
@media (max-width: 767.98px) {
  .ks-testimonial-item .quote {
    margin-bottom: 10px;
  }
}
.ks-testimonial-item .quote svg {
  fill: var(--review-color);
}
@media (max-width: 767.98px) {
  .ks-testimonial-item .quote svg {
    width: 60px;
  }
}
.ks-testimonial-item .ratting {
  margin-bottom: 18px;
}
.ks-testimonial-item .ratting i {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.ks-testimonial-shape-1 {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: -1;
}
.ks-testimonial-user-info {
  line-height: 1;
}
@media (max-width: 991.98px) {
  .ks-testimonial-user-info {
    margin-left: -20px;
  }
}
.ks-testimonial-user-wrap span {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--theme-color-yellow);
}
.ks-testimonial-user-wrap .title {
  color: var(--theme-color-white);
  font-family: var(--body-font-family);
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
}
.ks-testimonial-user-wrap span {
  font-size: 12px;
  font-weight: 600;
  color: var(--theme-color-white);
}
.ks-testimonial-user-wrap .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 20px;
}
.ks-testimonial-user-wrap .thumb img {
  border-radius: 50%;
  height: 58px;
  width: 58px;
}
.ks-testimonial-bottom {
  margin-top: -40px;
  margin-left: 60px;
  padding: 60px 80px 20px 80px;
  border-radius: 0 0 100px 100px;
  -webkit-box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.08);
  background: linear-gradient(322deg, var(--theme-color1) 0%, var(--theme-color2) 100%);
}
@media (max-width: 991.98px) {
  .ks-testimonial-bottom {
    margin-left: 0;
    border-radius: 20px;
    padding: 60px 50px 20px 50px;
  }
}
@media (max-width: 767.98px) {
  .ks-testimonial-bottom {
    padding: 60px 20px 20px 20px;
  }
}
.ks-testimonial-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-right: 31px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .ks-testimonial-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.ks-testimonial-navigation button {
  height: 52px;
  width: 52px;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 0.8;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.42);
}
@media (max-width: 991.98px) {
  .ks-testimonial-navigation button {
    height: 38px;
    width: 38px;
  }
}
@media (max-width: 991.98px) {
  .ks-testimonial-navigation button svg {
    width: 15px;
  }
}
.ks-testimonial-navigation button:hover {
  background-color: var(--theme-color-white);
  border-color: var(--theme-color-white);
}
.ks-testimonial-navigation button:hover svg path {
  fill: var(--headings-color);
}

/***

====================================================================
Process Section
====================================================================

***/

/***

====================================================================
Process Section
====================================================================

***/

/***

====================================================================
Process Section
====================================================================

***/

/***

====================================================================
    Product Section
====================================================================

***/
/***

====================================================================
    team-section-h1
====================================================================

***/

/***

====================================================================
    team-section-h3
====================================================================

***/

/***

====================================================================
    claint-section-h1
====================================================================

***/
.claint-section-h1 {
  padding: 120px 0 50px;
}
@media (max-width: 991.98px) {
  .claint-section-h1 {
    padding: 80px 0 10px;
  }
}
.claint-section-h1 .sec-title {
  margin-bottom: 55px;
}
@media (max-width: 991.98px) {
  .claint-section-h1 .sec-title {
    margin-bottom: 30px;
  }
}
.claint-section-h1 .sec-title .sub-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--theme-color-black);
  display: inline-block;
  position: relative;
}
.claint-section-h1 .sec-title .sub-title:before {
  position: absolute;
  content: "";
  background-color: #D9D9D9;
  width: 539px;
  height: 1px;
  top: calc(50% - 0.5px);
  right: 209px;
}
.claint-section-h1 .sec-title .sub-title:after {
  position: absolute;
  content: "";
  background-color: #D9D9D9;
  width: 539px;
  height: 1px;
  top: calc(50% - 0.5px);
  left: 209px;
}
.claint-section-h1 .logo {
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .claint-section-h1 .logo {
    text-align: center;
  }
}

/*** 

====================================================================
    why-choose-us-section-h1
====================================================================

***/
.why-choose-us-section-h1 {
  position: relative;
  padding: 120px 0 85px;
}
@media (max-width: 991.98px) {
  .why-choose-us-section-h1 {
    padding: 80px 0 20px;
  }

}
.why-choose-us-section-h1:before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/why-choose-us-h1-3.png);
  width: 466px;
  height: 352px;
  top: 0;
  left: 0;
}

/*** 

====================================================================
    ks-choose
====================================================================

***/

/*** 

====================================================================
    why-choose-us-section-h3
====================================================================

***/

/***

====================================================================
    Work Section
====================================================================

***/

/***

====================================================================
    Work Section Two
====================================================================

***/

/*** 

====================================================================
    News Section
====================================================================

***/

/*** 

====================================================================
    news-section-h2
====================================================================

***/

/*** 

====================================================================
    news-section-h3
====================================================================

***/

/***

==================================================================
	Main Footer
==================================================================

***/
.main-footer {
  position: relative;
  /* Widget Section */
}

/*=== Footer Bottom ===*/
.footer-bottom {
  padding: 30px 0;
  position: relative;
  z-index: 3;
}
.footer-bottom .inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 534.98px) {
  .footer-bottom .inner-container {
    display: block;
  }
}

/*** 

====================================================================
  Footer Section footer-style-two
====================================================================

***/

/*** 

====================================================================
  footer-style-three
====================================================================

***/

/***
====================================================================
  Products details
====================================================================
***/
/***

====================================================================
 Categories Section
====================================================================

***/

/***

====================================================================
    Categories Section Two
====================================================================

***/

/***

====================================================================
    Products Section
====================================================================

***/

/***

====================================================================
    Featured Products
====================================================================

***/

/*=== Mixitup Gallery ===*/

/*
 * shop-catalog-layouts.scss
 * -----------------------------------------------
*/

/*** 

====================================================================
Page Title
====================================================================

***/
@-webkit-keyframes "ripple" {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes "ripple" {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.page-title {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 160px 0 50px;
}
.page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(158deg, #13132E 54%, #FF3838 100%);
  opacity: 0.85;
  content: "";
}
.page-title .title {
  font-size: 60px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 17px;
}
@media (max-width: 575.98px) {
  .page-title .title {
    font-size: 28px;
  }
}
.page-title .text {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.05em;
  max-width: 520px;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}
.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding-right: 13px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}
.page-breadcrumb li:after {
  position: absolute;
  content: "\f105";
  right: -6px;
  top: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  color: #ffffff;
}
.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li a {
  color: var(--theme-color-white);
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {
  color: var(--theme-color-white);
}

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

/***

====================================================================
        Contact
====================================================================

***/

.map {
  height: 450px;
}

/***
=============================================
    Services Details
=============================================
***/

.service-list li {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.service-list li:last-child {
  margin-bottom: 0px;
}
.service-list li a {
  position: relative;
  display: block;
  font-size: 18px;
  color: var(--headings-color);
  font-weight: 600;
  background-color: #fff;
  padding: 17px 20px 17px 50px;
  -webkit-box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.service-list li a:hover, .service-list li a.current {
  color: var(--text-color-bg-theme-color1);
  background-color: var(--theme-color1);
  padding-left: 80px;
}
.service-list li a:hover i, .service-list li a.current i {
  width: 60px;
  color: var(--text-color-bg-theme-color2);
  background-color: var(--theme-color2);
}
.service-list li i {
  position: absolute;
  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;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 100%;
  background-color: #f6f4ec;
  text-align: center;
  font-size: 16px;
  color: #707582;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar-service-list {
  margin: 0;
}
.sidebar-service-list li + li {
  margin-top: 10px;
}
.sidebar-service-list li a {
  background-color: #f5faff;
  border-radius: 15px;
  color: var(--theme-color-dark);
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 19px 40px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar-service-list li a:hover {
  color: var(--theme-color1);
}
.sidebar-service-list li a:hover i {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  background-color: var(--theme-color1);
}
.sidebar-service-list li a i {
  height: 32px;
  width: 45px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #191825;
  background-color: #fff;
  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;
  font-size: 16px;
  border-radius: 15px;
}
.sidebar-service-list li.current a {
  color: var(--theme-color1);
}
.sidebar-service-list li.current a i {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  background-color: var(--theme-color1);
}

/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/

/***

====================================================================
    Blog Details
====================================================================

***/

/* Nav Links */

/*** 

====================================================================
Sidebar
====================================================================

***/

/*** 

====================================================================
    Comments
====================================================================

***/

/*--------------------------------------------------------------
# Team Details
--------------------------------------------------------------*/
.text-justify{
  text-align: justify;
}

@media only screen and (min-width: 1024px) {
  .text-justify {
    text-align: justify;
  }
}

@media only screen and (max-width: 1023px) {
  .text-justify {
    text-align: left;
  }
}

/* /* Card base */
.service-block .inner-block {
  position: relative;
  height: 100%;
  padding: 40px 30px;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0,0,0,0.06);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  z-index: 1;
}

/* Subtle lift */
.service-block:hover .inner-block {
  transform: translateY(-8px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.12);
}

/* Water fill layer */
.service-block .inner-block::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #ff3838, #ff6b6b);
  transition: bottom 0.5s ease;
  z-index: -1;
}

.service-block:hover .inner-block::before {
  bottom: 0;
}

/* Number */
.service-block .number {
  display: block;
  font-size: 42px;
  font-weight: 700;
  opacity: 0.15;
  margin-bottom: 15px;
  transition: color 0.4s ease;
}

/* Titles */
.service-block h4 {
  margin-bottom: 15px;
  font-weight: 600;
  transition: color 0.4s ease;
}

/* Text */
.service-block p {
  line-height: 1.7;
  transition: color 0.4s ease;
}

/* Hover text color */
.service-block:hover .inner-block,
.service-block:hover h4,
.service-block:hover p,
.service-block:hover .number {
  color: #ffffff;
}

/* Responsive spacing */
@media (max-width: 767px) {
  .service-block .inner-block {
    padding: 30px 22px;
  }
}
/* Security & Privacy Section */
/* Security & Privacy Section */


/* CTA Card Animation */

/* Button Hover Glow */

/* Responsive */
@media (max-width: 768px) {
  .animated-glow {
    padding: 20px 15px;
  }
}
/*  Cloud Digital labs FZC Advantage Section */

.feature-card {
    background: #fff;
    border-radius: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: #333;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.feature-card h4.title {
    color: #111;
}

.feature-card p {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
}

/* Responsive Adjustments */

@media (max-width: 575px) {
    .feature-card {
        padding: 30px 20px;
    }
}
.btn-style-one span {
  position: relative;
  z-index: 2;
  color: #fff;
}

/* Section spacing */

/* WordPress title with line */
.platform-title {
  margin-bottom: 40px;
  position: relative;
}

.platform-title span {
  font-size: 36px;
  font-weight: 600;
  color: #ff6a00;
  padding: 0 20px;
  background: #f7f9fc;
  position: relative;
  z-index: 2;
}

.platform-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
  z-index: 1;
}

/* Row spacing */

/* Card */
.portfolio-card {
  display: block;
  background: #eef2f7;
  padding: 18px;
  border-radius: 22px;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.portfolio-card img {
  width: 100%;
  border-radius: 18px;
  display: block;
}


.portfolio-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

.platform-title h2 {
    font-size: 36px;
    font-weight: 600;
    color: #ff6a00;
    position: relative;
    display: inline-block;
    padding: 0 20px;
  
}

.platform-title {
    position: relative;
}

.platform-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
    z-index: -1;
}
/* ===== WHY CHOOSE US ===== */

.why-choose-section {
  padding: 90px 0;
  background: #fafafa;
}

.why-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.why-list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #333;
}

/* Font Awesome Icon Styling */
.why-list i {
  font-size: 22px;
  min-width: 22px;
  color: #ff3838;
  margin-top: 4px;
  flex-shrink: 0;
}
.platform-title {
    perspective: none !important;
    background-color: none;
}


/* ================================
   Footer: Company Details visibility
   ================================ */

/* Make it readable on dark background */

/* Optional: Add a subtle glass panel behind company details */

/* ===== FOUNDER SECTION ===== */

/* Content */

.founder-name {
  font-size: 42px;
  font-weight: 700;
  color: #ff3838;
  margin-bottom: 5px;
}

.founder-designation {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 25px;
}

.founder-content p {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
  margin-bottom: 18px;
}

.founder-content h5 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

/* List */
.founder-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.founder-list li {
  font-size: 16px;
  padding-left: 28px;
  position: relative;
  margin-bottom: 14px;
  color: #333;
}

.founder-list li::before {
  content: "➤";
  position: absolute;
  left: 0;
  top: 0;
  color: #ff8c00;
  font-size: 14px;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 991px) {
  .founder-name {
    font-size: 34px;
  }
}

@media (max-width: 576px) {
  .founder-name {
    font-size: 28px;
  }

  .founder-content p,
  .founder-list li {
    font-size: 15px;
  }
}
.flag-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  margin-right: 10px;
  vertical-align: middle;
}

.info-card {
  display: flex;
  gap: 20px;
  padding: 25px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.info-card .icon {
  width: 55px;
  height: 55px;
  background: #ff3838;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.info-card h4 {
  font-weight: 700;
  margin-bottom: 6px;
}

.info-card p {
  margin-bottom: 4px;
  font-weight: 500;
}

.text-orange {
  color: #ff3838;
}
html { scroll-behavior: smooth; }
#contact { scroll-margin-top: 110px; } /* adjust to your header height */


/* case studies */
.case-studies-page {
    padding: 60px 0;
    background: #f9f9f9;
}

.case-study-card {
    height: 100%;
    /* width: fit-content; */
    overflow: hidden;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.case-study-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.12);
}
/* Responsive*/


/* case study detail page */
.case-study-detail-page {
    padding: 60px 0;
    background: #f8f9fb;
}

.case-study-detail-header {
    margin-bottom: 40px;
}

.case-study-detail-header h1 {
    font-size: 34px;
    font-weight: 800;
    margin: 15px 0;
    color: #1f1f1f;
}

.case-study-back {
    display: inline-block;
    font-weight: 600;
    color: var(--theme-color1);
    text-decoration: none;
    margin-bottom: 10px;
}

.case-study-back:hover {
    text-decoration: underline;
}

.case-study-website {
    font-size: 15px;
    color: #555;
}

.case-study-website a {
    color: var(--theme-color1);
    font-weight: 600;
}

.case-study-section {
    margin-bottom: 45px;
}

.case-study-section > h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #222;
}

.case-study-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 28px;
    border: 1px solid #eee;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
}

.case-study-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 14px;
    color: var(--theme-color1);
}

.case-study-list,
.case-study-sublist {
    list-style: none;
    padding-left: 0;
}

.case-study-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
    color: #444;
    font-size: 15px;
    line-height: 1.6;
}

.case-study-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: -8px;
    color: var(--theme-color1);
    font-size: 20px;
}

.case-study-sublist {
    margin-top: 8px;
    padding-left: 18px;
}

.case-study-sublist li {
    font-size: 14px;
    color: #666;
}





.case-study-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.case-study-metrics li {
    flex: 1 1 220px; 
    background: #fff5f5;
    border: 1px solid rgba(255, 56, 56, 0.25);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    min-width: 200px;
}


.metric-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-bottom: 6px;
}


.metric-value {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #ff3838;
    line-height: 1.2;
}

/* responsive */
@media (max-width: 767px) {
    .case-study-metrics {
        gap: 15px;
    }

    .metric-value {
        font-size: 22px;
    }
}

.case-study-detail-footer {
    text-align: center;
    margin-top: 50px;
}

.case-study-detail-footer .btn-outline-primary {
    border-color: var(--theme-color1);
    color: var(--theme-color1);
    font-weight: 600;
    padding: 10px 24px;
}

.case-study-detail-footer .btn-outline-primary:hover {
    background: var(--theme-color1);
    color: #fff;
}

.case-study-not-found {
    text-align: center;
    padding: 80px 20px;
}

.case-study-not-found h1 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 10px;
}

.case-study-not-found p {
    color: #666;
    margin-bottom: 20px;
}
.case-study-list li strong {
    font-weight: 800;
    /* text-decoration: underline; */
}

.case-study-list {
    list-style: none;
}

.case-study-sublist {
    list-style: disc;
    padding-left: 22px;
}


/* Responsive */
@media (max-width: 767px) {
    .case-study-detail-header h1 {
        font-size: 26px;
    }

    .case-study-section > h2 {
        font-size: 22px;
    }

    .case-study-card {
        padding: 22px;
    }
}

/*=== Footer Bottom ===*/
.footer-bottom {
  padding: 30px 0;
  position: relative;
  z-index: 3;
}
.footer-bottom .inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 534.98px) {
  .footer-bottom .inner-container {
    display: block;
  }
}

/*** 

====================================================================
  Footer Section footer-style-two
====================================================================

***/

/*** 

====================================================================
  footer-style-three
====================================================================

***/

/***
====================================================================
  Products details
====================================================================
***/
/***

====================================================================
 Categories Section
====================================================================

***/

/***

====================================================================
    Categories Section Two
====================================================================

***/

/***

====================================================================
    Products Section
====================================================================

***/

/***

====================================================================
    Featured Products
====================================================================

***/

/*=== Mixitup Gallery ===*/

/*
 * shop-catalog-layouts.scss
 * -----------------------------------------------
*/

/*** 

====================================================================
Page Title
====================================================================

***/
@-webkit-keyframes "ripple" {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes "ripple" {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.page-title {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 160px 0 50px;
}
.page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(158deg, #13132E 54%, #FF3838 100%);
  opacity: 0.85;
  content: "";
}
.page-title .title {
  font-size: 60px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 17px;
}
@media (max-width: 575.98px) {
  .page-title .title {
    font-size: 28px;
  }
}
.page-title .text {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.05em;
  max-width: 520px;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}
.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding-right: 13px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}
.page-breadcrumb li:after {
  position: absolute;
  content: "\f105";
  right: -6px;
  top: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  color: #ffffff;
}
.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li a {
  color: var(--theme-color-white);
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {
  color: var(--theme-color-white);
}

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

/***

====================================================================
        Contact
====================================================================

***/

.map {
  height: 450px;
}

/***
=============================================
    Services Details
=============================================
***/

.service-list li {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.service-list li:last-child {
  margin-bottom: 0px;
}
.service-list li a {
  position: relative;
  display: block;
  font-size: 18px;
  color: var(--headings-color);
  font-weight: 600;
  background-color: #fff;
  padding: 17px 20px 17px 50px;
  -webkit-box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.service-list li a:hover, .service-list li a.current {
  color: var(--text-color-bg-theme-color1);
  background-color: var(--theme-color1);
  padding-left: 80px;
}
.service-list li a:hover i, .service-list li a.current i {
  width: 60px;
  color: var(--text-color-bg-theme-color2);
  background-color: var(--theme-color2);
}
.service-list li i {
  position: absolute;
  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;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 100%;
  background-color: #f6f4ec;
  text-align: center;
  font-size: 16px;
  color: #707582;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar-service-list {
  margin: 0;
}
.sidebar-service-list li + li {
  margin-top: 10px;
}
.sidebar-service-list li a {
  background-color: #f5faff;
  border-radius: 15px;
  color: var(--theme-color-dark);
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 19px 40px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar-service-list li a:hover {
  color: var(--theme-color1);
}
.sidebar-service-list li a:hover i {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  background-color: var(--theme-color1);
}
.sidebar-service-list li a i {
  height: 32px;
  width: 45px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #191825;
  background-color: #fff;
  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;
  font-size: 16px;
  border-radius: 15px;
}
.sidebar-service-list li.current a {
  color: var(--theme-color1);
}
.sidebar-service-list li.current a i {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  background-color: var(--theme-color1);
}

/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/

/***

====================================================================
    Blog Details
====================================================================

***/

/* Nav Links */

/*** 

====================================================================
Sidebar
====================================================================

***/

/*** 

====================================================================
    Comments
====================================================================

***/

/*--------------------------------------------------------------
# Team Details
--------------------------------------------------------------*/
.text-justify{
  text-align: justify;
}

@media only screen and (min-width: 1024px) {
  .text-justify {
    text-align: justify;
  }
}

@media only screen and (max-width: 1023px) {
  .text-justify {
    text-align: left;
  }
}

/* /* Card base */
.service-block .inner-block {
  position: relative;
  height: 100%;
  padding: 40px 30px;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0,0,0,0.06);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  z-index: 1;
}

/* Subtle lift */
.service-block:hover .inner-block {
  transform: translateY(-8px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.12);
}

/* Water fill layer */
.service-block .inner-block::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #ff3838, #ff6b6b);
  transition: bottom 0.5s ease;
  z-index: -1;
}

.service-block:hover .inner-block::before {
  bottom: 0;
}

/* Number */
.service-block .number {
  display: block;
  font-size: 42px;
  font-weight: 700;
  opacity: 0.15;
  margin-bottom: 15px;
  transition: color 0.4s ease;
}

/* Titles */
.service-block h4 {
  margin-bottom: 15px;
  font-weight: 600;
  transition: color 0.4s ease;
}

/* Text */
.service-block p {
  line-height: 1.7;
  transition: color 0.4s ease;
}

/* Hover text color */
.service-block:hover .inner-block,
.service-block:hover h4,
.service-block:hover p,
.service-block:hover .number {
  color: #ffffff;
}

/* Responsive spacing */
@media (max-width: 767px) {
  .service-block .inner-block {
    padding: 30px 22px;
  }
}
/* Security & Privacy Section */
/* Security & Privacy Section */


/* CTA Card Animation */

/* Button Hover Glow */

/* Responsive */
@media (max-width: 768px) {
  .animated-glow {
    padding: 20px 15px;
  }
}
/*  Cloud Digital labs FZC Advantage Section */

.feature-card {
    background: #fff;
    border-radius: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: #333;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.feature-card h4.title {
    color: #111;
}

.feature-card p {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
}

/* Responsive Adjustments */

@media (max-width: 575px) {
    .feature-card {
        padding: 30px 20px;
    }
}
.btn-style-one span {
  position: relative;
  z-index: 2;
  color: #fff;
}

/* Section spacing */

/* WordPress title with line */
.platform-title {
  margin-bottom: 40px;
  position: relative;
}

.platform-title span {
  font-size: 36px;
  font-weight: 600;
  color: #ff6a00;
  padding: 0 20px;
  background: #f7f9fc;
  position: relative;
  z-index: 2;
}

.platform-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
  z-index: 1;
}

/* Row spacing */

/* Card */
.portfolio-card {
  display: block;
  background: #eef2f7;
  padding: 18px;
  border-radius: 22px;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.portfolio-card img {
  width: 100%;
  border-radius: 18px;
  display: block;
}


.portfolio-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

.platform-title h2 {
    font-size: 36px;
    font-weight: 600;
    color: #ff6a00;
    position: relative;
    display: inline-block;
    padding: 0 20px;
  
}

.platform-title {
    position: relative;
}

.platform-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
    z-index: -1;
}
/* ===== WHY CHOOSE US ===== */

.why-choose-section {
  padding: 90px 0;
  background: #fafafa;
}

.why-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.why-list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #333;
}

/* Font Awesome Icon Styling */
.why-list i {
  font-size: 22px;
  min-width: 22px;
  color: #ff3838;
  margin-top: 4px;
  flex-shrink: 0;
}
.platform-title {
    perspective: none !important;
    background-color: none;
}


/* ================================
   Footer: Company Details visibility
   ================================ */

/* Make it readable on dark background */

/* Optional: Add a subtle glass panel behind company details */

/* ===== FOUNDER SECTION ===== */

/* Content */

.founder-name {
  font-size: 42px;
  font-weight: 700;
  color: #ff3838;
  margin-bottom: 5px;
}

.founder-designation {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 25px;
}

.founder-content p {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
  margin-bottom: 18px;
}

.founder-content h5 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

/* List */
.founder-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.founder-list li {
  font-size: 16px;
  padding-left: 28px;
  position: relative;
  margin-bottom: 14px;
  color: #333;
}

.founder-list li::before {
  content: "➤";
  position: absolute;
  left: 0;
  top: 0;
  color: #ff8c00;
  font-size: 14px;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 991px) {
  .founder-name {
    font-size: 34px;
  }
}

@media (max-width: 576px) {
  .founder-name {
    font-size: 28px;
  }

  .founder-content p,
  .founder-list li {
    font-size: 15px;
  }
}
.flag-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  margin-right: 10px;
  vertical-align: middle;
}

.info-card {
  display: flex;
  gap: 20px;
  padding: 25px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.info-card .icon {
  width: 55px;
  height: 55px;
  background: #ff3838;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.info-card h4 {
  font-weight: 700;
  margin-bottom: 6px;
}

.info-card p {
  margin-bottom: 4px;
  font-weight: 500;
}

.text-orange {
  color: #ff3838;
}
html { scroll-behavior: smooth; }
#contact { scroll-margin-top: 110px; } /* adjust to your header height */


/* case studies */
.case-studies-page {
    padding: 60px 0;
    background: #f9f9f9;
}

.case-study-card {
    height: 100%;
    /* width: fit-content; */
    overflow: hidden;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.case-study-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.12);
}
/* Responsive*/


/* case study detail page */
.case-study-detail-page {
    padding: 60px 0;
    background: #f8f9fb;
}

.case-study-detail-header {
    margin-bottom: 40px;
}

.case-study-detail-header h1 {
    font-size: 34px;
    font-weight: 800;
    margin: 15px 0;
    color: #1f1f1f;
}

.case-study-back {
    display: inline-block;
    font-weight: 600;
    color: var(--theme-color1);
    text-decoration: none;
    margin-bottom: 10px;
}

.case-study-back:hover {
    text-decoration: underline;
}

.case-study-website {
    font-size: 15px;
    color: #555;
}

.case-study-website a {
    color: var(--theme-color1);
    font-weight: 600;
}

.case-study-section {
    margin-bottom: 45px;
}

.case-study-section > h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #222;
}

.case-study-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 28px;
    border: 1px solid #eee;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
}

.case-study-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 14px;
    color: var(--theme-color1);
}

.case-study-list,
.case-study-sublist {
    list-style: none;
    padding-left: 0;
}

.case-study-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
    color: #444;
    font-size: 15px;
    line-height: 1.6;
}

.case-study-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: -8px;
    color: var(--theme-color1);
    font-size: 20px;
}

.case-study-sublist {
    margin-top: 8px;
    padding-left: 18px;
}

.case-study-sublist li {
    font-size: 14px;
    color: #666;
}





.case-study-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.case-study-metrics li {
    flex: 1 1 220px; 
    background: #fff5f5;
    border: 1px solid rgba(255, 56, 56, 0.25);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    min-width: 200px;
}


.metric-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-bottom: 6px;
}


.metric-value {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #ff3838;
    line-height: 1.2;
}

/* responsive */
@media (max-width: 767px) {
    .case-study-metrics {
        gap: 15px;
    }

    .metric-value {
        font-size: 22px;
    }
}

.case-study-detail-footer {
    text-align: center;
    margin-top: 50px;
}

.case-study-detail-footer .btn-outline-primary {
    border-color: var(--theme-color1);
    color: var(--theme-color1);
    font-weight: 600;
    padding: 10px 24px;
}

.case-study-detail-footer .btn-outline-primary:hover {
    background: var(--theme-color1);
    color: #fff;
}

.case-study-not-found {
    text-align: center;
    padding: 80px 20px;
}

.case-study-not-found h1 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 10px;
}

.case-study-not-found p {
    color: #666;
    margin-bottom: 20px;
}
.case-study-list li strong {
    font-weight: 800;
    /* text-decoration: underline; */
}

.case-study-list {
    list-style: none;
}

.case-study-sublist {
    list-style: disc;
    padding-left: 22px;
}


/* Responsive */
@media (max-width: 767px) {
    .case-study-detail-header h1 {
        font-size: 26px;
    }

    .case-study-section > h2 {
        font-size: 22px;
    }

    .case-study-card {
        padding: 22px;
    }
}



/* =========================
   Banner Interaction (Reference-based)
========================= */
.banner-section-h1 .banner-interaction-area{
  margin-top: 30px;
  max-width: 600px;
}

.banner-section-h1 .audit-search-box .audit-input-group{
  background: #fff;
  padding: 8px;
  border-radius: 50px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.10);
  align-items: center;
}

/* Input */
.banner-section-h1 .audit-search-box input.form-control{
  border: none;
  height: 50px;
  padding-left: 20px;
  font-size: 15px;
  border-radius: 50px 0 0 50px;
  background: transparent;
}

.banner-section-h1 .audit-search-box input.form-control:focus{
  box-shadow: none;
}

/* Button */
.banner-section-h1 .audit-search-box .audit-submit-btn{
  height: 50px;
  border-radius: 50px;
  padding: 0 26px;
  margin-left: -6px; /* pull button left like reference */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

/* Force consultation CTA visibility in hero */
.banner-section-h1 .consultation-cta{
  margin-top: 14px;
  display: flex !important;
  align-items: center;
  gap: 14px;
  position: relative;
  z-index: 5;               /* ensure above hero overlays */
}

.banner-section-h1 .consultation-cta p{
  margin: 0;
  color: rgba(255,255,255,0.85) !important;
}

.banner-section-h1 .consultation-link{
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  color: #ffffff !important;  /* make sure it’s visible */
  font-weight: 800;
  text-decoration: underline;
  opacity: 1 !important;
  visibility: visible !important;
}


.banner-section-h1 .consultation-link:hover{
  opacity: 0.9;
}

/* Validation state */

/* Responsive */
@media (max-width: 767.98px){
  .banner-section-h1 .banner-interaction-area{
    max-width: 100%;
  }

  .banner-section-h1 .audit-search-box .audit-input-group{
    border-radius: 18px;
  }

  .banner-section-h1 .audit-search-box input.form-control{
    height: 48px;
    font-size: 14px;
    border-radius: 14px 0 0 14px;
  }

  .banner-section-h1 .audit-search-box .audit-submit-btn{
    height: 48px;
    padding: 0 16px;
    font-size: 13px;
    border-radius: 14px;
    margin-left: -4px;
  }

  .banner-section-h1 .consultation-cta{
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}


/* =========================
   CSS (Marquee-style Swiper)
========================== */

/* Marquee feel: linear motion */
.claint-swiper .swiper-wrapper{
  transition-timing-function: linear !important;
}

/* Auto width slides so it flows continuously */
.claint-swiper .swiper-slide{
  width: auto !important;
}

/* Logo layout + spacing */
.claint-swiper .logo{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;          /* spacing between logos */
}

.claint-swiper .logo img{
  max-height: 250px;
  width: auto;
  object-fit: contain;
}

/* View More spacing */
.clients-view-more{
  margin-top: 28px;
}

/* Your existing scrollbar CSS can remain as-is */
/*!
 * Font Awesome Pro 6.0.0-alpha3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa {
  font-family: "Font Awesome 6 Pro";
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: 900;
  font-weight: var(--fa-style, 900);
}

.fa,
.fas,
.fa-solid,
.far,
.fa-light,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  45% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  45% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}

@-webkit-keyframes fa-fade {
  50% {
    opacity: 0.4;
    opacity: var(--fa-fade-opacity, 0.4);
  }
}

@keyframes fa-fade {
  50% {
    opacity: 0.4;
    opacity: var(--fa-fade-opacity, 0.4);
  }
}

@-webkit-keyframes fa-flash {

  0%,
  100% {
    opacity: 0.4;
    opacity: var(--fa-flash-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.125);
    transform: scale(1.125);
    -webkit-transform: scale(var(--fa-flash-scale, 1.125));
    transform: scale(var(--fa-flash-scale, 1.125));
  }
}

@keyframes fa-flash {

  0%,
  100% {
    opacity: 0.4;
    opacity: var(--fa-flash-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.125);
    transform: scale(1.125);
    -webkit-transform: scale(var(--fa-flash-scale, 1.125));
    transform: scale(var(--fa-flash-scale, 1.125));
  }
}

@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg);
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}

@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg);
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-align-left::before {
  content: "\f036";
}

.fa-angle-right::before {
  content: "\f105";
}

.fa-arrow-left::before {
  content: "\f060";
}

.fa-arrow-right::before {
  content: "\f061";
}

.fa-arrow-trend-up::before {
  content: "\e098";
}

.fa-sync::before {
  content: "\f021";
}

.fa-award::before {
  content: "\f559";
}

.fa-shopping-bag::before {
  content: "\f290";
}

.fa-university::before {
  content: "\f19c";
}

.fa-blog::before {
  content: "\f781";
}

.fa-bolt::before {
  content: "\f0e7";
}

.fa-book::before {
  content: "\f02d";
}

.fa-box::before {
  content: "\f466";
}

.fa-briefcase::before {
  content: "\f0b1";
}

.fa-browser::before {
  content: "\f37e";
}

.fa-bug::before {
  content: "\f188";
}

.fa-building::before {
  content: "\f1ad";
}

.fa-bullhorn::before {
  content: "\f0a1";
}

.fa-bullseye::before {
  content: "\f140";
}

.fa-bullseye-pointer::before {
  content: "\f649";
}

.fa-calendar-alt::before {
  content: "\f073";
}

.fa-camera::before {
  content: "\f030";
}

.fa-car::before {
  content: "\f1b9";
}

.fa-car-side::before {
  content: "\f5e4";
}

.fa-cart-shopping::before {
  content: "\f07a";
}

.fa-shopping-cart::before {
  content: "\f07a";
}

.fa-chart-bar::before {
  content: "\f080";
}

.fa-chart-column::before {
  content: "\e0e3";
}

.fa-chart-line::before {
  content: "\f201";
}

.fa-chart-pie::before {
  content: "\f200";
}

.fa-check::before {
  content: "\f00c";
}

.fa-check-double::before {
  content: "\f560";
}

.fa-chevron-down::before {
  content: "\f078";
}

.fa-chevron-right::before {
  content: "\f054";
}

.fa-circle::before {
  content: "\f111";
}

.fa-circle-check::before {
  content: "\f058";
}

.fa-check-circle::before {
  content: "\f058";
}

.fa-plus-circle::before {
  content: "\f055";
}

.fa-clock::before {
  content: "\f017";
}

.fa-clock-rotate-left::before {
  content: "\f1da";
}

.fa-code::before {
  content: "\f121";
}

.fa-comment-dots::before {
  content: "\f4ad";
}

.fa-comments::before {
  content: "\f086";
}

.fa-compass::before {
  content: "\f14e";
}

.fa-compass-drafting::before {
  content: "\f568";
}

.fa-credit-card::before {
  content: "\f09d";
}

.fa-crown::before {
  content: "\f521";
}

.fa-project-diagram::before {
  content: "\f542";
}

.fa-display::before {
  content: "\e163";
}

.fa-dollar-sign::before {
  content: "\f155";
}

.fa-envelope::before {
  content: "\f0e0";
}

.fa-smile::before {
  content: "\f118";
}

.fa-file-code::before {
  content: "\f1c9";
}

.fa-file-alt::before {
  content: "\f15c";
}

.fa-filter::before {
  content: "\f0b0";
}

.fa-gauge-high::before {
  content: "\f625";
}

.fa-tachometer-alt::before {
  content: "\f625";
}

.fa-gears::before {
  content: "\f085";
}

.fa-cogs::before {
  content: "\f085";
}

.fa-gem::before {
  content: "\f3a5";
}

.fa-globe::before {
  content: "\f0ac";
}

.fa-graduation-cap::before {
  content: "\f19d";
}

.fa-hand-pointer::before {
  content: "\f25a";
}

.fa-handshake::before {
  content: "\f2b5";
}

.fa-hdd::before {
  content: "\f0a0";
}

.fa-hashtag::before {
  content: "\f292";
}

.fa-headset::before {
  content: "\f590";
}

.fa-heart-pulse::before {
  content: "\f21e";
}

.fa-heartbeat::before {
  content: "\f21e";
}

.fa-helmet-safety::before {
  content: "\f807";
}

.fa-hard-hat::before {
  content: "\f807";
}

.fa-hotel::before {
  content: "\f594";
}

.fa-house::before {
  content: "\e00d";
}

.fa-id-card::before {
  content: "\f2c2";
}

.fa-image::before {
  content: "\f03e";
}

.fa-images::before {
  content: "\f302";
}

.fa-industry::before {
  content: "\f275";
}

.fa-key::before {
  content: "\f084";
}

.fa-keyboard::before {
  content: "\f11c";
}

.fa-language::before {
  content: "\f1ab";
}

.fa-laptop::before {
  content: "\f109";
}

.fa-laptop-code::before {
  content: "\f5fc";
}

.fa-layer-group::before {
  content: "\f5fd";
}

.fa-lightbulb::before {
  content: "\f0eb";
}

.fa-link::before {
  content: "\f0c1";
}

.fa-map-marker::before {
  content: "\f041";
}

.fa-location-dot::before {
  content: "\f3c5";
}

.fa-map-marker-alt::before {
  content: "\f3c5";
}

.fa-magnifying-glass::before {
  content: "\f002";
}

.fa-search::before {
  content: "\f002";
}

.fa-search-location::before {
  content: "\f689";
}

.fa-map-location-dot::before {
  content: "\f5a0";
}

.fa-map-marked-alt::before {
  content: "\f5a0";
}

.fa-medal::before {
  content: "\f5a2";
}

.fa-microchip::before {
  content: "\f2db";
}

.fa-mobile-screen::before {
  content: "\f3cf";
}

.fa-mobile-screen-button::before {
  content: "\f3cd";
}

.fa-mobile-alt::before {
  content: "\f3cd";
}

.fa-newspaper::before {
  content: "\f1ea";
}

.fa-object-group::before {
  content: "\f247";
}

.fa-paint-brush::before {
  content: "\f1fc";
}

.fa-pen::before {
  content: "\f304";
}

.fa-pen-fancy::before {
  content: "\f5ac";
}

.fa-pen-nib::before {
  content: "\f5ad";
}

.fa-pencil-ruler::before {
  content: "\f5ae";
}

.fa-pen-to-square::before {
  content: "\f044";
}

.fa-phone::before {
  content: "\f095";
}

.fa-phone-alt::before {
  content: "\f879";
}

.fa-piggy-bank::before {
  content: "\f4d3";
}

.fa-plug::before {
  content: "\f1e6";
}

.fa-plus::before {
  content: "\f067";
}

.fa-quote-right::before {
  content: "\f10e";
}

.fa-receipt::before {
  content: "\f543";
}

.fa-rectangle-ad::before {
  content: "\f641";
}

.fa-rocket::before {
  content: "\f135";
}

.fa-sync-alt::before {
  content: "\f2f1";
}

.fa-redo-alt::before {
  content: "\f2f9";
}

.fa-route::before {
  content: "\f4d7";
}

.fa-screwdriver-wrench::before {
  content: "\f7d9";
}

.fa-scroll::before {
  content: "\f70e";
}

.fa-server::before {
  content: "\f233";
}

.fa-share-nodes::before {
  content: "\f1e0";
}

.fa-share-alt::before {
  content: "\f1e0";
}

.fa-shield-alt::before {
  content: "\f3ed";
}

.fa-shield-check::before {
  content: "\f2f7";
}

.fa-sitemap::before {
  content: "\f0e8";
}

.fa-spa::before {
  content: "\f5bb";
}

.fa-phone-square::before {
  content: "\f098";
}

.fa-star::before {
  content: "\f005";
}

.fa-star-half-alt::before {
  content: "\f5c0";
}

.fa-store::before {
  content: "\f54e";
}

.fa-th-large::before {
  content: "\f009";
}

.fa-tags::before {
  content: "\f02c";
}

.fa-trophy::before {
  content: "\f091";
}

.fa-shipping-fast::before {
  content: "\f48b";
}

.fa-umbrella-beach::before {
  content: "\f5ca";
}

.fa-universal-access::before {
  content: "\f29a";
}

.fa-upload::before {
  content: "\f093";
}

.fa-user-check::before {
  content: "\f4fc";
}

.fa-user-clock::before {
  content: "\f4fd";
}

.fa-user-md::before {
  content: "\f0f0";
}

.fa-user-cog::before {
  content: "\f4fe";
}

.fa-user-group::before {
  content: "\f500";
}

.fa-user-shield::before {
  content: "\f505";
}

.fa-user-tie::before {
  content: "\f508";
}

.fa-users::before {
  content: "\f0c0";
}

.fa-users-cog::before {
  content: "\f509";
}

.fa-utensils::before {
  content: "\f2e7";
}

.fa-video::before {
  content: "\f03d";
}

.fa-w::before {
  content: "\e336";
}

.fa-magic::before {
  content: "\f0d0";
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype");
  font-display: swap;
}

.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-php:before {
  content: "\f457";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-react:before {
  content: "\f41b";
}

.fa-shopify:before {
  content: "\e057";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wordpress:before {
  content: "\f19a";
}

@font-face {
  font-family: 'Font Awesome 6 Duotone';
  font-style: normal;
  font-weight: 900;

  src: url("../fonts/fa-duotone-900.woff2") format("woff2"), url("../fonts/fa-duotone-900.woff") format("woff"), url("../fonts/fa-duotone-900.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 300;

  src: url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype");
  font-display: swap;
}


.fa-light {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 400;

  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype");
  font-display: swap;
}

.far {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 900;

  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype");
  font-display: swap;
}

.fas,
.fa-solid {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 100;

  src: url("../fonts/fa-thin-100.woff2") format("woff2"), url("../fonts/fa-thin-100.woff") format("woff"), url("../fonts/fa-thin-100.ttf") format("truetype");
  font-display: swap;
}