/* 
   */:root{--bs-blue:#1717e5;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#8a8a8e;--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:#8a8a8e;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#202020;--bs-primary:#1717e5;--bs-secondary:#8a8a8e;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#202020;--bs-primary-rgb:23,23,229;--bs-secondary-rgb:138,138,142;--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:32,32,32;--bs-white-rgb:255,255,255;--bs-black-rgb:17,17,17;--bs-body-color-rgb:32,32,32;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1.2rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#202020;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(17, 17, 17, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#1717e5;--bs-link-hover-color:#1212b7;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,::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:rgba(17,17,17,0)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.h1,h1{font-size:3rem}}.h2,h2{font-size:calc(1.365rem + 1.38vw)}@media (min-width:1200px){.h2,h2{font-size:2.4rem}}.h3,h3{font-size:calc(1.335rem + 1.02vw)}@media (min-width:1200px){.h3,h3{font-size:2.1rem}}.h4,h4{font-size:calc(1.305rem + .66vw)}@media (min-width:1200px){.h4,h4{font-size:1.8rem}}.h5,h5{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h5,h5{font-size:1.5rem}}.h6,h6{font-size:1.2rem}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}strong{font-weight:bolder}.small,small{font-size:.875em}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img,svg{vertical-align:middle}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[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}::-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}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}.lead{font-size:calc(1.2846rem + .4152vw);font-weight:300}@media (min-width:1200px){.lead{font-size:1.596rem}}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.img-fluid{max-width:100%;height:auto}.container,.container-fluid{--bs-gutter-x:4vw;--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:1680px){.container{max-width:1600px}}.row{--bs-gutter-x:4vw;--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%}.col-5{flex:0 0 auto;width:41.66667%}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333%}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5{--bs-gutter-y:3rem}@media (min-width:768px){.col-md-auto{flex:0 0 auto;width:auto}.col-md-5{flex:0 0 auto;width:41.66667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333%}}@media (min-width:992px){.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333%}.col-lg-5{flex:0 0 auto;width:41.66667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333%}.col-lg-10{flex:0 0 auto;width:83.33333%}.offset-lg-1{margin-left:8.33333%}}@media (min-width:1200px){.col-xl-5{flex:0 0 auto;width:41.66667%}.col-xl-7{flex:0 0 auto;width:58.33333%}.col-xl-8{flex:0 0 auto;width:66.66667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333%}}.form-label{margin-bottom:.5rem}.form-text{margin-top:.25rem;font-size:.875em;color:#8a8a8e}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1.2rem;font-weight:400;line-height:1.5;color:#202020;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control:focus{color:#202020;background-color:#fff;border-color:#8b8bf2;outline:0;box-shadow:0 0 0 .25rem rgba(23,23,229,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::placeholder{color:#8a8a8e;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:#202020;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:calc(1.275rem + .3vw);border-radius:.5rem}@media (min-width:1200px){.form-control-lg{font-size:1.5rem}}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}.form-check{display:block;min-height:1.8rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(17,17,17,.25);appearance:none;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#8b8bf2;outline:0;box-shadow:0 0 0 .25rem rgba(23,23,229,.25)}.form-check-input:checked{background-color:#407BFF;border-color:#407BFF}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#407BFF;border-color:#407BFF;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1.2rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#202020;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:99rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(17, 17, 17, 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;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:first-child:hover,:not(.btn-check)+.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{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-light{--bs-btn-color:#111;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#111;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:213,214,215;--bs-btn-active-color:#111;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(17, 17, 17, 0.125);--bs-btn-disabled-color:#111;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#111;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#111;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(17, 17, 17, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--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}}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#8a8a8e;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(17, 17, 17, 0.7);--bs-navbar-hover-color:rgba(17, 17, 17, 0.8);--bs-navbar-disabled-color:rgba(17, 17, 17, 0.3);--bs-navbar-active-color:rgba(17, 17, 17, 0.9);--bs-navbar-brand-padding-y:0.275rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.5rem;--bs-navbar-brand-color:rgba(17, 17, 17, 0.9);--bs-navbar-brand-hover-color:rgba(17, 17, 17, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.5rem;--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%2817, 17, 17, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(17, 17, 17, 0.1);--bs-navbar-toggler-border-radius:99rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}.navbar-dark{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--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-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(17, 17, 17, 0.03);--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:2vw;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);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>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.list-group{--bs-list-group-color:#202020;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(17, 17, 17, 0.125);--bs-list-group-border-width:1px;--bs-list-group-border-radius:0.375rem;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#202020;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#8a8a8e;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#407BFF;--bs-list-group-active-border-color:#407BFF;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-horizontal{flex-direction:row}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{mask-position:-200% 0}}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.opacity-75{opacity:.75!important}.overflow-hidden{overflow:hidden!important}.d-flex{display:flex!important}.shadow{box-shadow:0 1rem 3rem rgba(17,17,17,.5)!important}.shadow-sm{box-shadow:0 1rem 1.5rem rgba(17,17,17,.25)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end{border-right: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}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-5{--bs-border-width:5px}.w-100{width:100%!important}.h-50{height:50%!important}.h-100{height:100%!important}.flex-column{flex-direction:column!important}.justify-content-start{justify-content:flex-start!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}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-3{margin-top:1rem!important}.mt-5{margin-top:3rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-5{margin-left:3rem!important}.mb-n5{margin-bottom:-3rem!important}.p-0{padding:0!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-3{padding-top:1rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-4{padding-bottom:1.5rem!important}.fs-1{font-size:calc(1.425rem + 2.1vw)!important}.fs-4{font-size:calc(1.305rem + .66vw)!important}.fs-5{font-size:calc(1.275rem + .3vw)!important}.fs-6{font-size:1.2rem!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.text-center{text-align:center!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#8a8a8e!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.rounded-5{border-radius:var(--bs-border-radius-2xl)!important}.rounded-circle{border-radius:50%!important}@media (min-width:768px){.me-md-5{margin-right:3rem!important}.ms-md-1{margin-left:.25rem!important}.pe-md-4{padding-right:1.5rem!important}}@media (min-width:992px){.mb-lg-0{margin-bottom:0!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}}@media (min-width:1200px){.fs-1{font-size:3rem!important}.fs-4{font-size:1.8rem!important}.fs-5{font-size:1.5rem!important}}html{scroll-behavior:smooth}.btn,.nav-link.collapsed,.navbar,.scrolled,.shadow,a,img{transition:all .5s ease-in-out 0s}.bg-cover{background-size:cover;background-position:center center}.navbar{padding-top:32px;padding-bottom:32px}.navbar.scrolled{padding-top:12px;padding-bottom:12px;background-color:#111}.link-fancy{color:#1717e5;text-decoration:none;display:inline-block;position:relative}.link-fancy-light{color:#fff}.link-fancy:hover{color:#8a8a8e}.link-fancy-light:hover{color:#8a8a8e}.link-fancy:before{content:'';display:block;height:1px;width:100%;transform-origin:left;position:absolute;left:0;bottom:0;background-image:linear-gradient(90deg,#1717e5 0,#1717e5 25%,transparent 0,transparent 50%,#1717e5 0,#1717e5 75%,transparent 0,transparent);background-repeat:no-repeat;background-position:0;background-size:400% 1px;transition:background-position .8s ease-in-out}.link-fancy-light:before{background-image:linear-gradient(90deg,#fff 0,#fff 25%,transparent 0,transparent 50%,#fff 0,#fff 75%,transparent 0,transparent)}.link-fancy:hover:before{background-position:100%}.display-huge{font-size:calc(2.5rem + 1.5vw);font-weight:600;letter-spacing:-.02rem}.navbar-dark a.nav-link{color:#fff;border-bottom:2px solid transparent;margin:0 1rem;font-size:1.33rem}.navbar-dark a.nav-link:hover{border-bottom:2px solid #fff}.gradient{background-image:linear-gradient(24deg,#1717e5,transparent 21%),linear-gradient(198deg,rgba(255,193,7,.2) 11%,transparent 0),linear-gradient(50deg,#6610f2 5%,#6f42c1 32%,#d63384 35%,#dc3545 65%,#fd7e14 83%,#ffc107 91%)}.display-4{font-weight:500}.no-bottom-radius{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.btn-xl{--bs-btn-padding-y:calc(.75rem + .5vh);--bs-btn-padding-x:calc(2rem + 2vw);--bs-btn-font-size:1.2rem;--bs-btn-border-radius:99rem}.btn-white{background-color:#fff;color:#202020}.btn-white:hover{background-color:#f8f9fa;color:#202020}.bg-cover{background-size:cover}.bg-center{background-position:center center}.bg-gray-800{background-color:#343a40}.bg-gray-900{background-color:#202020}.bg-black{background-color:#111}.py-vh-2{padding-top:3vh;padding-bottom:3vh}.py-vh-3{padding-top:6vh;padding-bottom:6vh}.py-vh-4{padding-top:9vh;padding-bottom:9vh}.py-vh-5{padding-top:12vh;padding-bottom:12vh}.px-vw-5{padding-left:5vw;padding-right:5vw}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}}
   
   .sidebar {
      position: fixed;
      top: 0;
      right: 0;
      height:100vh;
      width:250px;
      z-index: 999;
      background-color: rgba(31, 31, 31, 0.203);
      backdrop-filter: blur(10px);
      box-shadow: -10px 0 10px rgba(31, 31, 31, 0.125);
      display: none;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      list-style-type: none;
      padding-top:60px;
      
    }

    .sidebar li {
    width:100%;
    margin-bottom:auto;
      
    }

    .sidebar a{
    width: 80%;
    text-decoration: none;
  outline: none; 
  color: white; 
  padding: 10px 15px;
  border-radius: 8px; 
  transition: background 0.3s ease, color 0.3s ease;
    }

    .sidebar a:active, 
.sidebar a:focus, 
.sidebar .nav-item:has(a:focus) {
    width: 80%;
    text-decoration: none;
  outline: none; 
  background-color: white;
  color: black;
     border-radius: 8px; 
  padding: 10px 15px;
}


.sidebar a.active {
    width: 80%;
    text-decoration: none;
  outline: none; 
  background-color: white; 
  color: black;
   border-radius: 8px; 
   padding: 10px 15px;
}

    .menu-button{
    display: none;
    }

    @media(max-width: 800px) {

    .sidebar{
    width:100%;
    height:100%;
    }

    .hideOnMobile{
    display: none;
    }
    .menu-button{
    display: block;
    }


    }

    @media (max-width: 400px) {
    .sidebar{
    width:100%;
    height:100%;
    }
    
    }

    
     .slider-container {
            position: relative;
            width: 100%;
            max-width: 1440px;
            margin: auto;
            overflow: hidden;
             border-radius: 10px; 
            
        }

        .slides {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }
        .slide {
            min-width: 100%;
            box-sizing: border-box;
        }
        .slide img {
            width: 100%;
            display: block;
        }
        .arrows {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        .arrow {
            background: rgba(0, 0, 0, 0.15);
            color: white;
            border: none;
            border-radius: 5px;
            padding: 10px;
            cursor: pointer;
        }
        .arrow-left {
            left: 10px;
        }
        .arrow-right {
            right: 10px;
        }

  
.swiper-pagination {
  position: relative;
  bottom: -20px;
}
.swiper-pagination-bullet {
  background: white !important;
}

.swiper-slide img {
  margin-bottom: 24px;
  width: 100%; 
}

.p-4 {
  padding-bottom: 20px;
}



@media (max-width: 768px) {
  .navbar-brand {
    display: flex;
    align-items: center;
  }
  .brand-text {
    margin-left: 4px; 
}
}


.custom-btn {
  background-color:#1c1c34;
}


.custom-btn .icon {
  width: 24px;
  height: 24px;
}


.faq-container {
  margin: auto;

}

.faq-item {
  border-bottom: 1px solid #828385;
  padding: 20px 0;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 28px;
  font-weight: 500;
  color: white;
  padding: 10px 0;
}

.faq-icon {
  transition: transform 0.3s ease-in-out;
}

.faq-answer {
  display: none;
  padding: 10px 0;
  color: #c2c2c2;
  font-size: 18px;
  text-align: left; 
  margin-left: 0; 
}

.faq-item.active .faq-answer {
  display: block;
  
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
}


@media (max-width: 768px) {
  .faq-question {
    font-size: 20px;
  }

  .faq-answer {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .faq-question {
    font-size: 18px;
    padding: 8px 0;
  }

  .faq-answer {
    font-size: 16px;
  }
}

.card {
padding-bottom:30px;
}

/* Default layout for desktop */
.card-content {
    display: flex;
    align-items: center;
    gap: 80px; /* Adds space between image and text */
  }
  
  .card-content img {
    width: 50%; /* Image takes half the card width */
    height: auto;
    border-radius: 5px;
  }
  
  .card-text {
    width: 50%;
    padding: 20px;
  }
  
  /* Responsive adjustments for mobile */
  @media (max-width: 768px) {
    .card-content {
      flex-direction: column; /* Stack items vertically */
      text-align: center; /* Center text on small screens */
    }
  
    .card-content img,
    .card-text {
      width: 100%; /* Make them full width */
    }
  
    .card-text {
      padding: 10px;
    }
  }
  
  .about-hero {
    position: relative;
    display: flex;
    align-items: top;
    justify-content: space-between;
    padding: 100px 5%;
    color: white;
    min-height: 80vh;
    gap:10%;
  }
  
  /* Left Text */
  .about-text {
    width: 60%;
    z-index: 2;
  }
  
  /* Right Image */
  .about-image {
    width: 40%;
    height: auto;
  }
  
  .about-image img {
    width: 100%;
    border-radius: 10px;
  }
  
  /* Mobile View: Move Image Behind */
  @media (max-width: 768px) {
    .about-hero {
      flex-direction: column;
      text-align: center;
      padding: 100px 10%;
    }
  
    .about-text {
      width: 100%;
      position: relative;
      z-index: 2;
    }
  
    .about-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      overflow: hidden;
    }
  
    .about-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(30%); /* Darkens the image */
    }
  }


  /* Background Image Styling */
.about-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/img/aboutus.png') no-repeat center center;
  background-size: cover;
  filter: brightness(16%); /* Makes it dim */
  z-index: -1;
}

