/* Webshark /works/index.php bundle (tested bundle + menu/page/script rules) (built 2026-11-08) */
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/speedtest/fonts/outfit-var-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/speedtest/fonts/outfit-var-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
: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:translate3d(0px,0,0)}
.swiper-horizontal{touch-action:pan-y}
.swiper-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-3d{perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}
.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}
.swiper-button-lock{display:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet:only-child{display:none!important}
.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}
.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move;touch-action:none}
.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-grid>.swiper-wrapper{flex-wrap:wrap}
.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-fade .swiper-slide-active{pointer-events:auto}
.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper.swiper-cube{overflow:visible}
.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}
.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}
.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper.swiper-flip{overflow:visible}
.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}
.swiper.swiper-cards{overflow:visible}
.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}
@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}
@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}
@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}
@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}
@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}
@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}
@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}
@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}
@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}
@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}
@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.fa-star:before{content:"\f005"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-down:before{content:"\f063"}
:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.ttf") format("truetype")}
.fa-brands,.fab{font-weight:400}
.fa-x-twitter:before{content:"\e61b"}
.fa-linkedin:before{content:"\f08c"}
.fa-instagram:before{content:"\f16d"}
.fa-facebook:before{content:"\f09a"}
.fa-pinterest-p:before{content:"\f231"}
:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.ttf") format("truetype")}
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.ttf") format("truetype")}
@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.ttf") format("truetype")}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.ttf") format("truetype")}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.ttf") format("truetype")}
@font-face{font-family:"FontAwesome";font-display:block;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.ttf") format("truetype")}
@font-face{font-family:"FontAwesome";font-display:block;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.ttf") format("truetype")}
@font-face{font-family:"FontAwesome";font-display:block;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.ttf") format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}
@font-face{font-family:"FontAwesome";font-display:block;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-v4compatibility.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-v4compatibility.ttf") format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-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-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--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-bg:#fff;--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-2xl:2rem;--bs-border-radius-pill:50rem;--bs-heading-color: ;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color: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}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
b,strong{font-weight:bolder}
.small,small{font-size:.875em}
a{color:var(--bs-link-color);text-decoration:underline}
a:hover{color:var(--bs-link-hover-color)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
img,svg{vertical-align:middle}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[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}
::-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}
iframe{border:0}
[hidden]{display:none!important}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.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,.container-sm{max-width:540px}}
@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}
@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}
@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}
@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display: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-4{flex:0 0 auto;width:33.33333333%}
.col-6{flex:0 0 auto;width:50%}
.col-8{flex:0 0 auto;width:66.66666667%}
@media (min-width:768px){.col-md-auto{flex:0 0 auto;width:auto}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-8{flex:0 0 auto;width:66.66666667%}
.col-md-12{flex:0 0 auto;width:100%}}
@media (min-width:992px){.col-lg-6{flex:0 0 auto;width:50%}}
.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control{transition:none}}
.form-control[type=file]{overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-control::-webkit-date-and-time-value{height:1.5em}
.form-control::-moz-placeholder{color:#6c757d;opacity:1}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}
.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}
.form-control::file-selector-button{transition:none}}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}
textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}
.form-control-color:not(:disabled):not([readonly]){cursor:pointer}
.form-select:disabled{background-color:#e9ecef}
.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}
.form-check .form-check-input{float:left;margin-left:-1.5em}
.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}
.form-check-input[type=checkbox]{border-radius:.25em}
.form-check-input:active{filter:brightness(90%)}
.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}
.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}
.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}
.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}
.form-range::-moz-range-thumb:active{background-color:#b6d4fe}
.form-range:disabled{pointer-events:none}
.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}
.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}
.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}
.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}
.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}
.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}
.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}
.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}
.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}
.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}
.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}
.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}
.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}
.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}
.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}
.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}
.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}
.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}
.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}
.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}
.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}
.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}
.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--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-check:focus+.btn,.btn:focus{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-check:active+.btn,.btn-check:checked+.btn,.btn.active,.btn.show,.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn-check:active+.btn:focus,.btn-check:checked+.btn:focus,.btn.active:focus,.btn.show:focus,.btn:active:focus{box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f9fafb;--bs-btn-hover-border-color:#f9fafb;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#f9fafb;--bs-btn-active-border-color:#f9fafb;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}
.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-gradient:none}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.fade{transition:none}}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}
.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}
.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:1000;display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}
.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}
.dropdown-menu-start{--bs-position:start}
.dropdown-menu-start[data-bs-popper]{right:auto;left:0}
.dropdown-menu-end{--bs-position:end}
.dropdown-menu-end[data-bs-popper]{right:0;left:auto}
@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}
.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}
.dropdown-menu-sm-end{--bs-position:end}
.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}
.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}
.dropdown-menu-md-end{--bs-position:end}
.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}
.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}
.dropdown-menu-lg-end{--bs-position:end}
.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}
.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}
.dropdown-menu-xl-end{--bs-position:end}
.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}
.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}
.dropdown-menu-xxl-end{--bs-position:end}
.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}
.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}
.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
.dropup .dropdown-toggle:empty::after{margin-left:0}
.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}
.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}
.dropend .dropdown-toggle:empty::after{margin-left:0}
.dropend .dropdown-toggle::after{vertical-align:0}
.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}
.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}
.dropstart .dropdown-toggle::after{display:none}
.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}
.dropstart .dropdown-toggle:empty::after{margin-left:0}
.dropstart .dropdown-toggle::before{vertical-align:0}
.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}
.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}
.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}
.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}
.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}
.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}
.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}
.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}
.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}
.dropstart .dropdown-toggle-split::before{margin-right:0}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}
.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}
.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}
.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}
.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}
.nav-tabs .dropdown-menu{margin-top:calc(var(--bs-nav-tabs-border-width) * -1);border-top-left-radius:0;border-top-right-radius:0}
.nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}
.tab-content>.active{display:block}
.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(0, 0, 0, 0.55);--bs-navbar-hover-color:rgba(0, 0, 0, 0.7);--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:0.375rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}
.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}
.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}
.navbar-nav .dropdown-menu{position:static}
.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}
.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}
.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}
@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}
.navbar-toggler:hover{text-decoration:none}
.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}
@media (min-width:576px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand-sm .navbar-toggler{display:none}
.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}
.navbar-expand-sm .offcanvas .offcanvas-header{display:none}
.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand-md .navbar-toggler{display:none}
.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}
.navbar-expand-md .offcanvas .offcanvas-header{display:none}
.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}
.navbar-expand-lg .navbar-nav{flex-direction:row}
.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}
.navbar-expand-lg .navbar-toggler{display:none}
.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}
.navbar-expand-lg .offcanvas .offcanvas-header{display:none}
.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:1200px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand-xl .navbar-toggler{display:none}
.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}
.navbar-expand-xl .offcanvas .offcanvas-header{display:none}
.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
@media (min-width:1400px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand-xxl .navbar-toggler{display:none}
.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}
.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}
.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}
.navbar-expand .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand .navbar-toggler{display:none}
.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}
.navbar-expand .offcanvas .offcanvas-header{display:none}
.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}
.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}
.accordion{--bs-accordion-color:#000;--bs-accordion-bg:#fff;--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:1px;--bs-accordion-border-radius:0.375rem;--bs-accordion-inner-border-radius:calc(0.375rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff}
.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}
@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}
.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color)}
.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}
.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}
@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}
.accordion-button:hover{z-index:2}
.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}
.accordion-header{margin-bottom:0}
.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}
.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}
.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:not(:first-of-type){border-top:0}
.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}
.accordion-flush .accordion-collapse{border-width:0}
.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}
.accordion-flush .accordion-item:first-child{border-top:0}
.accordion-flush .accordion-item:last-child{border-bottom:0}
.accordion-flush .accordion-item .accordion-button{border-radius:0}
.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}
.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}
.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}
.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}
@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}
.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.disabled,.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.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}
.list-group-item+.list-group-item.active{margin-top:calc(var(--bs-list-group-border-width) * -1);border-top-width:var(--bs-list-group-border-width)}
.list-group-horizontal>.list-group-item.active{margin-top:0}
.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}
@media (min-width:576px){.list-group-horizontal-sm>.list-group-item.active{margin-top:0}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:768px){.list-group-horizontal-md>.list-group-item.active{margin-top:0}
.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:992px){.list-group-horizontal-lg>.list-group-item.active{margin-top:0}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:1200px){.list-group-horizontal-xl>.list-group-item.active{margin-top:0}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
@media (min-width:1400px){.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}
.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}
.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}
.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}
.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}
.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}
.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}
.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}
.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}
.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}
.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}
.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}
.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}
.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}
.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}
.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}
.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}
.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5}
.btn-close:hover{color:#000;text-decoration:none;opacity:.75}
.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}
.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}
.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}
.toast{--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(255, 255, 255, 0.85);--bs-toast-border-width:1px;--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:0.375rem;--bs-toast-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-toast-header-color:#6c757d;--bs-toast-header-bg:rgba(255, 255, 255, 0.85);--bs-toast-header-border-color:rgba(0, 0, 0, 0.05);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}
.toast.showing{opacity:0}
.toast:not(.show){display:none}
.toast-container{position:absolute;z-index:1090;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}
.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}
.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}
.toast-header .btn-close{margin-right:calc(var(--bs-toast-padding-x) * -.5);margin-left:var(--bs-toast-padding-x)}
.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}
.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}
.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal.show .modal-dialog{transform:none}
.modal.modal-static .modal-dialog{transform:scale(1.02)}
.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}
.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}
.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}
.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto}
.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}
.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}
.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}
.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}
@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}
.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}
.modal-sm{--bs-modal-width:300px}}
@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}
@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}
.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}
.modal-fullscreen .modal-body{overflow-y:auto}
@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}
.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}
@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}
.modal-fullscreen-md-down .modal-body{overflow-y:auto}}
@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}
.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}
@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}
.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}
@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}
.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}
.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}
.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:#fff;--bs-tooltip-bg:#000;--bs-tooltip-border-radius:0.375rem;--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}
.tooltip.show{opacity:var(--bs-tooltip-opacity)}
.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}
.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}
.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius,0)}
.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:#fff;--bs-popover-border-width:1px;--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:0.5rem;--bs-popover-inner-border-radius:calc(0.5rem - 1px);--bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:var(--bs-heading-color);--bs-popover-header-bg:#f0f0f0;--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:#212529;--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}
.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}
.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(var(--bs-popover-arrow-width) * -.5);content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}
.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}
.popover-header:empty{display:none}
.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}
.carousel{position:relative}
.carousel.pointer-event{touch-action:pan-y}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner::after{display:block;clear:both;content:""}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}
.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}
.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}
.carousel-indicators .active{opacity:1}
.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}
.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}
.carousel-dark .carousel-caption{color:#000}
@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-border{to{transform:rotate(360deg)}}
@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color: ;--bs-offcanvas-bg:#fff;--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}
@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}
@media (max-width:575.98px){.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}}
@media (max-width:575.98px){.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}
@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:575.98px){.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:575.98px){.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:575.98px){.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}
.offcanvas-sm .offcanvas-header{display:none}
.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}
@media (max-width:767.98px){.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}}
@media (max-width:767.98px){.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}
@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:767.98px){.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:767.98px){.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:767.98px){.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}
.offcanvas-md .offcanvas-header{display:none}
.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}
@media (max-width:991.98px){.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}}
@media (max-width:991.98px){.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}
@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:991.98px){.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:991.98px){.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:991.98px){.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}
.offcanvas-lg .offcanvas-header{display:none}
.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}
@media (max-width:1199.98px){.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}}
@media (max-width:1199.98px){.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}
@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:1199.98px){.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:1199.98px){.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:1199.98px){.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}
.offcanvas-xl .offcanvas-header{display:none}
.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}
@media (max-width:1399.98px){.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}}
@media (max-width:1399.98px){.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}
@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}
@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}
@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}
@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}
@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}
.offcanvas-xxl .offcanvas-header{display:none}
.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}
.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}
@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}
.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}
.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}
.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}
.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}
.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}
.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}
.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.offcanvas-backdrop.fade{opacity:0}
.offcanvas-backdrop.show{opacity:.5}
.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}
.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(var(--bs-offcanvas-padding-y) * -.5);margin-right:calc(var(--bs-offcanvas-padding-x) * -.5);margin-bottom:calc(var(--bs-offcanvas-padding-y) * -.5)}
.offcanvas-title{margin-bottom:0;line-height:1.5}
.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}
@-webkit-keyframes placeholder-glow{50%{opacity:.2}}
@keyframes placeholder-glow{50%{opacity:.2}}
@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}
@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}
.link-primary:focus,.link-primary:hover{color:#0a58ca!important}
.link-secondary:focus,.link-secondary:hover{color:#565e64!important}
.link-success:focus,.link-success:hover{color:#146c43!important}
.link-info:focus,.link-info:hover{color:#3dd5f3!important}
.link-warning:focus,.link-warning:hover{color:#ffcd39!important}
.link-danger:focus,.link-danger:hover{color:#b02a37!important}
.link-light:focus,.link-light:hover{color:#f9fafb!important}
.link-dark:focus,.link-dark:hover{color:#1a1e21!important}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}
@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}
@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}
@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}
@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}
@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.overflow-hidden{overflow:hidden!important}
.d-flex{display:flex!important}
.d-none{display:none!important}
.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}
.w-100{width:100%!important}
.flex-column{flex-direction:column!important}
.flex-column-reverse{flex-direction:column-reverse!important}
.flex-grow-1{flex-grow:1!important}
.flex-wrap{flex-wrap:wrap!important}
.justify-content-between{justify-content:space-between!important}
.align-items-center{align-items:center!important}
.m-0{margin:0!important}
.mt-auto{margin-top:auto!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.p-0{padding:0!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.pt-4{padding-top:1.5rem!important}
.gap-3{gap:1rem!important}
.gap-4{gap:1.5rem!important}
.fw-bold{font-weight:700!important}
.text-center{text-align:center!important}
.text-uppercase{text-transform:uppercase!important}
.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}
.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}
.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}
.visible{visibility:visible!important}
@media (min-width:768px){.d-md-flex{display:flex!important}
.d-md-none{display:none!important}
.flex-md-row{flex-direction:row!important}}
@media (min-width:992px){.d-lg-flex{display:flex!important}
.d-lg-none{display:none!important}}
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);  
}
.ui-front {
	z-index: 100;
}
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	 
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	 
	overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}
