:root{--bg-color-primary: #f2f2f2;--bg-color-secondary1: linear-gradient(to bottom,hsl(202, 72%, 47%, .4), #f2f2f2);--bg-color-secondary2: linear-gradient(to top, hsl(202, 72%, 47%, .4), #f2f2f2);--bg-color-ternary: #228fce;--bg-hover-color: #f2f2f2;--mobile-bg-color: #f2f2f2;--primary-color: #228fce;--secondary-color: #e77525;--text-color1: black;--text-color2: #f2f2f2;--pg-color: #f2f2f2;--grey-text: #475569;--fs-h1: clamp(2rem, 1.6428571428571428rem + 1.7857142857142856vw, 4.5rem);--fs-h2: clamp(1.5rem, 1.3571428571428572rem + .7142857142857143vw, 2.5rem);--fs-h3: clamp(1.25rem, 1.1785714285714286rem + .35714285714285715vw, 1.75rem);--fs-p: clamp(1rem, .9642857142857143rem + .17857142857142858vw, 1.25rem);--primary-font-family: "Josefin sans", "sans-serif";--hero-overlay-gradient: linear-gradient(to bottom, rgba(34, 143, 206, .95) 0%, rgba(34, 143, 206, .5) 65%, rgba(255, 255, 255, .5) 100%)}.darkmode{--bg-color-primary: #121212;--bg-color-secondary1: linear-gradient(to bottom,#202020, #56565670);--bg-color-secondary2: linear-gradient(to top, #202020, #56565670);--bg-color-ternary: #1f508d;--bg-hover-color: #f2f2f2;--mobile-bg-color: #202020;--primary-color: #228fce;--secondary-color: #e77525;--text-color1: #f2f2f2;--text-color2: black;--hero-overlay-gradient: linear-gradient(to bottom, rgba(31, 80, 141, .95) 0%, rgba(31, 80, 141, .5) 65%, #12121280 100%)}html{scroll-behavior:smooth;overflow-x:hidden}*,:after,:before{padding:0;margin:0;box-sizing:border-box}ul,ol{list-style:none}a{text-decoration:none}a,button{cursor:pointer}body{background-color:var(--bg-color-primary);color:var(--text-color1);font-family:var(--primary-font-family);overflow-x:hidden;transition:all .3s ease}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{background:#228fce66}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:20px}#hero{width:100%;min-height:100dvh;scroll-margin-top:clamp(3rem,5vw,8rem);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hero-overlay-gradient)}.hero-main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:min(90%,800px);margin-top:clamp(1rem,calc(10rem - 10dvh),5rem);flex-grow:1}.hero-up{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:1rem}.hero-title{width:100%;font-size:var(--fs-h1);font-weight:700;color:#f2f2f2}.hero-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.hero-description{font-size:var(--fs-p);color:#f2f2f2;line-height:1.3}.hero-description span{font-weight:700;font-style:italic}.hero-btn{display:flex;align-items:center;justify-content:center;width:max-content;padding:clamp(.75rem,1vw,1rem) clamp(1.2rem,2vw,3rem);background-color:var(--secondary-color);color:#f2f2f2;font-size:var(--fs-p);font-weight:700;white-space:nowrap;box-shadow:0 4px 15px #0003;border:3px solid transparent;border-radius:20px;text-decoration:none;transition:all .2s ease}.hero-btn:is(:hover,:focus,:active){background-color:var(--bg-hover-color);border:3px solid var(--secondary-color);color:var(--secondary-color)}.hero-achievements{display:flex;justify-content:center;align-items:center;gap:clamp(.5rem,5vw,15rem);padding:1rem 0}@media(min-width:1024px){.hero-description{font-size:calc(var(--fs-p) * 1.1)}}@media(max-width:400px){.hero-achievements{flex-direction:column}}.milestone-wrapper{color:var(--text-color1);text-shadow:0 2px 8px rgba(0,0,0,.4)}.milestone-number{font-size:var(--fs-h2);font-weight:800}.milestone-title{font-size:var(--fs-p);letter-spacing:1px}#services{background:var(--bg-color-secondary1);height:auto;width:100%;display:flex;flex-direction:column;align-items:center;scroll-margin-top:clamp(3rem,5vw,8rem);padding:clamp(1rem,10vh,4rem) clamp(1rem,5vw,3rem)}.sub-title{width:100%;font-size:var(--fs-h2);font-weight:700;color:var(--text-color1);text-align:center;margin-bottom:clamp(1.5rem,4vw,5rem)}.cards{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(2rem,10vw,4rem);max-width:1400px;width:100%;margin:0 auto}.card{flex:1 1 300px;width:100%;max-width:300px;min-height:clamp(400px,50vh,500px);perspective:1000px;display:flex;align-items:stretch}.card__inner{width:100%;height:100%;transition:transform 1.2s;transform-style:preserve-3d;position:relative;cursor:pointer}.card__inner.is-flipped{transform:rotateY(180deg)}.card__face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;border-radius:15px;box-shadow:0 3px 18px 10px #0003}.card__face--front img{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:absolute;bottom:0;width:100%;height:50%;padding:30% 2% 7%;background:linear-gradient(to top,var(--bg-color-ternary),rgba(255,255,255,0));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1rem}.card__face--front h3{color:#f2f2f2;font-size:var(--fs-h3);text-shadow:0 2px 4px rgba(0,0,0,.5)}.card__face--front .btn-more{background-color:#fff3;backdrop-filter:blur(5px);border:2px solid #f2f2f2;border-radius:30px;width:max-content;padding:.5em 1.5em;font-size:var(--fs-p);font-weight:700;font-family:var(--primary-font-family);color:#f2f2f2;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.card__face--front .btn-more svg{width:1.5rem;height:auto;transform:rotate(90deg);transition:all .3s ease}.card__face--front .btn-more:is(:hover,:focus,:active) svg{transform:rotate(45deg)}.card__face--front .btn-more:is(:hover,:focus,:active){background:#f2f2f2;color:var(--bg-color-ternary);border:2px solid var(--bg-color-ternary)}.card__face--back{background-color:var(--bg-color-primary);transform:rotateY(180deg)}.card__content{width:100%;height:100%}.card__header{position:relative;padding:30px 20px;background-color:var(--bg-color-ternary);border-radius:0 0 30%;display:flex;flex-direction:column;justify-content:center;align-items:center}.card__header h3{font-size:var(--fs-h3);white-space:nowrap;margin:.5rem;color:#f2f2f2}.card__header svg{width:clamp(3rem,15%,5rem);height:auto;color:#fff}.card__body{font-size:var(--fs-p);color:var(--text-color1);padding:1.5rem;display:flex;align-items:center;justify-content:center;text-align:left;line-height:1.3}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color));&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto;::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal{.swiper-button-prev,.swiper-button-next,~.swiper-button-prev,~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-button-prev,~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-next,~.swiper-button-next,&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-button-prev,~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(0)}}}.swiper-vertical{.swiper-button-prev,.swiper-button-next,~.swiper-button-prev,~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-button-prev,~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto;::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto;::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10;&.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>&,&.swiper-pagination-disabled{display:none!important}}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0;.swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2);button&{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:.2s transform,.2s left}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>&,&.swiper-pagination-horizontal,.swiper-vertical>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>&,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));.swiper-scrollbar-disabled>&,&.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>&,&.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>&,&.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;>img,>svg,>canvas{max-width:100%;max-height:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;.swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,.swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0;&:before{content:"";background:#000;position:absolute;inset:0;filter:blur(50px)}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,.swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}}#reference{scroll-margin-top:clamp(3rem,3vw,8rem);height:auto;width:100%;background:var(--bg-color-secondary2);padding:clamp(1rem,10vh,4rem) clamp(1rem,5vw,3rem);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden}.ref-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:clamp(150px,20vw,200px);z-index:0;pointer-events:none;background-color:var(--secondary-color)}.reference-container{width:100%;position:relative;z-index:1}.card-wrapper{width:min(95%,1400px);margin:clamp(2rem,5vw,4rem) auto;padding:20px 20px 50px;overflow:hidden}.card-link{user-select:none;display:block;width:100%;position:relative;overflow:hidden;text-decoration:none;box-shadow:0 10px 10px #0003;border-radius:15px;aspect-ratio:1/1;transition:transform .3s ease,box-shadow .3s ease}.card-link:active{cursor:grabbing}.card-link:hover{transform:translateY(-10px)}.card-image{width:100%;height:100%;object-fit:cover;display:block}.reference-hover{position:absolute;bottom:0;left:0;pointer-events:none;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(to top,var(--secondary-color),rgba(0,0,0,0) 60%);opacity:0;transform:translateY(80px);transition:all .4s ease}.card-link:is(:hover,:focus,:active) .reference-hover{opacity:1;transform:translateY(0)}.card-title{font-size:var(--fs-h3);color:#f2f2f2;font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-wrapper .swiper-pagination{bottom:0!important}.card-wrapper .swiper-pagination-bullet{width:10px;height:10px;background-color:#e77525;opacity:.5;transition:all .3s ease}.card-wrapper .swiper-pagination-bullet-active{opacity:1}.swiper-button-next,.swiper-button-prev{color:#e77525;background-color:#f2f2f2;width:clamp(2.5rem,4vw,3.5rem);height:clamp(2.5rem,4vw,3.5rem);border-radius:50%;transition:all .3s ease;scale:.5;padding:clamp(40px,3vw,60px)}.swiper-button-next:after,.swiper-button-prev:after{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.swiper-button-next:hover,.swiper-button-prev:hover{transform:scale(1.1)}@media(max-width:1024px){.swiper-button-next,.swiper-button-prev{display:none}}#contact{position:relative;background-image:linear-gradient(to bottom,#228fce80,#fff0),url(/assets/contactBg-Cs7LtrWl.avif);background-size:cover;background-position:right bottom;background-attachment:fixed;min-height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:clamp(3rem,5vw,8rem);padding-bottom:clamp(250px,20vw,280px)}.content{margin-left:clamp(2rem,10vw,15%);width:min(90%,600px);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(2rem,4vw,3rem);z-index:3}#contact .sub-title{text-align:left;width:100%;color:#000;padding-top:10%}.contacts{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);width:100%}.contact{display:flex;align-items:center;white-space:nowrap;gap:1.5rem;color:var(--pg-color);width:max-content;transition:all .3s ease}.contact:hover{transform:translate(10px)}.contact p{display:flex;flex-direction:column;gap:.5rem;line-height:1.2}.contact a{color:#000;font-size:calc(var(--fs-p) * 1.2);font-weight:500;text-decoration:none}.contact .contact-icon{scale:1.5;color:#000}.contact:is(:hover,:focus,:active) .contact-icon{color:var(--bg-color-ternary)}.footer-wave svg{display:block;width:100%;height:auto}@media(max-width:426px){#contact{background-image:linear-gradient(to bottom,#228fce80,#fff0),url(/assets/contactBgPhone-BKz0lCoG.avif);background-attachment:scroll}#contact .sub-title{text-align:center}.contacts{align-items:center}.content{margin:0 auto}}.nav-container{display:flex;align-items:center;justify-content:center}#navbar{width:min(90%,1700px);height:clamp(3rem,5vw,7rem);position:fixed;top:clamp(1.2rem,6vw,1.6rem);z-index:10;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color-primary);border-radius:30px;box-shadow:0 4px 20px #0003;transition:background-color .3s ease,box-shadow .3s ease}.logo{height:auto;width:clamp(5rem,8vw,10rem);margin-left:clamp(.7rem,2vw,1.25rem)}.nav-menu{display:flex;align-items:center;gap:clamp(1.5rem,2vw,4.5rem)}.nav-menu li{margin:0}.nav-menu li button{color:var(--text-color1);white-space:nowrap;position:relative;background:none;border:none;font-family:var(--primary-font-family);font-weight:500;font-size:var(--fs-p)}.nav-link:before{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:3px;background-color:var(--bg-color-ternary);transition:.3s}.nav-link:is(:hover,:focus,:active):before{width:100%;left:0}.navbar-right{display:flex;align-items:center;gap:.25rem}.btn-contact{height:auto;padding:clamp(.5em,1vw,.9em) clamp(1em,2vw,1.5em);border:3px solid transparent;border-radius:50px;background-color:var(--bg-color-ternary);text-decoration:none;color:#f2f2f2;font-size:var(--fs-p);font-weight:700;white-space:nowrap;font-family:var(--primary-font-family);transition:all .2s ease-in}.btn-contact:is(:hover,:focus,:active){background-color:#f2f2f2;border:3px solid var(--bg-color-ternary);color:var(--bg-color-ternary)}@media(max-width:1024px){.nav-menu,.navbar-right{display:none}#navbar{width:max-content!important;gap:1rem}}.hamburger{display:none}.hamburger .hamburger-icon{width:clamp(2rem,5vw,3rem);height:auto;color:#fff}@media(max-width:1024px){.hamburger{border:none;display:flex;align-items:center;justify-content:center;width:clamp(2.5rem,2vw,5rem);height:clamp(2.5rem,2vw,5rem);margin-right:.3rem;cursor:pointer;background-color:var(--secondary-color);border-radius:50%}.hamburger .hamburger-icon{height:auto;width:70%}}.mobile-nav-link{background:none;border:none;font-family:var(--primary-font-family);font-weight:500;font-size:var(--fs-h3)}.nav-mobile{display:none}@media(max-width:1024px){.nav-mobile{position:fixed;width:min(65%,350px);height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;gap:3rem;padding-bottom:2rem;right:-100%;top:0;z-index:3000;background:var(--mobile-bg-color);box-shadow:-5px 0 20px #0000001a;border-left:none;transition:right .4s ease-out;overflow-y:auto;overscroll-behavior:contain}.nav-mobile.show{right:0}.nav-mobile .close-btn{display:flex;align-items:center;position:absolute;width:2rem;height:2rem;cursor:pointer;border:none;padding:0;background:transparent;top:clamp(25px,3vw,35px);right:clamp(25px,3vw,35px)}.nav-mobile .close-btn .close-icon{height:100%;width:100%;color:var(--bg-color-ternary)}.mobile-nav-menu{display:flex;flex-direction:column;align-items:end;gap:1.5rem;width:100%;box-sizing:border-box;font-size:var(--fs-h3);margin:clamp(20%,15vh,40%) 0 0 0;padding-right:clamp(25px,3vw,35px)}.mobile-nav-menu .mobile-nav-link{color:var(--text-color1);text-decoration:none}.mobile-navbar-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;margin-top:30px;width:100%;flex:1;height:auto;box-sizing:border-box;gap:2rem;padding-right:clamp(25px,3vw,35px)}.mobile-btn-contact{height:auto;padding:clamp(.5em,1vw,.9em) clamp(1em,2vw,1.5em);border:3px solid transparent;border-radius:50px;background-color:var(--bg-color-ternary);text-decoration:none;color:#f2f2f2;font-size:var(--fs-p);font-weight:700;white-space:nowrap;font-family:var(--primary-font-family);transition:all .2s ease-in}.mobile-btn-contact:hover{background-color:#f2f2f2;border:3px solid var(--primary-color);color:var(--primary-color)}.mobile-menu-content{display:flex;flex-direction:column;flex:1;width:100%}}.theme-switch{height:clamp(1.2rem,2vw,1.8rem);width:clamp(2.5rem,4vw,3.5rem);margin-right:clamp(.7rem,2vw,1.25rem);border-radius:50px;border:none;background-color:#ddd;box-shadow:#32325d40 0 2px 2px -2px inset,#0000004d 0 2px 2px -2px inset;display:flex;align-items:center;justify-content:start;transition:all .2s ease-in;position:relative;transform:rotate(90deg);overflow:hidden;cursor:pointer}.my-icon{position:relative;height:80%;width:auto;aspect-ratio:1 / 1;left:5%;background:#fff;color:var(--bg-color-ternary);padding:.2rem;border-radius:50%;transition:left .3s cubic-bezier(.4,0,.2,1);transform:rotate(270deg);display:flex;align-items:center;justify-content:center}.my-icon svg{width:100%;height:100%}body.darkmode .theme-switch{background-color:var(--bg-color-ternary);box-shadow:#32325d40 0 2px 2px -2px inset,#0000004d 0 2px 2px -2px inset}body.darkmode .theme-switch .my-icon{left:calc(100% - clamp(1rem,1.5vw,1.5rem) - clamp(2px,.4vw,4px));transform:rotate(270deg)}@media(max-width:1024px){.theme-switch{transform:rotate(0);overflow:visible}body.darkmode .theme-switch .my-icon{transform:rotate(0);padding:5%}.my-icon{transform:rotate(0)}}.footer-container{width:100%;height:auto;background-color:var(--bg-color-ternary);display:flex;flex-direction:column;align-items:center;padding:0 0 clamp(.5rem,2vw,1rem)}.footer-top{display:flex;align-items:center;justify-content:center;gap:clamp(2%,4vw,10%);width:min(95%,1600px);height:100%}.footer-left,.footer-right{display:flex;flex-direction:column;flex:1}.footer-left{align-items:flex-end;text-align:right}.footer-right{align-items:flex-start;text-align:left}.footer-mid{display:flex;align-items:center;justify-content:center}.footer-mid img{background-color:#f2f2f2;padding:clamp(10px,1.5vw,20px);border-radius:20px;aspect-ratio:1/1;object-fit:contain;position:relative;z-index:10;width:clamp(120px,12vw,180px);height:auto;transition:all .3s ease}.footer-p{display:flex;flex-direction:row;align-items:center;gap:10px;margin:clamp(.5rem,1vw,1rem) 0;color:var(--pg-color);white-space:nowrap;font-size:calc(var(--fs-h3) * .9);transition:all .3s ease}.footer-mid img:is(:hover,:focus,:active),.footer-p:is(:hover,:focus,:active){transform:translateY(-5px)}.footer-p svg{width:1.5em;height:auto}.footer-container a{text-decoration:none;color:var(--pg-color);transition:opacity .2s ease}.footer-container a:hover{text-decoration:underline}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:clamp(1rem,2vw,3rem);text-align:center}.footer-bottom p{font-size:calc(var(--fs-p) * .85);color:var(--pg-color);opacity:.9}@media(max-width:768px){.footer-p a,.footer-p p{font-size:calc(var(--fs-p) * .8)}}@media(max-width:550px){.footer-top{display:flex;flex-direction:column;align-items:center}.footer-mid{order:-1}.footer-left{order:2;display:flex;align-items:center;justify-content:center}.footer-right{order:1;display:flex;align-items:center;justify-content:center}.footer-p a,.footer-p p{font-size:var(--fs-p)}}#scroll-up{position:fixed;z-index:99;bottom:clamp(10px,3vw,20px);right:clamp(10px,3vw,20px);width:clamp(3rem,4.5vw,5rem);height:clamp(3rem,4.5vw,5rem);background-color:var(--bg-color-ternary);border-radius:100%;border:3px solid transparent;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease-in}#scroll-up:is(:hover,:focus,:active){background-color:#f2f2f2;border:3px solid var(--bg-color-ternary);transform:scale(1.1)}#scroll-up svg{width:100%;height:60%;transition:scale .3s ease;color:#f2f2f2}#scroll-up:is(:hover,:focus,:active) svg{color:var(--bg-color-ternary)}.cookie-panel{position:fixed;width:min(90%,600px);left:50%;bottom:20px;transform:translate(-50%,150%);background:#f2f2f2;border-radius:15px;border:none;box-shadow:0 10px 30px #00000026;z-index:20;color:#000;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem clamp(1rem,2vw,1.5rem);transition:transform .4s ease-in-out}.cookie-panel.show{transform:translate(-50%,-5%)}.cookie-panel header{display:flex;align-items:center;justify-content:center;width:100%;gap:.5rem;white-space:nowrap;color:var(--bg-color-ternary)}.cookie-panel header .cookie-icon{width:clamp(2.5rem,3vw,3rem);height:auto}.cookie-panel header h2{font-size:var(--fs-h2)}.cookie-panel .data{text-align:left;width:100%;font-size:var(--fs-p);line-height:1.2}.cookie-panel .data a{color:var(--bg-color-ternary);text-decoration:none}.cookie-panel .data a:hover{text-decoration:underline}.cookie-panel .cookie-btns{display:flex;width:100%;gap:clamp(.7rem,2vw,1.5rem)}.cookie-panel .cookie-btns .button{font-weight:700;font-size:clamp(1rem,.9642857142857143rem + .17857142857142858vw,1.25rem);padding:clamp(.5rem,2vw,.75rem);border-radius:10px;flex:1;cursor:pointer;transition:all .2s ease-in-out}.cookie-panel #acceptBtn{background:var(--bg-color-ternary);border:3px solid transparent;color:#f2f2f2}.cookie-panel #rejectBtn{background:transparent;border:3px solid var(--bg-color-ternary);color:var(--bg-color-ternary)}.cookie-panel #acceptBtn:hover,.cookie-panel #rejectBtn:hover{transform:scale(1.05)}#content{position:relative;padding-bottom:15%}#content img{width:clamp(90%,10vw,100%);max-width:1200px;aspect-ratio:16/9;object-fit:cover;display:flex;justify-content:center;align-items:center;margin:clamp(5rem,8vw,7rem) auto;border-radius:20px;box-shadow:10px 10px 10px #00000040}.background{width:100%;height:95%;position:absolute;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,var(--bg-color-ternary),rgba(255,255,255,0))}.text{width:clamp(85%,10vw,100%);max-width:1050px;margin:clamp(-13rem,-20vw,-7rem) auto 0;position:relative;z-index:3;padding:clamp(1.5rem,5vw,4rem);border-radius:20px;text-align:left;line-height:1.5;color:var(--text-color1);background-color:var(--bg-color-primary)}.text h1{text-align:center;padding:clamp(1.5rem,4vw,3rem) 0;font-size:var(--fs-h1)}.text p{margin-bottom:2%}.text p,.information ul li{font-size:var(--fs-p)}.information .subtitle{text-align:left;padding:clamp(1.5rem,4vw,3rem) 0;font-size:var(--fs-h2)}.subtitle span{color:var(--bg-color-ternary)}.information ul li,.information p{margin-bottom:2%;display:flex;align-items:center}.information ul{padding-left:clamp(.3rem,2.5vw,2.5rem)}.information ul li{gap:.5rem}.information ul li span{color:var(--bg-color-ternary)}.information a{color:var(--text-color1)}.information a:is(:hover,:focus-visible){text-decoration:underline;color:var(--primary-color)}.download-btn{display:block;text-align:center;text-decoration:underline;color:var(--primary-color);padding:clamp(1.5rem,4vw,3rem) 0;font-size:var(--fs-p)}.footer-wave{position:absolute;left:0;bottom:-5px;width:100%;overflow:hidden;line-height:0;fill:var(--bg-color-ternary)}.footer-wave svg{display:block;width:100%;height:auto;position:relative;z-index:-1}@media(max-width:500px){#content img{aspect-ratio:16/11}}.auth-loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#1f508d;font-size:1.1rem}.change-password-modal{width:min(100%,28rem);padding:2rem 1.2rem;border-radius:1rem;background:#fff;box-shadow:0 1.5rem 3rem #228fce2e}.change-password-modal h2{margin-bottom:.75rem;color:var(--bg-color-ternary);font-size:var(--fs-h2)}.change-password-description{margin-bottom:1.5rem;color:var(--grey-text);line-height:1.5}.change-password-form{display:flex;flex-direction:column;gap:1.5rem}.change-password-error{color:#dc2626;font-size:.95rem}.change-password-submit{margin-top:.5rem;padding:.9rem 1rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#228fce,#1f508d);color:#fff;font:inherit;font-weight:600;cursor:pointer}.change-password-submit:disabled{opacity:.7;cursor:not-allowed}.input-field{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.input-field label{font-size:var(--fs-p)}.input-field input,.input-field textarea{width:100%;border:none;box-sizing:border-box;border-radius:11px;padding:.7rem;font-family:inherit;box-shadow:inset 0 0 10px #0003;color:var(--text-color1)}.input-field textarea{resize:none;height:100%}.input-field input.input-error,.input-field textarea.input-error{border:2px solid #ff4d4d;box-shadow:inset 0 0 5px #ff4d4d33}.error-text{color:#ff4d4d;font-size:.75rem;font-weight:700;margin-top:-2px}.backdrop{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background-color:#000000b3;backdrop-filter:blur(3px)}.modal-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);background:#f8fafc}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem);scrollbar-width:none;-ms-overflow-style:none}.login-form-panel::-webkit-scrollbar{display:none}.login-form-inner{width:min(100%,26rem);display:flex;flex-direction:column;gap:1.5rem}.login-logo{width:min(100%,12rem);height:auto;margin:0 auto}.login-heading h1{margin-bottom:.35rem;color:#111827;font-size:var(--fs-h2);text-align:center}.login-heading p{color:var(--grey-text);text-align:center;font-size:var(--fs-p)}.login-form{display:flex;flex-direction:column;gap:.85rem;overflow:hidden}.login-form label{font-weight:600;color:var(--text-color1)}.login-input-wrapper{position:relative}.login-input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:var(--grey-text)}.login-input-wrapper .input-field{width:100%;font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.login-input-wrapper .input-field input{padding-left:3rem}.login-remember{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;cursor:pointer}.login-remember input{margin-top:.2rem;accent-color:var(--primary-color)}.login-remember span{display:flex;flex-direction:column;gap:.15rem;color:var(--text-color1);font-weight:500}.login-remember small{color:var(--grey-text);font-weight:400}.login-error{color:#dc2626;font-size:.95rem}.login-submit-btn{margin-top:.35rem;padding:.95rem 1rem;border:none;border-radius:.85rem;background:linear-gradient(135deg,#228fce,#1f508d);color:#fff;font:inherit;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 .75rem 1.5rem #228fce40}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-copyright{margin-top:.5rem;color:var(--grey-text);font-size:.85rem;text-align:center}@media(min-width:900px){.login-page{height:100vh;overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login-form-panel{overflow-y:auto}}.login-illustration-panel{position:relative;display:none;overflow:hidden;background:linear-gradient(145deg,#228fce36,#e7762522)}.login-illustration-bg{position:absolute;inset:0}.login-dot-grid{position:absolute;inset:12% 10%;background-image:radial-gradient(#94a3b8 1px,transparent 1px);background-size:18px 18px;opacity:.5;border-radius:1.5rem}.login-gradient-orb{position:absolute;border-radius:50%;filter:blur(12px)}.login-gradient-orb--one{top:8%;right:10%;width:10rem;height:10rem;background:radial-gradient(circle,rgba(34,143,206,.45),transparent 70%)}.login-gradient-orb--two{bottom:10%;left:8%;width:12rem;height:12rem;background:radial-gradient(circle,rgba(231,117,37,.35),transparent 70%)}.login-illustration-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:clamp(1rem,3vh,4rem);text-align:center}.login-illustration-content h2{max-width:18ch;margin-bottom:.75rem;color:var(--text-color1);font-size:var(--fs-h2);line-height:1.2}.login-illustration-text{max-width:34ch;margin-bottom:1.5rem;color:var(--grey-text);line-height:1.6;font-size:var(--fs-p)}.login-lottie-wrapper{width:min(100%,35rem,70vh);max-height:45vh;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}@media(min-width:900px){.login-illustration-panel{display:block;height:100%}}.admin-content{width:max(60%,260px);margin:0 auto;padding-top:clamp(4.5rem,15vh,12rem);padding-bottom:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100vh}@media(max-width:1024px){.admin-content{width:90%}}.sidenav-container{width:190px;z-index:9999}.sidenav-collapsed{width:85px}.sidenav-container,.sidenav-collapsed{background-color:var(--bg-color-primary);box-shadow:0 0 33px 10px #0003;justify-content:space-between;position:fixed;height:100%;gap:1rem;transition:all .8s ease-in-out}.sidenav-container,.sidenav-top{display:flex;align-items:center;flex-direction:column}.sidenav-top{gap:1rem;padding:1rem;width:100%;justify-content:start;overflow-y:auto;overflow-x:hidden}.sidenav-top::-webkit-scrollbar{display:none}.sidenav-top a{display:flex;justify-content:center;align-items:center;width:100%;height:45px}.pkLogo,.sidenav-collapsed .pkLogo{margin:0 auto;max-width:100%;max-height:45px;width:auto;height:auto;object-fit:contain}.hide-btn{border:2px solid var(--bg-color-ternary);border-radius:50%;padding:.3rem;position:absolute;display:flex;right:0;top:1.6rem;transform:translate(70%);background-color:var(--bg-color-primary)}.sidenav-container .hide-btn svg{transform:rotate(-90deg);transition:all .8s ease}.sidenav-collapsed .hide-btn svg{transform:rotate(90deg);transition:all .8s ease}.sidenav-collapsed .nav-section-title{display:none}.sidenav-collapsed .nav-button{gap:0}.sidenav-container .btn-title{max-width:200px;opacity:1;transition:all .8s ease}.sidenav-collapsed .btn-title{max-width:0;opacity:0;margin:0;padding:0;transition:all .8s ease;overflow:hidden}@media screen and (max-width:1024px){.sidenav-container,.sidenav-collapsed{display:none}.admin-mobile-links,.nav-section{display:flex;flex-direction:column;justify-content:end;align-items:end}.admin-mobile-links{padding-right:clamp(25px,3vw,35px);gap:1rem;margin-top:5rem;overflow-y:auto;overflow-x:hidden}.mobile-menu-content .nav-section-button{display:flex;align-items:flex-end;justify-content:flex-end}.admin-mobile-links::-webkit-scrollbar{display:none}.admin-mobile-links .nav-button{width:75%;max-width:160px}.admin-mobile-menu{width:min(75%,250px)}}.nav-button{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:.5rem;gap:.3rem;border:2.5px solid var(--bg-color-ternary);border-radius:1rem;transition:all .3s ease}.nav-button:hover{transform:translateY(-3px)}.nav-button.active{background-color:#228fce}.nav-button svg{color:#228fce;height:30px;width:30px;flex-shrink:0}.nav-button.active svg{color:#f2f2f2}.nav-button .btn-title{margin-top:5px;font-family:var(--primary-font-family);font-size:var(--fs-p);color:var(--text-color1);line-height:1.5;padding-top:2px;white-space:nowrap;overflow:hidden}.nav-button.active .btn-title{color:#f2f2f2}.nav-section{width:100%;height:auto;margin:0 auto}.nav-section-title{font-size:var(--fs-p)-2px}.nav-section-buttons{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.nav-section-button{width:100%;padding:.4rem 0;display:flex;justify-content:center}.top-bar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;margin:0 auto;width:max(60%,260px);height:max(10%,60px);padding:0 2rem;border-radius:0 0 1rem 1rem;box-shadow:0 0 33px 10px #0003;background-color:var(--bg-color-primary)}.top-bar-middle{margin:0 auto;width:80%}.top-bar-middle h1{text-align:center;font-size:var(--fs-h2)}.profile-section{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.profile-dropdown-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mobile-menu-wrapper{display:none}.top-bar .profile-section .profile-btn .profile-pic{width:100%;max-width:50px;height:auto}.profile-btn{border-radius:50%;width:clamp(2.5rem,2vw,5rem);height:clamp(2.5rem,2vw,5rem);border:2px solid var(--text-color1);overflow:hidden;padding:0}.profile-pic{border-radius:50%;vertical-align:middle;object-fit:cover;aspect-ratio:1/1;width:100%;height:auto}@media(max-width:1024px){.top-bar{width:90%;padding:0 1rem}.mobile-menu-wrapper{display:block}.top-bar-middle h1{font-size:var(--fs-h3)}}.profile-panel-wrapper{position:absolute;top:calc(100% + 12px);right:-14px;z-index:1000;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 24px rgba(0,0,0,.12));animation:fadeInDown .2s ease-out forwards}.profile-panel-inner{position:relative;background-color:#fff;border-radius:1.25rem;padding:1.3rem;display:flex;flex-direction:column;align-items:center;min-width:14rem}.profile-panel-inner:before{content:"";position:absolute;top:-8px;right:24px;width:20px;height:20px;background-color:#fff;transform:rotate(45deg);border-top-left-radius:4px}.profile-panel-img{width:5rem;height:5rem;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb;position:relative;display:flex;align-items:center;justify-content:center}.profile-panel-name{font-size:1.25rem;color:#111827;margin:0 0 1.5rem;font-weight:700;font-family:inherit}.profile-panel-logout-btn{width:100%;padding:.85rem 1rem;background-color:#fc5555;color:#fff;border:none;border-radius:.85rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.profile-panel-logout-btn:hover{background-color:#e64040}.profile-panel-logout-btn:active{transform:scale(.98)}.profile-panel-install-btn{width:100%;margin-bottom:1rem;padding:.85rem 1rem;background-color:var(--bg-color-ternary);color:#fff;border:none;border-radius:.85rem;font-size:1rem;font-weight:600;transition:background-color .2s ease,transform .1s ease}.profile-panel-install-btn:hover{transform:translateY(-3px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.table-content{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1rem;width:100%}.info-text{width:100%;text-align:center;font-size:var(--fs-p);color:#656565;padding:2rem 0}.error-text{color:red;font-weight:700}.table-header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:1.5rem}.add-btn{border:1px solid var(--text-color1);border-radius:.5rem;background-color:#d3e9f5;display:flex;justify-content:center;align-items:center;padding:.4rem;transition:all .3s ease}.add-btn:hover{transform:translateY(-3px)}.delete-modal{width:90%;max-width:450px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:1rem;border-radius:1rem;gap:2rem;background-color:var(--bg-color-primary)}.delete-modal .title-bg{width:100%;height:auto;text-align:center;border-radius:1rem 1rem 3rem 0;background-color:var(--bg-color-ternary)}.delete-modal .title-bg h1{padding:clamp(1.5rem,4vw,2rem);font-size:var(--fs-h2);color:var(--text-color2);font-weight:700;white-space:nowrap}.delete-modal .description{padding:0 clamp(1rem,5vw,2rem);color:var(--text-color1);font-size:var(--fs-p);text-align:center}.delete-modal .modal-buttons{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:clamp(1rem,4vw,2rem)}.delete-modal .modal-buttons button{flex:1;width:50%;height:auto;max-width:150px;padding:.5rem;border-radius:5px;font-size:var(--fs-p);font-weight:700;transition:all .3s ease}.delete-modal .modal-buttons button:hover{transform:translateY(-3px)}.delete-modal .modal-close-btn{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.delete-modal .modal-delete-btn{border:2px solid #ff0000;background-color:red;color:var(--text-color2)}.client-item{display:flex;justify-content:space-between;align-items:center;flex:0 0 100%;border-radius:1rem;border:2px solid var(--bg-color-ternary);padding:1rem 2rem;gap:1rem;transition:all .3s ease;min-width:0;max-width:100%}.client-item:hover{box-shadow:0 0 30px 1px #0000001a;transform:scale(1.01)}.client-details{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:clamp(1rem,3vw,3rem);flex:1;min-width:0;overflow:hidden}.client-details p{font-size:var(--fs-p);margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.client-details .client-name{font-weight:800;font-size:var(--fs-h3);min-width:0;flex-shrink:1}.client-details .client-city{color:#656565;text-overflow:ellipsis}.actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex-shrink:0}@media screen and (max-width:1024px){.client-item{flex:1 1 calc(50% - .5rem);max-width:calc(50% - .5rem)}.client-details{flex-direction:column;align-items:flex-start;gap:.25rem}.client-details p{max-width:100%}.actions{justify-content:flex-end;flex-direction:column}}@media screen and (max-width:580px){.client-item{flex:0 0 100%;max-width:100%}.actions{flex-direction:column;align-self:flex-start}}.action-btn{border:none;border-radius:50%;width:42px;height:42px;display:flex;justify-content:center;align-items:center;transition:all .3s ease;cursor:pointer}.action-btn:is(:hover,:focus-visible){transform:scale(1.1)}.action-btn.edit{background-color:#d3e9f5;color:#0284c7}.action-btn.delete{background-color:#fee2e2;color:red}.action-btn.visible,.action-btn.invisible{background-color:#ececec;color:#000}.client-data-modal{width:95vw;max-width:700px;max-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-bottom:1rem;border-radius:1rem;margin:0 auto;gap:2rem;background-color:var(--bg-color-primary);overflow:auto;scrollbar-width:none}.client-data-modal .title-bg,.client-datas-wrapper,.client-data-modal .modal-buttons{flex-shrink:0;width:100%}.client-data-modal .title-bg{width:100%;height:auto;text-align:center;border-radius:1rem 1rem 3rem 0;background-color:var(--bg-color-ternary)}.client-data-modal .title-bg h1{padding:clamp(1.5rem,4vw,2rem);font-size:var(--fs-h2);color:var(--text-color2);font-weight:700}.client-data-modal::-webkit-scrollbar{display:none}.client-datas-wrapper{display:flex;box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:stretch;gap:2rem;padding:0 2rem;width:100%}.wrapper-left,.wrapper-right{display:flex;flex-direction:column;gap:1rem;flex:1;min-width:0}.wrapper-right .input-field:last-child{flex-grow:1}.client-data-modal .modal-buttons{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:clamp(1rem,4vw,2rem)}.client-data-modal .modal-buttons button{flex:1;height:auto;max-width:150px;padding:.5rem;border-radius:5px;font-size:var(--fs-p);font-weight:700;transition:all .3s ease}.client-data-modal .modal-buttons button:hover{transform:translateY(-3px)}.client-data-modal .modal-close-btn{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.client-data-modal .modal-save-btn{border:2px solid var(--primary-bg-color);background-color:var(--bg-color-ternary);color:var(--text-color2)}@media screen and (max-width:850px){.client-data-modal{max-width:400px}.client-datas-wrapper{flex-direction:column;gap:1.5rem;padding:0 1rem}.client-data-modal .modal-buttons{padding:0 1rem}.wrapper-right .input-field:last-child{min-height:120px}.client-data-modal .title-bg h1{padding:1rem;font-size:1.3rem}}.slider{display:flex;flex-direction:column;gap:5px;width:100%}.slider label{font-size:var(--fs-p)}.slider-container{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:11px;box-shadow:inset 0 0 10px #00000026;padding:4px;height:42px}.slider-bg{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background-color:var(--bg-color-ternary);border-radius:8px;transition:transform .3s ease}.slider-bg.slide-right{transform:translate(100%)}.slider-container button{flex:1;background:none;border:none;z-index:1;font-weight:700;cursor:pointer;color:var(--text-color1);transition:color .3s ease;height:100%}.slider-container button.active{color:var(--text-color2)}.references-page{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5rem;width:100%}.references-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;width:100%;max-width:900px}.image-description-container{flex:1;display:flex;flex-direction:column;gap:.5rem}.submit-btn{border-radius:10px;background-color:var(--bg-color-ternary);color:var(--pg-color);font-weight:700;width:fit-content;padding:.5rem 1.5rem;border:none;font-size:var(--fs-p)}@media(max-width:600px){.references-container{flex-direction:column;align-items:stretch;max-width:400px;margin:0 auto}}.drag-and-drop-container{flex:1;aspect-ratio:1 / 1;max-width:350px;height:auto;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background-color:#4bbdf252;border-radius:1rem;border:2px solid black;border-style:dashed;cursor:pointer}.drag-and-drop-preview{width:100%;height:100%;object-fit:cover;border-radius:inherit}.drag-and-drop-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.drag-and-drop-label{width:100%;height:auto;text-align:center;font-size:var(--fs-p)}.drag-and-drop-plus{width:clamp(50px,10vw,80px);height:clamp(50px,10vw,80px)}@media(max-width:600px){.drag-and-drop-container{max-width:100%}}.reference-history-title{padding-bottom:2rem;font-size:var(--fs-h3)}.reference-history-container{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);flex:1}.uploaded-reference{position:relative;width:clamp(300px,40vw,450px);max-width:250px;aspect-ratio:1 / 1;border-radius:15px;cursor:pointer;transition:transform .3s ease;-webkit-tap-highlight-color:transparent}.uploaded-reference:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-color);opacity:0;transition:opacity .3s ease;border-radius:15px;pointer-events:none}.uploaded-reference:is(:hover,:focus-visible,:active){transform:translateY(-5px)}.uploaded-reference:is(:hover,:focus-visible,:active):after{opacity:.5}.uploaded-reference.is-hidden .single-reference-img{filter:grayscale(100%) opacity(60%)}.single-reference-img{width:100%;max-width:250px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:15px;display:block}.reference-actions{position:absolute;transform:translateY(-25%);bottom:0%;z-index:10;opacity:0;display:flex;width:100%;align-items:center;justify-content:space-evenly;transition:opacity .3s ease;pointer-events:none}.uploaded-reference:is(:hover,:focus-visible) .reference-actions{opacity:1;pointer-events:auto}.reference-actions button{width:50px;height:50px}.edit-modal{width:calc(100% - 2rem);max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:1rem;border-radius:1rem;gap:clamp(1rem,4vw,2rem);overflow:hidden;background-color:var(--bg-color-primary)}.edit-modal .title-bg{width:100%;height:auto;text-align:center;border-radius:1rem 1rem 3rem 0;background-color:var(--bg-color-ternary)}.edit-modal .title-bg h1{padding:clamp(1.5rem,4vw,2rem);font-size:var(--fs-h2);color:var(--text-color2);font-weight:700}.edit-reference-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;max-width:250px;width:100%;padding:0 1rem;gap:1rem}.edit-reference-content img{aspect-ratio:1/1;width:100%;object-fit:cover;border-radius:15px}.edit-modal .modal-buttons{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:0 clamp(1rem,5vw,2rem);gap:clamp(.5rem,3vw,2rem)}.edit-modal .modal-buttons button{flex:1;height:auto;max-width:150px;border-radius:5px;font-size:var(--fs-p);font-weight:700;padding:.8rem .5rem;transition:all .3s ease;box-sizing:border-box}.edit-modal .modal-buttons button:hover{transform:translateY(-3px)}.edit-modal .modal-close-btn{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.edit-modal .modal-save-btn{border:2px solid var(--primary-bg-color);background-color:var(--bg-color-ternary);color:var(--text-color2)}