.info-box {
  background: #1a1a1a; /* Dark Mode Background */
  color: white;
  padding: 30px;
  border-radius: 10px;
  text-align: left;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
}

.info-box .icon {
  width: 32px;
  margin-bottom: 20px;

}


.info-box .info-title {
  margin-bottom: 30px;

}

/* Responsive: Stack elements on smaller screens */
@media (max-width: 768px) {
  .info-box {
    margin-bottom: 20px;
  }
}

.careers-title {
  position: relative;
  align-items: center;
  color: white;
  min-height: 20vh;
  gap:10%;
  margin-top: 80px;
}

.careers-page {
  margin-bottom: 40px;
}

.title-text {
  margin-bottom: 60px;
}


/* Sidebar Navigation */
.sidebar2 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px 0;
  height:100%;
  width: 20%;
}


.sidebar2-line {
  position: absolute;
  left: 10px;
  top: 0;
  height: 100%;
  width: 4px;
  background: #c2c2c2; /* Light gray vertical background */
}

.sidebar2-link {
  position: relative;
  background: transparent;
  border: none;
  font-size: 18px;
  font-weight: 500;
  color: #c2c2c2;
  padding: 10px 20px;
  text-align: left;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}

.sidebar2-link.active {
  color: white;
  font-weight: bold;
}