input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {

	 
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25);  
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}
.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative; 
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

 
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}
.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);  
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);  
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35);  
}
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("https://webshark.b-cdn.net/webshark2026/css/images/ui-icons_444444_256x240.html");
}
.ui-widget-header .ui-icon {
	background-image: url("https://webshark.b-cdn.net/webshark2026/css/images/ui-icons_444444_256x240.html");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("https://webshark.b-cdn.net/webshark2026/css/images/ui-icons_555555_256x240.html");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("https://webshark.b-cdn.net/webshark2026/css/images/ui-icons_ffffff_256x240.html");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("https://webshark.b-cdn.net/webshark2026/css/images/ui-icons_777620_256x240.html");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("https://webshark.b-cdn.net/webshark2026/css/images/ui-icons_cc0000_256x240.html");
}
.ui-button .ui-icon {
	background-image: url("https://webshark.b-cdn.net/webshark2026/css/images/ui-icons_777777_256x240.html");
}
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30);  
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@font-face {
  font-family: 'Inter-Regular';
  src: url("https://webshark.b-cdn.net/webshark2026/fonts/Inter-Regular.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
   
  --color-bg: #ffffff;
  --color-title: #000000;
  --color-subTitle: #404040;
  --color-para: #565656;
  --button-bg: #121212;
  --button-text: #fff;
  --border-color-one: #0000004c;
  --cta-marquee-border: #3f92cf;
  --color-bg-development: #ffffff;
  --color-textHeading-development: #141413;
  --color-textSubHeading-development: #141413;
  --color-border-development-one: #141413;
  --color-brightness-development-one: 0;
  --color-invert-development-one: 0;
  --color-border-development-two: #141413;
  --animate-border-bg-color: #4093d0;
  --animate-border-color: #ffffff;
  --invert-cstm-edit-one: 1;
  --color-content-web-development: #484848;
  --bg-color-web-development-faq: #000;
  --color-bg-about: #070707ff;
  --color-text-about: #fff;
  --mix-blend-mode-work: unset;
  --color-a-title-work: #000;
  --color-bg-about-cards-one: #e9ecef;
  --color-bg-about-img-one: #fff;
  --filter-brightness-about-img-one: invert(0);
  --filter-brightness-about-img-two: brightness(1);
  --border: 4px;
  --radius: 0;
  --apple-glass: rgba(255, 255, 255, 0.08);
  --apple-border: rgba(255, 255, 255, 0.15);
  --apple-glow: rgba(75, 215, 255, 0.3);
  --btn-glass: #fff;
  --c-glass: #bbbbbc;
  --c-light: #fff;
  --c-dark: #000;
  --c-content: #000;
  --c-action: #4093d0;
  --c-bg: #e8e8e9;
  --glass-reflex-dark: 1;
  --glass-reflex-light: 1;
  --saturation: 150%;
  transition: background 400ms cubic-bezier(1, 0, 0.4, 1), color 400ms cubic-bezier(1, 0, 0.4, 1);
}
[data-theme="dark"] {
   
  --color-bg: #070707ff;
  --color-title: #fff;
  --color-white: #fff;
  --color-subTitle: #cbccc4;
  --color-para: #cbccc4;
  --button-bg: #cbccc4;
  --button-text: #121212;
  --border-color-one: #ffffff4c;
  --cta-marquee-border: #fff;
  --color-bg-development: #070707ff;
  --color-textHeading-development: #e9ebdf;
  --color-textSubHeading-development: #cbccc4;
  --color-border-development-one: #ffffff;
  --color-brightness-development-one: 500;
  --color-invert-development-one: 1;
  --color-border-development-two: #e1e1ee;
  --animate-border-bg-color: #3e3e3e;
  --animate-border-color: #4093d0;
  --invert-cstm-edit-one: 0;
  --color-content-web-development: #a6a6a6;
  --bg-color-web-development-faq: #2d2c2c8a;
  --color-bg-about: #fff;
  --color-text-about: #070707ff;
  --mix-blend-mode-work: difference;
  --color-a-title-work: #d6d6db;
  --color-bg-about-cards-one: #fff;
  --color-bg-about-img-one: #000;
  --filter-brightness-about-img-one: invert(1);
  --filter-brightness-about-img-two: brightness(0);
}
body {
  font-family: Outfit;
  font-weight: 400;
  line-height: 1.55;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  padding-top: 69px;
  overflow-x: hidden;
}
a {
  text-decoration: none;
  color: #41b1ff;
}
.fixed-bottom,
.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1;
}
.theme-toggle-wrapper {
  display: none !important;
}
#theme-toggle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 48px;
  padding: 0;
  cursor: pointer;
  border: none;
  border-radius: 0px;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
  background-color: transparent;
  overflow: hidden;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
}
.parentmobile-menu {
  justify-content: flex-start !important;
}
#theme-toggle .sun-icon,
#theme-toggle .moon-icon {
  position: absolute;
   
  font-size: 2.5rem;
   
  transition: transform 0.2s ease-in-out;
}
#theme-toggle .sun-icon {
  transform: translateY(-3px);
   
  color: #171823;
   
}
#theme-toggle .moon-icon {
  transform: translateY(150%);
   
  color: #daece6;
   
}
html[data-theme="dark"] #theme-toggle {}
html[data-theme="dark"] #theme-toggle .sun-icon {
  transform: translateY(-150%);
   
  color: #ffffff;
   
}
html[data-theme="dark"] #theme-toggle .moon-icon {
  transform: translateY(-3px);
   
  color: #ffffff;
   
}
.mega-dropdown {
  position: static !important;
}
.mega-menu {
  left: 0;
  right: 0;
  padding: 20px 40px;
  border: none;
  border-top: 1px solid #e0e0e0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  margin-top: 0;
  border-radius: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: opacity 0s, transform 0s, visibility 0s;
  margin: auto;
}
.mega-menu-2 {
  left: 0;
  right: 0;
  padding: 40px 40px;
  border: none;
  border-top: 1px solid #e0e0e0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  margin-top: 0;
  border-radius: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: opacity 0s, transform 0s, visibility 0s;
  margin: auto;
}
.mega-menu-header {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.mega-menu-2 .mega-menu-header {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.mega-menu-header h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 47px;
  letter-spacing: -0.25px;
  margin-bottom: 5px;
}
.mega-menu-2 .mega-menu-header h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 47px;
  letter-spacing: -0.25px;
  margin-bottom: 20px;
}
.mega-menu-header a.main-link-a {
  font-size: 18px;
  color: #000;
  margin-top: 0px;
  line-height: 28px;
  margin-bottom: 0px;
  font-weight: 700;
  position: relative;
}
.mega-menu-2 .mega-menu-header a.main-link-a {
  font-size: 18px;
  color: #000;
  margin-top: 0px;
  line-height: 28px;
  margin-bottom: 0px;
  font-weight: 700;
  position: relative;
}
.mega-menu-header a.main-link-a::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 40%;
  left: 0;
  right: 0;
  background: #48c7e3a3;
  background-size: 100% 100%;
  transition: 380ms transform cubic-bezier(.165, .84, .44, 1);
  transform-origin: 50% 100%;
  transform: scale(.98, 0) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: -1;
  background-repeat: repeat-x;
  display: inline-block;
}
.mega-menu-header a.main-link-a:hover::before {
  transform: scale(1, .99999999) translateZ(0);
}
.mega-menu h5 {
  font-size: 18px;
  font-weight: 600;
  color: #16171a;
  margin-bottom: 10px;
  line-height: 28px;
}
.mega-menu-2 h5 {
  font-size: 18px;
  font-weight: 600;
  color: #16171a;
  margin-bottom: 10px;
  line-height: 28px;
}
.mega-menu h5.mega-menu-3-links a {
  font-size: 18px;
  font-weight: 600;
  color: #16171a;
  margin-bottom: 10px;
  line-height: 28px;
  position: relative;
}
.mega-menu-2 h5.mega-menu-3-links a {
  font-size: 18px;
  font-weight: 600;
  color: #16171a;
  margin-bottom: 10px;
  line-height: 28px;
  position: relative;
}
.mega-menu h5.mega-menu-3-links a::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 40%;
  left: 0;
  right: 0;
  background: #48c7e3a3;
  background-size: 100% 100%;
  transition: 380ms transform cubic-bezier(.165, .84, .44, 1);
  transform-origin: 50% 100%;
  transform: scale(.98, 0) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: -1;
  background-repeat: repeat-x;
  display: inline-block;
}
.mega-menu-2 h5.mega-menu-3-links a::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 40%;
  left: 0;
  right: 0;
  background: #48c7e3a3;
  background-size: 100% 100%;
  transition: 380ms transform cubic-bezier(.165, .84, .44, 1);
  transform-origin: 50% 100%;
  transform: scale(.98, 0) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: -1;
  background-repeat: repeat-x;
  display: inline-block;
}
.mega-menu h5.mega-menu-3-links {
  margin-bottom: 25px;
}
.mega-menu-2 h5.mega-menu-3-links {
  margin-bottom: 30px;
}
.mega-menu h5.mega-menu-3-links a:hover::before {
  transform: scale(1, .99999999) translateZ(0);
}
.mega-menu-2 h5.mega-menu-3-links a:hover::before {
  transform: scale(1, .99999999) translateZ(0);
}
.mega-menu-links {
  list-style-type: none;
  padding-left: 0;
}
.mega-menu-links li a {
  display: inline-block;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  color: #16171a;
  margin-bottom: 10px;
  line-height: 26px;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  position: relative;
  font-family: 'Inter-Regular';
}
.mega-menu-links li a:hover {
  color: #000;
}
.mega-menu-links li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 40%;
  left: 0;
  right: 0;
  background: #48c7e3a3;
  background-size: 100% 100%;
  transition: 380ms transform cubic-bezier(.165, .84, .44, 1);
  transform-origin: 50% 100%;
  transform: scale(.98, 0) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: -1;
  background-repeat: repeat-x;
  display: inline-block;
}
.mega-menu-links li a:hover::before {
  transform: scale(1, .99999999) translateZ(0);
}
.mega-menu-links-2 {
  list-style-type: none;
  padding-left: 0;
}
.mega-menu-links-2 li a {
  display: inline-block;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  color: #16171a;
  margin-bottom: 12px;
  line-height: 28px;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  position: relative;
  font-family: 'Inter-Regular', sans-serif;
}
.mega-menu-links-2 li a:hover {
  color: #000;
}
.mega-menu-links-2 li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 40%;
  left: 0;
  right: 0;
  background: #48c7e3a3;
  background-size: 100% 100%;
  transition: 380ms transform cubic-bezier(.165, .84, .44, 1);
  transform-origin: 50% 100%;
  transform: scale(.98, 0) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: -1;
  background-repeat: repeat-x;
  display: inline-block;
}
.mega-menu-links-2 li a:hover::before {
  transform: scale(1, .99999999) translateZ(0);
}
@media (min-width: 992px) {.mega-dropdown:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin: auto;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
  }
.mega-dropdown:hover .mega-menu-2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin: auto;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
  }}
