.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}@keyframes a{to{transform:rotate(1turn)}}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}

@charset "UTF-8";/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 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}.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}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}strong{font-weight:bolder}.small,small{font-size:.875em}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}img,svg{vertical-align:middle}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[role=button]{cursor:pointer}[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=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-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}[hidden]{display:none!important}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.container,.container-lg,.container-xl,.container-xxl{--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,.container-lg{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-xl,.container-xxl{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.2rem;--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-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:30%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:70%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.g-0{--bs-gutter-x:0}.g-0{--bs-gutter-y:0}.g-1{--bs-gutter-x:0.25rem}.g-1{--bs-gutter-y:0.25rem}.g-2{--bs-gutter-x:0.5rem}.g-2{--bs-gutter-y:0.5rem}.g-3{--bs-gutter-x:1rem}.g-3{--bs-gutter-y:1rem}.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:992px){.col-lg{flex:1 0 0%}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:30%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:70%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.col-lg-13{flex:0 0 auto;width:40%}.col-lg-14{flex:0 0 auto;width:60%}.g-lg-0{--bs-gutter-x:0}.g-lg-0{--bs-gutter-y:0}.g-lg-1{--bs-gutter-x:0.25rem}.g-lg-1{--bs-gutter-y:0.25rem}.g-lg-2{--bs-gutter-x:0.5rem}.g-lg-2{--bs-gutter-y:0.5rem}.g-lg-3{--bs-gutter-x:1rem}.g-lg-3{--bs-gutter-y:1rem}.g-lg-4{--bs-gutter-x:1.5rem}.g-lg-4{--bs-gutter-y:1.5rem}.g-lg-5{--bs-gutter-x:3rem}.g-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:30%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:70%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.col-xl-13{flex:0 0 auto;width:40%}.col-xl-14{flex:0 0 auto;width:60%}.g-xl-0{--bs-gutter-x:0}.g-xl-0{--bs-gutter-y:0}.g-xl-1{--bs-gutter-x:0.25rem}.g-xl-1{--bs-gutter-y:0.25rem}.g-xl-2{--bs-gutter-x:0.5rem}.g-xl-2{--bs-gutter-y:0.5rem}.g-xl-3{--bs-gutter-x:1rem}.g-xl-3{--bs-gutter-y:1rem}.g-xl-4{--bs-gutter-x:1.5rem}.g-xl-4{--bs-gutter-y:1.5rem}.g-xl-5{--bs-gutter-x:3rem}.g-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:30%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:70%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.col-xxl-13{flex:0 0 auto;width:40%}.col-xxl-14{flex:0 0 auto;width:60%}.g-xxl-0{--bs-gutter-x:0}.g-xxl-0{--bs-gutter-y:0}.g-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3{--bs-gutter-x:1rem}.g-xxl-3{--bs-gutter-y:1rem}.g-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5{--bs-gutter-x:3rem}.g-xxl-5{--bs-gutter-y:3rem}}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.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(var(--bs-border-width) * -1);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-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: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: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-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.btn-group{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--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-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-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>.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:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-lg{min-height:1.2em}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;mask-position:-200% 0}}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-underline-offset:.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.overflow-hidden{overflow:hidden!important}.overflow-scroll{overflow:scroll!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-scroll{overflow-x:scroll!important}.d-none{display:none!important}.position-relative{position:relative!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!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-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.text-end{text-align:right!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:992px){.d-lg-none{display:none!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.text-lg-end{text-align:right!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.text-xl-end{text-align:right!important}}@media (min-width:1400px){.d-xxl-none{display:none!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.text-xxl-end{text-align:right!important}}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Montserrat, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

/* Smooth scroll é tratado por assets/javascript/smooth-scroll.js (RAF lerp).
   Mantemos `auto` aqui para não competir com a animação programática. */
html {
    scroll-behavior: auto;
}

html.ym-browser-active-root {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

a {
    text-decoration: none;
}

strong {
    color: var(--main-text);
}

ol,
ul {
    padding-left: 0 !important;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 0;
}

ul li {
    font-weight: 400;
    list-style: none;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-corner {
    display: none;
}

::-webkit-scrollbar-thumb {
    background: var(--main-text);
    background-clip: content-box;
}

::-webkit-scrollbar-track {
    background-color: #0f141c;
}

.container {
    position: relative;
}

body {
    background: var(--primary-color);
}

.mfp-iframe-holder .mfp-content {
    position: relative;
    width: var(--vimeo-lightbox-total-width, 900px);
    max-width: calc(100vw - 32px);
    margin-top: 10vh;
    overflow: visible;
}

.mfp-iframe-holder .video-lightbox-shell {
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border-radius: 18px;
    background: var(--section-background);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.22);
    line-height: 1.5;
}

.mfp-iframe-holder .video-lightbox-media {
    position: relative;
    flex: 0 0 var(--vimeo-lightbox-width, 900px);
    width: var(--vimeo-lightbox-width, 900px);
    background: #000;
}

.mfp-iframe-holder .mfp-iframe-scaler {
    width: 100%;
    padding-top: var(--vimeo-lightbox-ratio, 56.25%);
}

.mfp-iframe-holder .mfp-content > .mfp-close {
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--side-menu-color);
    background: #eb8303;
    border-radius: 8px;
    border: 0;
    box-shadow: 0 10px 24px rgba(11, 18, 24, 0.24);
    opacity: 1;
    transition: background-color 360ms cubic-bezier(0.8, 0, 0.2, 1), box-shadow 360ms cubic-bezier(0.8, 0, 0.2, 1);
}

.mfp-iframe-holder .mfp-content > .mfp-close .mfp-close-icon {
    width: 36px;
    height: 36px;
    display: block;
    pointer-events: none;
    transform-origin: center;
    transition: transform 360ms cubic-bezier(0.8, 0, 0.2, 1);
}

.mfp-iframe-holder .mfp-content > .mfp-close .mfp-close-icon * {
    pointer-events: none;
}

.mfp-iframe-holder .mfp-content > .mfp-close:hover .mfp-close-icon,
.mfp-iframe-holder .mfp-content > .mfp-close:focus-visible .mfp-close-icon {
    transform: rotate(90deg);
}

.mfp-iframe-holder .mfp-content > .mfp-close:hover,
.mfp-iframe-holder .mfp-content > .mfp-close:focus-visible {
    background: #f09217;
    box-shadow: 0 14px 28px rgba(11, 18, 24, 0.28);
}

.mfp-iframe-holder .video-lightbox-meta {
    flex: 0 0 var(--vimeo-lightbox-meta-width, 320px);
    width: var(--vimeo-lightbox-meta-width, 320px);
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    background: var(--section-background);
    color: var(--main-text);
    border-left: 1px solid rgba(136, 153, 172, 0.24);
}

.mfp-iframe-holder .video-lightbox-meta-title {
    margin: 0;
    font-size: 28px;
    line-height: 1.1;
    text-transform: uppercase;
    color: var(--main-text);
}

.mfp-iframe-holder .video-lightbox-meta-role {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--main-text);
}

.mfp-iframe-holder .video-lightbox-meta-client {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--sub-text);
}

.mfp-iframe-holder .video-lightbox-meta-description {
    margin: 4px 0 0;
    font-size: 16px;
    line-height: 1.6;
    color: var(--sub-text);
}

@media (max-width: 1100px) {
    .mfp-iframe-holder .mfp-content {
        margin-top: 5vh;
    }

    .mfp-iframe-holder .mfp-content > .mfp-close {
        top: 12px;
        right: 12px;
    }

    .mfp-iframe-holder .video-lightbox-shell {
        flex-direction: column;
    }

    .mfp-iframe-holder .video-lightbox-media,
    .mfp-iframe-holder .video-lightbox-meta {
        width: 100%;
        flex-basis: auto;
    }

    .mfp-iframe-holder .video-lightbox-meta {
        padding: 20px 18px 22px;
        border-left: 0;
        border-top: 1px solid rgba(136, 153, 172, 0.24);
    }

    .mfp-iframe-holder .video-lightbox-meta-title {
        font-size: 22px;
    }
}

/* Scroll lock while iframe is active — overflow:hidden keeps content in place,
   no position:fixed shift that would push header/side-menu off-screen. */
html.ym-browser-active-root {
    overflow: hidden;
}

/* Header and side menu remain fully visible but accept no pointer input
   while the iframe is in interactive mode. */
body.ym-browser-active .stick-header,
body.ym-browser-active .side-menu-main {
    pointer-events: none;
}

:root {
    --primary-color: #edf0f4;
    --side-menu-color: #0b1218;
    --section-background: #ffffff;
    --card-background: #fff;
    --icons-background: rgb(25, 39, 52);
    --main-text: #0a1016;
    --sub-text: #8899ac;
    --btn-border: #0a1016;
    --icons-menu: #8899ac;
    --icons-menu-hover: #ffffff;
    --icons-colors: #ffffff;
    --icons-colors-hover: rgb(31, 14, 185);
}

.dark-mode {
    --primary-color: rgb(10, 16, 22);
    --side-menu-color: #192734;
    --section-background: #192734;
    --icons-background: #0a1016;
    --main-text: #ffffff;
    --sub-text: #8899ac;
    --btn-border: #ffffff;
    --btn-border-hover: #eb8303;
    --icons-menu: #8899ac;
    --icons-menu-hover: #ffffff;
    --icons-colors: #ffffff;
    --icons-colors-hover: #eb8303;
}

.stick-header {
    position: sticky;
    top: 30px;
    z-index: 9999;
}

header {
    position: relative;
    padding: 10px 30px;
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background: rgb(25, 39, 52, 0.49);
    overflow: hidden;
    z-index: 1;
}

header::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    filter: url(#lensFilter) saturate(120%) brightness(1.05);
    border-radius: inherit;
    pointer-events: none;
}

/* Firefox needs the SVG refraction disabled here, but Chromium can also
    fail the old -webkit-backdrop-filter test. Limit the fallback to Firefox
    so the header keeps the same liquid refraction used by the submenu. */
@supports (-moz-appearance: none) {
    header::before,
    #submenu-portal .submenu::before,
    #portfolio-fixed .submenu::before,
    #portfolio-button .submenu::before,
    .accordion-item::before {
        filter: none;
    }
}

header::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    box-shadow: inset 1px 1px 0 rgb(235, 131, 3, 0.15), inset 0 0 5px rgb(235, 131, 3, 0.1);
    border-radius: inherit;
    pointer-events: none;
}

header > * {
    position: relative;
    z-index: 1;
}

.menu-toggle-button {
    display: none;
}

.side-menu::-webkit-scrollbar {
    display: none;
}

.logo {
    fill: var(--icons-colors);
}

svg[class^="icon-"],
svg[class*=" icon-"] {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-block;
    overflow: visible;
}

.aryaBtn svg path {
    stroke: var(--icons-colors);
}

.aryaBtn {
    color: var(--btn-border);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 20px;
    border-top: 2px solid var(--btn-border);
    border-right: 4px solid var(--btn-border);
    border-bottom: 4px solid var(--btn-border);
    border-left: 2px solid var(--btn-border);
    padding: 12px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.aryaBtn:hover {
    color: var(--btn-border-hover);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 20px;
    border-top: 2px solid var(--btn-border-hover);
    border-right: 4px solid var(--btn-border-hover);
    border-bottom: 4px solid var(--btn-border-hover);
    border-left: 2px solid var(--btn-border-hover);
    padding: 12px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.aryaBtn:hover svg path {
    stroke: var(--icons-colors-hover);
}

.aryaBtn-toggle-main {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aryaBtn svg .cert {
    fill: var(--icons-colors);
}

.aryaBtn:hover svg .cert {
    fill: var(--icons-colors-hover);
}

.side-menu-main {
    position: sticky;
    top: 140px;
    overflow: visible;
}

.list-menu {
    position: relative;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 20px;
    background: rgba(136, 153, 172, 0.04);
    overflow: hidden;
}

.list-menu::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    filter: saturate(120%) brightness(1.38);
    border-radius: inherit;
    pointer-events: none;
}

.list-menu::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    box-shadow: inset 1px 1px 0 rgb(235, 131, 3, 0.15), inset 0 0 5px rgb(235, 131, 3, 0.1);
    border-radius: inherit;
    pointer-events: none;
}

.list-menu > * {
    position: relative;
    z-index: 1;
}

.side-menu-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu-ul li {
    position: relative;
    margin-bottom: 10px;
}

.side-menu-ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--3, #8899ac);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 12px 15px;
    text-decoration: none;
}

.side-menu-ul li a:hover {
    background: #eb8303;
    border-radius: 16px;
    color: #fff;
}

.side-menu-ul li a.active {
    background: #EB8303;
    border-radius: 16px;
    color: #fff;
    stroke: var(--icons-colors);
}

.side-menu-ul li a.active svg path {
    stroke: #ffffff !important;
}

.side-menu-ul li a.active img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(5%) hue-rotate(214deg) brightness(98%) contrast(102%);
}

.side-menu-ul li a svg path {
    stroke: var(--icons-menu);
}

.side-menu-ul li a:hover svg path {
    stroke: var(--icons-menu-hover);
}

.side-menu-ul li a:hover svg path {
    stroke: var(--icons-menu-hover);
}

.side-menu-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu-ul li {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.side-menu-ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 15px;
    color: var(--3, #8899ac);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    border-radius: 16px;
}

.side-menu-ul li.has-submenu>a {
    width: 100%;
}

.side-menu-ul li a.active {
    background: #EB8303;
    color: #fff;
}

.submenu {
    display: none;
}

#submenu-portal .submenu {
    display: none;
    position: absolute;
    top: 50%;
    left: 120%;
    transform: translateY(-50%);
    padding: 20px;
    width: 200px;
    z-index: 9999;
    border-radius: 20px;
    background: rgb(25, 39, 52, 0.7);
    overflow: hidden;
}

#submenu-portal .submenu::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    filter: url(#lensFilter) saturate(120%) brightness(1.05);
    border-radius: inherit;
    pointer-events: none;
}

#submenu-portal .submenu::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    box-shadow: inset 1px 1px 0 rgb(235, 131, 3, 0.15), inset 0 0 5px rgb(235, 131, 3, 0.1);
    border-radius: inherit;
    pointer-events: none;
}