.sidebar2-link.active::before {
  content: "";
  position: absolute;
  left: 10px;
  height: 100%;
  width: 4px;
  background: #407BFF; /* Highlight color */
}

/* Responsive Layout */
@media (max-width: 768px) {
  .row {
    flex-direction: column;
  }

  .sidebar2 {
    flex-direction: row;
    justify-content: space-around;
    width:100%;
  }

  .sidebar2-line {
    display: none; /* Hide vertical line on mobile */
  }

  .sidebar2-link {
    flex: 1;
    text-align: center;
    padding: 10px;
    position: relative;
  }

  /* Move Active Indicator to Bottom on Mobile */
  .sidebar2-link.active::before {
    content: "";
    position: absolute;
    bottom: -5px; /* Moves the blue bar below the button */
    left: 50%;
    transform: translateX(-50%);
    width: 50%; /* Adjust width of the active line */
    height: 3px; /* Adjust thickness */
    background: #407BFF; /* Highlight color */
  } 


}


/* Hero Section Styling */
.hero-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  overflow: hidden;
  z-index: 1; /* Ensure hero section is below the navbar */

}

    /* Canvas Styling */
    #warp-speed-canvas {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0; /* Ensure it's behind the content */
    }

/* Hero Content */
.hero-content {
  position: relative;
  z-index: 2; /* Ensure it's above the particles */
}