header,
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1050;
   
  transition: background-color 0.3s ease;
   
}
.navbar {
  padding: 0 30px;
  z-index: 11;
  background-color: transparent;
}
.dropdown-toggle::after {
  display: none;
}
.navbar-brand img {
  max-width: 240px;
  height: auto;
}
.navbar-nav .nav-link {
   
  color: white;
  font-family: Inter Medium, sans-serif;
  font-weight: 500;
  line-height: 20px;
  padding: 50px 0;
  background: transparent;
  position: relative;
  z-index: 9999;
  text-transform: uppercase;
  height: auto !important;
  cursor: pointer;
  letter-spacing: 1.5px;
  transition: all .6s ease;
  margin-right: 0px;
  font-size: 14px;
}
.navbar-nav {
  margin-right: 30px;
}
.navbar-nav .nav-link:hover {
   
  color: white;
}
.nav-item {
   
}
.nav-item:nth-last-child {
  margin-right: 0px;
}
.navalign {
  justify-content: end;
}
.navbar-nav .nav-item .nav-link .nav-link-inner::before {
  content: '';
  position: absolute;
  width: calc(100% - 15px);
  height: 2px;
  display: block;
  bottom: 45px;
  left: 7px;
  background: #48c7e3;
  opacity: 0;
  transition: all .3s ease;
}
.navbar-nav .nav-item:hover .nav-link .nav-link-inner::before {
  opacity: 0;
  transition: all .3s ease;
}
.navbar-toggler {
  border: none;
  background: transparent;
}
.navbar-toggler:focus {
  outline: none;
}
.navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba(0, 0, 0, 1)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22m-22 8h22" /%3E%3C/svg%3E');
}
.navbar-collapse {
  justify-content: flex-end;
}
.featured-work1 {
  margin-top: 300px;
  z-index: 0;
  position: relative;
  margin-bottom: 80px;
}
.btn {
  position: relative;
  padding: 9px 30px;
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
  color: #000;
  background-color: #fff;
  border-radius: 0px;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 0.3s, color 0.3s;
}
.mega-menu:after {
  display: none;
}
.btn:hover {
  color: #fff;
  background-color: #3f93d2;
  transition: 0.3s;
  border: none;
}
.btn:hover::before {
  width: 100%;
}
.btn:hover::after {
  opacity: 1;
}
.work-main {
  margin-top: 70px;
  margin-bottom: 0px;
  position: relative;
}
.work-toparrow {
  position: absolute;
   
  text-align: right;
   
  top: 16px;
  right: 28px;
  opacity: 0;
  z-index: 99;
  background: #ffffffd4;
  padding: 7px 10px 4px 10px;
  border-radius: 60px;
}
.work-toparrow i {
  color: #000;
  transform: rotate(326deg);
  font-size: 18px;
  line-height: normal;
}
.work-main1 {
  margin-top: 50px;
  position: relative;
}
.work-main2 {
  margin-top: 50px;
  position: relative;
}
#canvas-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.work-img {
  border-radius: 10px;
  height: 400px;
  object-fit: cover;
  opacity: 0;
}
.work-category {
  padding: 20px 0px 0px 0px;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
}
.work-name {
  font-size: 32px;
  padding: 5px 0px 0px 0px;
  transition: 0.5s;
  color: #fff;
}
.work-main:hover,
.work-main1:hover,
.work-main2:hover {
  cursor: pointer;
}
.work-name:before {
  content: '»';
  position: absolute;
  opacity: 0;
  transition: 0.5s;
}
.work-main:hover .work-name {
  padding-right: 24px;
  padding-left: 25px;
  transition: 0.5s;
  cursor: pointer;
}
.work-main:hover .work-toparrow {
  opacity: 1 !important;
}
.work-main:hover .work-name:before {
  opacity: 1;
  transition: 0.5s;
  left: auto;
  margin-left: -30px;
  margin-top: -10px;
}
.work-main1:hover .work-name {
  padding-right: 24px;
  padding-left: 25px;
  transition: 0.5s;
  cursor: pointer;
}
.work-main1:hover .work-name:before {
  opacity: 1;
  transition: 0.5s;
  left: auto;
  margin-left: -30px;
  margin-top: -8px;
}
.work-main2:hover .work-name {
  padding-right: 24px;
  padding-left: 25px;
  transition: 0.5s;
  cursor: pointer;
}
.work-main2:hover .work-name:before {
  opacity: 1;
  transition: 0.5s;
  left: auto;
  margin-left: -30px;
  margin-top: -8px;
}
.reveal {
  visibility: hidden;
  position: relative;
  overflow: hidden;
}
.underline-white:hover {
  background-image: linear-gradient(45deg, #4093d0 100%, #7690ff 0);
  background-position: 0 30px;
  background-repeat: no-repeat;
  color: #fff;
}
.accordion-item.industry-acc-item::before {
  background: none !important;
}
.industry-acc-btn:not(.collapsed) {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.industry-acc-btn:not(.collapsed) .industry-subtitle {
  color: #555;
}
.startup-btn-lime:hover {
  background-color: #fff;
  color: #000;
  transform: translateY(-3px);
}
@keyframes gradientMove {
  0% {
    background-position: 0% center;
  }

  100% {
    background-position: 200% center;
  }
}
.expert-area {
  margin-top: 100px;
  margin-bottom: 70px;
}
.expert-heading {
  font-size: 95px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 30px;
}
.expert-card {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  width: calc(calc((100% - 11 * 2vw) / 12) * 3 + 2vw * 2);
  color: #000;
  aspect-ratio: 314 / 438;
  transform-style: preserve-3d;
  font-size: 1.3vw
}
.expert-card-front {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25em 1.875em;
  position: absolute;
  height: 100%;
  width: 100%;
  backface-visibility: hidden;
  border-radius: .8em;
  background: #fff;
}
.expert-card-back {
  position: absolute;
  height: 100%;
  width: 100%;
  backface-visibility: visible;
  background: #fff;
  background-image: url("https://webshark.b-cdn.net/webshark2026/img/home/cardback.png");
  background-size: contain;
  border-radius: .8em;
  background-repeat: no-repeat;
  transform: rotateY(0deg)
}
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  -webkit-backface-visibility: hidden;
   
  backface-visibility: hidden;
  pointer-events: auto;
}
.flip-card-front {
  background-color: #fff;
  color: #000;
  text-align: center;
  height: auto;
  height: 100%;
  width: 100%;
  padding: 30px;
  border-radius: 10px;
  transform: rotateY(180deg);
}
.flip-card-front p {
  font-size: 15px;
  text-align: left;
  font-weight: 400;
}
.flip-card-back {
  background-color: #fff;
  color: black;
  background-image: url("https://webshark.b-cdn.net/webshark2026/img/home/cardback.png");
  background-size: contain;
  border-radius: 10px;
  background-repeat: no-repeat;

  height: 100%;
   
}
.flip-row {
  position: relative;
  height: 650px;
}
.flip-cards {
  display: flex;
  margin-top: 150px;
  margin-bottom: 300px;

}
.flip-card-front p:not(:last-child):before {
  content: ".......................................";
  position: absolute;
  letter-spacing: .125em;
  color: var(--color-blue);
  opacity: .2;
  margin: 16px -1px;
}
.flip-card {
  position: absolute;
  top: 60%;
  left: 25%;
  transform: translate(50%, -50%);
  width: 300px;
  height: 420px;
  animation-name: my-animation;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes my-animation {
  from {
    top: 60%;
  }

  to {
    background-color: #33475b;

    top: 70%;
  }
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 1.8s;
  transform-style: preserve-3d;
}
.work-img:hover {}
.tw-footer {
  position: relative;
  z-index: 2;
  padding: 75px 0 0;
  border-top: 1px solid #ffffff2e;
}
.tw-footer.footer-top-space {
  padding: 75px 0 0
}
.footer-widget a:hover {
  color: #2882c3
}
.star-section {
  background: #202020;
  padding: 20px 60px;
  margin: 40px 0 0 0;
}
.star-img {
  padding: 0;
  width: 50%;
  display: inline-block;
}
.star-img img {
  padding: 0 10px 0px 0px;
  width: 100%;
  cursor: pointer;
}
.star-text i {
  color: #3F93D0;
  padding: 5px 15px;
}
.star-text {
  color: #fff;
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  border-right: 1px solid;
  margin-right: 0;
}
.rating-listt {
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  margin: 0;
}
.rating-listt li:last-child .star-text {
  border: none;
}
.country-list {
  padding-left: 40px;
}
.country-list .head {
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 500;
}
.connect-head .head {
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 500;
}
.newsocial,
.newflag {
  padding: 0;
}
.newflag li img {
  width: 100%;
}
.newsocial li a {
  color: #fff;
  padding: 0 11px;
  line-height: 40px;
}
.newsocial li {
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 8px;
  margin-right: 15px;
  border: 1px solid #757575;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.newflag li {
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 8px;
  margin-right: 60px;
  border: 1px solid #757575;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  vertical-align: top;
}
.newflag li:last-child {
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 8px;
  margin-right: 40px;
  text-align: left;
  vertical-align: top;
  width: 11%;
  border: none;
  font-size: 18px;
  font-weight: bold;
  vertical-align: top;
}
.newflag li div {
  color: #fff;
  margin-top: 10px;
  line-height: normal;
  text-align: center;
  font-size: 12px;
}
.main-footer-left .fflogo {
  margin-bottom: 20px;
}
.first-links {
  padding-left: 40px;
}
.second-links {
  padding-left: 30px;
}
.footer-linked {
  padding: 5px 0px;
  list-style: none;
}
.footer-head {
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
}
.footer-linked li a {
  color: #fff;
  padding: 5px 0;
  display: inline-block;
}
.main-footer-left {
  color: #fff;
}
.footer-middle {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 50px;
  padding-bottom: 25px;
}
.moving-text {
  background: transparent;
  margin: 45px 0;
}
.econtact-form .form-group .form-control {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.5;
  color: #fff;
  background-color: rgb(0 0 0 / 0%);
  background-clip: padding-box;
  border: 0 !important;
  border-bottom: 1px solid #606060 !important;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.econtact-form .form-group .form-control option {
  color: #fff;
  background-color: #000;
}
.econtact-form .form-group .form-control:-webkit-autofill,
.econtact-form .form-group .form-control:-webkit-autofill:hover,
.econtact-form .form-group .form-control:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  background-color: transparent !important;
  transition: background-color 9999s ease-in-out 0s;
}
.econtact-form .form-group .form-control:-moz-autofill {
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -moz-text-fill-color: #fff !important;
  background-color: transparent !important;
}
.border-button {
  background-color: #fff;
  box-shadow: none;
  border: 2px solid #fff;
  color: #000;
  font-size: 15px;
  padding: 5px 27px;
  margin-top: 20px;
  width: auto;
}
footer {
  color: #fff;
}
.form-control:focus {
  box-shadow: none;
}
.moving-text marquee {
  color: #fff;
  font-size: 530px;
  z-index: -1;
  position: absolute;
  font-weight: 600;
  opacity: 0.09;
  bottom: 0;
  display: none;
}
.copyright {
  padding: 20px 0;
  background: transparent;
  margin-top: 0;
}
h5.newform-heading {
  color: #fff;
  font-size: 23px;
  font-weight: 600;
}
.mainnewfooter {
  color: #fff;
  padding-left: 80px;
  padding-right: 80px;
}
.footernew-top-right {
  padding-left: 40px;
  padding-top: 30px;
}
.footernew-top {
  background: #202020;
  padding: 45px;
}
.footernew-contact .form-group .form-control {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.5;
  color: #fff;
  background-color: rgb(0 0 0 / 0%);
  background-clip: padding-box;
  border: 0 !important;
  border-bottom: 1px solid #606060 !important;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.r-padding {
  padding-right: 10px;
}
.country-name {
  color: #fff;
  font-weight: bold;
  margin-left: -15px;
  font-size: 20px;
  text-transform: uppercase;
}
.new-address {
  margin: 15px 0px;
  display: block;
  color: #fff;

}
.new-email,
.new-phone {
  color: #b7afaf;
}
.new-phone div {
  color: #fff;
  font-weight: bold;
}
.new-phone span {
  margin-bottom: 15px;
  display: block;
  color: #fff;
}
.new-phone.uk span {
  opacity: 0;
}
.footernew-top-p-1 {
  border-top: 1px solid #777;
  padding-top: 25px;
  margin-top: 15px;
}
.rating-listt li {
  list-style: none;
  display: inline-block;
  width: auto;
}
@media only screen and (max-width: 1181px) {.mainnewfooter {
    padding-left: 45px;
    padding-right: 45px;
  }
.footer-middle {
    padding-left: 45px;
    padding-right: 45px;
  }
.star-img {
    padding: 0;
    width: 46%;
    display: inline-block;
  }
.star-img img {
    padding: 0 20px 0px 0px;
    width: 100%;
  }
.star-text {
    color: #fff;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    border-right: 1px solid;
    margin-right: 25px;
  }
.newflag li {
    margin-right: 30px;
    margin-bottom: 25px;
  }
.newflag li:last-child {
    width: 30%;
  }
.star-section {
    padding: 20px 30px;
  }}
@media only screen and (max-width: 769px) {.first-links,
  .second-links,
  .third-links {
    display: none;
  }
.rating-listt {
    overflow: auto;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    padding: 10px;
  }
.newflag li:last-child {
    width: 100%;
  }
.new-address {
    margin: 15px 0px 25px 0px;
  }
.newflag li {
    margin-right: 30px;
  }
.mainnewfooter {
    padding-left: 30px;
    padding-right: 30px;
  }
.footernew-top-right {
    padding-left: 0px;
  }
.footernew-top-right .pt-4 {
    padding-top: 0px !important;
  }
.moving-text {
    margin: 20px 0;
  }
.footer-middle {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
.first-links {
    padding-left: 15px;
  }
.second-links {
    padding-left: 15px;
  }
.country-list {
    padding-left: 15px;
  }
.newflag li {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    width: 35px;
    height: 35px;
  }
.newflag li:last-child {
    margin-top: 18px;
  }
.star-section {
    margin: 20px 0;
    padding: 5px 15px;
  }
.star-img {
    width: 118px;
    margin: 0;
  }
.star-img img {
    padding: 0;
    width: 100%;
    display: block;
  }
.star-text {
    width: auto;
    margin: 7px 25px 0px 10px;
    height: 75%;
    vertical-align: top;
    padding-right: 15px;
  }
.star-text i {
    padding: 0px 5px;
  }
.copyright {
    padding: 10px 0;
  }
.moving-text marquee {
    display: none;
    padding: 240px;
    font-size: 600px;
  }}
.portfolio__item:hover .portfolio__info {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.portfolio__item .img-box {
  height: 100%;
}
.videoModal .modal-dialog {
  background-color: #000 !important;

  width: 70%;
  max-width: 70%;
  transform: translateY(10%) !important;
}
.videoModal .modal-body {
  background-color: transparent;
  padding: 0;
  margin-bottom: -7px;
}
.home-client-slider-ltr .swiper-slide,
.home-client-slider-rtl .swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
   
}
.home-client-section .swiper-wrapper {
  transition-timing-function: linear !important;
  padding: 45px;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7))
  }
}
.what-we-do-img .img-box .img img {
  width: 60px;
  margin-bottom: 10px;
}
.what-we-do-img .img-box {
  transform: scale(0.8);
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
.what-we-do-content.hidden {
  transform: translateX(100px);
  opacity: 0;
}
@keyframes textShine {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}
@keyframes type-cursor {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.feature-section .feature-content-wrap .btn:hover img {
  transform: rotate(70deg);
}
.feature-section .feature-content-wrap .btn:hover {
  background: #dcdcdc;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
.button-white-icon:hover img {
  transform: rotate(40deg);
}
.button-white-icon:hover {
  color: #fff
}
.life-webshark-block .img-box {
  border-radius: 20px;
  overflow: hidden;
  height: 200px;
}
.life-webshark-block .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.cta_btn .marquee-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  text-align: center;
  background-color: #fff;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  z-index: 1;
  z-index: 1;
  width: 160px;
  letter-spacing: 1.5px;
  color: #16171a;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-left: 10px;
  text-transform: uppercase;
  border: 1px solid var(--cta-marquee-border);
  margin-right: 10px;
  margin-top: 8px;
}
@media (max-width:991.98px) {.marquee-button {
    margin-left: 22px;
  }}
.marquee-button:after,
.marquee-button:before {
  -webkit-animation: marquee 6s linear infinite;
  animation: marquee 6s linear infinite;
  content: attr(data-marquee-text);
  line-height: 40px;
  position: absolute;
  top: 0;
  background: url("https://webshark.b-cdn.net/webshark2026/img/header/icon-email.svg") no-repeat 0;
  width: 95%;
  will-change: transform;
  z-index: 2;
  padding-left: 5px;
  background-size: 18px;
  height: 40px;
  color: #000;
}
.marquee-button:before {
  left: 0;
}
.marquee-button:after {
  left: 100%;
}
.marquee-button .label {
  opacity: 0;
  pointer-events: none;
}
.marquee-button .bg {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1;
}
.marquee-button:hover .bg {
  opacity: 1;
  background: #3f92cf;
}
.marquee-button:hover:before,
.marquee-button:hover:after {
  filter: grayscale(1) invert(1);
}
@media (prefers-reduced-motion:reduce) {.marquee-button:after,
  .marquee-button:before {
    -webkit-animation: none;
    animation: none;
  }}
@-webkit-keyframes marquee {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(-100%, 0, 0);
  }
}
html[data-theme="light"] .contact-main-block {
  background-color: #fff !important;
}
.contact-main-block .form-floating .form-control {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #45474e;
  padding: 4px 0px;
  box-shadow: none;
  font-size: 26px;
  color: var(--color-para)
}
.contact-main-block .form-floating>.form-control:focus~label,
.contact-main-block .form-floating>.form-control.filled~label {
  transform: translateY(-30px) scale(.6);
  color: var(--color-para)
}
.contact-main-block .form-floating>.form-control:focus,
.contact-main-block .form-floating>.form-control.filled {
  border-bottom-color: #3f92cf;
  color: var(--color-para)
}
.contact-main-block .req-astrik {
  color: red;
  font-size: 18px;
  padding-left: 3px;
}
.contact-main-block .form-floating .form-control option {
  color: #fff;
  background-color: #000 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  background-color: transparent !important;
  transition: background-color 9999s ease-in-out 0s;
}
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  background-color: transparent !important;
  transition: background-color 9999s ease-in-out 0s;
}
.contact-main-block .gchoice {
  display: flex;
  color: var(--color-para);
  position: relative;
  padding: 18px 20px 18px 20px;
  width: 50%;
  margin: 0 -1px -1px 0;
  border: 1.5px solid #292b2f;
  align-items: center;
  cursor: pointer;
}
.contact-main-block .gchoice.checked {
  background-color: #2323238f;
  color: #fff;
}
.contact-main-block .gchoice:hover input {
  border-color: #45474e;
}
.contact-main-block .gchoice:hover label {
  opacity: .6;
}
.contact-main-block .gchoice label {
  transition: .3s;
  opacity: 1;
  top: -6px;
  position: initial;
  padding: 0 0 0 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  width: 100%;
}
.contact-main-block .gchoice input {
  box-shadow: none !important;
  transition: .3s;
  background-color: transparent;
  width: 20px;
  height: 20px;
  margin: 16px 0 0 0;
  border: 1.5px solid #6d6f78;
  background-color: transparent;
  border-radius: 0 !important;
  border-color: #6d6f78;
  margin-top: 0;
  position: relative;
  z-index: 2;
  appearance: none;
}
.contact-main-block .submit-btn {
  width: 30%;
  padding: 16px;
  background: #fff;
  border: none;
  border-radius: 0;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 10px;
}
.contact-main-block .submit-btn:hover {
  background-color: var(--c-action);
  color: var(--color-white) !important;
}
.contact-main-block .collaborators_select {
  grid-column-gap: .875rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(151px, 1fr));
  grid-auto-columns: auto;
  grid-auto-flow: row;
  place-content: flex-start;
  place-items: center start;
  min-height: auto;
  display: flex;
}
.contact-main-block .checkbox-form_component.checked {
  background-color: var(--button-bg);
}
.contact-main-block .checkbox-form_component.checked .text-size-regular-20 {
  color: var(--button-text);
}
.contact-main-block .collaborators_select .checkbox-form_component {
  grid-column-gap: 0px;
  border: 1px solid #ffffff;
  border-radius: 50px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  padding: 10px 30px;
  font-weight: 500;
  display: flex;
  position: relative;
}
.contact-main-block .collaborators_select .checkbox-input {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  border: 1px solid #0000004d;
  border-radius: 50px;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  font-weight: 500;
  transition: background-color 10ms ease-in;
  display: block;
  position: absolute;
  inset: 0%;
}
.contact-main-block .collaborators_select input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.contact-main-block .collaborators_select .text-size-regular-20 {
  z-index: 5;
  color: var(--color-para);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}