#submenu-portal .submenu > * {
    position: relative;
    z-index: 1;
}

#submenu-portal .submenu.open {
    display: block;
}

#submenu-portal .submenu li {
    text-decoration: none;
    color: var(--btn-border-hover);
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#submenu-portal .submenu li a {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    display: block;
}

#submenu-portal .submenu li:hover {
    border-radius: 8px;
    background-color: var(--btn-border-hover);
    color: #fff;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 490;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

#overlay.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
    pointer-events: auto;
}

.phone-text {
    color: var(--3, #8899ac);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.phone-num {
    color: var(--1, #fff);
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid transparent;
}

.media-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}

.media-icons {
    width: 36px;
    height: 36px;
    background: #22303c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.media-icons:hover {
    border-radius: 10px;
    background: #e38720;
    transition: all 0.3s ease-in-out;
}

.media-icons .svg-icon {
    width: 24px;
    height: 24px;
    fill: var(--icons-colors);
}

.media-icons:hover img {
    filter: brightness(0) saturate(100%) invert(11%) sepia(1%) saturate(1367%) hue-rotate(161deg) brightness(98%) contrast(97%);
}

.section-five,
.section-four,
.section-nine,
.section-one,
.section-six,
.section-two {
    background: var(--section-background);
    padding: 60px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.hi-there {
    color: var(--main-text);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 10px;
}

.hi-there span {
    transform-origin: 70% 70%;
    display: inline-block;
    animation-name: wave-animation;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
}

@keyframes wave-animation {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(14deg);
    }

    20% {
        transform: rotate(-8deg);
    }

    30% {
        transform: rotate(14deg);
    }

    40% {
        transform: rotate(-4deg);
    }

    50% {
        transform: rotate(10deg);
    }

    60% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

.creative {
    color: var(--main-text);
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
    padding-bottom: 20px;
}

.visionary {
    color: var(--sub-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.visionary span {
    color: var(--sub-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.visionary.fade_down .text-portfolio span {
    color: var(--sub-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.portfolio-girl-img-col {
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
}

.portfolio-girl-img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}

.download-btn {
    display: flex;
    align-items: start;
    margin-top: 30px;
}

.about-col {
    border-right: 2px solid var(--primary-color);
}

.arya-stack-about span {
    color: var(--sub-text);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.arya-stack-about {
    color: var(--main-text);
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
    max-width: 200px;
}

.WebExperts {
    color: var(--sub-text);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 20px;
}

.yer-exp-box-main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 150px;
}

.yer-exp-box {
    padding: 16px 18px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 240px;
}

.yer-exp-box .degit {
    color: var(--main-text);
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
}

.yer-exp-box div p {
    color: var(--main-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.self-taught {
    margin-top: 15%;
    color: var(--sub-text);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    padding-bottom: 20px;
}

.self-taught span {
    color: var(--main-text);
    font-weight: 700;
}

.self-taught-col {
    margin-top: auto;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 989px) {
    .self-taught {
        margin-top: 0;
    }
}

.brand span {
    font-weight: 400;
}

.vimeo-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(181deg) brightness(103%) contrast(103%);
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
}

.gallery-item {
    margin-bottom: 30px;
    cursor: pointer;
}

.gallery-item3 {
    margin-top: -60px;
}

.content-img {
    max-width: 100%;
    border-radius: 30px;
}

.gallery-main-card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    justify-content: center;
    align-items: center;
}

.text-gallery {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
}

.gallery-main-card img {
    max-width: 100%;
}

.depoimento-p {
    display: flex;
    align-items: center;
    gap: 10px;
}

/**---------------------------Testimonial---------------------------*/

.testimonials {
    padding: 80px 20px;
    position: relative;
}

.testimonials__main {
    position: relative;
}

.testimonials__items {
    display: grid;
    grid-template-columns: 1fr;
    list-style: none;
}

.testimonials__item {
    grid-column: 1;
    grid-row: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.testimonials__item--active {
    opacity: 1;
    visibility: visible;
}

.testimonials__header {
    margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.testimonials__image {
    aspect-ratio: 1;
    border: 2px solid var(--btn-border-hover);
    border-radius: 24px;
    width: 80px;
    overflow: hidden;
    position: relative;
    transform: translateY(-36%) rotate(45deg);
    transform-origin: 0 100%;
}

.testimonials__image--clip {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
    width: 100%;
}

.testimonials__image--clip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonials__quote {
    color: var(--main-text);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2rem;
    transform: translateX(-40px);
    opacity: 0;
}

.testimonials__author {
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

.testimonials__author--flair {
    background: var(--btn-border-hover);
    border-radius: 2px;
    display: block;
    height: 2px;
    width: 45px;
    transform: scaleX(0);
    transform-origin: 0 0;
}

.testimonials__author--name {
    color: var(--sub-text);
    font-size: 16px;
    margin-left: 24px;
    transform: translateX(-40px);
    opacity: 0;
}

.testimonials__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}

.testimonials__controls {
    position: relative;
    display: flex;
    gap: 2px;
    list-style: none;
    align-items: center;
}

.testimonials__control--button {
    cursor: pointer;
    width: 32px;
    height: 32px;
    position: relative;
    background: none;
    border: none;
    padding: 0;
}

.testimonials__control--button:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px; 
    background-color: var(--primary-color);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.testimonials__control--button.testimonials__control--active:before {
    width: 24px;
    height: 8px;
    border-radius: 4px; 
    background-color: var(--btn-border-hover);
}
.testimonials__control--button.active {
    transform: scale(1.2);
}

@keyframes slideIn {
    from { transform: translateX(-10px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.testimonials__controls li {
    animation: slideIn 0.3s ease forwards;
}
.testimonials__control--active:before {
    background-color: var(--btn-border-hover);
    width: 16px;
}
.testimonials__slider-track {
    position: absolute;
    height: 3px;
    background-color: var(--btn-border-hover);
    bottom: -5px;
    transition: left 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), width 0.4s ease;
}

.testimonials__quotemark {
    justify-items: flex-end;
    position: absolute !important;
    top: 0 !important;
    width: 100%;
}

.testimonials__quotemark svg {
    margin-left: 0;
    max-width: max(2.5rem, min(2.589vw + 1.8932rem, 5rem));
    width: 100%;
}

.testimonials__quotemark svg * {
    fill: var(--btn-border-hover);
}

/*----------------------------Skils----------------------------*/
ul.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

ul.slick-dots button {
    width: 10px;
    height: 10px;
    font-size: 0;
    border-radius: 50%;
    border: none;
    margin: 0 3px;
    outline: 0;
    background: var(--primary-color);
}

.section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.line {
    flex-grow: 1;
    height: 2px;
    background-color: var(--main-text);
}

.title-box {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid var(--main-text);
    border-radius: 22px;
    color: var(--main-text);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.logos {
    margin-top: 30px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    display: flex;
}

.logos-slide {
    animation: 30s slide infinite linear;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.education::before {
    content: "";
    border-left: 2px solid var(--main-text);
    position: absolute;
    top: 0;
    left: 11px;
    bottom: 0;
    z-index: -1;
}

.education {
    display: flex;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

.small_yellow_border {
    border: 2px solid var(--main-text);
    border-radius: 100%;
    padding: 5px;
    background-color: var(--section-background);
}

.small_yellow_circle {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--main-text);
}

.bachelor {
    color: var(--main-text);
    font-size: 16px;
    line-height: 28px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 4px;
}

.university {
    padding-bottom: 4px;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.cursus {
    color: var(--sub-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    transition: all 0.3s;
}

.education:hover .cursus {
    color: var(--main-text);
}

.small_yellow_border_main {
    padding-left: 20px;
}

.coding-skill-section {
    padding-top: 60px;
}

.design-skills-img-main {
    border-radius: 40px;
    border: 2px solid var(--8, #00cc97);
    background: rgba(0, 204, 151, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    max-width: 179px;
    width: 100%;
    height: 80px;
}

.skill-counter-main p:first-of-type {
    color: var(--main-text);
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.skill-counter-main p:nth-of-type(2) {
    color: var(--8, #00cc97);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
}

.box-item {
    position: relative;
}

.submit-btn-main {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 70px;
}

.submit-btn-main a {
    color: #000 !important;
    border-top: 2px solid #000;
    border-right: 4px solid #000;
    border-bottom: 4px solid #000;
    border-left: 2px solid #000;
}

.submit-btn-main a:hover {
    background: #fff;
}

.submit-btn-main img {
    filter: brightness(0) saturate(100%) invert(0) sepia(100%) saturate(6%) hue-rotate(210deg) brightness(97%) contrast(101%);
}

.submit-btn-main .aryaBtn:hover img {
    filter: brightness(0) saturate(100%) invert(0) sepia(0) saturate(7500%) hue-rotate(127deg) brightness(100%) contrast(101%) !important;
}

.wrapper {
    width: 100%;
    cursor: pointer;
}

.contact-sec-box {
    padding: 15px 25px;
    border: 2px dashed var(--primary-color);
    border-radius: 15px;
}

.contact-sec-box:hover {
    border: 2px dashed var(--main-text);
    border-radius: 0;
}

.input-main {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
    margin-top: 40px;
    width: 100%;
}

.input-main input {
    background: 0 0;
    border-radius: 20px;
    border: 2px dashed var(--primary-color);
    height: 64px;
    outline: 0;
    padding: 10px 20px;
    color: var(--main-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.input-main input:focus {
    border: 2px dashed var(--main-text);
    border-radius: 0;
}

footer {
    border-radius: 30px;
    background: var(--section-background);
    padding: 18px 30px;
    margin-bottom: 30px;
}

.rights-reserved {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rights-reserved a,
.rights-reserved p {
    color: var(--3, #8899ac);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.rights-reserved a:hover {
    color: var(--main-text);
}

.home-media-icon-main-head {
    display: flex;
    align-items: center;
    gap: 30px;
}

.bottom-top-button {
    border-bottom-color: #eb8303;
    position: fixed;
    right: 30px;
    bottom: 20px;
    z-index: 1;
    width: 50px;
    height: 50px;
    transition: ease-out 0.2s;
    background-color: var(--btn-border-hover);
    border-radius: 16px;
    border: none;
}

.bottom-top-button img {
    filter: var(--icons-filter);
}

.bottom-top-button:hover {
    animation: animate-pulse 3s linear infinite;
}

.skills-section {
    padding: 20px 20px 0 20px;
    color: #fff;
    max-width: 900px;
    margin: 0 auto;
}

.skills-columns {
    display: flex;
    justify-content: space-between;
    gap: 10%;
}

.skills-column {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.skill-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 300px;
}

.skill-name {
    font-weight: 700;
    font-size: 1rem;
}

.skill-dots {
    margin-left: auto;
    display: flex;
    gap: 0.4rem;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
    transition: background-color 0.4s ease;
}

.dot.filled {
    background-color: #eb8303;
}

.contact-1 {
    width: 100%;
    height: 100%;
    background-color: #22303c;
    border-radius: 16px;
    padding: 45px 220px 45px 45px;
    gap: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.contact-text h2 {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: var(--card-background);
    margin-bottom: 10px;
}

.contact-text p {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    color: var(--sub-text);
}

.contact-buttons {
    width: 410px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.linha {
    display: flex;
    gap: 10px;
}

.linha.line1 .button-wrapper {
    width: 200px;
    height: 50px;
    border-radius: 16px;
}

.linha.line2 .button-wrapper {
    width: 130px;
    height: 50px;
    border-radius: 16px;
}

.ctBtn {
    color: var(--btn-border);
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 20px;
    border-top: 2px solid var(--btn-border);
    border-right: 4px solid var(--btn-border);
    border-bottom: 4px solid var(--btn-border);
    border-left: 2px solid var(--btn-border);
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.ctBtn:hover {
    color: var(--btn-border-hover);
    border-top: 2px solid var(--btn-border-hover);
    border-right: 4px solid var(--btn-border-hover);
    border-bottom: 4px solid var(--btn-border-hover);
    border-left: 2px solid var(--btn-border-hover);
}

.email-form-container {
    display: flex;
    width: 100%;
    max-width: 900px;
    gap: 2%;
    padding-top: 20px;
}

.form-col-left {
    flex: 0 0 78%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-col-right {
    flex: 0 0 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form {
    display: flex;
    gap: 16px;
}

.line1 input {
    flex: 1;
}

.line2 input {
    width: 100%;
}

.line3 textarea {
    width: 100%;
    height: 100px;
}

input,
textarea {
    border: none;
    border-radius: 10px;
    padding: 12px;
    background: #22303c;
    color: #ccc;
    font-size: 16px;
    font-family: inherit;
    resize: none;
}

::placeholder {
    color: var(--sub-text);
}

:focus::placeholder {
    color: var(--icons-colors-hover);
}

input:focus {
    border-color: var(--icons-colors-hover);
    outline: 1px solid var(--icons-colors-hover);
    outline-offset: 2px;
}

textarea:focus {
    border-color: var(--icons-colors-hover);
    outline: 1px solid var(--icons-colors-hover);
    outline-offset: 2px;
}

.send-btn {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 16px;
    background: var(--btn-border-hover);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.send-btn:hover {
    background: #22303c;
    color: #eb8303;
}

.svg-icon {
    width: 24px;
    height: 24px;
    fill: none;
}

/*---------------------------Portfolio Fixed Button---------------------------*/
/* Botão flutuante */
#portfolio-fixed .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Container do botão fixo */
#portfolio-fixed .submenu ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

/* Container do botão fixo */
#portfolio-fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* Botão principal */
#animated-btn {
    position: relative;
    width: 70px;
    height: 70px;
    border: none;
    border-radius: 35px;
    overflow: hidden;
    cursor: pointer;
    transition: width 0.6s ease;
    background-color: var(--btn-border-hover) !important;

    color: #fff;
    /* ícone SVG usa currentColor */
}

/* Ícone dentro do botão */
#animated-btn .icon-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
}

#animated-btn .icon-wrapper svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#animated-btn .icon-wrapper svg path {
    stroke: currentColor !important;
}

/* Label escondida por padrão */
#animated-btn .label {
    position: absolute;
    right: 65px;
    top: 50%;
    transform: translateY(-45%);
    white-space: nowrap;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.06em;
    opacity: 0;
}

/* Submenu */
#portfolio-fixed .submenu {
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    padding: 10px;
    width: 200px;
    display: none;
    border-radius: 20px;
    transform: translateY(10px);
    transition: transform 0.3s ease;
    background: rgb(25, 39, 52, 0.7);
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(235, 131, 3, 0.4), 0 6px 24px rgba(0, 0, 0, 0.2);
}

#portfolio-fixed .submenu::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    filter: url(#lensFilter) saturate(120%) brightness(1.05);
    border-radius: inherit;
    pointer-events: none;
}

#portfolio-fixed .submenu::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    box-shadow: inset 1px 1px 0 rgb(235, 131, 3, 0.15), inset 0 0 5px rgb(235, 131, 3, 0.1);
    border-radius: inherit;
    pointer-events: none;
}

#portfolio-fixed .submenu > * {
    position: relative;
    z-index: 1;
}

#portfolio-fixed.open .submenu {
    display: block;
    transform: translateY(0);
}

#portfolio-fixed .submenu ul li a {
    display: block;
    padding: 10px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

#portfolio-fixed .submenu ul li a:hover {
    background-color: #eb8303;
    color: #192734;
}


/* -------------------Portfolio button Desktop---------------------------- */
#portfolio-button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 20px;
}

/* Botão desktop */
#desktop-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 30%;
    width: 100%;
    height: 70px;
    padding: 0 20px;
    border: none;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--btn-border-hover) !important;
    color: #fff;
    position: relative;
}

/* Label e ícone já centralizados pelo flex */
#desktop-btn .label {
    font-size: 18px;
    font-weight: 600;
}

#desktop-btn .icon-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

/* submenu (permanece oculto; você decide se quer remover) */
#portfolio-button .submenu {
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    width: 200px;
    display: none;
    border-radius: 24px;
    transition: opacity 0.3s ease;
    opacity: 0;
    background: rgba(136, 153, 172, 0.12);
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(235, 131, 3, 0.4), 0 6px 24px rgba(0, 0, 0, 0.2);
}

#portfolio-button .submenu::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    filter: url(#lensFilter) saturate(120%) brightness(1.05);
    border-radius: inherit;
    pointer-events: none;
}

#portfolio-button .submenu::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    box-shadow: inset 1px 1px 0 rgb(235, 131, 3, 0.15), inset 0 0 5px rgb(235, 131, 3, 0.1);
    border-radius: inherit;
    pointer-events: none;
}

#portfolio-button .submenu > * {
    position: relative;
    z-index: 1;
}

/* 3) Mostrar quando abrir */
#portfolio-button.open .submenu {
    display: block;
    opacity: 1;
}

#portfolio-button .submenu ul li a {
    display: block;
    padding: 10px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

#portfolio-button .submenu ul li a:hover {
    background-color: #eb8303;
    color: #192734;
}

/* -------------------UX container---------------------------- */
.section-two-row {
    display: flex;
    flex-direction: column;
}

/* -------------------Case Study Blocks---------------------------- */

.case-study {
    margin-bottom: 120px;
    content-visibility: auto;
    contain-intrinsic-size: auto 720px;
}

.case-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--heading-color, #fff);
}

.case-description {
    font-size: 15px;
    line-height: 1.65;
    color: var(--text-color, #ccc);
    margin: 0 0 28px 0;
    max-width: 720px;
}

.case-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.case-block h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
    color: var(--accent-color, #7c3aed);
}

.case-block p {
    font-size: 15px;
    line-height: 1.65;
    color: var(--text-color, #ccc);
    margin: 0;
}

.case-study .ux {
    margin-top: 24px;
}

/* -------------------Bento Case Layout (Case 1 UX Motion)---------------------------- */

.bento-case {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.bento-media {
    flex: 3;
    min-width: 60%;
}

.bento-case:not(.bento-case--stacked) > .case-accordion {
    display: flex;
    flex: 2 1 0;
    flex-direction: column;
    align-self: stretch;
    min-height: 0;
    overflow: hidden;
    justify-content: flex-start;
}

.bento-case:not(.bento-case--stacked) > .case-accordion > .accordion-item {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
}

.bento-case:not(.bento-case--stacked) > .case-accordion > .accordion-item.is-open .accordion-body {
    overflow: hidden;
}

.bento-text {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bento-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.bento-item {
    border-radius: 12px;
    overflow: hidden;
}

.bento-item.bento-wide {
    grid-column: 1 / -1;
}

.bento-player {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

 /* -------------------Bento Case Stacked (Case 2 UX Motion)---------------------------- */

 .bento-case--stacked {
     flex-direction: column;
 }

 .bento-case--stacked .bento-media {
     flex: none;
     width: 100%;
 }

 .bento-text--row {
     flex-direction: row;
     gap: 24px;
 }

 .bento-text--row .case-block {
     flex: 1;
 }

 /* -------------------Mini Browser (Case 3)---------------------------- */

 .mini-browser {
     position: relative;
     width: 100%;
     border-radius: 12px;
     overflow: hidden;
     background: #1e1e1e;
     border: 1px solid rgba(255, 255, 255, 0.10);
     isolation: isolate;
     contain: layout paint;
  }

 .mini-browser.is-interactive {
     z-index: 10000;
     box-shadow: 0 40px 120px rgba(0, 0, 0, 0.45);
     border-color: rgba(235, 131, 3, 0.35);
  }

 .mini-browser__chrome {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 10px 14px;
     background: #2c2c2c;
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }

 .mini-browser__dots {
     display: flex;
     gap: 6px;
     flex-shrink: 0;
 }

 .mini-browser__dots span {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     display: block;
 }

 .mini-browser__dots span:nth-child(1) { background: #ff5f57; }
 .mini-browser__dots span:nth-child(2) { background: #febc2e; }
 .mini-browser__dots span:nth-child(3) { background: #28c840; }

 .mini-browser__url {
     flex: 1;
     background: rgba(255, 255, 255, 0.07);
     border-radius: 6px;
     padding: 4px 12px;
     font-size: 12px;
     color: rgba(255, 255, 255, 0.45);
     text-align: center;
     font-family: inherit;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .mini-browser__viewport {
     --mini-browser-scale: 1;
     position: relative;
     aspect-ratio: 16 / 9;
     overflow: clip;
     background: #fff;
     contain: layout paint size;
     content-visibility: auto;
     contain-intrinsic-size: auto 100% auto 56.25cqw;
     overscroll-behavior: contain;
   }

.mini-browser__canvas {
     position: absolute;
     top: 0;
     left: 0;
     width: 1920px;
     height: 1080px;
      transform: translateZ(0) scale(var(--mini-browser-scale));
      transform-origin: top left;
      pointer-events: none;
      backface-visibility: hidden;
  }

 /* canvas wrapper mantém pointer-events:none — apenas o iframe recebe eventos.
    Isso garante que o botão #ym-exit, estando fora do canvas, nunca seja bloqueado. */

.mini-browser__viewport iframe {
     width: 1920px;
     height: 1080px;
     border: none;
     display: block;
      pointer-events: none;
      backface-visibility: hidden;
   }

 .mini-browser__viewport.is-interactive iframe {
     pointer-events: auto;
 }

 .mini-browser__overlay {
      position: absolute;
      inset: 0;
      cursor: pointer;
      display: flex;
     align-items: flex-end;
      justify-content: flex-end;
      padding: 14px;
      background: transparent;
      border: none;
      transition: opacity 0.3s ease;
  }

 .mini-browser__overlay.is-hidden {
     opacity: 0;
     pointer-events: none;
 }

 .mini-browser__cta {
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      font-size: 11px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.06em;
     padding: 8px 14px;
     border-radius: 8px;
     backdrop-filter: blur(6px);
     -webkit-backdrop-filter: blur(6px);
     font-family: inherit;
      user-select: none;
  }

 .mini-browser__exit {
      position: absolute;
      left: 50%;
      bottom: 16px;
      transform: translateX(-50%);
      z-index: 9999;
      background: rgba(235, 131, 3, 0.92);
      color: #fff;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      padding: 12px 22px;
      border: none;
      border-radius: 999px;
      cursor: pointer;
      box-shadow: 0 20px 45px rgba(235, 131, 3, 0.28);
      font-family: inherit;
      user-select: none;
      transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  }

  .mini-browser__exit:hover {
      background: rgba(235, 131, 3, 1);
      transform: translateX(-50%) translateY(-1px);
      box-shadow: 0 24px 55px rgba(235, 131, 3, 0.34);
  }

 /* -------------------Accordion (Case Studies)---------------------------- */

 .case-accordion {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .case-accordion--horizontal {
     --closed-panel-width: 88px;
     flex-direction: row;
     align-items: stretch;
     width: 100%;
     height: 280px; /* altura fixa: nunca muda no eixo Y */
 }

 .accordion-item {
     position: relative;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.10);
     border-radius: 12px;
     overflow: hidden;
     transition: border-color 0.3s ease;
 }

 .case-accordion--horizontal .accordion-item {
     display: flex;
     flex-direction: column;
     flex: 0 0 var(--closed-panel-width);
     min-width: var(--closed-panel-width);
     transition: flex-basis 0.35s ease, flex-grow 0.35s ease, border-color 0.3s ease;
 }

 .case-accordion--horizontal .accordion-item.is-open {
     flex: 1 1 0%;
     min-width: 0;
 }

 .accordion-item::before {
     content: '';
     position: absolute;
     inset: 0;
     z-index: 0;
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     filter: url(#lensFilter) saturate(120%) brightness(1.05);
     border-radius: inherit;
     pointer-events: none;
 }

 .accordion-trigger {
     position: relative;
     z-index: 1;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 16px 20px;
     background: none;
     border: none;
     cursor: pointer;
     color: var(--heading-color, #fff);
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.05em;
     font-family: inherit;
 }

 .accordion-trigger:hover {
     color: #eb8303;
 }

 .accordion-arrow {
     width: 16px;
     height: 16px;
     flex-shrink: 0;
     fill: currentColor;
     transition: transform 0.35s ease;
 }

 .accordion-item.is-open .accordion-arrow {
     transform: rotate(180deg);
 }

 .case-accordion--horizontal .accordion-trigger {
     height: 100%;
     padding: 16px 10px;
     flex-direction: column;
     justify-content: flex-end;
     gap: 14px;
 }

 .case-accordion--horizontal .accordion-item.is-open .accordion-trigger {
     height: auto;
     padding: 16px 20px;
     flex-direction: row;
     justify-content: space-between;
     gap: 12px;
 }

 .case-accordion--horizontal .accordion-item:not(.is-open) .accordion-trigger > span {
     writing-mode: vertical-rl;
     transform: rotate(180deg);
     white-space: nowrap;
     text-align: center;
     letter-spacing: 0.08em;
 }

 .case-accordion--horizontal .accordion-item.is-open .accordion-trigger > span {
     writing-mode: horizontal-tb;
     transform: none;
     white-space: normal;
 }

 .case-accordion--horizontal .accordion-item:not(.is-open) .accordion-arrow {
     transform: rotate(-90deg);
 }

 .case-accordion--horizontal .accordion-item.is-open .accordion-arrow {
     transform: rotate(0deg);
 }

 /* Body do item aberto no horizontal preenche o espaço restante verticalmente */
 .case-accordion--horizontal .accordion-item.is-open .accordion-body {
     height: auto;
     flex: 1 1 auto;
     overflow-y: auto;
     overflow-x: hidden;
 }

 /* Body dos itens fechados no horizontal nunca contribui para altura */
 .case-accordion--horizontal .accordion-item:not(.is-open) .accordion-body {
     height: 0 !important;
     overflow: hidden;
 }

 .accordion-body {
     position: relative;
     z-index: 1;
     height: 0;
     overflow: hidden;
 }

 .accordion-item.is-open .accordion-body {
     height: auto;
 }

 .accordion-body-inner {
     padding: 0 20px 16px;
     font-size: 15px;
     line-height: 1.65;
     color: var(--text-color, #ccc);
 }

 .accordion-item::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    box-shadow: inset 1px 1px 0 rgb(235, 131, 3, 0.15), inset 0 0 5px rgb(235, 131, 3, 0.1);
    border-radius: inherit;
 }

.ux-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 60px 20px 60px;
    content-visibility: auto;
    contain-intrinsic-size: auto 320px;
}

.ux-box {
    width: 300px;
}

.ux-container-last {
    display: flex;
    align-items: center;
    border-radius: 16px;
    overflow: hidden;
    content-visibility: auto;
    contain-intrinsic-size: auto 320px;
}

/* -------------------Branding container---------------------------- */

.gif {
    border-radius: 24px;
    padding: 20px;
}

.gif-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    gap: 20px;
}

.gif-box {
    border-radius: 16px;
    overflow: hidden;
}

.gif-container-first {
    display: flex;
    align-items: center;
    border-radius: 16px;
    overflow: hidden;
}

.gif-player {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    object-fit: cover;
    /* importante pra vídeo preencher o espaço sem distorcer */
    overflow: hidden;
    display: block;
}

/* -------------------GSAP CA---------------------------- */

.cls-1 {
    fill: #f4b840;
}

.cls-1,
.cls-2,
.cls-3,
.cls-4,
.cls-5,
.cls-6,
.cls-7,
.cls-8,
.cls-9,
.cls-10,
.cls-11 {
    stroke-width: 0px;
}

.cls-2 {
    fill: #d3f1fd;
}

.cls-3 {
    fill: none;
}

.cls-4 {
    fill-rule: evenodd;
}

.cls-4,
.cls-10 {
    fill: #13208e;
}

.cls-5 {
    fill: #ffba1c;
}

.cls-6 {
    fill: #a28de4;
}

.cls-7 {
    fill: #b29df4;
}

.cls-8 {
    fill: #b2b7e7;
}

.cls-9 {
    fill: #00aff0;
}

.cls-11 {
    fill: #fff;
}

.cls-12 {
    fill: #f4b840;
}

.cls-13 {
    fill: #d3f1fd;
}

.cls-14 {
    fill: #8391e2;
}

.cls-15,
.cls-21 {
    fill-rule: evenodd;
}

.cls-15,
.cls-22 {
    fill: #13208e;
}

.cls-16 {
    fill: #ffba1c;
}

.cls-17 {
    fill: #a28de4;
}

.cls-18 {
    fill: #b29df4;
}

.cls-19 {
    fill: #b2b7e7;
}

.cls-20 {
    fill: #00aff0;
}

.cls-21,
.cls-23 {
    fill: #fff;
}

/*-------------------Responsive Buttons---------------------------- */
.container-desktop {
    display: flex;
}

.container-mobile {
    display: none;
}

/*-------------------Brands viewers---------------------------- */


.viewers-container {
    display: flex;
    gap: 20px;
    padding: 20px;
    width: 100%;
    max-width: 1400px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #888 #f0f0f0;
    margin-top: 20px;
}

/* Estilização da barra de rolagem */
.viewers-container::-webkit-scrollbar {
    height: 8px;
}

.viewers-container::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 10px;
}

.viewers-container::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.viewer {
    border-radius: 10px;
    overflow: hidden;
    width: 180px;
    min-width: 180px;
    height: 50px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.viewer:hover {
    transform: scale(1.5);
    z-index: 10;
}

.svg-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.svg-item {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.svg-item svg {
    max-width: 80%;
    max-height: 80%;

}

.svg-container svg path {
    fill: var(--sub-text);
}

.viewer:hover svg path {
    fill: var(--btn-border-hover);
  }
  
/* Configuração inicial dos SVGs */
.svg-container .svg-item:nth-child(2) {
    opacity: 0;
    transform: translateY(-100%);
}

.svg-container .svg-item:nth-child(3) {
    opacity: 0;
    transform: translateY(100%);
}

/* Garante que os SVGs estejam posicionados corretamente */
.svg-container .svg-item {
    transform: translate(0, 0);
    /* Reset para as novas animações */
}

/* Configurações específicas para os viewers */
#viewer2-svg2,
#viewer2-svg3 {
    transform: translateX(100%) translateY(0);
}

#viewer1-svg1 {
    fill: #000 !important;
}

#viewer3-svg2 {
    transform: translateX(0) translateY(100%);
}

#viewer3-svg3 {
    transform: translateX(0) translateY(-100%);
}

#viewer4-svg2,
#viewer4-svg3 {
    transform: translateX(-100%) translateY(0);
}

@media (min-width: 1650px) {
    .container,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1290px !important;
    }
}
@media (max-width: 1199px) {
    .gallery-item {
        width: 330px;
    }
    .Neque {
        margin-bottom: 50px;
    }
}
@media (max-width: 1199px) {
    #mainHeader {
        position: sticky;
        top: 30px;
        z-index: 500;
    }
    .list-menu {
        margin-bottom: 0;
        padding: 0px 20px 30px 20px;
        background: none;
        box-shadow: none;
        border-radius: none;
        backdrop-filter: none;
        border: none;
    }
    .list-menu::after {
        box-shadow: none;
    }
    .list-menu::before {
        backdrop-filter: none;
        filter: none;
    }
    body.dark-mode header {
        position: relative;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        border-radius: 20px;
        background: #1b2734ad;
        border: 1px solid #eb83032e;
        overflow: hidden;
    }
    header {
        position: relative;
        background: rgb(25, 39, 52, 0.49);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        border-radius: 20px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        overflow: hidden;
    }
    .menu-toggle-button {
        display: block;
    }
    .menu-toggle-button {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.3) 100%);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        border: none;
        cursor: pointer;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .side-menu-container {
        position: relative;
    }
    .side-menu-main {
        position: fixed;
        top: 0;
        padding-top: 50px;
        left: -300px;
        width: 300px;
        height: 100%;
        transition: left 0.3s ease;
        z-index: 500;
        background: #1b2734ad;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        backdrop-filter: blur(9px);
        border: 1px solid #eb83032e;
        overflow: hidden;
    }
    .side-menu-main.show {
        padding-top: 15%;
        left: 0;
    }
    .hamburger .line {
        width: 25px;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 6px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .hamburger:hover {
        cursor: pointer;
    }
    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0;
    }
    #hamburger-1.is-active .line:nth-child(1) {
        -webkit-transform: translateY(8px) rotate(48deg);
        -ms-transform: translateY(8px) rotate(48deg);
        -o-transform: translateY(8px) rotate(48deg);
        transform: translateY(8px) rotate(48deg);
    }
    #hamburger-1.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-8px) rotate(-48deg);
        -ms-transform: translateY(-8px) rotate(-48deg);
        -o-transform: translateY(-8px) rotate(-48deg);
        transform: translateY(-8px) rotate(-48deg);
    }
    .gallery-item {
        width: auto;
    }
    #progress {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
    .Neque {
        margin-bottom: 72px;
    }
    .basic-plain-box-sub {
        padding: 40px 40px;
        max-width: 220px;
    }
}
@media(max-width:991px){
    .side-menu-main.show {
        padding-top: 30%;
        left: 0;
    }
}
@media (max-width: 991px) {
    .section-five,
    .section-four,
    .section-nine,
    .section-one,
    .section-six,
    .section-two {
        padding: 40px;
    }
    .hi-there {
        text-align: center;
    }
    .creative {
        font-size: 40px;
        line-height: 50px;
        padding-bottom: 10px;
        text-align: center;
    }
    .visionary {
        text-align: center;
        padding: 0 20px;
    }
    .section-one-row {
        gap: 30px 0;
    }
    .download-btn {
        justify-content: center;
    }
    .portfolio-girl-img-col {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    header {
        margin: 20px 0;
    }
    #mainHeader {
        position: sticky;
        top: 20px;
    }
    .arya-stack-about {
        font-size: 40px;
        line-height: 50px;
        max-width: 100%;
        text-align: center;
    }
    .WebExperts {
        padding-top: 13px;
        text-align: center;
    }
    .yer-exp-box-main {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-top: 20px;
        align-items: center;
    }
    .section-two .row {
        gap: 25px 0;
    }
    .self-taught-col {
        padding-left: 15px;
    }
    .self-taught {
        font-size: 19px;
        line-height: 28px;
        padding-bottom: 15px;
        text-align: center;
    }
    .about-col {
        border-right: none;
    }
    .gallery-item {
        width: 298px;
    }
    .gallery {
        gap: 0 20px;
    }
    .gallery-item3 {
        margin-top: -90px;
    }
    .coding-skill-section {
        padding: 40px 0;
    }
    .Neque {
        margin-bottom: 20px;
    }
    .resume-sec-row {
        gap: 30px;
    }
    .rights-reserved {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 10px;
        text-align: center;
    }
    .home-media-icon-main-head {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .section-five,
    .section-four,
    .section-nine,
    .section-one,
    .section-six,
    .section-two {
        padding: 30px 15px;
        margin-bottom: 20px;
    }
    footer {
        margin-bottom: 20px;
    }
    .hire-me-btn {
        display: none;
    }
    .logo {
        width: 200px;
    }
    header {
        padding: 10px 15px;
    }
    .creative {
        font-size: 34px;
        line-height: 45px;
        padding-bottom: 5px;
        text-align: center;
    }
    .download-btn {
        display: flex;
        align-items: start;
        margin-top: 25px;
    }
    .arya-stack-about {
        font-size: 34px;
        line-height: 40px;
    }
    .gallery-item {
        width: auto;
        margin-bottom: 0;
    }
    .gallery {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 0;
    }
    .gallery-item3 {
        margin-top: 0;
    }
    .coding-skill-section {
        padding: 30px 0;
    }
    .testimonial-box {
        flex-wrap: wrap;
        margin-top: 20px;
    }
    ul.slick-dots {
        margin-top: 20px;
    }
    .client-img {
        width: 50px;
        height: auto;
        object-fit: cover;
    }
    .section-title {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30px 0 20px 0;
    }
    .am-text-main p {
        font-size: 22px;
    }
    .aryaBtn-toggle-main {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    .input-main {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-bottom: 30px;
        margin-top: 30px;
        flex-direction: column;
    }
    .submit-btn-main {
        display: flex;
        align-items: center;
        justify-content: start;
        margin-top: 40px;
    }
     .case-accordion--horizontal .accordion-item:not(.is-open) .accordion-trigger > span {
     writing-mode: horizontal-tb;
     transform: none;
 }
}
@media (max-width: 575px) {
    .girl-name {
        position: absolute;
        left: 10px;
        bottom: 30px;
        padding: 7px 16px;
        height: 38px;
    }
    .girl-name p {
        font-size: 16px;
    }
    .content-img {
        border-radius: 20px;
    }
    .gallery-main-card {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .text-gallery {
        margin-bottom: 15px;
        margin-top: 0;
    }
    .small_yellow_border_main {
        padding-left: 15px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .skills-columns {
        gap: 25%;
    }
}
@media screen and (max-width: 991px) {
    .skills-columns {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .skill-row {
        padding: 0 110px 0 110px;
        width: 600px;
    }
}
@media (max-width: 767px) {
    .skill-dots {
        justify-content: space-between;
    }
    .skill-row {
        padding: 0;
        width: 320px;
    }
}
@media (max-width: 1024px) {
    .contact-1 {
        padding: 20px;
    }
}
@media (max-width: 768px) {
    .contact-buttons {
        width: 340px;
    }
    .linha.line1 .button-wrapper {
        width: 165px;
    }
    .linha.line2 .button-wrapper {
        width: 106.66px;
    }
}
@media (max-width: 768px) {
    .form {
        flex-direction: column;
    }
    .email-form-container {
        flex-direction: column;
    }
    .form-col-right {
        width: 100%;
        height: 50px;
        margin-top: 20px;
    }
    .send-btn {
        height: 50px;
    }
}
@media (max-width: 1024px) {
    .side-menu-ul li#portfolio-item {
        display: none;
    }
}
@media (max-width: 1199px) {
    .bottom-top-button {
        display: none !important;
    }
}
@media (min-width: 1199px) {
    #portfolio-fixed {
        display: none;
    }
}
@media (max-width: 1199px) {
    #portfolio-fixed {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 1000;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    #portfolio-button {
        display: none;
    }
}
@media (max-width: 768px) {
    .ux-container {
        flex-direction: column;
        align-items: center;
        margin: 0 25px 20px 25px;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .bento-case {
        flex-direction: column;
    }
    .bento-grid {
        grid-template-columns: 1fr;
    }
    .bento-item.bento-wide {
        grid-column: auto;
    }

    /* Acordeões mobile: layout normal, empurra conteúdo abaixo */
    .case-study {
        overflow: visible;
        position: relative;
        margin-bottom: 30px;
        content-visibility: visible;
    }
    .bento-case {
        overflow: visible;
    }
    /* No mobile, bento-case não-stacked vira coluna: accordion ocupa largura total.
       Remove o overflow:hidden do desktop e a flex fixa, deixa altura natural. */
    .bento-case:not(.bento-case--stacked) > .case-accordion {
        flex: none;
        overflow: visible;
        min-height: 0;
    }
    .bento-case:not(.bento-case--stacked) > .case-accordion > .accordion-item.is-open .accordion-body {
        overflow: hidden; /* controlado pelo JS */
    }
    /* height:280px do desktop não faz sentido no mobile em flex-column */
    .case-accordion--horizontal {
        height: auto;
    }
    /* Bootstrap .overflow-hidden usa !important — precisa de !important para sobrescrever */
    .section-two,
    .section-two-row {
        overflow: visible !important;
    }

    .case-accordion {
        gap: 6px;
    }
    .accordion-trigger {
        padding: 14px 16px;
        font-size: 13px;
    }
    .accordion-body-inner {
        padding: 0 16px 14px;
        font-size: 14px;
    }
    .case-accordion--horizontal {
        flex-direction: column;
        min-height: 0;
        height: auto;
    }
    .case-accordion--horizontal .accordion-item,
    .case-accordion--horizontal .accordion-item.is-open {
        flex: 0 0 auto;
        min-width: 0;
        /* Remove transições CSS de flex do desktop — no mobile o GSAP controla tudo */
        transition: border-color 0.3s ease;
    }
    /* Neutraliza as regras de height do layout horizontal —
       no mobile o GSAP controla a height do body via animação, sem interferência CSS */
    .case-accordion--horizontal .accordion-item.is-open .accordion-body {
        height: 0;       /* GSAP parte de 0 e anima até autoH */
        flex: none;
        overflow: hidden;
    }
    .case-accordion--horizontal .accordion-item:not(.is-open) .accordion-body {
        height: 0 !important;
        overflow: hidden;
    }
    .case-accordion--horizontal .accordion-trigger,
    .case-accordion--horizontal .accordion-item.is-open .accordion-trigger {
        height: auto;
        padding: 14px 16px;
        flex-direction: row;
        justify-content: space-between;
        gap: 8px;
    }
    .case-accordion--horizontal .accordion-item .accordion-trigger > span,
    .case-accordion--horizontal .accordion-item.is-open .accordion-trigger > span {
        writing-mode: horizontal-tb;
        transform: none;
        white-space: normal;
    }
    .case-accordion--horizontal .accordion-item:not(.is-open) .accordion-arrow {
        transform: none;
    }
    .case-accordion--horizontal .accordion-item.is-open .accordion-arrow {
        transform: rotate(180deg);
    }
}

@media (max-width: 768px) {
    .gift-container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}
@media (max-width: 991px){
    .container-desktop{
        display: none;
    }
    .container-mobile{
        display: block;
    }
}


@media (max-width: 1100px) {
    .viewers-container {
        flex-direction: column;
        align-items: stretch; /* Remove o alinhamento central */
        overflow-x: hidden;
        padding:  0 250px;
        gap: 10px;
    }
    
    .viewer {
        width: 90%;
        max-width: 280px;
        height: 50px;
        min-width: auto;
        margin-bottom: 0;
        align-self: flex-start; /* Padrão para ímpar (esquerda) */
    }

    /* Alterna a posição para viewers pares */
    .viewer:nth-child(even) {
        align-self: flex-end; 
  }

    /* Ajuste para garantir que não encostem nas bordas */
    .viewer:nth-child(odd) {
        margin-left: 10px;
    }
    .viewer:nth-child(even) {
        margin-right: 10px;
    }
}

/* Ajustes para telas muito pequenas */
@media (max-width: 1000px) {
    .viewer {
        width: 85%;
        height: 50px;
    }
  .viewers-container {
        padding:  0 180px;
        gap: 10px;
    }
}
@media (max-width: 850px) {
    .viewer {
        width: 85%;
        height: 50px;
    }
  .viewers-container {
        padding:  0 140px;
        gap: 10px;
    }
}
@media (max-width: 768px) {
    .viewer {
        width: 85%;
        height: 50px;
    }
  .viewers-container {
        padding:  0 100px;
        gap: 10px;
    }
}
@media (max-width: 600px) {
    .viewer {
        width: 60%;
        height: 50px;
    }
  .viewers-container {
        padding:  0;
        gap: 5px;
    }
}
@media (max-width: 1200px) {
.testimonials__quotemark svg {
    width: 100%;
    }
}

/* ------- Mini-browser portrait 9:16 (ux-motion – Case Young Monkey) ------- */
@media (max-width: 768px) {
    .mini-browser__viewport {
        aspect-ratio: 390 / 844;
        contain-intrinsic-size: auto 100% auto 216.41cqw;
    }
    .mini-browser__canvas,
    .mini-browser__viewport iframe {
        width: 390px;
        height: 844px;
    }
}