/* Optional: Add a dark overlay for better text visibility */
.hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.88); /* Dark overlay */
  z-index: 1;
}


/* Navbar Styling */
.navbar {
  background-color: transparent !important; /* Make navbar transparent */
  z-index: 10; /* Ensure navbar is above the particle animation */
  transition: background-color 0.3s ease;
}

/* Add a class for when the navbar should have a solid background */
.navbar-solid {
  background-color: black !important; /* Default navbar color */
}



/* Dark Mode Background Colors */
:root {
  --bg-dark-1: #1a1a1a;
  --bg-dark-2: #262626;
  --bg-dark-3: #333333;
  --bg-dark-4: #000000;
}

/* Card Background Colors */
:root {
  --card-dark-1: #2a2a2a;
  --card-dark-2: #3a3a3a;
  --card-dark-3: #4a4a4a;
}

/* Gradient Options */
:root {
  --gradient-1: linear-gradient(135deg, #1a1a1a, #333333);
  --gradient-2: linear-gradient(135deg, #262626, #4a4a4a);
  --gradient-3: linear-gradient(135deg, #333333, #666666);
}

/* Card Shadows */
:root {
  --shadow-1: 0 4px 6px rgba(0, 0, 0, 0.3);
  --shadow-2: 0 6px 12px rgba(0, 0, 0, 0.4);
  --shadow-3: 0 8px 16px rgba(0, 0, 0, 0.5);
}

/* Text Colors */
:root {
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --text-accent: #ff6b6b;
}

/* Base Font Size */
html {
  font-size: 16px; /* Base font size for desktop */
}

/* Typography */
.hero-title {
  font-size: 4rem; /* 64px for desktop */
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-primary);
}

.hero-subtitle {
  font-size: 1.5rem; /* 24px for desktop */
  font-weight: 400;
  color: var(--text-secondary);
  animation: fadeIn 2s ease-in-out;
}

.section-title {
  font-size: 3rem; /* 48px for desktop */
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-primary);
}

.section-subtitle {
  font-size: 1.25rem; /* 20px for desktop */
  font-weight: 400;
  color: var(--text-secondary);
}

.card-title {
  font-size: 1.5rem; /* 24px for desktop */
  font-weight: 600;
  color: var(--text-primary);
}

.card-subtitle {
  font-size: 1rem; /* 16px for desktop */
  font-weight: 400;
  color: var(--text-secondary);
}

.terms-title {
  font-size: 2rem; /* 32px for desktop */
  font-weight: 700;
  color: var(--text-primary);
}

.terms-subtitle {
  font-size: 1.25rem; /* 20px for desktop */
  font-weight: 400;
  color: var(--text-secondary);
}

.terms-text {
  font-size: 1rem; /* 16px for desktop */
  font-weight: 400;
  color: var(--text-secondary);
}

/* Utility Classes */
.bg-dark-1 { background-color: var(--bg-dark-1); }
.bg-dark-2 { background-color: var(--bg-dark-2); }
.bg-dark-3 { background-color: var(--bg-dark-3); }
.bg-dark-4 { background-color: var(--bg-dark-4); }

.bg-card-dark-1 { background-color: var(--card-dark-1); }
.bg-card-dark-2 { background-color: var(--card-dark-2); }
.bg-card-dark-3 { background-color: var(--card-dark-3); }

.gradient-1 { background: var(--gradient-1); }
.gradient-2 { background: var(--gradient-2); }
.gradient-3 { background: var(--gradient-3); }

.shadow-1 { box-shadow: var(--shadow-1); }
.shadow-2 { box-shadow: var(--shadow-2); }
.shadow-3 { box-shadow: var(--shadow-3); }

/* Media Queries for Responsive Typography */
@media (max-width: 1200px) {
  html {
    font-size: 14px; /* Adjust base font size for tablets */
  }
}

@media (max-width: 768px) {
  html {
    font-size: 12px; /* Adjust base font size for mobile */
  }

  .hero-title {
    font-size: 3rem; /* 48px for mobile */
  }

  .hero-subtitle {
    font-size: 1.25rem; /* 20px for mobile */
  }

  .section-title {
    font-size: 2.5rem; /* 40px for mobile */
  }

  .section-subtitle {
    font-size: 1.25rem; /* 16px for mobile */
  }

  .card-title {
    font-size: 1.5rem; /* 20px for mobile */
  }

  .card-subtitle {
    font-size: 1.25rem; /* 14px for mobile */
  }

  .terms-title {
    font-size: 1.75rem; /* 28px for mobile */
  }

  .terms-subtitle {
    font-size: 1.5rem; /* 16px for mobile */
  }

  .terms-text {
    font-size: 1.25rem; /* 14px for mobile */
  }

  /* Responsive Shadows */
  .shadow-1 { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
  .shadow-2 { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); }
  .shadow-3 { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); }
}