.contact-main-block .form-floating>.form-control.text-area:focus~label,
.contact-main-block .form-floating>.form-control.filled.text-area~label {
  transform: translate(-10px, -40px) scale(.6);
}
.contact-main-block .form-floating>.form-control.text-area:focus {
  border-bottom-color: #3f92cf !important
}
.contact-main-block .form-floating>.form-control.text-area,
div.col-md-12:nth-child(10)>div:nth-child(1)>label:nth-child(2) {
  padding-left: 20px;
}
.our-presence .content-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 30%;
}
.our-presence .content-box.img-box {
  overflow: hidden;
}
.our-presence .content-box.img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
   
  will-change: clip-path, transform;
}
.our-presence .content-box img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  transition: .3s;
}
.our-presence .location_wapper:hover .content-box img {
  transform: scale(1.06);
}
.our-presence .content-box h2 {
  font-size: 2.3rem;
  font-weight: 700;
  color: var(--color-title);
}
.our-presence .content-box p {
  font-size: 18px;
  color: var(--color-title);
}
.our-presence .content-box a {
  color: var(--color-title);
  font-weight: 600;
}
.our-presence .location_wapper .content-box:nth-child(1) {
  width: 25%;
}
.our-presence .location_wapper .content-box:nth-child(2) {
  width: 12%;
}
.our-presence .location_wapper .content-box:nth-last-child(1) {
  width: 14%;
  flex-direction: column;
  align-items: baseline;
}
.contentbanner-text-block {
  text-align: center;
}
.contentbanner-text-block i {
  font-size: 25px;
  transform: rotate(225deg);
  text-transform: uppercase;
  font-weight: 700;
  line-height: nor
}
.contentbanner-text-block h1 {
  background: linear-gradient(to right, #7b23d4, rgb(92 89 231), #7b23d4);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: gradientMove 3s linear infinite;
  padding-bottom: 10px;
  font-size: 56px;
  font-weight: bold;
}
.contentbanner-text-block h2 {
  margin: 0 12%;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.2px;
}
.top-banner {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-bottom: 10px;

}
.canvas-block .work-listing-blocks {
  position: relative;
  will-change: transform, opacity;
}
.canvas-block .work-listing-blocks .work-listing-image {
  margin-bottom: 24px;

  position: relative;
  transform: scale(1, 1);
  transition: all .3s ease;
  display: flex;
  justify-content: center;
}
.canvas-block .work-listing-blocks.listing-pattern3 .work-listing-image .work-listing-wrapper {

  transition: all .3s ease;
}
.canvas-block .work-listing-blocks.listing-pattern3 .work-listing-image .work-listing-wrapper .pattern3-wrapper {
  border-radius: 10px;
  transition: all .3s ease;
  transform: scale(1);
}
.canvas-block .work-listing-image img:hover {
  transform: scale(1.1);
}
.canvas-block .work-listing-blocks.listing-pattern3 .work-listing-image .work-listing-wrapper .pattern3-wrapper img {
  width: 100%;
  object-fit: cover;
  height: 420px;
  border-radius: 10px;
}
.canvas-block .work-listing-blocks.listing-pattern2 .work-listing-image .work-listing-wrapper .pattern2-wrapper {
  min-height: 270px;
  text-align: center;
  width: 100%;
  max-width: 488px;
  transition: all .3s ease;
  transform: scale(1);
}
.canvas-block .work-listing-blocks.listing-pattern2 .work-listing-image .work-listing-wrapper .pattern2-wrapper span::after {
  position: absolute;
  border-radius: 100%;
  left: 10px;
  font-size: 50px;
  content: "...";
  letter-spacing: -2px;
  line-height: 0;
  top: -6px;
}
.canvas-block .work-listing-blocks.listing-pattern2 .work-listing-image .work-listing-wrapper .pattern2-wrapper span {
  background: #ccc;
  height: 17px;
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  border-radius: 8px 8px 0 0;
  opacity: .7;
  z-index: 1;
}
.canvas-block .work-listing-blocks.listing-pattern2 .work-listing-image .work-listing-wrapper .pattern2-wrapper img {
  height: 270px;
  transform: translate(-50%, 0);
  border-radius: 0 0 8px 8px;
}
.canvas-block .work-listing-blocks.listing-pattern4 .work-listing-image {
  padding: 80px 36px;
}
.canvas-block .work-listing-blocks.listing-pattern4 .work-listing-image .work-listing-wrapper {

  background-position: center;
  background-repeat: no-repeat;
  background-size: 567px auto;
  transform: scale(1);
  min-height: 318px;
  transition: all .3s ease;
}
.canvas-block .work-listing-blocks.listing-pattern4 .work-listing-image .work-listing-wrapper .pattern4-wrapper {
  min-height: 270px;
  text-align: center;
  position: relative;
  top: -14px;
  width: 430px;
  transition: all .3s ease;
  transform: scale(1);
}
.canvas-block .work-listing-blocks.listing-pattern4 .work-listing-image .work-listing-wrapper .pattern4-wrapper img {
  height: 100%;
  top: 0;
  width: 100%;
  transform: translate(-50%, 0);
}
.canvas-block .work-listing-blocks:hover .work-listing-desc .h4 {
  color: #fff;
  transition: all .3s ease;
}
.canvas-block .work-listing-blocks:hover .work-listing-image {}
.canvas-block .work-listing-blocks.listing-pattern2:hover .work-listing-image .work-listing-wrapper .pattern2-wrapper {
  transform: scale(1.08);
}
.canvas-block .work-listing-blocks.listing-pattern4:hover .work-listing-image .work-listing-wrapper .pattern4-wrapper {
  transform: scale(1);
}
.canvas-block .work-listing-blocks.listing-pattern4:hover .work-listing-image .work-listing-wrapper {
  transform: scale(1.08);
}
.canvas-block [class*="col-"] {
  padding: 60px 20px;
}
.canvas-block .work-listing-blocks.listing-pattern3:hover .work-listing-image .work-listing-wrapper {
  overflow: hidden;
}
.cursor-view-more {
  padding: 10px 30px;
  background-color: #000;
  position: fixed;
  z-index: 999;
  pointer-events: none;
  font-size: 16px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.cursor-view-more .view-website-btn:after {
  font-family: fontawesome;
  content: "\f061";
  padding-left: 10px;
}
@keyframes rotate-border {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}
.get-website-block .main-img-box {
  height: 100%;
  padding: 0;
  margin-right: 50px;
}
.get-website-block .main-img-box img {
  height: 100%;
  object-fit: inherit;
  border-radius: 2%;
  border: 1px solid #ffffff75;
}
.main-img-box.mobile img {

  border: none;
}
.get-website-block .content-wrapper .row {
  margin-top: 50px;
}
.get-website-block .card-feature-2 .card-info a:hover {
  color: #4094ce;
}
.get-website-block .card-feature-2:hover .card-image {
  background-color: #4094ce;
}
.get-website-block .card-feature-2:hover .card-image img {
  filter: invert(1);
}
.main-img-box.right {
  margin-left: 50px;
  margin-right: 0px;
}
.news-slider .swiper {
  margin-top: 70px;
}
.news-slider .card-news .card-info :hover a {
  color: #4094ce
}
.btn-learmore-2:hover {
  color: #4094ce
}
.news-slider .swiper-button-next::after,
.news-slider .swiper-button-prev::after {
  content: "\f061";
  font-family: fontawesome;
  font-size: 16px;
  color: #ffffffab;
  transition: .3s;
}
.news-slider .swiper-button-prev::after {
  transform: rotate(180deg);
}
.news-slider .swiper-button-next,
.news-slider .swiper-button-prev {
  transition: .3s;
  border: 1px solid #ffffffab;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
.news-slider .swiper-button-next:hover,
.news-slider .swiper-button-prev:hover {
  background-color: #fff;
}
.news-slider .swiper-button-next:hover:after,
.news-slider .swiper-button-prev:hover:after {
  color: #000;
}
.home-accordion .accordion-button {
  font-size: 20px;
}
.faq-block .accordion .accordion-item {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #2d2c2c8a;
  color: #fff;
  border: none;
}
.faq-block .accordion .accordion-button {
  box-shadow: none;
  background: transparent;
  color: #fff;
  font-weight: 400;
  padding: 20px;
}
.faq-block .accordion .accordion-button:after {
  content: "\2b";
  font-family: fontawesome;
  background: #fff;
  border-radius: 50px;
  color: #000;
  display: grid;
  place-items: center;
  font-size: 14px;
  height: 25px;
  width: 25px;
}
.faq-block .accordion .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
@media screen and (min-width:320px) and (max-width:768px) {.get-website-block .main-img-box {
    margin-right: 0px;
  }
.get-website-block .main-img-box .content-wrapper {
    margin-top: 30px;
  }
.faq-block .accordion {
    margin-top: 20px;
  }
.faq-block .accordion .accordion-button {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;

  }
.faq-block .accordion .accordion-body {
    font-size: 18px;
  }
.faq-block .accordion .accordion-button::after {
    height: 20px;
    width: 20px;
    font-size: 10px;
    line-height: normal;
  }
.best-technologies .tech-card {
    padding: 10px;
  }
.best-technologies .tech-card h3 {
    font-size: 12px;
  }
.news-slider .swiper {
    margin-top: 25px;
  }
.news-slider .swiper-button-next,
  .news-slider .swiper-button-prev {
    height: 30px;
    width: 30px;
    padding: 6px;
  }
.news-slider .swiper-button-next::after,
  .news-slider .swiper-button-prev::after {
    font-size: 12px;
  }
.econtact-form .form-group .form-control,
  .new-address,
  .main-footer-left,
  .new-email,
  .new-phone {
    font-size: 14px;
  }
.country-name {
    font-size: 16px;
  }
.copyright {
    font-size: 10px;
  }
.newflag li:last-child {
    margin-right: 0px;
  }
.get-website-block .content-wrapper {
    margin-top: 40px;
  }
.cta_btn {
    margin-right: 10px;
    display: flex;
  }
.cta_btn .marquee-button {
    width: 100px;
    font-size: 10px;
    margin-left: 0px;
    height: 32px;
  }
.marquee-button::after,
  .marquee-button::before {
    line-height: 32px;
    height: 32px;
  }
.navbar-brand img {
    max-width: auto;
  }
.navbar .top-header {
    display: none;
  }
.navbar .navbar-toggler {
    border: 1px solid #6c757d;
    font-size: 10px;
    padding: 7px;
    border-radius: 0px;
  }
.navbar .navbar-toggler-icon {
    filter: invert(1) brightness(100);
    width: 2em;
    height: 2em;
  }}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait) {.navbar .top-header {
    display: none;
  }
.mobile-sidebar-logo {
    width: 40% !important;
  }
.navbar .navbar-toggler {
    font-size: 16px;
  }
.navbar {
    padding: 10px 30px !important;
  }
.navbar .navbar-toggler-icon {
    filter: invert(1) brightness(100);
    height: 1em;
    width: 1em;
  }
.cta_btn {
    margin-right: 0px;
    display: flex !important;
  }
.get-website-block .main-img-box {
    margin-right: 0px;
    padding: 0px;
  }
.get-website-block .content-wrapper .row>* {
    padding-left: 5px;
    padding-right: 5px;
  }
.best-technologies .tech-card {
    padding: 30px;
  }
.best-technologies .tech-card h3 {
    font-size: 18px;
  }
.best-technologies .tech-card img {
    max-width: 60%;
  }
.star-img img {
    width: 130px;
  }
.moving-text {
    display: none;
  }}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {.navbar .top-header {
    display: none;
  }
.navbar .navbar-toggler {
    border: 1px solid #fff;
    font-size: 30px;
    padding: 7px;
    border-radius: 0px;
  }
.navbar .navbar-toggler-icon {
    filter: invert(1) brightness(100);
    height: 1em;
    width: 1em;
  }
.cta_btn {
    margin-right: 20px;
    display: flex;
  }
.get-website-block .main-img-box {
    margin-right: 0px;
    padding: 0px;
  }
.get-website-block .content-wrapper .row>* {
    padding-left: 5px;
    padding-right: 5px;
  }
.best-technologies .tech-card {
    padding: 30px;
  }
.best-technologies .tech-card h3 {
    font-size: 18px;
  }
.best-technologies .tech-card img {
    max-width: 60%;
  }
.star-img img {
    width: 130px;
  }
.moving-text {
    display: none;
  }}
.navbar {
  background: #000000a8;
  backdrop-filter: blur(5px);
  border-bottom: 1px solid #272727;
   
   
  z-index: 99;
}
.navbar-brand img {
  height: 50px;
  width: auto;
}
.nav-link {
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16px;
  padding: 1.5rem 1.2rem !important;
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 6px;
}
.nav-link:hover {
  color: #4093D0 !important;
}
.dropdown-icon {
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.dropdown-icon svg {
  width: 100%;
  height: 100%;
}
.mega-dropdown:hover .dropdown-icon {
  transform: rotate(180deg);
}
.expertise-mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  border-top: 1px solid #272727;
  background: rgba(0, 0, 0, 1);
  height: auto;
  max-height: calc(100vh - 68px);
  backdrop-filter: blur(2px);
  padding: 30px 30px;
  display: none;
  z-index: 1000;
  overflow: hidden;
  margin-top: 0;
  border-bottom: 1px solid #272727;
}
.mega-dropdown:hover .expertise-mega-menu {
  display: block;
}
.expertise-container {
  display: flex;
  gap: 30px;
  height: calc(100vh - 68px - 60px);    
  max-height: 720px;                    
  min-height: 0;                        
}
.expertise-sidebar {
  width: 263px;
  flex-shrink: 0;
  max-height: none;       
  overflow: visible;      
}
.expertise-category-card {
  background: rgba(33, 33, 33, 0.83);
  backdrop-filter: blur(2px);
  border-radius: 10px;
  padding: 23px 18px;
  margin-bottom: 18px;
  cursor: pointer;
  transition: background-color .3s ease, border-color .3s ease;
  border: 2px solid transparent;
  position: relative;
}
.expertise-category-card.active {
  background: linear-gradient(180deg, rgba(59, 148, 214, 0.333) 0%, rgba(73, 198, 229, 0.224) 100%);
  border: 2px solid #4094ce;
}
.expertise-category-card:hover {
  border-color: #4094ce;
}
.expertise-category-card h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.18px;
  margin-bottom: 6px;
}
.expertise-category-card p {
  font-size: 12px;
  font-weight: 400;
  color: #bebebe;
  line-height: 20px;
  letter-spacing: 0.12px;
  margin-right: 45px;
  margin-bottom: 0;
}
.expertise-category-card .arrow-icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.expertise-category-card .arrow-icon svg {
  width: 100%;
  height: 100%;
}
.expertise-category-card .arrow-icon .arrow-stroke {
  stroke: #fff;
  transition: stroke 0.3s ease;
}
.expertise-category-card.active .arrow-icon .arrow-stroke {
  stroke: #4093D0;
}
.expertise-main-content {
  flex: 1;
  padding: 0 30px;
  border-left: 1px solid #373636;
  border-right: 1px solid #373636;
  min-width: 0;                      
  overflow-y: auto;                  
  overscroll-behavior: contain;      
  scrollbar-gutter: stable;          
}
.expertise-main-content { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.2) transparent; }
.expertise-main-content::-webkit-scrollbar { width: 6px; }
.expertise-main-content::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); border-radius: 3px; }
.expertise-content-section {
  display: none;
}
.expertise-content-section.active {
  display: block;
}
.expertise-header {
  margin-bottom: 30px;
}
.expertise-header h2 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.18px;
  margin-bottom: 10px;
}
.expertise-header p {
  font-size: 14px;
  font-weight: 400;
  color: #bebebe;
  line-height: 20px;
  letter-spacing: 0.12px;
  margin-bottom: 15px;
}
.expertise-header .know-more {
  font-size: 12px;
  font-weight: 500;
  color: #4093d0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.12px;
}
.expertise-header .know-more:hover {
  color: #49C6E5;
}
.expertise-services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 60px;
}
.expertise-service-item {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}
.expertise-service-icon {
  width: 65px;
  height: 65px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(64, 147, 208, 0.1);
  border-radius: 8px;
  font-size: 32px;
}
.expertise-service-icon img {
  max-width: 100%;
  height: auto;
}
.expertise-service-content h4 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 0.18px;
  margin-bottom: 8px;
}
.expertise-service-content p {
  font-size: 10px;
  font-weight: 400;
  color: #bebebe;
  line-height: 16px;
  letter-spacing: 0.1px;
  margin: 0;
}
.expertise-featured {
  width: 312px;
  flex-shrink: 0;
  overflow: hidden; 
}
.expertise-featured-section {
  display: none;
}
.expertise-featured-section.active {
  display: block;
}
.expertise-featured h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.18px;
  margin-bottom: 30px;
}
.expertise-featured-image {
  width: 100%;
  height: 234px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 25px;
  background: #1a1a1a;
}
.expertise-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.expertise-featured p {
  font-size: 14px;
  font-weight: 400;
  color: #bebebe;
  line-height: 20px;
  letter-spacing: 0.12px;
  margin-bottom: 20px;
}
.expertise-featured .explore-portfolio {
  font-size: 14px;
  font-weight: 500;
  color: #4093d0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.12px;
}
.expertise-featured .explore-portfolio:hover {
  color: #49C6E5;
}
.arrow-right-icon {
  width: 14px;
  height: 14px;
}
@media (max-width: 1200px) {.expertise-main-content {
    border: none;
    padding: 0 20px;
  }}
@media (max-width: 992px) {.expertise-mega-menu { overflow: auto; }
.expertise-container { height: auto; max-height: none; }
.expertise-main-content { overflow: visible; }
.expertise-container {
    flex-direction: column;
  }
.expertise-sidebar,
  .expertise-featured {
    width: 100%;
  }
.expertise-services-grid {
    grid-template-columns: 1fr;
  }}
.expertise-mega-menu {
  height: auto;
  max-height: calc(100vh - 68px);
  overflow: hidden;
}
.expertise-container {
  height: calc(100vh - 68px - 60px);
  max-height: 720px;
  min-height: 0;
    position: relative;
}
.expertise-sidebar {
  max-height: none;
  overflow: visible;
}
.expertise-category-card {
  transition: background-color .3s ease, border-color .3s ease;
}
.expertise-main-content {
  position: relative;
  min-width: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.2) transparent;
}
.expertise-main-content::-webkit-scrollbar { width: 6px; }
.expertise-main-content::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); border-radius: 3px; }
.expertise-featured { overflow: hidden; }
.expertise-content-section.active {
  height: auto;
  min-height: 0;
}
.mega-scroll-hint {
  position: sticky;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 64px;
  margin-top: -64px;
  padding: 0 0 8px;
  align-items: flex-end;
  justify-content: center;
  gap: 6px;
  border: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 55%, #000 100%);
  color: #4093d0;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .12px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 2;
}
.mega-scroll-hint.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }
.mega-scroll-hint:hover { color: #49c6e5; }
.mega-scroll-hint__icon { animation: megaHintBounce 1.4s ease-in-out infinite; }
@keyframes megaHintBounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(4px); }
}
@media (prefers-reduced-motion: reduce) {.mega-scroll-hint__icon { animation: none; }}
@media (max-height: 760px) {.expertise-category-card { padding: 16px 18px; }}
@media (max-width: 992px) {.expertise-mega-menu { overflow: auto; }
.expertise-container { height: auto; max-height: none; }
.expertise-main-content { overflow: visible; }
.mega-scroll-hint { display: none; }}
.hire-mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  border-top: 1px solid #272727;
  background: rgba(0, 0, 0, 1);
  backdrop-filter: blur(2px);
  padding: 30px;
  display: none;
  z-index: 1000;
  margin-top: 0;
  border-bottom: 1px solid #272727;
}
.mega-dropdown:hover .hire-mega-menu {
  display: block;
}
.hire-container {
  display: flex;
  gap: 30px;
}
.hire-sidebar {
  width: 263px;
  flex-shrink: 0;
}
.hire-category-card {
  background: rgba(33, 33, 33, 0.83);
  backdrop-filter: blur(2px);
  border-radius: 10px;
  padding: 20px 18px;
  margin-bottom: 18px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  position: relative;
}
.hire-category-card.active {
  background: linear-gradient(180deg, rgba(59, 148, 214, 0.333) 0%, rgba(73, 198, 229, 0.224) 100%);
  border: 2px solid #4094ce;
}
.hire-category-card:hover {
  border-color: #4094ce;
}
.hire-category-card h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.18px;
  margin-bottom: 6px;
}
.hire-category-card p {
  font-size: 14px;
  font-weight: 400;
  color: #bebebe;
  line-height: 20px;
  letter-spacing: 0.12px;
  margin-right: 45px;
  margin-bottom: 0;
}
.hire-category-card .arrow-icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.hire-category-card .arrow-icon svg {
  width: 100%;
  height: 100%;
}
.hire-category-card .arrow-icon .arrow-stroke {
  stroke: #fff;
  transition: stroke 0.3s ease;
}
.hire-category-card.active .arrow-icon .arrow-stroke {
  stroke: #4093D0;
}
.hire-main-content {
  flex: 1;
  padding: 0 30px;
  border-left: 1px solid #373636;
  border-right: 1px solid #373636;
}
.hire-content-section {
  display: none;
}
.hire-content-section.active {
  display: block;
}
.hire-header {
  margin-bottom: 25px;
}
.hire-header h2 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  margin-bottom: 10px;
}
.hire-header p {
  font-size: 14px;
  font-weight: 400;
  color: #bebebe;
  line-height: 20px;
  letter-spacing: 0.12px;
  margin-bottom: 15px;
}
.hire-header .know-more {
  font-size: 14px;
  font-weight: 500;
  color: #4093d0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.12px;
}
.hire-header .know-more:hover {
  color: #49C6E5;
}
.hire-developers-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px 40px;
}
.hire-developer-item {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}
.hire-developer-icon {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(64, 147, 208, 0.15);
  border: 1px solid rgba(64, 147, 208, 0.3);
  border-radius: 50%;
}
.hire-developer-icon svg,
.hire-developer-icon img {
  width: 28px;
  height: 28px;
}
.hire-developer-content h4 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 0.18px;
  margin-bottom: 8px;
}
.hire-developer-content p {
  font-size: 10px;
  font-weight: 400;
  color: #bebebe;
  line-height: 16px;
  letter-spacing: 0.1px;
  margin: 0;
}
.hire-featured {
  width: 312px;
  flex-shrink: 0;
}
.hire-featured-section {
  display: none;
}
.hire-featured-section.active {
  display: block;
}
.hire-featured-image {
  width: 100%;
  overflow: hidden;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.hire-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hire-featured h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.18px;
  margin-bottom: 12px;
  line-height: 26px;
}
.hire-featured p {
  font-size: 14px;
  font-weight: 400;
  color: #bebebe;
  line-height: 20px;
  letter-spacing: 0.12px;
  margin-bottom: 20px;
}
.hire-steps-list {
  margin-bottom: 15px;
}
.hire-step-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.hire-step-check {
  width: 24px;
  height: 24px;
  border-radius: 50%;
   
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.hire-step-check svg {
  width: 20px;
  height: 20px;
}
.hire-step-item span {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.13px;
}
.hire-featured .hire-now-btn {
  font-size: 13px;
  font-weight: 600;
  color: #4093d0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.13px;
}
.hire-featured .hire-now-btn:hover {
  color: #49C6E5;
}
@media (max-width: 1200px) {.hire-main-content {
    border: none;
    padding: 0 20px;
  }}
@media (max-width: 992px) {.hire-container {
    flex-direction: column;
  }
.hire-sidebar,
  .hire-featured {
    width: 100%;
  }
.hire-developers-grid {
    grid-template-columns: 1fr;
  }}
.portfolio-mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  border-top: 1px solid #272727;
  background: rgba(0, 0, 0, 1);
  backdrop-filter: blur(2px);
  padding: 30px;
  display: none;
  z-index: 1000;
  margin-top: 0;
  border-bottom: 1px solid #272727;
}
.mega-dropdown:hover .portfolio-mega-menu {
  display: block;
}
.portfolio-container {
  display: flex;
  gap: 40px;
}
.portfolio-projects {
  flex: 1;
  padding-right: 30px;
  border-right: 1px solid #373636;
}
.portfolio-header {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.portfolio-header h2 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.18px;
  margin-bottom: 10px;
}
.portfolio-header p {
  font-size: 14px;
  font-weight: 400;
  color: #bebebe;
  line-height: 20px;
  letter-spacing: 0.12px;
  margin-bottom: 0;
  max-width: 598px;
}
.portfolio-header .explore-link {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.12px;
  background: #1d6bae;
  padding: 8px 20px;
  border-radius: 0;
  transition: background 0.3s ease;
}
.portfolio-header .explore-link:hover {
  background: #4093D0;
}
.portfolio-projects-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.portfolio-project-card {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.portfolio-project-image {
  width: 100%;
  height: 175px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 18px;
  background: #1a1a1a;
  position: relative;
}
.portfolio-project-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.portfolio-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, #000000c9, transparent);
  display: flex;
  align-items: end;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.portfolio-overlay p {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  letter-spacing: 0.12px;
  margin: 0;
  text-align: left;
}
.portfolio-project-card:hover .portfolio-overlay {
  opacity: 1;
}
.portfolio-project-card:hover .portfolio-project-image img {
  transform: scale(1.1);
}
.portfolio-project-card h4 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.18px;
  margin-bottom: 8px;
}
.portfolio-case-study {
  width: 370px;
  flex-shrink: 0;
}
.portfolio-case-study h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.18px;
  margin-bottom: 25px;
}
.portfolio-case-image {
  width: 100%;
  height: 195px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 25px;
  background: #1a1a1a;
}
.portfolio-case-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.portfolio-stats {
  display: flex;
  gap: 50px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #373636;
}
.portfolio-stat-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.portfolio-stat-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portfolio-stat-icon svg {
  width: 100%;
  height: 100%;
}
.portfolio-stat-content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.26px;
  margin-bottom: 6px;
  line-height: 1;
}
.portfolio-stat-content p {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
  letter-spacing: 0.12px;
  margin: 0;
}
.portfolio-case-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.18px;
  margin-bottom: 15px;
  line-height: 26px;
}
.portfolio-case-description {
  font-size: 12px;
  font-weight: 400;
  color: #bebebe;
  line-height: 20px;
  letter-spacing: 0.12px;
  margin-bottom: 20px;
}
.portfolio-case-study .explore-case-link {
  font-size: 12px;
  font-weight: 500;
  color: #4093d0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.12px;
}
.portfolio-case-study .explore-case-link:hover {
  color: #49C6E5;
}
.arrow-right-icon {
  width: 20px;
  height: 20px;
}
@media (max-width: 1200px) {.portfolio-projects {
    border: none;
    padding-right: 0;
  }}