.card-text .btn {

  margin-top: 30px;
}

.upper {

  text-transform: uppercase;
}

/* About Us Hero Section */
.about-hero-section {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.88); /* Dark overlay */
  padding-top: 70px;
}

/* Particle Animation Container */
#about-particles-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* Ensure it's behind the content */
}

/* Hero Content */
.about-hero-content {
  position: relative;
  z-index: 1; /* Ensure it's above the particles */
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  gap: 4rem; /* Add space between text and image */
}

/* Text on the Left */
.about-hero-text {
  max-width: 50%;
}

.about-hero-title {
  font-size: 3.5rem; /* 64px for desktop */
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-primary);
}

.about-hero-subtitle {
  font-size: 1.5rem; /* 24px for desktop */
  font-weight: 400;
  color: var(--text-secondary);
}

/* Image on the Right */
.about-hero-image {
  max-width: 50%;
}

.about-hero-image img {
  width: 100%;
  height: auto;
  border-radius: 10px; /* Optional: Add rounded corners */
}

/* Media Queries for Responsive Design */
@media (max-width: 1200px) {

  .about-hero-section {
padding-top: 100px;;

  }
  .about-hero-title {
    font-size: 3rem; /* 48px for tablets */
  }

  .about-hero-subtitle {
    font-size: 1.25rem; /* 20px for tablets */
  }
}