@media (max-width: 992px) {.portfolio-container {
    flex-direction: column;
  }
.portfolio-case-study {
    width: 100%;
  }
.portfolio-projects-grid {
    grid-template-columns: 1fr;
  }}
.arrow-icon {
  font-size: 0.8em;
  margin-right: 15px;
  opacity: 0;
  transform: translateX(-20px);
  color: #000;
  display: none;
  line-height: 1;
}
.char-mask {
  height: 1.2em;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.char-reel {
  display: flex;
  flex-direction: column;
  will-change: transform;
   
}
.char-reel span {
  height: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: pre;
   
}
.cs-card:hover::before {
  opacity: 1;
  visibility: visible;
}
.cs-card:hover .cs-card__bg {
  transform: scale(1.05);
}
.cs-card:hover {
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-5px);
}
.cs-card:hover .cs-card__bg {
  transform: scale(1.05);
   
}
.cs-link:hover {
  gap: 12px;
  color: #fff;
}
.accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
   
  max-width: 100%;
   
  margin: 50px auto;
}
.accordion-item {
  background-color: transparent;
  border: none;
  margin-bottom: 30px;
   
  position: relative;
  border-radius: 12px;
  background:
    linear-gradient(#000000, #00000096) padding-box, linear-gradient(188deg, #6607c2c7 0%, #1d1d1d 100%) border-box;
  border-top: 1px solid transparent !important;
  border: 1px solid transparent;
   
  transition: box-shadow 0.2s ease;
}
.accordion-item::before {
  content: "";
  background-size: cover !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: url('https://webshark.b-cdn.net/webshark2026/img/home/Dark_animated_w160.webp');
  opacity: 0;
  transition: opacity 0.2s ease;
  transition-delay: 0.1s;
  pointer-events: none;
  background-position: 0px 45%;
  background-repeat: no-repeat;
  opacity: 0.25 !important;
  background-size: cover !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: none;
}
.accordion-item:first-of-type {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
.accordion-item:hover::before,
.accordion-item:has(.accordion-button:not(.collapsed))::before {
  opacity: 1;
}
.accordion-item:hover,
.accordion-item:has(.accordion-button:not(.collapsed)) {
  box-shadow: 0 0 15px rgba(111, 66, 193, 0.2);
}
.accordion-button {
  background-color: transparent !important;
   
  color: #ffffff;
  font-weight: 500;
  font-size: 20px;
  padding: 20px 25px;
  box-shadow: none !important;
   
  border-radius: 0 !important;
}
.accordion-button:not(.collapsed) {
  color: #ffffff;
   
}
.accordion-button::after {
  background-image: none;
  content: "+";
  transform: none;
   
  transition: transform 0.3s ease;
  margin-top: -5px;
  margin-left: auto;
  background: #fff;
  border-radius: 50px;
  color: #000;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: inherit;
  height: 25px;
  width: 25px;
  transform: rotate(0deg);
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
   
}
.accordion-body {
  color: #fff;
  padding: 0 25px 25px 25px;
  line-height: 1.6;
  text-align: left;
  font-size: 18px;
  font-weight: 300;
  z-index: 1;
  position: relative;

}
.gradient-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  filter: blur(80px);
   
  pointer-events: none;
}
.g-blob {
  position: absolute;
  border-radius: 50%;
  mix-blend-mode: screen;
   
  opacity: 0.8;
  will-change: transform;
}
.blob-1 {
  width: 30vw;
  height: 30vw;
  background: radial-gradient(circle, rgba(144, 83, 242, 0.9) 0%, rgba(0, 0, 0, 0) 70%);
  left: -20%;
   
  top: 15%;
}
.blob-2 {
  width: 50vw;
  height: 50vw;
  background: radial-gradient(circle, rgb(89 100 224) 0%, rgba(0, 0, 0, 0) 70%);
  top: -20%;
   
  left: 20%;
}
.blob-3 {
  width: 40vw;
  height: 40vw;
  background: radial-gradient(circle, rgba(174, 0, 255, 0.7) 0%, rgba(0, 0, 0, 0) 70%);
  top: -10%;
   
  left: -10%;
}
.knockout-wrapper.is-ready {
  opacity: 1;
}
.home-clientlogo:hover .home-clientlogo-track {
   
}
.home-client-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  display: flex;
  flex-direction: row;
  gap: 0px;
}
.home-client-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17%;
}
.home-client-slider .swiper-slide img {
  width: 150px;
  height: auto;
  filter: grayscale(210%) brightness(400%);
   
  transition: filter 0.3s;
}
.home-client-slider .swiper-slide img:hover {
  filter: grayscale(0%);
}
.header-inside-theme {
  display: flex;
  gap: 35px;
}
.home-clientlogo-item img:hover {
  opacity: 1;
  filter: none;
   
}
@keyframes scroll-clientlogos {
  0% {
    transform: translateX(0);
  }

  100% {
     
    transform: translateX(-50%);
  }
}
.partner-row {
  justify-content: flex-start;
  padding: 20px 0 30px 0;
  align-items: center;
}
.zoho-badge {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
   
}
.stat-number {
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: inline-flex;
   
  align-items: baseline;
  line-height: 1;
}
.animate-digit {
  display: block;
}
.industries-card-custom:hover::before {
  opacity: 1;
}
.industries-card-custom:hover {
   
}
.industries-card-custom:hover::after {
  background: #0d0d0d;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.best-technologies .tech-card {
  background: #222;
   
  padding: 40px;
   
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
   
  width: 250px;
  box-sizing: border-box;
  margin-right: 15px;
   
  border-radius: 0px;
}
.best-technologies .tech-card h3 {
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
  white-space: nowrap;
}
.marquee-row {
  display: flex;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.marquee-track {
  display: flex;
   
  animation: scroll 30s linear infinite;
}
.marquee-row.left .marquee-track {
  animation-name: scrollLeft;
}
.marquee-row.right .marquee-track {
  animation-name: scrollRight;
}
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }

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

  100% {
    transform: translateX(0);
  }
}
.tech-card img {
  height: 120px;
  width: auto;
}
.whychooseus-item {
  padding: 20px 40px 0px 10px;
  margin-bottom: 20px;
  opacity: 1;
  transition: opacity 0.4s ease;
  position: relative;
   
  display: flex;
  gap: 15px;
}
.whychooseus-item.active {
  opacity: 1;
}
.whychooseus-item h3 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #fff;
}
.whychooseus-item p {
  color: #a6a6a6;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}
.whychooseus-item.active .progress-line {
  width: 100%;
}
.whychooseus-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease-in-out, transform 0.8s ease;
  transform: scale(1.05);
}
.whychooseus-img.active {
  opacity: 1;
  transform: scale(1);
}
.icon-box:hover {
  border-color: #fff;
  background: #1a1a1a;
  transform: scale(1.1);
}
.icon-box:hover {
  border-color: #fff;
  background: #1a1a1a;
  transform: scale(1.1);
}
.compliance-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.nav-pills .nav-link:hover {
  color: #d9b6ff !important;
  background-color: rgba(255, 255, 255, 0.05);
}
.nav-pills .nav-link.active {
  border: 1px solid;
  color: #d9b6ff !important;
  font-weight: 600;
  background: #00000040;
}
.integration-card:hover {
  background-color: #1e1e1e;
   
  border-color: #404040;
}
.custom-cta-btn:hover {
   
  background-color: #0056b3;
}
.serviceform-btn {
  background-color: #fff;
  border: none;
  color: #000;
  border-radius: 0;
}
.serviceform-btn:focus {
  background-color: #fff;

}
.service-clientlogo-track .swiper-wrapper {
  transition-timing-function: linear !important;
  pointer-events: none !important;
   
}
.service-clientlogo-item:hover img {
  opacity: 1;
  filter: grayscale(0%) brightness(100%);
   
}
.solution-card:hover::after {
  background: #0d0d0d;
}
.solution-card:hover::before {
  opacity: 1;
}
.solution-card-content:hover {
  background-color: #0d0d0d;
}
.solution-card-content:hover img {
  filter: brightness(1.15) contrast(1.1);
    -webkit-filter: brightness(1.15) contrast(1.1);
}
.solution-card:hover .icon-box {
  transform: scale(1.1);
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.animated-border-heading {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.animated-border-heading::before,
.animated-border-heading::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 150px;
   
  height: 4px;
   
  border-radius: 4px;
   

   
  background: linear-gradient(90deg, #005Bea, #00C6FB, #005Bea);

   
  background-size: 200% 100%;

   
  animation: shimmer 2s linear infinite;
}
.animated-border-heading::before {
  left: -170px;
   
}
.animated-border-heading::after {
  right: -170px;
   
}
@keyframes shimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}
@media (max-width: 768px) {#outside-theme {
    display: none;
  }
.solution-card-content:hover img{
    filter: brightness(0) invert(1) !important;
  }
.animated-border-heading::before,
  .animated-border-heading::after {
    width: 50px;
     
    left: -60px;
  }
.animated-border-heading::after {
    left: auto;
    right: -60px;
  }}
.reveal-text {
  font-size: 32px;
  line-height: 48px;
  font-weight: 500;
  color: #85868B
     
  ;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 15px;
  text-align: left;
}
.reveal-hometext {
  font-size: 22px;
  line-height: 36px;
  color: #fff;
  padding-left: 0px;
  padding-top: 20px;
  font-weight: 400;
  position: relative;
  padding-right: 50px;
  padding-bottom: 15px;
  text-align: left;
}
.service-count-section .stat-number {
  font-size: 56px;
}
.reveal-char {
  display: inline;
   
  white-space: pre;
   
  position: relative;
   
  will-change: color;
}
.rail-segment {
  width: 4px;
   
  height: 40px;
   
  background-color: #5a5a5a;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.rail-segment.active {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  transform: scaleX(1.2);
   
}
.feature-text-section {
  min-height: 80vh;
   
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 0;
  opacity: 0.3;
   
  transition: opacity 0.5s ease;
}
.feature-text-section.active {
  opacity: 1;
   
}
.visual-card {
  position: absolute;
  width: 90%;
  max-width: 500px;
  aspect-ratio: 16/10;
  background: var(--card-bg);
  border: 1px solid #333;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.8);
}
.visual-card img {
  width: 100%;
  border-radius: 20px;
}
.swiper-container-custom {
  overflow: visible !important;
}
.servicecs-section {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.servicecs-track {
  display: flex;
  gap: 40px;
  width: max-content;
  padding-right: 10vw;
}
.servicecs-link:hover {
  color: #49C6E5;
}
.service-industries .swiper {
  width: 100%;
  height: 100%;
  overflow: visible;
   
}
.service-industries .swiper-slide {
  width: 550px;
   
  height: 400px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  background: #111;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-industries .swiper-slide:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.service-industries .swiper-slide:hover .slide-bg {
  transform: scale(1.1);
}
.service-industries .swiper-slide:hover .slide-overlay {
  opacity: 1;
}
.service-industries .swiper-slide:hover .slide-content {
  transform: translateY(0);
}
.service-industries .swiper-slide:hover .slide-desc {
  opacity: 1;
}
.service-industries .nav-btn:hover {
  background: #49C6E5;
  border-color: #49C6E5;
}
span.swiper-pagination-bullet {
  background: #fff;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  display: none;
}
@media only screen and (min-width: 1920px) {.servicecs-track {
    gap: 30px;
    overflow-x: auto;
    width: auto;
  }
.faq-block .accordion .accordion-button {
    font-size: 22px;
  }
.accordion-body {
    font-size: 16px;
  }
.servicecs-section {
    height: auto;
    padding-top: 60px;
  }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.navbar {
    padding: 5px 30px;
  }
.service-count-section .stat-number {
    font-size: 46px;
  }
.reveal-text {
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    text-align: left;
  }
.navbar-brand img {
    height: 40px;
  }
.service-industries .swiper-slide {
    width: 40%;
    height: 400px;
  }
.cta_btn .marquee-button {
    margin-right: 0;
    margin-top: 0;
  }
#theme-toggle {
    width: 100%;
  }
.servicecs-track {
    gap: 30px;
    overflow-x: auto;
    width: auto;
  }
.servicecs-section {
    height: auto;
    padding-left: 5px;
  }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.navbar {
    padding: 5px 30px;
  }
.container {
    max-width: 100%;
  }
.service-count-section .stat-number {
    font-size: 46px;
  }
.reveal-text {
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    text-align: left;
  }
.navbar-brand img {
    height: 40px;
  }
.service-industries .swiper-slide {
    width: 100%;
    height: 400px;
  }
.cta_btn .marquee-button {
    margin-right: 0;
    margin-top: 0;
  }
#theme-toggle {
    width: 100%;
  }
.servicecs-track {
    gap: 30px;
    overflow-x: auto;
    width: auto;
  }
.servicecs-section {
    height: auto;
    padding-left: 5px;
  }}
@media (max-width: 767px) {.navbar {
    padding: 5px 15px;
  }
.blob-1 {
    width: 70vw;
    height: 70vw;
  }
.blob-2 {
    width: 100vw;
    height: 100vw;

  }
.blob-3 {
    width: 80vw;
    height: 80vw;

  }
.service-count-section .stat-number {
    font-size: 46px;
  }
.reveal-text {
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    text-align: left;
  }
.navbar-brand img {
    height: 40px;
  }
.service-industries .swiper-slide {
    width: 100%;
    height: 400px;
  }
.cta_btn .marquee-button {
    margin-right: 0;
    margin-top: 0;
  }
#theme-toggle {
    width: 100%;
  }
.servicecs-track {
    gap: 30px;
    overflow-x: auto;
    width: auto;
  }
.servicecs-section {
    height: auto;
    padding-left: 5px;
  }}