@media (max-width: 768px) {

  
  .about-hero-section {
    padding-top: 160px;
    
      }
  .about-hero-content {
    flex-direction: column;
    text-align: center;
  }

  .about-hero-text {
    max-width: 100%;
    margin-bottom: 2rem;
  }

  .about-hero-image {
    max-width: 100%;
  }

  .about-hero-title {
    font-size: 2.5rem; /* 40px for mobile */
  }

  .about-hero-subtitle {
    font-size: 1rem; /* 16px for mobile */
  }
}


/* Timeline Container */
.timeline {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 0;
}

/* Timeline Item */
.timeline-item {
  position: relative;
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
}

/* Timeline Icon Container */
.timeline-icon {
  width: 50px; /* Fixed width */
  height: 50px; /* Fixed height */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  background: transparent; /* No background */
}


/* Font Awesome Icons */
.timeline-icon i {
  font-size: 24px; /* Adjust icon size */
  color: #ffffff; /* Icon color */
}

.timeline-icon img {
  width: 24px; /* Adjust icon size */
  height: 24px; /* Adjust icon size */
}

/* Timeline Line */
.timeline-item::after {
  content: '';
  position: absolute;
  top: 50px; /* Start line below the icon */
  left: 18px; /* Center the line below the icon */
  width: 2px;
  height: calc(90%); /* Extend line to the next icon */
  background: #ccc; /* Line color */
  z-index: 0;
}

/* Remove line for the last item */
.timeline-item:last-child::after {
  display: none;
}