.portfolio-banner {
  padding-top: 120px;
  padding-bottom: 40px;
}
.filter-container {
  position: sticky;
  top: 0;
  z-index: 10;
  backdrop-filter: blur(5px);
  padding: 20px;
  background: #000000a8;
  border-bottom: 1px solid #ffffff30;
  transition: background-color 0.3s ease;
  width: 100%;
}
.filter-container.is-stuck {
  background-color: rgb(0 0 0 / 80%);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid #222;
}
.btn-custom-filter {
  background-color: #00000042;
  color: #fff;
  border: 1px solid #333333;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: space-between;
  min-width: 150px;
}
.btn-custom-filter:hover {
  border: 1px solid #555;
  color: #fff;
  background-color: transparent !important;
}
.filter-container .dropdown-toggle::after {
  display: inline-block !important;
  margin-left: 10px;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  opacity: 0.7;
}
.filter-container .dropdown-toggle.show::after {
  transform: rotate(180deg);
}
.filter-container .dropdown-item:hover {
  cursor: pointer;
}
.filter-container .form-check-label:hover {
  cursor: pointer;
}
.filter-container .dropdown-menu-dark-custom {
  background-color: #111111e8;
  border: 1px solid #333;
  margin-top: 10px;
  backdrop-filter: blur(10px);
}
.dropdown-item {
  color: #ccc;
}
.dropdown-item:hover {
  background-color: #222;
  color: #fff;
}
.reset-section {
  color: #fff;
  font-size: 0.9rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.reset-section:hover {
  color: #fff;
}
#sticky-sentinel {
  width: 100%;
  height: 1px;
  margin-bottom: -1px;
  visibility: hidden;
  pointer-events: none;
}
.form-check-input {
  background-color: #222;
  border-color: #444;
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.form-check-input:checked {
  background-color: #4192d1;
  border-color: #4192d1;
}
.featured-work1.portfolio {
  margin-top: 0;
}
@media (min-width: 992px) {.swiper-slide:nth-child(even) .cs-slide-row {
    flex-direction: row-reverse;
  }
.swiper-slide:nth-child(even) .cs-content-wrapper {
    padding-left: 0;
    padding-right: 40px;
  }}
.btn-cs-primary:hover {
  background-color: white;
  color: black;
  border-color: white;
}
.swiper-slide:not(.swiper-slide-active) .cs-image-col {
  transform: translateX(-50px);
}
.swiper-slide:not(.swiper-slide-active) .cs-content-col {
  transform: translateX(50px);
}
@media (min-width: 992px) {.swiper-slide:nth-child(even):not(.swiper-slide-active) .cs-image-col {
    transform: translateX(50px);
  }
.swiper-slide:nth-child(even):not(.swiper-slide-active) .cs-content-col {
    transform: translateX(-50px);
  }}
.swiper-slide-active .cs-image-col,
.swiper-slide-active .cs-content-col {
  transform: translateX(0);
  opacity: 1;
}
.nav-btn:hover {
  opacity: 0.7;
}
.nav-btn:hover .nav-icon {
  color: white;
}
@keyframes scroll-up {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-50%);
  }
}
@keyframes scroll-right-to-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll-left-to-right {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}
.award-card .swiper {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 100px;
   
}
.award-card .swiper-slide {
   
  transform: scale(0.65);
  opacity: 0.5;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.swiper-slide-active {
   
  transform: scale(1);
  opacity: 1;
  z-index: 10;
}
.swiper-slide-active .award-card {
  border-color: #555;
  background-color: #11111191;
}
.swiper-slide-active .laurel-logo {
  opacity: 1;
}
.swiper-slide-active .award-text {
  opacity: 1;
  transform: translateY(0);
}
.awardsSwiper .swiper-wrapper {
  align-items: center;
}
@keyframes float {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  25% {
    transform: translate(50px, -50px) scale(1.1);
  }

  50% {
    transform: translate(0px, 0px) scale(1);
  }

  75% {
    transform: translate(-30px, 30px) scale(0.9);
  }

  100% {
    transform: translate(0px, 0px) scale(1);
  }
}
@keyframes sectionOneHeroSmokeThree {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    opacity: 0.8;
    filter: blur(80px) hue-rotate(0deg);
  }

  15% {
    transform: translate(40px, -60px) scale(1.08) rotate(45deg);
    opacity: 0.65;
    filter: blur(85px) hue-rotate(10deg);
  }

  30% {
    transform: translate(90px, -80px) scale(1.15) rotate(90deg);
    opacity: 0.7;
    filter: blur(90px) hue-rotate(20deg);
  }

  45% {
    transform: translate(110px, -30px) scale(1.12) rotate(135deg);
    opacity: 0.6;
    filter: blur(95px) hue-rotate(15deg);
  }

  60% {
    transform: translate(90px, 30px) scale(1.1) rotate(180deg);
    opacity: 0.7;
    filter: blur(100px) hue-rotate(10deg);
  }

  75% {
    transform: translate(50px, 60px) scale(1.05) rotate(270deg);
    opacity: 0.65;
    filter: blur(95px) hue-rotate(5deg);
  }

  90% {
    transform: translate(20px, 20px) scale(1.02) rotate(315deg);
    opacity: 0.75;
    filter: blur(90px) hue-rotate(0deg);
  }

  100% {
    transform: translate(0, 0) scale(1) rotate(360deg);
    opacity: 0.8;
    filter: blur(80px) hue-rotate(0deg);
  }
}
@keyframes flowCurve {

  0%,
  100% {
    transform: rotate(0deg) scale(1);
    border-radius: 40% 60% 50% 50%;
  }

  50% {
    transform: rotate(5deg) scale(1.05);
    border-radius: 50% 50% 60% 40%;
  }
}
.sectionOneHeroNew .form-group {
  margin-bottom: 5px;
}
.sectionOneHeroNew .form-group label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #aeaeae;
  margin-bottom: 8px;
}
.sectionOneHeroNew .form-group input,
.sectionOneHeroNew .form-group select,
.sectionOneHeroNew .form-group textarea {
  display: block;
  width: 100%;
  padding: 10px;
  outline: none;
  margin-bottom: 15px;
  line-height: 1.5;
  color: #fff;
  background-color: rgb(0 0 0 / 0%);
  background-clip: padding-box;
  border: 0 !important;
  border-bottom: 1px solid #606060 !important;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  font-size: 0.95rem;
}
.sectionOneHeroNew .form-group input:focus,
.sectionOneHeroNew .form-group select:focus,
.sectionOneHeroNew .form-group textarea:focus {
  outline: none;
  border-color: #a6a6a6;
}
.sectionOneHeroNew .form-group textarea {
  resize: vertical;
  min-height: 100px;
}
.sectionOneHeroNew .form-group select {
  cursor: pointer;
}
.sectionOneHeroNew .form-group select option {
  background: #1f2937;
  color: #fff;
}
.sectionOneHeroNew .form-group input,
.sectionOneHeroNew .form-group select,
.sectionOneHeroNew .form-group textarea {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #444;
  caret-color: #fff;
}
.sectionOneHeroNew .form-group input:-webkit-autofill,
.sectionOneHeroNew .form-group input:-webkit-autofill:hover,
.sectionOneHeroNew .form-group input:-webkit-autofill:focus,
.sectionOneHeroNew .form-group select:-webkit-autofill,
.sectionOneHeroNew .form-group textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  transition: background-color 9999s ease-in-out 0s;
}
.sectionOneHeroNew .form-group input:-moz-autofill,
.sectionOneHeroNew .form-group select:-moz-autofill,
.sectionOneHeroNew .form-group textarea:-moz-autofill {
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -moz-text-fill-color: #fff !important;
}
.sectionOneHeroNew .form-group select option {
  background-color: #000;
  color: #fff;
}
.sectionOneHeroNew .submit-btn {
  width: 100%;
  padding: 9px 16px;
  background: #fff;
  border: none;
  border-radius: 0;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 10px;
}
.sectionOneHeroNew .submit-btn:hover {
  color: #fff;
  background-color: #3f93d2;
}
.news-slider .swiper-button-next,
.news-slider .swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);

}
.hire .slide img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-200px * 5));
     
  }
}
.expertise-dev-section {
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, #0a1929 0%, #1a0f2e 50%, #0f0a1e 100%);
  overflow: hidden;
  padding: 100px 20px;
}
@keyframes float1 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(50px, 50px) scale(1.1);
  }
}
@keyframes float2 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(-50px, -30px) scale(1.15);
  }
}
@keyframes float3 {

  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(30px, -40px) scale(0.95);
  }
}
@keyframes twinkle {

  0%,
  100% {
    opacity: 0.3;
  }

  50% {
    opacity: 1;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
.crypto-section .left-content.animate-in {
  opacity: 1;
  transform: translateX(0);
}
.crypto-section .cta-button:hover {
  transform: translateY(-3px);
  color: #fff;
}
.crypto-section .feature-card:hover.in-focus {
  background: rgba(255, 255, 255, 0.05);
  border-color: #4093d04d;
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 50px #4093d033;
}
.crypto-section .feature-card:hover.in-focus .card-icon {
  background: #4093d026;
  transform: scale(1.15) rotate(5deg);
}
.crypto-section .feature-card:hover.in-focus .card-icon svg {
  stroke: #4093d0;
}
.crypto-section .feature-card:hover.in-focus .card-title {
  color: #4093d0;
}
.crypto-section .feature-card:hover.in-focus .card-description {
  color: #d5d5d5ff;
}
.methodology-block .card-preparing .card-image img:hover {
  width: 100%;
  object-fit: cover;
  transform-style: preserve-3d;
   
  transition: all ease 0.3s;
}
@keyframes floatSmokeAdvanced {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    opacity: 0.8;
    filter: blur(80px) hue-rotate(0deg);
  }

  15% {
    transform: translate(40px, -60px) scale(1.08) rotate(45deg);
    opacity: 0.65;
    filter: blur(85px) hue-rotate(10deg);
  }

  30% {
    transform: translate(90px, -80px) scale(1.15) rotate(90deg);
    opacity: 0.7;
    filter: blur(90px) hue-rotate(20deg);
  }

  45% {
    transform: translate(110px, -30px) scale(1.12) rotate(135deg);
    opacity: 0.6;
    filter: blur(95px) hue-rotate(15deg);
  }

  60% {
    transform: translate(90px, 30px) scale(1.1) rotate(180deg);
    opacity: 0.7;
    filter: blur(100px) hue-rotate(10deg);
  }

  75% {
    transform: translate(50px, 60px) scale(1.05) rotate(270deg);
    opacity: 0.65;
    filter: blur(95px) hue-rotate(5deg);
  }

  90% {
    transform: translate(20px, 20px) scale(1.02) rotate(315deg);
    opacity: 0.75;
    filter: blur(90px) hue-rotate(0deg);
  }

  100% {
    transform: translate(0, 0) scale(1) rotate(360deg);
    opacity: 0.8;
    filter: blur(80px) hue-rotate(0deg);
  }
}
@keyframes floatSmokeAdvancedKeySkills {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    opacity: 0.8;
    filter: blur(80px) hue-rotate(0deg);
  }

  15% {
    transform: translate(40px, -60px) scale(1.08) rotate(45deg);
    opacity: 0.65;
    filter: blur(85px) hue-rotate(10deg);
  }

  30% {
    transform: translate(90px, -80px) scale(1.15) rotate(90deg);
    opacity: 0.7;
    filter: blur(90px) hue-rotate(20deg);
  }

  45% {
    transform: translate(110px, -30px) scale(1.12) rotate(135deg);
    opacity: 0.6;
    filter: blur(95px) hue-rotate(15deg);
  }

  60% {
    transform: translate(90px, 30px) scale(1.1) rotate(180deg);
    opacity: 0.7;
    filter: blur(100px) hue-rotate(10deg);
  }

  75% {
    transform: translate(50px, 60px) scale(1.05) rotate(270deg);
    opacity: 0.65;
    filter: blur(95px) hue-rotate(5deg);
  }

  90% {
    transform: translate(20px, 20px) scale(1.02) rotate(315deg);
    opacity: 0.75;
    filter: blur(90px) hue-rotate(0deg);
  }

  100% {
    transform: translate(0, 0) scale(1) rotate(360deg);
    opacity: 0.8;
    filter: blur(80px) hue-rotate(0deg);
  }
}
.keySkillCardWrapper:hover {
  background-image: linear-gradient(225deg, #ebf8fc, #4094d092 27%, #4093d0 58%, #1d1d29 95%);
  margin: -.5px;
  padding: 1.5px;
  box-shadow: 0 0 50px #4093d052, 0 16px 24px #4093d01a;
  transition: all .2s ease-in;
}
.consultation-section .cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  background: #1a1a1a;
}
.consultation-section .cta-button:hover svg {
  transform: translateX(4px);
}
.mainnewfooter .mobilephone {
  margin-bottom: 15px;
}
@keyframes float {

  0%,
  100% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(-20px) scale(1.05);
  }
}
@keyframes floatSmokeAdvancedFaq {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    opacity: 0.8;
    filter: blur(80px) hue-rotate(0deg);
  }

  15% {
    transform: translate(40px, -60px) scale(1.08) rotate(45deg);
    opacity: 0.65;
    filter: blur(85px) hue-rotate(10deg);
  }

  30% {
    transform: translate(90px, -80px) scale(1.15) rotate(90deg);
    opacity: 0.7;
    filter: blur(90px) hue-rotate(20deg);
  }

  45% {
    transform: translate(110px, -30px) scale(1.12) rotate(135deg);
    opacity: 0.6;
    filter: blur(95px) hue-rotate(15deg);
  }

  60% {
    transform: translate(90px, 30px) scale(1.1) rotate(180deg);
    opacity: 0.7;
    filter: blur(100px) hue-rotate(10deg);
  }

  75% {
    transform: translate(50px, 60px) scale(1.05) rotate(270deg);
    opacity: 0.65;
    filter: blur(95px) hue-rotate(5deg);
  }

  90% {
    transform: translate(20px, 20px) scale(1.02) rotate(315deg);
    opacity: 0.75;
    filter: blur(90px) hue-rotate(0deg);
  }

  100% {
    transform: translate(0, 0) scale(1) rotate(360deg);
    opacity: 0.8;
    filter: blur(80px) hue-rotate(0deg);
  }
}
.feature-card:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: #4093d04d;
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 50px #4093d033;
}
.hire-block {
  padding: 40px 0px 60px 0px;
}
.hire-block .row {
  margin-top: 80px;
}
.hire-block .card-preparing {
  position: relative;
  border-radius: 20px;
  background: #0a0a0a;
  z-index: 2;
  padding: 40px 20px;
}
.hire-block .card-preparing .card-image {
  background: linear-gradient(180deg, #4093d024, rgb(236 238 242 / 0%));
  border-radius: 20px;
  margin-bottom: 0;
  overflow: hidden;
  padding: 35px;
  text-align: center;
  position: relative;
}
.hire-block .card-preparing .card-info h5 {
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 31px;
}
.hire-block .card-preparing .card-info p {

  color: #a6a6a6;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  padding-bottom: 0;
}
.hire-setp {
  margin-bottom: 20px;
}
.hire-setp span {
  border: 2px solid #4094ce;
  padding: 4px 10px;
  display: inline-block;
  border-radius: 60px;
  width: 35px;
  height: 35px;
  line-height: 26px;

}
.hire-integrations-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
.hire-integrations-section .logo-container img {
  padding: 5px;
}
.hire-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
  display: flex;
  height: 100%;
  padding: 2px;
   
  transition: all 0.3s ease;
}
.hire-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(transparent, rgb(25 120 213), rgb(17 37 148 / 80%), transparent 30%);
  animation: spin 4s linear infinite;
  opacity: 0;
   
  z-index: -1;
}
.hire-card:hover::before {
  opacity: 1;
}
.hire-card-content {
  background-color: #1e1e1e7a;
   
  border-radius: 15px;
  padding: 2rem;
  text-align: left;
  height: 100%;
  position: relative;
  overflow: hidden;
   
  border: 2px solid transparent;
   
  transition: border-color 0.3s;
  z-index: 1;
}
.hire-card:hover::after {
  background: #0d0d0d;
}
.hire-card-content:hover {
  background-color: #0d0d0d;
}
.hire-card::after {
  content: '';
  position: absolute;
  inset: 3px;
  background: transparent;
  border-radius: 13px;
}
.hire-card-content p {
  color: #a6a6a6;
  font-size: 15px;
  line-height: 24px;
}
.hire-card-content h4 {
  font-weight: 600;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
  font-size: 24px;
}
.hire-icon-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 25px;
  gap: 15px;
  transition: transform 0.3s ease;
}
.hire-icon-box img {
  width: 45px;
  height: 45px;
}
.hire-card-content:hover img {
  filter: none;
}
.hire-card:hover .icon-box {
  transform: scale(1.1);
}
.hire-section {
  padding-top: 40px;
  padding-bottom: 80px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.hire-counter {
  padding-bottom: 40px;
}
.get-website-block .content-wrapper .digital-row {
  margin-top: 20px;
}
.digital-block1.get-website-block .main-img-box {
  margin-right: 0px;
  margin-left: 50px;

}
.expert-cards {
  position: relative;
  width: 100%;
  height: 100vh;
  background: transparent;
  overflow: hidden;
  margin-top: 60px;

}
.expert-card {
  position: absolute;
  top: 60%;
  transform: translate(-50%, -50%);
  width: 300px;
  left: 50%;
  height: 420px;
  perspective: 1000px;
}
.expert-card-wrapper {
  position: absolute;
  top: 60%;
  transform: translate(-50%, -50%);
  width: 100%;
  left: 50%;
  height: 100%;
  animation: floating 3s infinite ease-in-out;
}
.expert-card:hover .expert-card-wrapper {
  animation-play-state: paused;
}
#expert-card-2 .expert-card-wrapper {
  animation-delay: 0.2s;
}
#expert-card-3 .expert-card-wrapper {
  animation-delay: 0.4s;
}
#expert-card-4 .expert-card-wrapper {
  animation-delay: 0.6s;
}
.expert-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}
.expert-flip-card-front,
.expert-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  border: 2px solid #fff;
}
.expert-flip-card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.expert-flip-card-back {
  background: #fff;
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-size: 22px;
  text-align: center;
  flex-direction: column;
}
@keyframes floating {
  0% {
    transform: translate(-50%, -50%);
  }

  50% {
    transform: translate(-50%, -60%);
  }

  100% {
    transform: translate(-50%, -50%);
  }
}
.expertcard-row {
  width: 100%;
}
.expert-flip-card-back p {
  font-size: 15px;
  text-align: left;
  font-weight: 400;
}
.expert-flip-card-back p:not(:last-child):before {
  content: ".......................................";
  position: absolute;
  letter-spacing: .125em;
  opacity: .2;
  margin: 16px -1px;
}
.expert-cards a {
  color: #000;
}
.navbar .expertise-service-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.navbar .expertise-service-item:hover {
  border-color: rgba(64, 147, 208, 0.45);
  background: rgba(64, 147, 208, 0.05);
  box-shadow: 0 0 0 1px rgba(64, 147, 208, 0.15);
}
.navbar .expertise-service-icon {
  flex-shrink: 0;
  margin-top: 2px;
}
.navbar .line-icon {
  width: 32px;
  height: 32px;
  stroke: #9aa6b2;
  fill: none;
  stroke-width: 1.6;
  transition: stroke 0.25s ease;
}
.navbar .expertise-service-item:hover .line-icon {
  stroke: #4093D0;
}
.navbar .expertise-service-content {
  display: flex;
  flex-direction: column;
}
.navbar .expertise-service-content h4 {
  margin: 0 0 4px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  transition: color 0.25s ease;
}
.navbar .expertise-service-item:hover h4 {
  color: #4093D0;
}
.navbar .expertise-service-content p {
  margin: 0;
  color: #b9c2cf;
  font-size: 14px;
  line-height: 1.5;
  transition: color 0.25s ease;
}
.navbar .expertise-service-item:hover p {
  color: #e3e8ef;
}
.expertise-content-section {
  height: 100%;
}
.scrollable-grid {
  max-height: 520px;
   
  overflow-y: auto;
  padding-right: 6px;
}
.scrollable-grid::-webkit-scrollbar {
  display: none;
}
.star-section {
  background: #20202078;
  padding: 20px 60px;
  margin: 40px 0 0;
}
.star-img {
  padding: 0;
  width: 50%;
  display: inline-block;
}
.star-img img {
  padding: 0 10px 0px 0px;
  cursor: pointer;
}
.star-text i {
  color: #3F93D0;
  padding: 5px 15px;
}
.star-text {
  color: #fff;
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  border-right: 1px solid;
  margin-right: 0;
}
.rating-listt {
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  margin: 0;
}
.rating-listt li:last-child .star-text {
  border: none;
}
.country-list {
  padding-left: 40px;
}
.country-list .head {
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 500;
}
.connect-head .head {
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 500;
}
.newsocial,
.newflag {
  padding: 0;
}
.newsocial li a {
  color: #fff;
  padding: 0 11px;
  line-height: 40px;
}
.newsocial li {
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 8px;
  margin-right: 15px;
  border: 1px solid #757575;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.newflag li {
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 8px;
  margin-right: 35px;
  border: 1px solid #757575;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  vertical-align: top;
}
.newflag li:last-child {
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 8px;
  margin-right: 40px;
  text-align: left;
  vertical-align: top;
  width: 0%;
  border: none;
  font-size: 18px;
  font-weight: bold;
  vertical-align: top;
}
.newflag li div {
  color: #fff;
  margin-top: 10px;
  line-height: normal;
  text-align: center;
  font-size: 12px;
}
.main-footer-left .fflogo {
  margin-bottom: 20px;
}
.first-links {
  padding-left: 40px;
}
.second-links {
  padding-left: 30px;
}
.footer-linked {
  padding: 5px 0px;
  list-style: none;
}
.footer-head {
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
}
.footer-linked li a {
  color: #fff;
}
.main-footer-left {
  color: #fff;
}
.footer-middle {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 50px;
  padding-bottom: 25px;
}
.moving-text {
  background: transparent;
  margin: 45px 0;
  position: absolute;
}
footer {
  color: #fff;
}
.moving-text marquee {
  color: #fff;
  padding: 190px;
  font-size: 530px;
  font-weight: 600;
  opacity: 0.09;
}
h5.newform-heading {
  margin-bottom: 15px;
  font-size: 23px;
}
.mainnewfooter {
  color: #fff;
  padding-left: 80px;
  padding-right: 80px;
}
.footernew-top-right {
  padding-left: 40px;
  padding-top: 30px;
}
.footernew-top {
  background: #20202078;
  padding: 45px;
  border-radius: 20px;
}
.footernew-contact .form-group .form-control {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.5;
  color: #fff;
  background-color: rgb(0 0 0 / 0%);
  background-clip: padding-box;
  border: 0 !important;
  border-bottom: 1px solid #606060 !important;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.r-padding {
  padding-right: 10px;
}
.country-name {
  color: #fff;
  font-weight: bold;
  margin-left: -15px;
  font-size: 20px;
  text-transform: uppercase;
}
.new-address {
  margin: 15px 0px;
  display: block;
  color: #fff;

}
.new-email,
.new-phone {
  color: #b7afaf;
}
.new-phone div {
  color: #fff;
  font-weight: bold;
}
.new-phone span {
  margin-bottom: 15px;
  display: block;
  color: #fff;
}
.new-phone.uk span {
  opacity: 0;
}
.footernew-top-p-1 {
  border-top: 1px solid #777;
  padding-top: 25px;
  margin-top: 15px;
}
.rating-listt li {
  list-style: none;
  display: inline-block;
  width: auto;
}
@media only screen and (min-width: 1920px) {.tw-footer {
    max-width: 1320px;
    margin: 0 auto;
  }
.footer-middle {
    padding-left: 15px;
    padding-right: 15px;
  }}
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {.mainnewfooter {
    padding-left: 45px;
    padding-right: 45px;
  }
.expertise-sidebar {
    width: 245px;
  }
.expertise-container {
    gap: 10px;
  }
.expertise-featured {
    width: 268px;
  }
.navbar .expertise-service-item {
    padding: 12px 5px;
  }
.hire-sidebar {
    width: 245px;
  }
.portfolio-case-study {
    width: 340px;
  }
.portfolio-header-right {
    width: 35%;
    text-align: right;
  }
.expertise-services-grid {
    gap: 5px 10px;
  }
.footer-middle {
    padding-left: 45px;
    padding-right: 45px;
  }
.star-img {
    padding: 0;
    width: 46%;
    display: inline-block;
  }
.star-img img {
    padding: 0 20px 0px 0px;
  }
.star-text {
    color: #fff;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    border-right: 1px solid;
    margin-right: 25px;
  }
.newflag li {
    margin-right: 30px;
    margin-bottom: 25px;
  }
.newflag li:last-child {
    width: 30%;
  }
.star-section {
    padding: 20px 30px;
  }
.country-name {
    margin-left: 0;
  }
.newflag li:last-child {
    display: none;
  }
.navalign {
    justify-content: end;
  }}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {.mainnewfooter {
    padding-left: 45px;
    padding-right: 45px;
  }
.first-links {
    padding-left: 15px;
  }
.first-links,
  .second-links,
  .third-links {
    display: block;
  }
.footernew-top-right {
    padding-left: 24px;
    padding-top: 24px;
  }
.newsocial li a {
    color: #fff;
    padding: 0 10px;
    line-height: 33px;
  }
.newsocial li {
    width: 35px;
    height: 35px;
    margin-top: 2px;
    margin-right: 6px;
  }
.footer-linked li a {
    font-size: 13px;
  }
.footer-head {
    font-size: 16px;
  }
.footer-middle {
    padding-left: 24px;
    padding-right: 24px;
  }
.star-img {
    padding: 0;
    width: 46%;
    display: inline-block;
  }
.star-img img {
    padding: 0 20px 0px 0px;
  }
.star-text {
    color: #fff;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    border-right: 1px solid;
    margin-right: 25px;
  }
.newflag {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
.newflag li {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    height: auto;
    width: auto;
    border: none;
    text-align: center;
  }
.newflag li img {
    width: 35px;
  }
.newflag li:last-child {
    width: 30%;
  }
.star-section {
    padding: 0px 30px;
    margin: 0;
  }
.star-text {
    margin: 0 5px 0px 10px;
    height: auto;
  }
.rating-listt a {
    display: inline-flex;
    align-items: center;
  }
.country-name {
    margin-left: 0;
  }
.footerflag {
    width: 25%;
  }
.footerflag img {
    width: 100%;
  }
.newflag li:last-child {
    display: none;
  }
.nav-link {
    padding: 15px 10px !important;
  }
#theme-toggle {
    margin-left: 0;
    margin-right: 40px;
  }
.navbar-brand {
    max-width: 60% !important;
    width: 50% !important;
  }
.navbar .navbar-toggler {
    border: 1px solid #fff;
    font-size: 25px;
    padding: 7px;
    border-radius: 0px;
  }}
@media only screen and (max-width: 767px) {.tw-footer.footer-top-space {
    padding: 40px 15px 0px;
  }
.first-links,
  .second-links,
  .third-links {
    display: none;
  }
.rating-listt {
    overflow: auto;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    padding: 10px;
  }
.mobilephone {
    flex: 100%;
  }
.footernew-top {
    padding: 25px;
  }
.newflag li:last-child {
    width: 100%;
  }
.new-address {
    margin: 15px 0px 25px 0px;
  }
.newflag li {
    margin-right: 30px;
  }
.mainnewfooter {
    padding-left: 30px;
    padding-right: 30px;
  }
.footernew-top-right {
    padding-left: 0px;
  }
.footernew-top-right .pt-4 {
    padding-top: 0px !important;
  }
.moving-text {
    margin: 20px 0;
  }
.footer-middle {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
.first-links {
    padding-left: 15px;
  }
.second-links {
    padding-left: 15px;
  }
.country-list {
    padding-left: 15px;
  }
.newflag {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
.newflag li {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    height: auto;
    width: auto;
    border: none;
    text-align: center;
  }
.newflag li img {
    width: 35px;
  }
.newflag li:last-child {
    margin-top: 18px;
    width: auto;
  }
.star-section {
    margin: 10px 0;
    padding: 5px 15px;
  }
.star-img {
    width: 118px;
    margin: 0;
  }
.star-img img {
    padding: 0;
    width: 100%;
    display: block;
  }
.star-text {
    width: auto;
    margin: 7px 25px 0px 10px;
    height: 75%;
    vertical-align: top;
    padding-right: 15px;
  }
.star-text i {
    padding: 0px 5px;
  }
.copyright {
    padding: 10px 0;

  }
.moving-text marquee {
    display: none;
    padding: 240px;
    font-size: 600px;
  }
.country-name {
    margin-left: 0;
  }
.partner-row {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
.countryname {}
.footerflag {}}
@media (max-width: 991.98px) {.navbar-collapse {
    position: fixed;
    top: 0;
    left: -100%;
     
    width: 100%;
    height: 100vh;
    background: #000;
     
    transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: block !important;
     
    z-index: 1050;
    padding: 20px 0;
    overflow-x: hidden;
  }
.navbar-collapse.show {
    left: 0;
  }
.mobile-nav-wrapper {
    width: 100%;
    overflow: hidden;
  }
.mobile-nav-slider {
    display: flex;
    width: 200%;
     
    transition: transform 0.4s ease;
  }
.sub-menu-active .mobile-nav-slider {
    transform: translateX(-50%);
  }
.mobile-layer {
    width: 50%;
    padding: 0 20px;
  }
.sub-layer {
    display: none;
     
    margin-top: 30px;
  }
.cta_btn {
    display: none;
  }
.navbar-brand {
    max-width: 60%;
    width: 60%;
  }
.back-btn {
    background: none;
    border: none;
    color: #fff;
    padding: 10px 0;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
  }
.menu-title {
    color: #fff;
    font-size: 28px;
    line-height: 28px;
    margin: 20px 0 10px 0;
    border-bottom: 1px solid #595959;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
.menu-group {
    margin-bottom: 20px;
    border-bottom: 1px solid #222;
    padding-bottom: 10px;
  }
.menu-group h6 {
    margin-bottom: 0px;
  }
body.menu-open {
    overflow: hidden;
    height: 100vh;
  }
.mobile-sub-content {
    padding-bottom: 80px;
  }
.menu-group h6 a {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 0px;
  }
.menu-group a {
    display: block;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    padding: 8px 0;
    font-size: 0.95rem;
    transition: color 0.3s;
    display: flex;
    justify-content: space-between;
  }
.menu-child {
    padding-left: 15px !important;
  }
.menu-group a:hover {
    color: #4093D0;
  }
.nav-link.trigger-next {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.mobile-sidebar-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 20px;
  }
.mobile-sidebar-logo {
    width: 50%;
  }
.close-sidebar {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
  }
.mobile-nav-slider .navbar-nav {
    margin-right: 0;
    margin-top: 30px;
  }
.close-sidebar svg {
    width: 30px;
  }
.mobile-nav-wrapper .navbar-nav .nav-link {
    padding: 10px 0 !important;
    color: #16171a;
    font-size: 34px;
    line-height: 44px;
    text-transform: capitalize;
    letter-spacing: -.25px;
    display: block;
    box-shadow: none;
    border: none;
  }
.mobile-nav-slider {}
.trigger-next svg {
    transform: rotate(90deg);
  }}
.cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {.counter-2-1-mobile .stat-number {
    font-size: 36px;
     
    line-height: 1.1;
  }}
.expertise-sidebar {
  max-height: 100%;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.expertise-sidebar::-webkit-scrollbar {
  display: none;
}
.expertise-category-card p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.expertise-category-card {
  flex-shrink: 0;
}
.navbar .expertise-service-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}
.navbar .expertise-service-item:hover {
  border-color: rgba(64, 147, 208, 0.45);
  background: rgba(64, 147, 208, 0.05);
  box-shadow: 0 0 0 1px rgba(64, 147, 208, 0.15);
}
.navbar .expertise-service-icon {
  flex-shrink: 0;
  margin-top: 2px;
}
.navbar .line-icon {
  width: 32px;
  height: 32px;
  stroke: #9aa6b2;
  fill: none;
  stroke-width: 1.6;
  transition: stroke 0.25s ease;
}
.navbar .expertise-service-item:hover .line-icon {
  stroke: #4093D0;
}
.navbar .expertise-service-content {
  display: flex;
  flex-direction: column;
}
.navbar .expertise-service-content h4 {
  margin: 0 0 4px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  transition: color 0.25s ease;
}
.navbar .expertise-service-item:hover h4 {
  color: #4093D0;
}
.navbar .expertise-service-content p {
  margin: 0;
  color: #b9c2cf;
  font-size: 14px;
  line-height: 1.5;
  transition: color 0.25s ease;
}
.navbar .expertise-service-item:hover p {
  color: #e3e8ef;
}
.expertise-content-section {
  height: 100%;
}
.scrollable-grid {
  max-height: 100%;
   
  overflow-y: auto;
  padding-right: 6px;
}
.scrollable-grid::-webkit-scrollbar {
  display: none;
}
.mobilephone .iti.iti--allow-dropdown {
  display: inline-flex;
  width: 100%;
}
.mobilephone .iti__flag-container {
  position: relative;
  border-bottom: 1px solid #606060 !important;
}
.iti__country-list {
  background-color: #000 !important;
  border: 1px solid #5e5e5e !important;
}
#formMessageFooter {
  margin-top: 10px;
}
input:invalid {
  border-color: #dc3545;
}
.iti {
  width: 100%;
  display: block;
}
.form-floating>.iti+label {
  padding-left: 54px !important;
  top: 0;
}
.error-text {
  color: #dc3545;
  font-size: 14px;
  display: none;
  margin-top: 6px;
}
.is-invalid {
  border-color: #dc3545 !important;
}
.error-wrapper {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.error-content {
  position: relative;
  z-index: 10;
}
.error-title {
  font-size: clamp(10rem, 25vw, 18rem);
  font-weight: 900;
  color: rgba(255, 255, 255, 0.2);
  line-height: 0.8;
  margin: 0;
  letter-spacing: 0px;
  background-color: transparent;


  border-radius: 60px;

   
  display: inline-block;
}
.error-sub {
  color: #fff;
  font-size: 46px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 25px;
  margin-bottom: 0px;
  font-weight: bold;
}
.btn-apple:hover {
  background: #fff;
  color: #000;
  transform: scale(1.05);
  box-shadow: 0 0 30px var(--apple-glow);
}
button#clear-filters-btn {
  border-radius: 0;
}
.custom-cta-btn.service-banner-cta:hover {
  color: #fff;
  cursor: pointer;
  background-color: color-mix(in srgb, var(--c-action) 85%, transparent);

}
.custom-cta-btn.service-banner-cta:hover::before {
  left: 100%;
}
.custom-cta-btn.service-banner-cta:active {
  transform: translateY(0) scale(0.96);
  transition: 100ms;
}
@media (max-width: 991px) {.expert-cards {
    height: 100vh !important;
    position: relative;
    overflow: hidden;
    display: block;
     
  }
.expert-card {
    position: absolute !important;
    width: 85% !important;
    max-width: 320px;
    height: 450px;
     
     
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.1);
     
  }}
@media (min-width: 992px) {.expertise-container:has(.expertise-content-section[data-category="software"].active) .expertise-main-content {
    flex: 1;
    border-right: none;
    padding-right: 0;
  }
.expertise-container:has(.expertise-content-section[data-category="software"].active) .expertise-featured {
    display: none !important;
  }
.software-grid-layout {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px 30px !important;
    max-height: none !important;
     
    padding-bottom: 20px;
  }
.software-grid-layout .expertise-service-content p {
    font-size: 13px;
    line-height: 1.4;
  }}
.portfolio__item:hover {
  cursor: pointer;
}
.portfolio__item:hover::after {
  opacity: 1;
  transition: opacity 0.3s ease;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 89%) 100%);
}
.mover {
  display: block;
  width: 100%;
  height: auto;
}
.footer_single_row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
  flex: 100%;
}
.footer_tech_image {
  height: 50px;
  width: auto;
  display: flex;
}
@media (max-width: 768px) {.footer_single_row {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
  }
.footer_tech_image {
    height: 38px;
    width: calc(33.33% - 12px);
    object-fit: contain;
  }}