/* Timeline Content */
.timeline-content {
  margin-left: 30px; /* Space between icon and content */
  padding: 20px;
  background: #333; /* Content background */
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Shadow for modern look */
  position: relative;
  z-index: 1;
}

/* Timeline Date */
.timeline-date {
  font-size: 0.875rem; /* 14px */
  font-weight: 600;
  color: #cccccc; /* Date color */
  margin-bottom: 8px;
}

/* Timeline Action */
.timeline-action {
  font-size: 1.25rem; /* 20px */
  font-weight: 500;
  color: #fff; /* Action color */
  margin-bottom: 8px;
}

/* Timeline Subtitle */
.timeline-subtitle {
  font-size: 1rem; /* 16px */
  font-weight: 400;
  color: #cccccc; /* Subtitle color */
  line-height: 1.5;
}

/* Media Queries for Responsive Design */
@media (max-width: 768px) {
  .timeline-icon {
    width: 40px; /* Smaller icon */
    height: 40px; /* Smaller icon */
  }

  .timeline-item::after {
    left: 19px; /* Adjust line position for smaller icons */
  }

  .timeline-content {
    margin-left: 20px; /* Less space on mobile */
  }

  .timeline-action {
    font-size: 1.5rem; /* 18px */
  }

  .timeline-subtitle {
    font-size: 1.125rem; /* 14px */
  }
}

/* Preloader Container */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0a0a0a; /* Dark background */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000; /* Ensure it's on top */
}

/* Preloader Content */
#preloader-content {
  text-align: center;
}

/* Road Container */
#road-container {
  width: 300px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

/* Road Animation */
#road {
  width: 200%;
  height: 10px;
  background: repeating-linear-gradient(
    90deg,
    transparent,
    transparent 20px,
    #fff 20px,
    #fff 40px
  );
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  animation: moveRoad 1s linear infinite; /* Road moves faster */
}

@keyframes moveRoad {
  0% { transform: translateX(0) translateY(-50%); }
  100% { transform: translateX(-50%) translateY(-50%); }
}

/* Car Animation */
#car {
  width: 80px; /* Adjust based on your car image size */
  height: 60px; /* Adjust based on your car image size */
  background: url('/img/car_ridefi.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: bounceCar 0.3s infinite alternate; /* Car bounces slightly */
}

@keyframes bounceCar {
  0% { transform: translate(-50%, -55%); }
  100% { transform: translate(-50%, -45%); }
}

/* Progress Bar */
#progress-bar {
  width: 200px;
  height: 6px;
  background: #333;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

#progress {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #007BFF, #00BFFF);
  border-radius: 3px;
  transition: width 0.05s linear; /* Faster progress bar update */
}

/* Percentage Counter */
#percentage {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff; /* White text */
  margin-top: 10px;
}

/* Main Content */
#main-content {
  opacity: 0;
  transition: opacity 0.5s ease-in-out; /* Faster fade-in */
}


/* Popup Container */
#result-prompt {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #111;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  text-align: center;
  display: none; /* Hide initially */
  z-index: 1000;
  max-width: 90%;
  width: 400px; /* Set a reasonable width */
  animation: popup 0.3s ease-out;
}

@keyframes popup {
  from {
    opacity: 0;
    transform: translate(-50%, -40%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* Dark Background Overlay */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  display: none;
  z-index: 999;
}

/* GIF Styling */
.popup-gif {
  width: 60%; /* Adjust as needed */
  margin-bottom: 10px;
}

/* Close Button */
#result-prompt button {
  margin-top: 10px;
  padding: 10px 20px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s;
}

#result-prompt button:hover {
  background: #0056b3;
}

/* Mobile Optimization */
@media (max-width: 768px) {
  #result-prompt {
    width: 95%;
    padding: 1.5rem;
  }
  
  .popup-gif {
    width: 50%;
  }
}

/* Responsive Styles */
@media (max-width: 500px) {
  #result-prompt {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: 90%; /* Adapt width for mobile */
    max-width: 400px;
  }
}


.custom-btn:hover {
  background: #0056b3 !important;
  color: #fff !important;
}

.btn.btn-xl.btn-light:hover {
  background: #0056b3 !important;
  color: #fff !important;
}