html {
  scroll-behavior: auto !important;
}
[data-theme="dark"] body {
    background-color: #000 !important;
    color: #fff !important;
}
[data-theme="light"] body {
    background-color: #ffffff !important;
    color: #121212 !important;
}
[data-theme="light"] .header,
[data-theme="light"] .navbar {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}
[data-theme="light"] .nav-link,
[data-theme="light"] .navbar-nav>li>a {
    color: #000000 !important;
     
}
.navbar-brand img,
.logo img {
    filter: none !important;
}
[data-theme="light"] #theme-toggle .sun-icon svg {
    fill: #000000 !important;
}
[data-theme="light"] .expertise-mega-menu,
[data-theme="light"] .hire-mega-menu {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}
[data-theme="light"] .expertise-sidebar,
[data-theme="light"] .hire-sidebar,
[data-theme="light"] .expertise-category-card,
[data-theme="light"] .hire-category-card {
    background-color: transparent !important;
    background: none !important;
}
[data-theme="light"] .expertise-category-card h3,
[data-theme="light"] .expertise-category-card p,
[data-theme="light"] .hire-category-card h3,
[data-theme="light"] .hire-category-card p,
[data-theme="light"] .menu-title,
[data-theme="light"] .menu-child,
[data-theme="light"] .menu-group h6,
[data-theme="light"] .expertise-header h3,
[data-theme="light"] .expertise-header p {
    color: #000000 !important;
}
[data-theme="light"] .nav-link svg,
[data-theme="light"] .arrow-icon svg,
[data-theme="light"] .expertise-service-icon svg,
[data-theme="light"] .dropdown-icon svg {
    color: #000000 !important;
    stroke: #000000 !important;
}
[data-theme="light"] .sectionOneHeroNew {
    background-image: url('https://webshark.b-cdn.net/img/newecom/service-img-5.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: transparent !important;
}
[data-theme="light"] .sectionOneHeroNew h1,
[data-theme="light"] .sectionOneHeroNew .description,
[data-theme="light"] .sectionOneHeroNew .pointers li,
[data-theme="light"] .sectionOneHeroNew .topbanner-sub1,
[data-theme="light"] .sectionOneHeroNew .topbanner-sub2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
}
[data-theme="light"] .marquee-button .label {
    color: #ffffff !important;
}
[data-theme="light"] .marquee-button:hover {
    background-color: #000 !important;
     
}
[data-theme="light"] .featured-work-slider .card-news {
    background-color: #ffffff !important;
}
[data-theme="light"] .tw-footer {
    background-color: #000000 !important;
}
[data-theme="light"] .tw-footer * {
    color: #ffffff !important;
}
[data-theme="light"] .expertise-featured,
[data-theme="light"] .hire-featured-static {
    background-color: transparent !important;
    background: none !important;
}
[data-theme="light"] .expertise-featured h3,
[data-theme="light"] .hire-featured-static h3,
[data-theme="light"] .expertise-header h3 {
    color: #000000 !important;
     
    font-weight: 700 !important;
}
[data-theme="light"] .expertise-featured p,
[data-theme="light"] .hire-step-item span,
[data-theme="light"] .expertise-header p {
    color: #000000 !important;
     
    opacity: 1 !important;
}
[data-theme="light"] .hire-step-item svg path {
    stroke: #4590C7 !important;
     
}
[data-theme="light"] .expertise-header h3 {
    color: #000000 !important;
}
[data-theme="light"] .expertise-service-item h4,
[data-theme="light"] .expertise-service-item p {
    color: #000000 !important;
}
[data-theme="light"] .portfolio-mega-menu {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    min-height: 500px !important;
     
    width: 100% !important;
}
[data-theme="light"] .portfolio-container {
    background-color: #ffffff !important;
    display: flex !important;
}
[data-theme="light"] .portfolio-projects h3,
[data-theme="light"] .portfolio-projects h4,
[data-theme="light"] .portfolio-header-left h3,
[data-theme="light"] .portfolio-header-left p,
[data-theme="light"] .portfolio-case-study h3,
[data-theme="light"] .portfolio-case-title,
[data-theme="light"] .portfolio-case-description,
[data-theme="light"] .portfolio-stat-content h4,
[data-theme="light"] .portfolio-stat-content p {
    color: #000000 !important;
    opacity: 1 !important;
}
[data-theme="light"] .portfolio-stat-icon svg {
    filter: brightness(0) !important;
     
}
[data-theme="light"] .portfolio-case-study {
    background-color: transparent !important;
    background: none !important;
}
[data-theme="light"] .portfolio-overlay p {
    color: #ffffff !important;
}
[data-theme="light"] .expertise-sidebar .expertise-category-card,
[data-theme="light"] .hire-sidebar .hire-category-card {
    width: 100% !important;
    background-color: #ffffff !important;
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    padding: 20px !important;
    display: block !important;
    position: relative;

     
    border: 1px solid transparent !important;
    background-clip: padding-box !important;
    border-image: linear-gradient(to bottom, #e0e0e0, #f5f5f5) 1 !important;
    border-style: solid !important;
    border-width: 1px !important;

     
    border: 1px solid #eeeeee !important;
}
[data-theme="light"] .expertise-category-card.active,
[data-theme="light"] .hire-category-card.active,
[data-theme="light"] .expertise-category-card:hover,
[data-theme="light"] .hire-category-card:hover {
    background-color: #f8f9fa !important;
    border-image: linear-gradient(to right, #4093D0, #e0e0e0) 1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
[data-theme="light"] .expertise-sidebar h3,
[data-theme="light"] .expertise-sidebar p,
[data-theme="light"] .hire-sidebar h3,
[data-theme="light"] .hire-sidebar p {
    color: #000000 !important;
}
[data-theme="light"] .featured-work-slider .card-news {
    background-color: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden;
}
[data-theme="light"] #theme-toggle .sun-icon svg {
    fill: #000000 !important;
}
[data-theme="light"] #theme-toggle .sun-icon circle,
[data-theme="light"] #theme-toggle .sun-icon rect {
    fill: #000000 !important;
}
[data-theme="light"] .expertise-sidebar .expertise-category-card,
[data-theme="light"] .hire-sidebar .hire-category-card {
    width: 100% !important;
    background-color: #ffffff !important;
    margin-bottom: 15px !important;
    border-radius: 12px !important;  
    padding: 20px !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
     
    border: none !important; 
}
[data-theme="light"] .expertise-sidebar .expertise-category-card::before,
[data-theme="light"] .hire-sidebar .hire-category-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0 !important;
    z-index: -1 !important;
    margin: -1px !important;  
    border-radius: 13px !important;  
    
     
    background: linear-gradient(to bottom, #e0e0e0, #f5f5f5) !important;
}
[data-theme="light"] .expertise-category-card.active::before,
[data-theme="light"] .hire-category-card.active::before,
[data-theme="light"] .expertise-category-card:hover::before,
[data-theme="light"] .hire-category-card:hover::before {
     
    background: linear-gradient(to right, #4093D0, #e0e0e0) !important;
}
[data-theme="light"] .expertise-category-card.active,
[data-theme="light"] .hire-category-card.active {
    background-color: #f8f9fa !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
[data-theme="light"] .expertise-sidebar h3,
[data-theme="light"] .hire-sidebar h3 {
    color: #000000 !important;
    position: relative;
    z-index: 2;
}
[data-theme="light"] .expertise-sidebar .expertise-category-card,
[data-theme="light"] .hire-sidebar .hire-category-card {
    top: 2px;
    width: 100% !important;
    background-color: #ffffff !important; 
    margin-bottom: 18px !important;
    border-radius: 12px !important;
    padding: 23px 18px !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    border: 1px solid #c9c8c8  !important;  
}
[data-theme="light"] .expertise-sidebar .expertise-category-card::before,
[data-theme="light"] .hire-sidebar .hire-category-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0 !important;
    z-index: -1 !important;
    margin: -1px !important;  
    border-radius: 13px !important;  
    background: #ffffff !important;
    border: 1px solid #c9c8c8  !important;
}
[data-theme="light"] .expertise-category-card.active::before,
[data-theme="light"] .hire-category-card.active::before,
[data-theme="light"] .expertise-category-card:hover::before,
[data-theme="light"] .hire-category-card:hover::before {
    background: rgba(64, 147, 208, 0.05) !important;  
    border: 1px solid #4093D0 !important;
}
[data-theme="light"] .expertise-sidebar h3,
[data-theme="light"] .expertise-sidebar p,
[data-theme="light"] .hire-sidebar h3,
[data-theme="light"] .hire-sidebar p {
    color: #000000 !important;
    opacity: 1 !important;
}
[data-theme="light"] .expertise-main-content,
[data-theme="light"] .portfolio-projects {
    border-right: 1px solid #c9c8c8 !important;  
}
[data-theme="light"] .marquee-button {
    background-color: #3F93D2 !important;
}
[data-theme="light"] .marquee-button .label,
[data-theme="light"] .marquee-button::before,
[data-theme="light"] .marquee-button::after {
    color: #ffffff !important;  
    -webkit-text-fill-color: #ffffff !important;
}
[data-theme="light"] .marquee-button:hover {
    background-color: #000 !important;  
    border-color: #000 !important;
}
[data-theme="light"] .marquee-button:hover .bg{
    background: #000;
}
[data-theme="light"] .marquee-button:hover .label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
[data-theme="light"] .marquee-button:hover:before,
[data-theme="light"] .marquee-button:hover:after{
    filter: none;
}
[data-theme="light"] .marquee-button:hover::before,
[data-theme="light"] .marquee-button:hover::after {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
@media (max-width: 991px) {[data-theme="light"] .navbar-toggler-icon {
        filter: none !important;  
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
[data-theme="light"] .navbar-toggler {
        border-color: rgba(0, 0, 0, 0.1) !important;
    }
[data-theme="light"] .mobile-nav-wrapper,
    [data-theme="light"] .navbar-collapse,
    [data-theme="light"] .mobile-layer {
        background-color: #ffffff !important;
        background-image: none !important;
    }
[data-theme="light"] .mobile-sidebar-logo {
        filter: none !important;  
    }
[data-theme="light"] .mobile-layer .nav-link,
    [data-theme="light"] .mobile-layer .menu-child,
    [data-theme="light"] .mobile-layer .menu-title
     {
        color: #000000 !important;
    }
[data-theme="light"] .mobile-layer svg {
        stroke: #000000 !important;
    }
[data-theme="light"] .close-sidebar svg {
        stroke: #000000 !important;
    }
[data-theme="light"] .menu-group h6 a {
        color: #000000 !important;
        font-weight: bold !important;
        font-size: 16px !important;
    }}
[data-theme="light"] .navbar {
    border-bottom: #c9c8c8 !important;
    background-color: #ffffff !important;
}
[data-theme="light"] .back-btn {
   color: #000 !important;
}
[data-theme="light"] body,
[data-theme="light"] main,
[data-theme="light"] .featured-work1.portfolio {
    background-color: #ffffff !important;
    background-image: none !important;
}
[data-theme="light"] .gradient-bg,
[data-theme="light"] .animated-bg,
[data-theme="light"] .bg-gradients,
[data-theme="light"] .blur-gradient {
    display: none !important;
    background: none !important;
    visibility: hidden !important;
}
[data-theme="light"] .work-name,
[data-theme="light"] .work-category,
[data-theme="light"] .filter-container h5,
[data-theme="light"] .contentbanner-text-block,
[data-theme="light"] .contentbanner-text-block h1{
    color: #000000 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #000000 !important;
}
[data-theme="light"] .portfolio-banner h1{
    color: #4093D0 !important;
    -webkit-text-fill-color: #4093D0 !important;
}
[data-theme="light"] .portarrow {
    color: #000000 !important;
}
[data-theme="light"] #filterBar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
[data-theme="light"] .btn-custom-filter {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
     
    border-radius: 8px !important;
}
[data-theme="light"] .dropdown-menu-dark-custom {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}
[data-theme="light"] .dropdown-item,
[data-theme="light"] .form-check-label {
    color: #000000 !important;
}
[data-theme="light"] .reset-section {
    color: #000000 !important;
}
[data-theme="light"] .filter-checkbox {
    background-color: #000000 !important;
     
    border: 1px solid #000000 !important;
}
[data-theme="light"] .filter-checkbox:checked {
    background-color: #4093D0 !important;
     
    border-color: #4093D0 !important;
}
[data-theme="light"] .work-img {
    border: 1px solid #eeeeee !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    border-radius: 16px !important;
}
[data-theme="light"] #no-results h3 {
    color: #000000 !important;
}
[data-theme="light"] #clear-filters-btn {
    color: #000000 !important;
    border-color: #000000 !important;
}
@media (max-width: 768px) {[data-theme="light"] .mobileFilter {
        border-color: #000000 !important;
        color: #000000 !important;
    }
[data-theme="light"] #mobileFilterSidebar {
        background-color: #ffffff !important;
        color: #000000 !important;
    }}
[data-theme="light"] .dropdown-menu-dark-custom li:hover,
[data-theme="light"] .dropdown-menu-dark-custom .dropdown-item:hover {
    background-color: #f2f2f2 !important;  
    color: #000000 !important;
    cursor: pointer;
}
[data-theme="light"] .filter-checkbox {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #000000 !important;  
    border: 1px solid #000000 !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    position: relative !important;
    outline: none !important;
}
[data-theme="light"] .filter-checkbox:checked {
    background-color: #4093D0 !important;  
    border-color: #4093D0 !important;
}
[data-theme="light"] .filter-checkbox:checked::after {
    content: "\f00c" !important;  
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
[data-theme="light"] .btn-custom-filter:focus,
[data-theme="light"] .btn-custom-filter:active {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: none !important;
}
[data-theme="light"] .filter-checkbox{
    background-color: #ffffff !important;
}
@media (max-width: 768px) {[data-theme="light"] .btn{
        background-color: #ffffff !important;
        color: #000000 !important;
    }}
@media only screen and (min-width: 1920px) {.container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      padding-right: calc(var(--bs-gutter-x) * 1);
      padding-left: calc(var(--bs-gutter-x) * 1);
    }}
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {.container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);
  }
.portfolio-banner {
    padding-top: 60px;
    padding-bottom: 30px;
}
.work-img{
  height: 310px;
    object-fit: cover;
    margin-bottom: 10px;
}
.work-name{
  font-size: 28px;
}
.work-main:hover .work-name:before{
      margin-left: -22px;
    margin-top: -7px;
}
.filter-container{
      padding: 15px 5px;
  }
.featured-work1{
          margin-bottom: 60px;
  }}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {.container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);
  }
.portfolio-banner {
    padding-top: 60px;
    padding-bottom: 30px;
}
.work-img{
  height: 260px;
    object-fit: cover;
    margin-bottom: 10px;
}
.work-name{
  font-size: 28px;
}
.work-main:hover .work-name:before{
      margin-left: -22px;
    margin-top: -7px;
}
.filter-container{
      padding: 15px 5px;
  }
.featured-work1{
          margin-bottom: 60px;
  }}
@media only screen and (max-width: 767px) {.container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: calc(var(--bs-gutter-x) * .625);
    padding-left: calc(var(--bs-gutter-x) * .625);
  }
.portfolio-banner {
    padding-top: 60px;
    padding-bottom: 30px;
}
.work-toparrow{
  opacity: 1 !important;
}
.work-main{
    margin-top: 40px;
}
.work-img{
  height: 260px;
    object-fit: cover;
    margin-bottom: 10px;
}
.work-name{
  font-size: 28px;
}
.work-main:hover .work-name:before{
      margin-left: -22px;
    margin-top: -7px;
}
.filter-container{
      padding: 15px 5px !important;
  }
.featured-work1{
          margin-bottom: 60px;
  }
.contentbanner-text-block h1 {
    font-size:32px;
  }
.contentbanner-text-block h2{
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 25px;
  }
.top-banner{
    font-size: 18px;
  }
.filter-container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    top: auto;
        z-index: 1020;
        backdrop-filter: blur(5px);
        padding: 15px 5px;
        background-color: #0000006b !important;
        border-top: none;
        transition: background-color 0.3s ease;
        width: auto;
        justify-content: center;
        display: flex;
        border-radius: 40px;
}}
.mobileFilter {
  margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 11px;
    color: #fff;
}
.mobileFilter:hover, .mobileFilter:hover, .btn-check:focus+.btn, .btn:focus {
  background-color: transparent;
  box-shadow: none;
}
div#mobileFilterSidebar {
     
}
.iti {
  position: relative;
  display: inline-block; }
.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
.iti__hide {
    display: none; }
.iti__v-hide {
    visibility: hidden; }
.iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
.iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
.iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
@media (max-width: 500px) {.iti__country-list {
        white-space: normal; }}
.iti__flag-box {
    display: inline-block;
    width: 20px; }
.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
.iti__country {
    padding: 5px 10px;
    outline: none; }
.iti__dial-code {
    color: #999; }
.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
.iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
.iti__flag-box, .iti__country-name {
    margin-right: 6px; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
.iti--container:hover {
      cursor: pointer; }
.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }
.iti__flag {
  width: 20px; }
.iti__flag.iti__be {
    width: 18px; }
.iti__flag.iti__ch {
    width: 15px; }
.iti__flag.iti__mc {
    width: 19px; }
.iti__flag.iti__ne {
    width: 18px; }
.iti__flag.iti__np {
    width: 13px; }
.iti__flag.iti__va {
    width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.iti__flag {
      background-size: 5652px 15px; }}
.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }
.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.iti__flag {
      background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags@2x.png"); }}
.iti__flag.iti__np {
  background-color: transparent; }