/** * Swiper 11.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 22, 2023 */ @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-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(images/layers.html); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.html); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(images/marker-icon.html); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .-left-10 { left: -2.5rem; } .-left-2 { left: -0.5rem; } .-left-5 { left: -1.25rem; } .-left-7 { left: -1.75rem; } .-left-8 { left: -2rem; } .-left-9 { left: -2.25rem; } .-right-20 { right: -5rem; } .-right-3 { right: -0.75rem; } .-right-5 { right: -1.25rem; } .-right-6 { right: -1.5rem; } .-right-8 { right: -2rem; } .-top-0 { top: -0px; } .-top-0\.5 { top: -0.125rem; } .-top-10 { top: -2.5rem; } .-top-3 { top: -0.75rem; } .-top-6 { top: -1.5rem; } .bottom-0 { bottom: 0px; } .bottom-15 { bottom: 3.75rem; } .bottom-16 { bottom: 4rem; } .bottom-36 { bottom: 9rem; } .bottom-5 { bottom: 1.25rem; } .bottom-8 { bottom: 2rem; } .bottom-\[10\%\] { bottom: 10%; } .bottom-\[26\%\] { bottom: 26%; } .bottom-\[30\%\] { bottom: 30%; } .bottom-\[4\%\] { bottom: 4%; } .left-0 { left: 0px; } .left-1\/2 { left: 50%; } .left-2 { left: 0.5rem; } .left-3 { left: 0.75rem; } .left-4 { left: 1rem; } .left-5 { left: 1.25rem; } .left-\[5\%\] { left: 5%; } .left-full { left: 100%; } .right-0 { right: 0px; } .right-0\.5 { right: 0.125rem; } .right-16 { right: 4rem; } .right-2 { right: 0.5rem; } .right-20 { right: 5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .right-6 { right: 1.5rem; } .right-\[20\%\] { right: 20%; } .right-\[31\%\] { right: 31%; } .right-\[34\%\] { right: 34%; } .right-\[35\%\] { right: 35%; } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-10 { top: 2.5rem; } .top-12 { top: 3rem; } .top-14 { top: 3.5rem; } .top-20 { top: 5rem; } .top-3 { top: 0.75rem; } .top-36 { top: 9rem; } .top-4 { top: 1rem; } .top-5 { top: 1.25rem; } .top-\[16\%\] { top: 16%; } .top-\[18\%\] { top: 18%; } .top-\[25\%\] { top: 25%; } .top-\[3\.25rem\] { top: 3.25rem; } .top-\[32\%\] { top: 32%; } .top-\[34\%\] { top: 34%; } .z-\[-1\] { z-index: -1; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[3\] { z-index: 3; } .z-\[400\] { z-index: 400; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-full { grid-column: 1 / -1; } .row-span-1 { grid-row: span 1 / span 1; } .row-span-2 { grid-row: span 2 / span 2; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .-ml-3 { margin-left: -0.75rem; } .-ml-5 { margin-left: -1.25rem; } .-mt-0 { margin-top: -0px; } .-mt-0\.5 { margin-top: -0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .ml-0 { margin-left: 0px; } .ml-0\.5 { margin-left: 0.125rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-2 { margin-left: 0.5rem; } .mr-0 { margin-right: 0px; } .mr-0\.5 { margin-right: 0.125rem; } .mr-1 { margin-right: 0.25rem; } .mr-14 { margin-right: 3.5rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-10 { margin-top: 2.5rem; } .mt-16 { margin-top: 4rem; } .mt-2 { margin-top: 0.5rem; } .mt-24 { margin-top: 6rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-7\.5 { margin-top: 1.875rem; } .mt-8 { margin-top: 2rem; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .hidden { display: none; } .aspect-\[100\/68\] { aspect-ratio: 100/68; } .aspect-\[16\/9\] { aspect-ratio: 16/9; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[4\/3\] { aspect-ratio: 4/3; } .aspect-square { aspect-ratio: 1 / 1; } .h-0 { height: 0px; } .h-0\.5 { height: 0.125rem; } .h-1 { height: 0.25rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-15 { height: 3.75rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-20 { height: 5rem; } .h-24 { height: 6rem; } .h-26{ height: 7rem; } .h-28{ height: 8rem; } .h-50{ height: 15rem; } .h-3 { height: 0.75rem; } .h-32 { height: 8rem; } .h-4 { height: 1rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-7\.5 { height: 1.875rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[100px\] { height: 100px; } .h-\[102px\] { height: 102px; } .h-\[120px\] { height: 120px; } .h-\[3\.25rem\] { height: 3.25rem; } .h-\[300px\] { height: 300px; } .h-\[350px\] { height: 350px; } .h-\[360px\] { height: 360px; } .h-\[400px\] { height: 400px; } .h-\[42px\] { height: 42px; } .h-\[460px\] { height: 460px; } .h-\[46px\] { height: 46px; } .h-\[480px\] { height: 480px; } .h-\[5\.5rem\] { height: 5.5rem; } .h-\[50px\] { height: 50px; } .h-\[600px\] { height: 600px; } .h-\[640px\] { height: 640px; } .h-\[68px\] { height: 68px; } .h-\[7\.5rem\] { height: 7.5rem; } .h-\[76px\] { height: 76px; } .h-\[80\%\] { height: 80%; } .h-\[90vh\] { height: 90vh; } .h-\[95\%\] { height: 95%; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[700px\] { max-height: 700px; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-full { max-height: 100%; } .min-h-12 { min-height: 3rem; } .min-h-8 { min-height: 2rem; } .w-0 { width: 0px; } .w-1\/2 { width: 50%; } .w-10 { width: 2.5rem; } .w-12 { width: 3rem; } .w-15 { width: 3.75rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-3 { width: 0.75rem; } .w-32 { width: 8rem; } .w-4 { width: 1rem; } .w-5 { width: 1.25rem; } .w-5\/6 { width: 83.333333%; } .w-6 { width: 1.5rem; } .w-7\/12 { width: 58.333333%; } .w-8 { width: 2rem; } .w-9 { width: 2.25rem; } .w-\[10\%\] { width: 10%; } .w-\[100px\] { width: 100px; } .w-\[10rem\] { width: 10rem; } .w-\[11\.25rem\] { width: 11.25rem; } .w-\[116px\] { width: 116px; } .w-\[120px\] { width: 120px; } .w-\[140px\] { width: 140px; } .w-\[20\%\] { width: 20%; } .w-\[25\%\] { width: 25%; } .w-\[50\%\] { width: 50%; } .w-\[220px\] { width: 220px; } .w-\[240px\] { width: 240px; } .w-\[3\.25rem\] { width: 3.25rem; } .w-\[300px\] { width: 300px; } .w-\[308px\] { width: 308px; } .w-\[340px\] { width: 340px; } .w-\[400px\] { width: 400px; } .w-\[40\%\] { width: 40%; } .w-\[46px\] { width: 46px; } .w-\[7\.5rem\] { width: 7.5rem; } .w-\[70\%\] { width: 70%; } .w-\[30\%\] { width: 30%; } .w-\[76px\] { width: 76px; } .w-\[80vw\] { width: 80vw; } .w-\[85\%\] { width: 85%; } .w-\[90vw\] { width: 90vw; } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .min-w-7 { min-width: 1.75rem; } .min-w-8 { min-width: 2rem; } .max-w-60 { max-width: 15rem; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-none { max-width: none; } .flex-shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-pointer { cursor: pointer; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-14 { gap: 3.5rem; } .gap-15 { gap: 3.75rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-20 { gap: 5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-7\.5 { gap: 1.875rem; } .gap-8 { gap: 2rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-10 { row-gap: 2.5rem; } .gap-y-12 { row-gap: 3rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-3 { row-gap: 0.75rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-5 { row-gap: 1.25rem; } .gap-y-7 { row-gap: 1.75rem; } .gap-y-8 { row-gap: 2rem; } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .whitespace-nowrap { white-space: nowrap; } .rounded { border-radius: 0.25rem; } .rounded-20 { border-radius: 1.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-bl-none { border-bottom-left-radius: 0px; } .rounded-br-none { border-bottom-right-radius: 0px; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-l-2 { border-left-width: 2px; } .border-l-4 { border-left-width: 4px; } .border-r { border-right-width: 1px; } .border-r-2 { border-right-width: 2px; } .border-t { border-top-width: 1px; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .border-black { --tw-border-opacity: 1; border-color: rgb(21 21 21 / var(--tw-border-opacity)); } .border-light { border-color: rgba(255, 255, 255, 0.1); } .border-line { --tw-border-opacity: 1; border-color: rgb(228 228 228 / var(--tw-border-opacity)); } .border-placehover { --tw-border-opacity: 1; border-color: rgb(177 177 177 / var(--tw-border-opacity)); } .border-primary { --tw-border-opacity: 1; border-color: rgb(2 44 61 / var(--tw-border-opacity)); } .border-red { --tw-border-opacity: 1; border-color: rgb(235 77 77 / var(--tw-border-opacity)); } .border-surface { --tw-border-opacity: 1; border-color: rgb(245 247 249 / var(--tw-border-opacity)); } .border-transparent { border-color: transparent; } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .border-opacity-20 { --tw-border-opacity: 0.2; } .bg-green { background-color: var(--primary); } .bg-green-alert { background-color: #52e897; } .bg-\[\#1D3E3E\] { --tw-bg-opacity: 1; background-color: #022C3D ; } .bg-\[\#E0EEEE\] { --tw-bg-opacity: 1; background-color: rgb(224 238 238 / var(--tw-bg-opacity)); } .bg-\[\#EBF4F2\] { --tw-bg-opacity: 1; background-color: rgb(235 244 242 / var(--tw-bg-opacity)); } .bg-\[\#EDE9F3\] { --tw-bg-opacity: 1; background-color: rgb(237 233 243 / var(--tw-bg-opacity)); } .bg-\[\#F1F6F2\] { --tw-bg-opacity: 1; background-color:rgb(241 243 246); } .bg-\[\#F1F7F9\] { --tw-bg-opacity: 1; background-color: rgb(241 247 249 / var(--tw-bg-opacity)); } .bg-\[\#F5F2E3\] { --tw-bg-opacity: 1; background-color: rgb(245 242 227 / var(--tw-bg-opacity)); } .bg-\[\#F7F2EE\] { --tw-bg-opacity: 1; background-color: rgb(247 242 238 / var(--tw-bg-opacity)); } .bg-\[\#F9F0F0\] { --tw-bg-opacity: 1; background-color: rgb(249 240 240 / var(--tw-bg-opacity)); } .bg-\[\#F9F2EC\] { --tw-bg-opacity: 1; background-color: rgb(249 242 236 / var(--tw-bg-opacity)); } .bg-\[\#FAF7F1\] { --tw-bg-opacity: 1; background-color: rgb(250 247 241 / var(--tw-bg-opacity)); } .bg-background { --tw-bg-opacity: 1; background-color: rgb(238 247 247 / var(--tw-bg-opacity)); } .bg-black { --tw-bg-opacity: 1; background-color: #022C3D; } .bg-feature { --tw-bg-opacity: 1; background-color: rgb(33 46 55 / var(--tw-bg-opacity)); } .bg-features { --tw-bg-opacity: 1; background-color: rgb(80 76 254 / var(--tw-bg-opacity)); } .bg-light { background-color: rgba(255, 255, 255, 0.1); } .bg-line { --tw-bg-opacity: 1; background-color: rgb(228 228 228 / var(--tw-bg-opacity)); } .bg-placehover { --tw-bg-opacity: 1; background-color: rgb(177 177 177 / var(--tw-bg-opacity)); } .bg-primary { --tw-bg-opacity: 1; background-color: rgb(2 44 61 / var(--tw-bg-opacity)); } .bg-red { --tw-bg-opacity: 1; background-color: rgb(235 77 77 / var(--tw-bg-opacity)); } .bg-success { --tw-bg-opacity: 1; background-color: rgb(55 184 83 / var(--tw-bg-opacity)); } .bg-surface { --tw-bg-opacity: 1; background-color: rgb(245 247 249 / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-yellow { --tw-bg-opacity: 1; background-color: #dcaa00; } .bg-opacity-10 { --tw-bg-opacity: 0.1; } .bg-opacity-20 { --tw-bg-opacity: 0.2; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0 { padding: 0px; } .p-0\.5 { padding: 0.125rem; } .p-10 { padding: 2.5rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-7 { padding: 1.75rem; } .p-7\.5 { padding: 1.875rem; } .p-8 { padding: 2rem; } .p-9 { padding: 2.25rem; } .p-\[1\.125rem\] { padding: 1.125rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .px-7\.5 { padding-left: 1.875rem; padding-right: 1.875rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-9 { padding-left: 2.25rem; padding-right: 2.25rem; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .py-15 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[11px\] { padding-top: 11px; padding-bottom: 11px; } .py-\[13px\] { padding-top: 13px; padding-bottom: 13px; } .pb-0 { padding-bottom: 0px; } .pb-0\.5 { padding-bottom: 0.125rem; } .pb-1 { padding-bottom: 0.25rem; } .pb-10 { padding-bottom: 2.5rem; } .pb-15 { padding-bottom: 3.75rem; } .pb-20 { padding-bottom: 5rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-7 { padding-bottom: 1.75rem; } .pl-1 { padding-left: 0.25rem; } .pl-10 { padding-left: 2.5rem; } .pl-14 { padding-left: 3.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-2\.5 { padding-left: 0.625rem; } .pl-20 { padding-left: 5rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 1.25rem; } .pl-6 { padding-left: 1.5rem; } .pl-7 { padding-left: 1.75rem; } .pl-8 { padding-left: 2rem; } .pl-\[14px\] { padding-left: 14px; } .pr-1 { padding-right: 0.25rem; } .pr-10 { padding-right: 2.5rem; } .pr-11 { padding-right: 2.75rem; } .pr-12 { padding-right: 3rem; } .pr-14 { padding-right: 3.5rem; } .pr-16 { padding-right: 4rem; } .pr-24 { padding-right: 6rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-6 { padding-right: 1.5rem; } .pr-7 { padding-right: 1.75rem; } .pr-8 { padding-right: 2rem; } .pr-\[14px\] { padding-right: 14px; } .pr-\[45px\] { padding-right: 45px; } .pt-1 { padding-top: 0.25rem; } .pt-10 { padding-top: 2.5rem; } .pt-12 { padding-top: 3rem; } .pt-16 { padding-top: 4rem; } .pt-2 { padding-top: 0.5rem; } .pt-24 { padding-top: 6rem; } .pt-30 { padding-top: 7.5rem; } .pt-32 { padding-top: 8rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-7 { padding-top: 1.75rem; } .pt-8 { padding-top: 2rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-5xl { font-size: 3rem; line-height: 1; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-7xl { font-size: 4.5rem; line-height: 1; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .text-\[\#3B5998\] { --tw-text-opacity: 1; color: rgb(59 89 152 / var(--tw-text-opacity)); } .text-\[\#FF4B26\] { --tw-text-opacity: 1; color: rgb(255 75 38 / var(--tw-text-opacity)); } .text-black { --tw-text-opacity: 1; color: rgb(21 21 21 / var(--tw-text-opacity)); } .text-features { --tw-text-opacity: 1; color: rgb(80 76 254 / var(--tw-text-opacity)); } .text-line { --tw-text-opacity: 1; color: rgb(228 228 228 / var(--tw-text-opacity)); } .text-placehover { --tw-text-opacity: 1; color: rgb(177 177 177 / var(--tw-text-opacity)); } .text-primary { --tw-text-opacity: 1; color: rgb(2 44 61 / var(--tw-text-opacity)); } .text-red { --tw-text-opacity: 1; color: rgb(235 77 77 / var(--tw-text-opacity)); } .text-green { color: #2bb12b } .text-secondary { --tw-text-opacity: 1; color: rgb(103 105 110 / var(--tw-text-opacity)); } .text-success { --tw-text-opacity: 1; color: rgb(55 184 83 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-yellow { --tw-text-opacity: 1; color: #DCAE27; } .underline { text-decoration-line: underline; } .opacity-10 { opacity: 0.1; } .opacity-40 { opacity: 0.4; } .opacity-60 { opacity: 0.6; } .opacity-90 { opacity: 0.9; } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .duration-100 { transition-duration: 100ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-\[400ms\] { transition-duration: 400ms; } .hover\:border-black:hover { --tw-border-opacity: 1; border-color: rgb(21 21 21 / var(--tw-border-opacity)); } .hover\:border-primary:hover { --tw-border-opacity: 1; border-color: rgb(2 44 61 / var(--tw-border-opacity)); } .hover\:border-red:hover { --tw-border-opacity: 1; border-color: rgb(235 77 77 / var(--tw-border-opacity)); } .hover\:border-transparent:hover { border-color: transparent; } .hover\:bg-background:hover { --tw-bg-opacity: 1; background-color: rgb(238 247 247 / var(--tw-bg-opacity)); } .hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(21 21 21 / var(--tw-bg-opacity)); } .hover\:bg-primary:hover { --tw-bg-opacity: 1; background-color: rgb(2 44 61 / var(--tw-bg-opacity)); } .hover\:bg-red:hover { --tw-bg-opacity: 1; background-color: rgb(235 77 77 / var(--tw-bg-opacity)); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .hover\:bg-opacity-80:hover { --tw-bg-opacity: 0.8; } .hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(21 21 21 / var(--tw-text-opacity)); } .hover\:text-primary:hover { --tw-text-opacity: 1; color: rgb(2 44 61 / var(--tw-text-opacity)); } .hover\:text-red:hover { --tw-text-opacity: 1; color: rgb(235 77 77 / var(--tw-text-opacity)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:hover\:shadow-2xl:hover:hover { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-2xl:hover { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (max-width: 1700px) { .max-\[1700px\]\:hidden { display: none; } } @media (max-width: 1600px) { .max-\[1600px\]\:gap-6 { gap: 1.5rem; } } @media not all and (min-width: 1536px) { .max-2xl\:hidden { display: none; } .max-2xl\:w-\[1200px\] { width: 1200px; } .max-2xl\:px-\[35px\] { padding-left: 35px; padding-right: 35px; } } @media (max-width: 1400px) { .max-\[1400px\]\:hidden { display: none; } .max-\[1400px\]\:w-\[1200px\] { width: 1200px; } } @media (max-width: 1000px) { .max-\[1000px\]\:hidden { display: none; } .max-\[1400px\]\:w-\[1200px\] { width: 1200px; } } @media not all and (min-width: 1280px) { .max-xl\:col-span-2 { grid-column: span 2 / span 2; } .max-xl\:grid { display: grid; } .max-xl\:hidden { display: none; } .max-xl\:max-h-\[40vh\] { max-height: 40vh; } .max-xl\:w-\[47\%\] { width: 47%; } .max-xl\:w-\[950px\] { width: 950px; } .max-xl\:w-full { width: 100%; } .max-xl\:max-w-max { max-width: -moz-max-content; max-width: max-content; } .max-xl\:flex-col { flex-direction: column; } .max-xl\:flex-col-reverse { flex-direction: column-reverse; } .max-xl\:flex-wrap { flex-wrap: wrap; } .max-xl\:gap-5 { gap: 1.25rem; } .max-xl\:overflow-x-auto { overflow-x: auto; } .max-xl\:whitespace-nowrap { white-space: nowrap; } .max-xl\:rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .max-xl\:rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .max-xl\:p-4 { padding: 1rem; } .max-xl\:p-6 { padding: 1.5rem; } } @media not all and (min-width: 1024px) { .max-lg\:bottom-0 { bottom: 0px; } .max-lg\:mt-3 { margin-top: 0.75rem; } .max-lg\:mt-8 { margin-top: 2rem; } .max-lg\:block { display: block; } .max-lg\:flex { display: flex; } .max-lg\:hidden { display: none; } .max-lg\:w-1\/2 { width: 50%; } .max-lg\:w-\[40\%\] { width: 40%; } .max-lg\:flex-col { flex-direction: column; } .max-lg\:flex-col-reverse { flex-direction: column-reverse; } .max-lg\:flex-wrap { flex-wrap: wrap; } .max-lg\:gap-y-8 { row-gap: 2rem; } .max-lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .max-lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .max-lg\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .max-lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .max-lg\:pt-10 { padding-top: 2.5rem; } .max-lg\:opacity-80 { opacity: 0.8; } } @media not all and (min-width: 768px) { .max-md\:hidden { display: none; } .max-md\:w-1\/2 { width: 50%; } .max-md\:w-1\/3 { width: 33.333333%; } .max-md\:w-\[1000px\] { width: 1000px; } .max-md\:w-\[600px\] { width: 600px; } .max-md\:w-full { width: 100%; } .max-md\:flex-col { flex-direction: column; } .max-md\:flex-col-reverse { flex-direction: column-reverse; } .max-md\:flex-wrap { flex-wrap: wrap; } .max-md\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .max-md\:py-28 { padding-top: 7rem; padding-bottom: 7rem; } .max-md\:pb-16 { padding-bottom: 4rem; } } @media not all and (min-width: 640px) { .max-sm\:order-1 { order: 1; } .max-sm\:order-\[-1\] { order: -1; } .max-sm\:mt-0 { margin-top: 0px; } .max-sm\:mt-0\.5 { margin-top: 0.125rem; } .max-sm\:hidden { display: none; } .max-sm\:aspect-\[100\/68\] { aspect-ratio: 100/68; } .max-sm\:w-1\/3 { width: 33.333333%; } .max-sm\:w-2\/3 { width: 66.666667%; } .max-sm\:w-\[680px\] { width: 680px; } .max-sm\:w-\[95\%\] { width: 95%; } .max-sm\:w-full { width: 100%; } .max-sm\:flex-shrink-0 { flex-shrink: 0; } .max-sm\:flex-col { flex-direction: column; } .max-sm\:flex-col-reverse { flex-direction: column-reverse; } .max-sm\:flex-wrap { flex-wrap: wrap; } .max-sm\:px-0 { padding-left: 0px; padding-right: 0px; } .max-sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .max-sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .max-sm\:pt-0 { padding-top: 0px; } .max-sm\:pt-10 { padding-top: 2.5rem; } .max-sm\:opacity-80 { opacity: 0.8; } } @media (max-width: 560px) { .max-\[560px\]\:w-\[560px\] { width: 560px; } } @media (max-width: 500px) { .max-\[500px\]\:w-\[500px\] { width: 500px; } } @media (min-width: 320px) { .min-\[320px\]\:w-\[280px\] { width: 280px; } } @media (min-width: 390px) { .min-\[390px\]\:w-\[348px\] { width: 348px; } } @media (min-width: 400px) { .min-\[400px\]\:w-\[276px\] { width: 276px; } } @media (min-width: 640px) { .sm\:absolute { position: absolute; } .sm\:-left-10 { left: -2.5rem; } .sm\:-left-28 { left: -7rem; } .sm\:-right-16 { right: -4rem; } .sm\:bottom-12 { bottom: 3rem; } .sm\:left-1\/2 { left: 50%; } .sm\:right-0 { right: 0px; } .sm\:top-14 { top: 3.5rem; } .sm\:top-44 { top: 11rem; } .sm\:top-\[10\%\] { top: 10%; } .sm\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .sm\:mt-12 { margin-top: 3rem; } .sm\:mt-14 { margin-top: 3.5rem; } .sm\:mt-2 { margin-top: 0.5rem; } .sm\:mt-20 { margin-top: 5rem; } .sm\:mt-32 { margin-top: 8rem; } .sm\:mt-5 { margin-top: 1.25rem; } .sm\:mt-8 { margin-top: 2rem; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:h-20 { height: 5rem; } .sm\:h-8 { height: 2rem; } .sm\:h-\[100px\] { height: 100px; } .sm\:h-\[186px\] { height: 186px; } .sm\:h-\[180px\] { height: 180px; } .sm\:h-\[340px\] { height: 340px; } .sm\:h-\[44px\] { height: 44px; } .sm\:h-\[500px\] { height: 500px; } .sm\:h-\[562px\] { height: 562px; } .sm\:h-\[72px\] { height: 72px; } .sm\:h-\[90\%\] { height: 90%; } .sm\:h-full { height: 100%; } .sm\:w-1\/2 { width: 50%; } .sm\:w-2\/3 { width: 66.666667%; } .sm\:w-2\/5 { width: 40%; } .sm\:w-3\/5 { width: 60%; } .sm\:w-\[100px\] { width: 100px; } .sm\:w-\[180px\] { width: 180px; } .sm\:w-\[240px\] { width: 240px; } .sm\:w-\[248px\] { width: 248px; } .sm\:w-\[280px\] { width: 280px; } .sm\:w-\[340px\] { width: 340px; } .sm\:w-\[40\%\] { width: 40%; } .sm\:w-\[44\%\] { width: 44%; } .sm\:w-\[448px\] { width: 448px; } .sm\:w-\[44px\] { width: 44px; } .sm\:w-\[20\%\] { width: 20%; } .sm\:w-\[45\%\] { width: 45%; } .sm\:w-\[460px\] { width: 460px; } .sm\:w-\[55\%\] { width: 55%; } .sm\:w-\[60\%\] { width: 60%; } .sm\:w-\[600px\] { width: 600px; } .sm\:w-\[70\%\] { width: 70%; } .sm\:w-\[72px\] { width: 72px; } .sm\:w-\[75\%\] { width: 75%; } .sm\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:flex-col { flex-direction: column; } .sm\:items-end { align-items: flex-end; } .sm\:items-center { align-items: center; } .sm\:gap-10 { gap: 2.5rem; } .sm\:gap-2 { gap: 0.5rem; } .sm\:gap-24 { gap: 6rem; } .sm\:gap-4 { gap: 1rem; } .sm\:gap-5 { gap: 1.25rem; } .sm\:gap-6 { gap: 1.5rem; } .sm\:gap-7 { gap: 1.75rem; } .sm\:gap-7\.5 { gap: 1.875rem; } .sm\:gap-8 { gap: 2rem; } .sm\:self-end { align-self: flex-end; } .sm\:border-l { border-left-width: 1px; } .sm\:border-r { border-right-width: 1px; } .sm\:p-10 { padding: 2.5rem; } .sm\:p-14 { padding: 3.5rem; } .sm\:p-4 { padding: 1rem; } .sm\:p-6 { padding: 1.5rem; } .sm\:p-7 { padding: 1.75rem; } .sm\:p-7\.5 { padding: 1.875rem; } .sm\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .sm\:px-7\.5 { padding-left: 1.875rem; padding-right: 1.875rem; } .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .sm\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .sm\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .sm\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .sm\:pb-14 { padding-bottom: 3.5rem; } .sm\:pl-10 { padding-left: 2.5rem; } .sm\:pl-6 { padding-left: 1.5rem; } .sm\:pl-8 { padding-left: 2rem; } .sm\:pl-\[14px\] { padding-left: 14px; } .sm\:pr-10 { padding-right: 2.5rem; } .sm\:pr-14 { padding-right: 3.5rem; } .sm\:pr-16 { padding-right: 4rem; } .sm\:pr-8 { padding-right: 2rem; } .sm\:pt-14 { padding-top: 3.5rem; } .sm\:pt-20 { padding-top: 5rem; } .sm\:pt-32 { padding-top: 8rem; } .sm\:pt-35 { padding-top: 8.75rem; } .sm\:text-right { text-align: right; } .sm\:text-end { text-align: end; } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .sm\:text-5xl { font-size: 3rem; line-height: 1; } } @media (min-width: 768px) { .md\:absolute { position: absolute; } .md\:bottom-\[24\%\] { bottom: 24%; } .md\:right-0 { right: 0px; } .md\:right-\[28\%\] { right: 28%; } .md\:top-32 { top: 8rem; } .md\:top-\[28\%\] { top: 28%; } .md\:top-\[36\%\] { top: 36%; } .md\:mt-10 { margin-top: 2.5rem; } .md\:mt-15 { margin-top: 3.75rem; } .md\:mt-7 { margin-top: 1.75rem; } .md\:aspect-\[1\.05\] { aspect-ratio: 1.05; } .md\:h-16 { height: 4rem; } .md\:h-\[420px\] { height: 420px; } .md\:h-\[42px\] { height: 42px; } .md\:h-\[520px\] { height: 520px; } .md\:h-\[600px\] { height: 600px; } .md\:h-\[700px\] { height: 700px; } .md\:h-\[780px\] { height: 780px; } .md\:h-\[860px\] { height: 860px; } .md\:h-full { height: 100%; } .md\:h-screen { height: 100vh; } .md\:w-1\/2 { width: 50%; } .md\:w-1\/3 { width: 33.333333%; } .md\:w-16 { width: 4rem; } .md\:w-5\/6 { width: 83.333333%; } .md\:w-8\/12 { width: 66.666667%; } .md\:w-\[52\%\] { width: 52%; } .md\:w-\[530px\] { width: 530px; } .md\:w-\[637px\] { width: 637px; } .md\:w-\[660px\] { width: 660px; } .md\:w-\[700px\] { width: 700px; } .md\:w-\[704px\] { width: 704px; } .md\:w-\[708px\] { width: 708px; } .md\:w-\[720px\] { width: 720px; } .md\:w-screen { width: 100vw; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:justify-end { justify-content: flex-end; } .md\:gap-10 { gap: 2.5rem; } .md\:gap-7 { gap: 1.75rem; } .md\:gap-7\.5 { gap: 1.875rem; } .md\:overflow-hidden { overflow: hidden; } .md\:border-l { border-left-width: 1px; } .md\:p-10 { padding: 2.5rem; } .md\:p-7 { padding: 1.75rem; } .md\:p-7\.5 { padding: 1.875rem; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } .md\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .md\:pb-10 { padding-bottom: 2.5rem; } .md\:pb-5 { padding-bottom: 1.25rem; } .md\:pb-6 { padding-bottom: 1.5rem; } .md\:pr-12 { padding-right: 3rem; } .md\:pt-10 { padding-top: 2.5rem; } .md\:pt-20 { padding-top: 5rem; } .md\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .md\:text-9xl { font-size: 8rem; line-height: 1; } .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1024px) { .lg\:fixed { position: fixed; } .lg\:absolute { position: absolute; } .lg\:sticky { position: sticky; } .lg\:-left-10 { left: -2.5rem; } .lg\:-left-6 { left: -1.5rem; } .lg\:-right-6 { right: -1.5rem; } .lg\:left-0 { left: 0px; } .lg\:left-6 { left: 1.5rem; } .lg\:left-\[10\%\] { left: 10%; } .lg\:right-0 { right: 0px; } .lg\:right-24 { right: 6rem; } .lg\:right-28 { right: 7rem; } .lg\:right-6 { right: 1.5rem; } .lg\:top-2 { top: 0.5rem; } .lg\:top-24 { top: 6rem; } .lg\:mt-15 { margin-top: 3.75rem; } .lg\:mt-20 { margin-top: 5rem; } .lg\:mt-40 { margin-top: 10rem; } .lg\:mt-5 { margin-top: 1.25rem; } .lg\:mt-7 { margin-top: 1.75rem; } .lg\:mt-8 { margin-top: 2rem; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-\[418px\] { height: 418px; } .lg\:h-\[580px\] { height: 580px; } .lg\:h-\[680px\] { height: 680px; } .lg\:h-\[700px\] { height: 700px; } .lg\:h-\[860px\] { height: 860px; } .lg\:h-full { height: 100%; } .lg\:h-screen { height: 100vh; } .lg\:w-1\/2 { width: 50%; } .lg\:w-1\/3 { width: 33.333333%; } .lg\:w-2\/3 { width: 66.666667%; } .lg\:w-3\/5 { width: 60%; } .lg\:w-5\/12 { width: 41.666667%; } .lg\:w-5\/6 { width: 83.333333%; } .lg\:w-\[29\.5\%\] { width: 29.5%; } .lg\:w-\[300px\] { width: 300px; } .lg\:w-\[360px\] { width: 360px; } .lg\:w-\[380px\] { width: 380px; } .lg\:w-\[430px\] { width: 430px; } .lg\:w-\[45\%\] { width: 45%; } .lg\:w-\[531px\] { width: 531px; } .lg\:w-\[55\%\] { width: 55%; } .lg\:w-\[70\.5\%\] { width: 70.5%; } .lg\:w-\[720px\] { width: 720px; } .lg\:w-\[760px\] { width: 760px; } .lg\:w-\[848px\] { width: 848px; } .lg\:w-\[850px\] { width: 850px; } .lg\:w-\[900px\] { width: 900px; } .lg\:w-screen { width: 100vw; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:items-end { align-items: flex-end; } .lg\:items-center { align-items: center; } .lg\:justify-end { justify-content: flex-end; } .lg\:gap-10 { gap: 2.5rem; } .lg\:gap-5 { gap: 1.25rem; } .lg\:gap-6 { gap: 1.5rem; } .lg\:gap-7 { gap: 1.75rem; } .lg\:gap-7\.5 { gap: 1.875rem; } .lg\:gap-8 { gap: 2rem; } .lg\:overflow-hidden { overflow: hidden; } .lg\:border-r { border-right-width: 1px; } .lg\:border-line { --tw-border-opacity: 1; border-color: rgb(228 228 228 / var(--tw-border-opacity)); } .lg\:p-10 { padding: 2.5rem; } .lg\:p-20 { padding: 5rem; } .lg\:p-5 { padding: 1.25rem; } .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; } .lg\:px-9 { padding-left: 2.25rem; padding-right: 2.25rem; } .lg\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .lg\:py-15 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .lg\:pb-1 { padding-bottom: 0.25rem; } .lg\:pb-20 { padding-bottom: 5rem; } .lg\:pb-30 { padding-bottom: 7.5rem; } .lg\:pl-15 { padding-left: 3.75rem; } .lg\:pl-20 { padding-left: 5rem; } .lg\:pl-3 { padding-left: 0.75rem; } .lg\:pl-6 { padding-left: 1.5rem; } .lg\:pl-7 { padding-left: 1.75rem; } .lg\:pl-7\.5 { padding-left: 1.875rem; } .lg\:pl-\[280px\] { padding-left: 280px; } .lg\:pl-\[45px\] { padding-left: 45px; } .lg\:pr-15 { padding-right: 3.75rem; } .lg\:pr-16 { padding-right: 4rem; } .lg\:pr-20 { padding-right: 5rem; } .lg\:pr-24 { padding-right: 6rem; } .lg\:pr-\[45px\] { padding-right: 45px; } .lg\:pt-15 { padding-top: 3.75rem; } .lg\:pt-20 { padding-top: 5rem; } .lg\:pt-40 { padding-top: 10rem; } .lg\:text-right { text-align: right; } .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .lg\:hover\:bg-background:hover { --tw-bg-opacity: 1; background-color: rgb(238 247 247 / var(--tw-bg-opacity)); } } @media (min-width: 1280px) { .xl\:absolute { position: absolute; } .xl\:-left-28 { left: -7rem; } .xl\:-right-24 { right: -6rem; } .xl\:right-0 { right: 0px; } .xl\:ml-15 { margin-left: 3.75rem; } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:h-\[152px\] { height: 152px; } .xl\:h-full { height: 100%; } .xl\:h-screen { height: 100vh; } .xl\:w-1\/2 { width: 50%; } .xl\:w-\[1000px\] { width: 1000px; } .xl\:w-\[300px\] { width: 300px; } .xl\:w-\[400px\] { width: 400px; } .xl\:w-\[420px\] { width: 420px; } .xl\:w-\[430px\] { width: 430px; } .xl\:w-\[465px\] { width: 465px; } .xl\:w-\[520px\] { width: 520px; } .xl\:w-\[544px\] { width: 544px; } .xl\:w-\[55\%\] { width: 55%; } .xl\:w-\[570px\] { width: 570px; } .xl\:w-\[589px\] { width: 589px; } .xl\:w-\[600px\] { width: 600px; } .xl\:w-\[610px\] { width: 610px; } .xl\:w-\[630px\] { width: 630px; } .xl\:w-\[690px\] { width: 690px; } .xl\:w-\[776px\] { width: 776px; } .xl\:w-screen { width: 100vw; } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:items-end { align-items: flex-end; } .xl\:items-center { align-items: center; } .xl\:justify-end { justify-content: flex-end; } .xl\:justify-between { justify-content: space-between; } .xl\:gap-15 { gap: 3.75rem; } .xl\:gap-20 { gap: 5rem; } .xl\:gap-32 { gap: 8rem; } .xl\:gap-36 { gap: 9rem; } .xl\:gap-5 { gap: 1.25rem; } .xl\:gap-60 { gap: 15rem; } .xl\:gap-7 { gap: 1.75rem; } .xl\:gap-7\.5 { gap: 1.875rem; } .xl\:gap-9 { gap: 2.25rem; } .xl\:overflow-hidden { overflow: hidden; } .xl\:whitespace-nowrap { white-space: nowrap; } .xl\:rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .xl\:rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .xl\:p-15 { padding: 3.75rem; } .xl\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .xl\:px-15 { padding-left: 3.75rem; padding-right: 3.75rem; } .xl\:pl-20 { padding-left: 5rem; } .xl\:pr-4 { padding-right: 1rem; } } @media (min-width: 1400px) { .min-\[1400px\]\:hidden { display: none; } .min-\[1400px\]\:w-\[1370px\] { width: 1370px; } } @media (min-width: 1536px) { .\32xl\:absolute { position: absolute; } .\32xl\:-right-12 { right: -3rem; } .\32xl\:-right-24 { right: -6rem; } .\32xl\:-right-48 { right: -12rem; } .\32xl\:bottom-16 { bottom: 4rem; } .\32xl\:bottom-40 { bottom: 10rem; } .\32xl\:left-1\/2 { left: 50%; } .\32xl\:w-\[1290px\] { width: 1290px; } .\32xl\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\32xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\32xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\32xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .\32xl\:px-15 { padding-left: 3.75rem; padding-right: 3.75rem; } } @media (min-width: 1600px) { .min-\[1600px\]\:px-15 { padding-left: 3.75rem; padding-right: 3.75rem; } } @media (min-width: 1700px) { .min-\[1700px\]\:absolute { position: absolute; } .min-\[1700px\]\:left-1\/2 { left: 50%; } .min-\[1700px\]\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .min-\[1700px\]\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1740px) { .min-\[1740px\]\:right-0 { right: 0px; } } /* Reset */ * { padding: 0; margin: 0; box-sizing: border-box; } html, body { overflow-x: hidden; font-family: "Albert Sans", sans-serif; font-size: 16px; line-height: 26px; color: var(--black); font-weight: 400; } @media (max-width: 1024px) { html, body { font-size: 15px; } } @media (max-width: 640px) { html, body { font-size: 14px; line-height: 24px; } } html:has(body.scroll_locked) { overflow: hidden; } body.overflow-unset { overflow-x: unset; } @media (min-width: 1024px) { body.lg\:overflow-unset { overflow-x: unset; } } .blind, caption span, legend { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0, 0, 0, 0); } select { appearance: none; outline: none; } input[type=file] { outline: none; border: none !important; } input[type=file]::-webkit-file-upload-button { display: none; } input[type=number] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /* latin-ext */ @font-face { font-family: "Albert Sans"; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/albertsans/v1/i7dMIFdwYjGaAMFtZd_QA1ZeUFuaHjyV.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Albert Sans"; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/albertsans/v1/i7dMIFdwYjGaAMFtZd_QA1ZeUFWaHg.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Albert Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/albertsans/v1/i7dOIFdwYjGaAMFtZd_QA1ZVYFeCGg.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Albert Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/albertsans/v1/i7dOIFdwYjGaAMFtZd_QA1ZbYFc.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Main color */ :root { --primary: #dcaa00; --black: #151515; --feature: #212E37; --features: #504CFE; --secondary: #67696e; --placehover: #b1b1b1; --line: #e4e4e4; --surface: #f5f7f9; --white: #fff; --red: #eb4d4d; --success: #37B853; --yellow: #F4AA1A; --background: #eef7f7; --surface1: rgba(255, 255, 255, 0.1); --surface2: rgba(255, 255, 255, 0.2); } /* Main class used in FreelanHub */ .container { max-width: 1322px !important; width: 100%; padding-right: 16px; padding-left: 16px; margin: 0 auto; } @media (min-width: 1024px) { .container { max-width: 1360px !important; padding-right: 35px; padding-left: 35px; } } .heading1 { font-size: 56px; line-height: 68px; font-weight: 600; text-transform: normal; } .heading2 { font-size: 44px; line-height: 52px; font-weight: 600; text-transform: normal; } .heading3 { font-size: 36px; line-height: 44px; font-weight: 600; text-transform: normal; } .heading4 { font-size: 30px; line-height: 42px; font-weight: 600; text-transform: normal; } .heading5 { font-size: 24px; line-height: 30px; font-weight: 600; text-transform: normal; } .heading6 { font-size: 20px; line-height: 28px; font-weight: 600; } .text-title { font-size: 18px; line-height: 28px; font-weight: 600; } .text-subtitle { font-size: 14px; line-height: 24px; font-weight: 400; } .text-button { font-size: 16px; line-height: 24px; font-weight: 600; } .text-button-sm { font-size: 14px; line-height: 24px; font-weight: 600; text-transform: capitalize; } .body1 { font-size: 20px; line-height: 30px; font-weight: 400; } .body2 { font-size: 18px; line-height: 28px; font-weight: 400; } .caption1 { font-size: 14px; line-height: 22px; font-weight: 400; } .caption2 { font-size: 12px; line-height: 16px; font-weight: 500; } .text-label { font-size: 10px; line-height: 14px; font-weight: 500; } .bg-linear { background: linear-gradient(238deg, #faf7ef 0%, #f4f6fc 99.66%); } .bg-gray { background-color: #e6e6e6; } .bg-gradient { background: linear-gradient(180deg, #dcaa00 0%, #000 100%); } .shadow-md { box-shadow: 0px 1px 7px 0px rgba(72, 95, 119, 0.12); } .shadow-md:hover { box-shadow: 0px 5px 20px 1px rgba(72, 95, 119, 0.18); } .shadow-lg { box-shadow: 0px 1px 7px 0px rgba(72, 95, 119, 0.15); } .shadow-lg:hover { box-shadow: 0px 5px 20px 1px rgba(72, 95, 119, 0.22); } @media (max-width: 1023.98px) { .heading1 { font-size: 48px; line-height: 58px; } .heading2 { font-size: 36px; line-height: 46px; } .heading3 { font-size: 32px; line-height: 40px; } .heading4 { font-size: 28px; line-height: 36px; } .heading5 { font-size: 22px; line-height: 32px; } .body1 { font-size: 19px; } .body2 { font-size: 17px; } } @media (max-width: 767.98px) { .heading1 { font-size: 28px; line-height: 36px; } .heading2 { font-size: 24px; line-height: 34px; } .heading3 { font-size: 22px; line-height: 32px; } .heading4 { font-size: 20px; line-height: 30px; } .heading5 { font-size: 18px; line-height: 28px; } .heading6 { font-size: 16px; line-height: 26px; } .text-title { font-size: 16px; line-height: 24px; } .text-button { font-size: 14px; line-height: 20px; } .text-button-sm { font-size: 13px; line-height: 20px; } .body1 { font-size: 18px; line-height: 26px; } .body2 { font-size: 16px; line-height: 24px; } .caption1 { font-size: 13px; line-height: 22px; } .caption2 { font-size: 12px; line-height: 20px; } .text-label { font-size: 10px; line-height: 14px; } .button-main { font-size: 14px; line-height: 22px; padding: 10px 16px; border-radius: 4px; } } /* animate when scroll */ .animate { opacity: 0; transition: all 0.3s ease, opacity 0.8s ease-out calc(var(--i) * 0.1s), transform 0.8s ease-out calc(var(--i) * 0.1s); } .animate_top { transform: translateY(80px); } .animate_left { transform: translateX(80px); } .animate_right { transform: translateX(-80px); } .animate_active { opacity: 1; transform: translate(0); } .animate.animateZoomOutUp.animate_active { animation-name: zoomOutUp, fadeIn !important; animation-duration: 1.9s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1); } .flag_benefit, .flag_top { animation: moveUp 7s linear 0s infinite; } .icon_link, .flag_benefit + .flag_benefit, .flag_right { animation: moveRight 8s linear 0s infinite; } .icon_heart, .flag_benefit + .flag_benefit + .flag_benefit, .flag_bottom { animation: moveDown 7.5s linear 0s infinite; } /* animate translate */ @keyframes animateY { 0% { transform: translate(0); } 25% { transform: translate(10px, 5px); } 50% { transform: translate(0px, 14px); } 75% { transform: translate(-10px, 2px); } 100% { transform: translate(0); } } @keyframes moveUp { 0% { transform: translateY(0); } 50% { transform: translateY(-18px); } 100% { transform: translateY(0); } } @keyframes moveDown { 0% { transform: translateY(0); } 50% { transform: translateY(25px); } 100% { transform: translateY(0); } } @keyframes moveRight { 0% { transform: translateX(0); } 50% { transform: translateX(25px); } 100% { transform: translateX(0); } } @keyframes slide_1 { 0% { transform: translate(0) rotate(0deg); } 15% { transform: translate(10px, 10px) rotate(45deg); } 30% { transform: translate(10px, -15px) rotate(20deg); } 45% { transform: translate(-10px, -25px) rotate(50deg); } 60% { transform: translate(0, 25px) rotate(35deg); } 75% { transform: translate(-10px, -15px) rotate(-20deg); } 90% { transform: translate(-5, -5px) rotate(-20deg); } 100% { transform: translate(0) rotate(0deg); } } @keyframes slide_2 { 0% { transform: translate(0) rotate(0deg); } 25% { transform: translate(15px, -5px) rotate(15deg); } 50% { transform: translate(-10px, 10px) rotate(10deg); } 75% { transform: translate(5px, -5px) rotate(25deg); } 100% { transform: translate(0) rotate(0deg); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes zoomOutUp { 0% { transform: matrix3d(1.2, 0, 0, 0, 0, 1.03, 0.34, -0.0003, 0, -0.34, 0.94, 0, 0, 60, 0, 1); } 100% { transform: matrix(1, 0, 0, 1, 0, 0); } } .line-before { position: relative; } .line-before::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background-color: var(--primary); transition: all ease 0.3s; } .line-before.active::before, .line-before:hover::before { width: 100%; } .line-before.line-white::before { background-color: var(--white); } .line-before.line-black::before { background-color: var(--black); } .line-before.line-2px::before { height: 2px; bottom: -1px; } .active > .line-before { color: var(--primary); } .active > .line-before::before { width: 100%; } .category_item .icon.line-before::before { width: 100%; border-radius: 1000px; background-color: var(--line); } .category_item:hover .icon.line-before::before { width: 100%; background-color: var(--primary); } /* button components */ .button-main { display: inline-flex; align-items: center; justify-content: center; padding: 11px 24px; border-radius: 4px; background-color: var(--primary); font-size: 16px; font-weight: 600; line-height: 26px; color: var(--white); cursor: pointer; transition: all ease 0.4s; } .button-main.text-button-sm { font-size: 14px; line-height: 22px; font-weight: 600; } .button-main:hover { background-color: #000; } .button-main.-small { padding: 8px 24px; } .button-main.-border { border: 1px solid var(--primary); background-color: var(--background); color: var(--black); } .button-main.-border:hover { background-color: var(--primary); color: var(--white); } .button-main.-disabled { background-color: var(--line); color: var(--placehover); pointer-events: none; } .button-main.bg-white { background-color: var(--white); color: var(--black); } .button-main.bg-white:hover { background-color: var(--primary); color: var(--white); } .button-main.bg-red { background-color: var(--red); } .button-main.bg-red:hover { background-color: #d10f0f; } .button-main.border-line { border-color: var(--line); } @media (max-width: 767.98px) { .button-main { font-size: 14px; line-height: 22px; padding: 10px 16px; border-radius: 4px; } .button-main.-small { padding: 8px 14px; } } .add_wishlist_btn { display: flex; flex-shrink: 0; justify-content: center; align-items: center; position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: 1px solid transparent; border-radius: 100px; background-color: var(--white); cursor: pointer; transition: all ease 0.4s; } .add_wishlist_btn.-relative { position: relative !important; top: unset !important; left: unset !important; right: unset !important; bottom: unset !important; transform: unset !important; } .add_wishlist_btn.-border { border-color: var(--line); } .add_wishlist_btn.w-12 { width: 3rem; height: 3rem; } .add_wishlist_btn.top-5 { top: 1.25rem; } .add_wishlist_btn.right-5 { left: unset; right: 1.25rem; } .add_wishlist_btn:hover { border-color: var(--red); } .add_wishlist_btn .ph { display: block; } .add_wishlist_btn .ph-fill { display: none; } .add_wishlist_btn.active .ph { display: none; } .add_wishlist_btn.active .ph-fill { display: block; color: var(--red); animation: animateBounce 0.5s ease; } .button_share { position: relative; } .button_share .social { display: flex; gap: 10px; visibility: hidden; position: absolute; bottom: 100%; left: 50%; padding: 8px 12px; border-radius: 6px; background-color: var(--white); opacity: 0; transition: all ease 0.4s; transform: translate(-50%, -30px); box-shadow: 0px 5px 15px 0px rgba(72, 95, 119, 0.15); } .button_share .social_link span::before { color: var(--black); transition: color 0.3s ease; } .button_share .social_link:hover { background-color: var(--black); } .button_share .social_link:hover span::before { color: var(--white); } .button_share .social::after { content: ""; position: absolute; bottom: -10px; left: 48%; width: 12px; height: 12px; background-color: var(--white); transform: rotate(45deg) translateX(-50%); } .button_share:hover .social { visibility: visible; opacity: 1; transform: translate(-50%, -10px); } .toggle_btn { position: relative; width: 3rem; height: 1.5rem; border-radius: 100px; background-color: var(--line); cursor: pointer; transition: all ease 0.4s; } .toggle_btn::before { content: ""; position: absolute; top: 50%; left: 2px; width: 1.25rem; height: 1.25rem; border-radius: 50%; background-color: var(--white); transform: translateY(-50%); aspect-ratio: 1/1; transition: all ease 0.3s; } .toggle_btn.active { background-color: var(--primary); } .toggle_btn.active::before { left: calc(1.75rem - 2px); } .btn_action .flag { visibility: hidden; opacity: 0; transition: all ease 0.4s; transform: translate(-50%, -10px); box-shadow: 0px 5px 15px 0px rgba(72, 95, 119, 0.15); } .btn_action .flag::after { content: ""; position: absolute; bottom: -10px; left: 48%; width: 12px; height: 12px; background-color: var(--white); transform: rotate(45deg) translateX(-50%); } .btn_action:hover .flag { visibility: visible; opacity: 1; transform: translate(-50%, 0); } @keyframes animateBounce { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 70% { transform: translateY(0); } 80% { transform: translateY(1px); } 100% { transform: translateY(0); } } .select_block { position: relative; cursor: pointer; } .select_block .selected { display: inline-flex; flex-direction: column; position: relative; } .select_block .selected::before { content: attr(data-title); height: 0; opacity: 0; visibility: hidden; pointer-events: none; } .select_block .list_option { visibility: hidden; position: absolute; top: 100%; left: 50%; z-index: 1; padding: 12px; border-radius: 6px; opacity: 0; transition: all ease 0.3s; transform: translate(-50%, 2px) scaleY(0); transform-origin: top center; box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.12); } .select_block .list_option li { padding: 6px 16px; border-radius: 4px; white-space: nowrap; cursor: pointer; transition: 0.3s; } .select_block .list_option li:hover { background: var(--background); } .select_block .list_option li.form_input { background: transparent; } .select_block .list_option.p-0 { padding: 0; } .select_block .list_option.-top { top: unset; bottom: 100%; transform-origin: bottom center; } .select_block .list_option.-top.open { transform: translate(-50%, -2px) scaleY(1); } .select_block .list_option.open { transform: translate(-50%, 2px) scaleY(1); opacity: 1; visibility: visible; } .select_block .list_option .list_result { overflow-x: hidden; max-height: 200px; } .select_block .list_option .list_result::-webkit-scrollbar { width: 6px; background-color: #f1f1f1; } .select_block .list_option .list_result::-webkit-scrollbar-thumb { background-color: #c5c5c5; border-radius: 6px; } .select_block .icon_down { position: absolute; top: 50%; transform: translateY(-50%); } .category-selector input { border: none; } .category-selector .selected-category { display: inline-block; border: 1px solid var(--line); margin: 2px; padding: 3px 6px; border-radius: 6px; cursor: pointer; } .category-selector .category-list { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 1; max-height: 150px; margin-top: 4px; border: 1px solid #ddd; border-radius: 6px; background-color: #fff; overflow-y: auto; } .category-selector .category-list li { padding: 8px 12px; cursor: pointer; } .category-selector .category-list li:hover { background-color: #f0f0f0; } input, textarea, select { outline: none; border: 1px solid transparent; transition: border-color ease 0.3s; } input:focus, textarea:focus { border-color: var(--black); } .form_input input { border: none !important; } .form_input input.border { border: 1px solid var(--line) !important; } .form_input input.border:focus { border-color: var(--black) !important; } .checkbox_block { position: relative; } .checkbox_block .checkbox { display: none; } .checkbox_block .check_icon { visibility: hidden; position: absolute; top: 50%; left: -1px; z-index: 1; transform: translateY(-50%); opacity: 0; } .checkbox_block .label { position: relative; z-index: 1; } .checkbox_block .label::before { content: ""; position: absolute; top: 50%; left: 1px; width: 16px; height: 16px; border: 1px solid var(--secondary); border-radius: 2px; transform: translateY(-50%); transition: 0.4s; } .checkbox_block .checkbox:checked + .check_icon { visibility: visible; opacity: 1; } .filter_price .tow_bar_block, .filter_age .tow_bar_block, .filter_radius .tow_bar_block { position: relative; background: #ECECEC; height: 5px; border-radius: 5px; } .filter_price .tow_bar_block .progress, .filter_age .tow_bar_block .progress, .filter_radius .tow_bar_block .progress { position: absolute; height: 5px; background: var(--black); left: 1px; right: 1px; } .filter_price .range_input, .filter_age .range_input, .filter_radius .range_input { position: relative; } .filter_price .range_input .input, .filter_age .range_input .input, .filter_radius .range_input .input { position: absolute; top: -5px; height: 5px; width: 100%; background: none; outline: none; border: none; pointer-events: none; appearance: none; } .filter_price .range_input .input::-webkit-slider-thumb, .filter_age .range_input .input::-webkit-slider-thumb, .filter_radius .range_input .input::-webkit-slider-thumb { width: 16px; height: 16px; border-radius: 50%; outline: none; pointer-events: auto; -webkit-appearance: none; background: var(--black); } .tag { padding: 6px 12px; transition: 0.3s; border-radius: 100px; } .tag.-border { border-width: 1px; border-style: solid; border-color: var(--line); } .tag.-border.border-opacity-20 { border-color: rgba(255, 255, 255, 0.2); } .tag.-large { padding: 8.5px 16px; } .tag.-small { padding: 2.5px 12px; border-radius: 4px; } .tag.-rounded-sm { border-radius: 6px; } .heading_menu { overflow-x: auto; width: 100%; max-width: max-content; } .menu_tab { position: relative; overflow-x: auto; max-width: max-content; } .menu_tab.overflow-unset { overflow: unset; } .menu_tab.max-w-none { max-width: none; } .menu_tab.max-w-none { max-width: none; } .menu_tab .tab_btn { white-space: nowrap; } .menu_tab .tab_btn.-before.active::before { width: 100%; } .menu_tab .tab_btn.-fill.active { border-color: var(--black); background-color: var(--black); color: var(--white); } .menu_tab .tab_btn.-fill.-fill-primary.active { border-color: var(--primary); background-color: var(--primary); color: var(--white); } .menu_tab .tab_btn.-bg.active { background-color: var(--background); } .menu_tab .tab_btn.-border.active { border-color: var(--primary); } .tab_list { display: none; position: relative; } .tab_list.active { display: block; } .tab_list::before, .tab_list::after { content: ""; position: absolute; opacity: 0; pointer-events: none; transition: all 0.3s ease; } .tab_list::before { top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .tab_list::after { top: 50%; left: 50%; width: 30px; height: 30px; background: url("../assets/images/components/loading.gif") center center/contain no-repeat; transform: translate(-50%, -50%); } .tab_list.loading::before, .tab_list.loading::after { z-index: 1; opacity: 1; } .list_link .menu_tab { overflow: unset; } .list_link .menu_tab .tab_btn.active { border-color: var(--primary); } .form_register .menu_tab { max-width: unset; } /* modal */ .modal { display: flex; align-items: center; justify-content: center; overflow: hidden; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 1001; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all ease 0.4s; } .modal:has(> .open) { visibility: visible; opacity: 1; } .modal:has(> .sidebar.open) .sidebar, .modal:has(> .sidebar.open) .menu_dashboard, .modal:has(> .menu_dashboard.open) .sidebar, .modal:has(> .menu_dashboard.open) .menu_dashboard { transform: translateX(0); } .modal:hover { cursor: not-allowed; } .modal_item { display: none; cursor: default; } .modal_item.open { display: block; } /* modal_apply */ .modal_apply .delivery .minus_btn.disabled { opacity: 0.5; pointer-events: none; } .modal_apply .delivery input { max-width: 34px; text-align: center; field-sizing: content; } /* sidebar */ .sidebar { position: absolute; top: 0; left: 0; cursor: default; transform: translateX(-100%); transition: all ease 0.3s; } .sidebar.-relative { position: relative; transform: unset; } .sidebar_inner, .sidebar .block_filter { overflow-x: hidden; max-height: calc(100vh - 68px); } .sidebar_inner::-webkit-scrollbar, .sidebar .block_filter::-webkit-scrollbar { width: 8px; background-color: #dddddd; } .sidebar_inner::-webkit-scrollbar-thumb, .sidebar .block_filter::-webkit-scrollbar-thumb { background-color: #afafaf; border-radius: 8px; } .sidebar_inner.full-height, .sidebar .block_filter.full-height { max-height: 100%; } .sidebar_inner.-relative, .sidebar_inner.overflow-unset, .sidebar .block_filter.-relative, .sidebar .block_filter.overflow-unset { overflow: unset; } .sidebar .block_btn { box-shadow: 0px 5px 18px 5px rgba(64, 72, 87, 0.15); } /* menu_dashboard */ .menu_dashboard.-relative { position: relative; top: unset; left: unset; right: unset; bottom: unset; transform: translate(0); } .menu_dashboard.-modal { display: block; position: absolute; top: 0; left: 0; transform: translateX(-100%); transition: all ease 0.3s; } .menu_dashboard .list_link .link.active { background-color: var(--background); } .menu_dashboard .list_link .link.active span { color: var(--primary); } /* modal_chat */ .modal_chat .chat_content { max-height: 500px; } @media (max-height: 800px) { .modal_chat .chat_content { max-height: calc(90vh - 10rem); } } .toastify { position: fixed; top: 138px; right: 0; z-index: 1000; transform: translateX(100%); box-shadow: 0px 10px 25px 0px rgba(72, 95, 119, 0.1); transition: all 0.8s ease; } .toastify.active { transform: translateX(0); } .scrollbar_custom { overflow-x: hidden; } .scrollbar_custom::-webkit-scrollbar { width: 6px; background-color: #ececec; } .scrollbar_custom::-webkit-scrollbar-thumb { background-color: #b9b9b9; border-radius: 6px; } .service_company, .service_title, .service_name, .service_desc, .service_author_name, .service_address, .project_company, .project_title, .project_name, .project_desc, .project_author_name, .project_address, .candidates_company, .candidates_title, .candidates_name, .candidates_desc, .candidates_author_name, .candidates_address, .employers_company, .employers_title, .employers_name, .employers_desc, .employers_author_name, .employers_address, .jobs_company, .jobs_title, .jobs_name, .jobs_desc, .jobs_author_name, .jobs_address, .blog_company, .blog_title, .blog_name, .blog_desc, .blog_author_name, .blog_address { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .service_company.-style-1, .service_title.-style-1, .service_name.-style-1, .service_desc.-style-1, .service_author_name.-style-1, .service_address.-style-1, .project_company.-style-1, .project_title.-style-1, .project_name.-style-1, .project_desc.-style-1, .project_author_name.-style-1, .project_address.-style-1, .candidates_company.-style-1, .candidates_title.-style-1, .candidates_name.-style-1, .candidates_desc.-style-1, .candidates_author_name.-style-1, .candidates_address.-style-1, .employers_company.-style-1, .employers_title.-style-1, .employers_name.-style-1, .employers_desc.-style-1, .employers_author_name.-style-1, .employers_address.-style-1, .jobs_company.-style-1, .jobs_title.-style-1, .jobs_name.-style-1, .jobs_desc.-style-1, .jobs_author_name.-style-1, .jobs_address.-style-1, .blog_company.-style-1, .blog_title.-style-1, .blog_name.-style-1, .blog_desc.-style-1, .blog_author_name.-style-1, .blog_address.-style-1 { -webkit-line-clamp: 1; word-break: break-all; } .service_item.-style-list .add_wishlist_btn { right: 12px; left: unset; } .candidates_item.is_top_rate .candidates_name, .candidates_breadcrumb.is_top_rate .candidates_name { position: relative; padding-right: 24px; } .candidates_item.is_top_rate .candidates_name::before, .candidates_breadcrumb.is_top_rate .candidates_name::before { content: "\e616"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 18px; color: var(--primary); font-family: "Phosphor-Fill" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; } .candidates_item .add_wishlist_btn, .candidates_breadcrumb .add_wishlist_btn { top: 24px; right: 20px; left: unset; } .candidates_item .add_wishlist_btn.top-0, .candidates_breadcrumb .add_wishlist_btn.top-0 { top: 0; } .candidates_item .add_wishlist_btn.right-0, .candidates_breadcrumb .add_wishlist_btn.right-0 { right: 0; } .candidates_breadcrumb.is_top_rate .candidates_name { padding-right: 32px; } .candidates_breadcrumb.is_top_rate .candidates_name::before { font-size: 24px; } .jobs_item.-style-list:hover .tag { background-color: #fff; } .blog_thumb { overflow: hidden; } .blog_thumb:hover .blog_img { transform: translate(0) scale(1.05); } .blog_img { transition: 1s; } /* list_social */ .list_social .list > a:hover span::before { color: var(--black); } .list_social .list label span::before, .list_social .list a.text-black span::before { color: var(--black); transition: 0.3s; } .list_social .list label:hover span::before, .list_social .list a.text-black:hover span::before { color: var(--white); } [class^=icon-].text-black::before, [class*=" icon-"].text-black::before { color: var(--black); transition: 0.3s; } .hover\:text-white:hover [class^=icon-]::before, .hover\:text-white:hover [class*=" icon-"]::before { color: var(--white); } /* Slick */ section:has(.slide-overflow-unset) { overflow: hidden; } .slick-slider.slide-overflow-unset { margin-left: -15px; margin-right: -15px; } .slick-slider.slide-overflow-unset .slick-list { margin-right: -1000px; padding-right: 1000px; } .slick-slider.slide-overflow-unset .slick-list .slick-slide { padding: 0 15px; } /* Slider - Swiper Pagination */ .swiper { cursor: grab; user-select: none; } .swiper-slide { height: unset !important; } .swiper-pagination-bullet { position: relative; margin: 0 8px !important; background: transparent; border: 1px solid var(--black); opacity: 1 !important; transition: all ease 0.5s; } .swiper-pagination-bullet::before { content: ""; position: absolute; width: 100%; height: 100%; padding: 8px; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid transparent; transition: all ease 0.5s; border-radius: 50%; } @media (max-width: 767.98px) { .swiper-pagination-bullet::before { padding: 6px; } } .swiper-pagination-bullet-active { background: var(--black); } .swiper-pagination-bullet-active::before { border-color: var(--black); } .swiper.dots-white .swiper-pagination-bullet { border-color: var(--white); } .swiper.dots-white .swiper-pagination-bullet-active { background: var(--white); } .swiper.dots-white .swiper-pagination-bullet-active::before { border-color: var(--white); } .swiper.-section { padding-bottom: 56px; padding-left: 16px; padding-right: 16px; margin-left: -16px; margin-right: -16px; } .swiper.-section .swiper-pagination { bottom: 0; } @media (max-width: 767.98px) { .swiper.-section { padding-bottom: 40px; } } .swiper-list-images { cursor: pointer; } .swiper.overflow-unset { padding-right: 10000px; margin-right: -10000px; } .slider-main .swiper-pagination-fraction, .slider-main .swiper-pagination-custom, .slider-main .swiper-horizontal > .swiper-pagination-bullets, .slider-main .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 24px; } /* Swiper Navigation */ .section-swiper-navigation:has(.swiper.-section) .custom-button-prev, .section-swiper-navigation:has(.swiper.-section) .custom-button-next, .section-swiper-navigation:has(.swiper.-section) .custom-button-prev2, .section-swiper-navigation:has(.swiper.-section) .custom-button-next2, .section-swiper-navigation:has(.swiper.-section) .custom-button-prev3, .section-swiper-navigation:has(.swiper.-section) .custom-button-next3, .section-swiper-navigation:has(.swiper.-section) .custom-button-prev4, .section-swiper-navigation:has(.swiper.-section) .custom-button-next4, .section-swiper-navigation:has(.swiper.-section) .custom-button-testimonials-prev, .section-swiper-navigation:has(.swiper.-section) .custom-button-testimonials-next { top: calc(50% - 26px); } .section-swiper-navigation .custom-button-prev, .section-swiper-navigation .custom-button-next, .section-swiper-navigation .custom-button-prev2, .section-swiper-navigation .custom-button-next2, .section-swiper-navigation .custom-button-prev3, .section-swiper-navigation .custom-button-next3, .section-swiper-navigation .custom-button-prev4, .section-swiper-navigation .custom-button-next4, .section-swiper-navigation .custom-button-testimonials-prev, .section-swiper-navigation .custom-button-testimonials-next { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; color: var(--black); background-color: var(--white); width: 52px; height: 52px; border-radius: 50%; transition: all ease 0.4s; } .section-swiper-navigation .custom-button-prev.-border, .section-swiper-navigation .custom-button-next.-border, .section-swiper-navigation .custom-button-prev2.-border, .section-swiper-navigation .custom-button-next2.-border, .section-swiper-navigation .custom-button-prev3.-border, .section-swiper-navigation .custom-button-next3.-border, .section-swiper-navigation .custom-button-prev4.-border, .section-swiper-navigation .custom-button-next4.-border, .section-swiper-navigation .custom-button-testimonials-prev.-border, .section-swiper-navigation .custom-button-testimonials-next.-border { border: 1px solid var(--line); } .section-swiper-navigation .custom-button-prev.-relative, .section-swiper-navigation .custom-button-next.-relative, .section-swiper-navigation .custom-button-prev2.-relative, .section-swiper-navigation .custom-button-next2.-relative, .section-swiper-navigation .custom-button-prev3.-relative, .section-swiper-navigation .custom-button-next3.-relative, .section-swiper-navigation .custom-button-prev4.-relative, .section-swiper-navigation .custom-button-next4.-relative, .section-swiper-navigation .custom-button-testimonials-prev.-relative, .section-swiper-navigation .custom-button-testimonials-next.-relative { position: relative !important; top: unset !important; left: unset !important; right: unset !important; bottom: unset !important; transform: unset !important; } .section-swiper-navigation .custom-button-prev:hover, .section-swiper-navigation .custom-button-next:hover, .section-swiper-navigation .custom-button-prev2:hover, .section-swiper-navigation .custom-button-next2:hover, .section-swiper-navigation .custom-button-prev3:hover, .section-swiper-navigation .custom-button-next3:hover, .section-swiper-navigation .custom-button-prev4:hover, .section-swiper-navigation .custom-button-next4:hover, .section-swiper-navigation .custom-button-testimonials-prev:hover, .section-swiper-navigation .custom-button-testimonials-next:hover { border-color: var(--black); background-color: var(--black); color: var(--white); } .section-swiper-navigation .custom-button-prev.slick-disabled, .section-swiper-navigation .custom-button-prev.swiper-button-disabled, .section-swiper-navigation .custom-button-next.slick-disabled, .section-swiper-navigation .custom-button-next.swiper-button-disabled, .section-swiper-navigation .custom-button-prev2.slick-disabled, .section-swiper-navigation .custom-button-prev2.swiper-button-disabled, .section-swiper-navigation .custom-button-next2.slick-disabled, .section-swiper-navigation .custom-button-next2.swiper-button-disabled, .section-swiper-navigation .custom-button-prev3.slick-disabled, .section-swiper-navigation .custom-button-prev3.swiper-button-disabled, .section-swiper-navigation .custom-button-next3.slick-disabled, .section-swiper-navigation .custom-button-next3.swiper-button-disabled, .section-swiper-navigation .custom-button-prev4.slick-disabled, .section-swiper-navigation .custom-button-prev4.swiper-button-disabled, .section-swiper-navigation .custom-button-next4.slick-disabled, .section-swiper-navigation .custom-button-next4.swiper-button-disabled, .section-swiper-navigation .custom-button-testimonials-prev.slick-disabled, .section-swiper-navigation .custom-button-testimonials-prev.swiper-button-disabled, .section-swiper-navigation .custom-button-testimonials-next.slick-disabled, .section-swiper-navigation .custom-button-testimonials-next.swiper-button-disabled { cursor: default; background-color: var(--line); border-color: var(--line); color: var(--black); } @media (max-width: 767.98px) { .section-swiper-navigation .custom-button-prev, .section-swiper-navigation .custom-button-next, .section-swiper-navigation .custom-button-prev2, .section-swiper-navigation .custom-button-next2, .section-swiper-navigation .custom-button-prev3, .section-swiper-navigation .custom-button-next3, .section-swiper-navigation .custom-button-prev4, .section-swiper-navigation .custom-button-next4, .section-swiper-navigation .custom-button-testimonials-prev, .section-swiper-navigation .custom-button-testimonials-next { width: 40px; height: 40px; } } /* Swiper Thumb */ .swiper .swiper-slide { border: 1px solid transparent; } .swiper .swiper-slide-thumb-active { border: 1px solid var(--black); } .scroll-to-top-btn { display: flex; align-items: center; justify-content: center; position: fixed; bottom: 0px; right: 30px; z-index: 2; width: 50px; height: 50px; border-radius: 50%; background-color: var(--white); opacity: 0; visibility: hidden; cursor: pointer; transition: all ease 0.3s; box-shadow: 0px 5px 25px rgba(58, 64, 67, 0.2); } .scroll-to-top-btn:hover { background-color: var(--primary); color: var(--white); } .scroll-to-top-btn.active { bottom: 30px; opacity: 1; visibility: visible; } /* header */ .header { z-index: 10; } .header.-style-map { z-index: 1001; } .header.-style-white .header_inner, .header.fixed .header_inner { background-color: var(--white); } .header.-style-white .header_inner .logo-white, .header.fixed .header_inner .logo-white { display: none; } .header.-style-white .header_inner .logo-black, .header.fixed .header_inner .logo-black { display: block; } .header.-style-white .header_inner .category_block:hover .category_btn, .header.fixed .header_inner .category_block:hover .category_btn { background-color: var(--primary); color: var(--white); } .header.-style-white .header_inner .category_block:hover .category_btn span, .header.fixed .header_inner .category_block:hover .category_btn span { color: var(--white); transition: all 0.2s ease; } .header.-style-white .header_inner .category_btn, .header.fixed .header_inner .category_btn { background-color: var(--background); } .header.-style-white .header_inner .text-white, .header.fixed .header_inner .text-white { color: var(--black); } .header.-style-white .header_inner .button-main, .header.fixed .header_inner .button-main { background-color: var(--primary); color: var(--white); } .header.-style-white .header_inner .button-main:hover, .header.fixed .header_inner .button-main:hover { background-color: #000; } .header.-style-white .header_inner .list_icon a:hover, .header.fixed .header_inner .list_icon a:hover { color: var(--primary); } .header.-style-white .header_inner .search-block button span, .header.fixed .header_inner .search-block button span { color: var(--white); } .header.fixed .header_inner { position: fixed; top: 0; z-index: 10; width: 100%; border-color: transparent; box-shadow: 0px 10px 25px 0px rgba(43, 52, 74, 0.12); animation: animateHeader ease 0.5s; } .header.-style-6 .header_inner { position: fixed !important; top: 20px; width: 1290px !important; animation: unset !important; } @media (max-width: 1340px) { .header.-style-6 .header_inner { width: auto !important; left: 16px; right: 16px; } } .header .category_block:hover .category_btn { background-color: var(--white); color: var(--black); } .header .category_block:hover .category_nav { visibility: visible; opacity: 1; pointer-events: all; transform: translateY(0); } .header .category_nav { overflow: hidden; visibility: hidden; position: absolute; top: 100%; width: 1290px; border-radius: 8px; background-color: var(--white); opacity: 0; pointer-events: none; transform: translateY(20px); box-shadow: 0px 10px 25px 0px rgba(72, 95, 119, 0.15); transition: all ease 0.4s; } @media (max-width: 1700px) { .header .category_nav { left: -60px; } } .header .category_link span { transition: color 0.3s ease; } .header .category_link:hover, .header .category_link.active { background-color: var(--background); } .header .category_link:hover span, .header .category_link.active span { color: var(--primary); } .header .category_name { display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .header .category_list_detail { display: none; } .header .category_list_detail.active { display: grid; } .header.-style-reverse .category_nav { right: 0; } @media (max-width: 1700px) { .header.-style-reverse .category_nav { right: -60px; left: unset; } } .header .notification_block::before { content: ""; position: absolute; top: 100%; left: 50%; width: 52px; height: 32px; background-color: transparent; transform: translateX(-50%); } .header .notification_block .notification_submenu { visibility: hidden; opacity: 0; transform: translateY(20px); transition: all ease 0.4s; box-shadow: 0px 0px 20px 0px rgba(72, 95, 119, 0.15); pointer-events: none; } .header .notification_block .notification_submenu::before { content: ""; position: absolute; top: -6px; left: 40px; width: 20px; height: 20px; background-color: var(--white); transform: rotate(45deg); } .header .notification_block:hover .notification_submenu { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: all; } .header .user_block::before { content: ""; position: absolute; top: 100%; left: 50%; width: 100%; height: 32px; background-color: transparent; transform: translateX(-50%); } .header .user_block .list_action_user { visibility: hidden; opacity: 0; transform: translateY(20px); transition: all ease 0.4s; box-shadow: 0px 0px 20px 0px rgba(72, 95, 119, 0.15); pointer-events: none; } .header .user_block:hover .list_action_user { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: all; } .navigator > ul > li > a::before { content: ""; position: absolute; bottom: 22px; left: 0; width: 0; height: 2px; background-color: var(--primary); transition: all ease 0.3s; } .navigator > ul > li > a.active::before { width: calc(100% - 20px); } .navigator > ul > li:hover > a::before { width: calc(100% - 20px); } .navigator > ul > li:hover .sub_menu { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: all; } .navigator .sub_menu { visibility: hidden; top: 100%; z-index: -1; opacity: 0; transform: translateY(20px); transition: all ease 0.3s; box-shadow: 0px 5px 25px 0px rgba(138, 159, 168, 0.15); pointer-events: none; } .navigator .sub_menu li > .link.active { background-color: var(--background); } .navigator .sub_menu li:hover > .link { background-color: var(--background); } .navigator .sub_menu li:hover .sub_menu_two { visibility: visible; z-index: 1; opacity: 1; transform: translateX(0); } .navigator .sub_menu_home { top: calc(5rem - 1px); max-height: calc(100vh - 10rem); } .navigator .sub_menu_home::-webkit-scrollbar { width: 6px; background-color: #e0e0e0; } .navigator .sub_menu_home::-webkit-scrollbar-thumb { background-color: #a7a7a7; border-radius: 6px; } .navigator .sub_menu_home li > .link.active { color: var(--primary); background-color: var(--white); } .navigator .sub_menu_home li:hover > .link { color: var(--primary); background-color: var(--white); } .navigator .sub_menu_two { visibility: hidden; opacity: 0; transform: translateX(20px); transition: all ease 0.4s; box-shadow: 0px 5px 25px 0px rgba(138, 159, 168, 0.15); } @media (max-width: 640px) { .list_action .button-main, .list_action .list_icon { display: none; } } /* menu_mobile */ .menu_mobile { overflow: hidden; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 1001; width: 100vw; height: 100vh; background-color: var(--white); opacity: 0; pointer-events: none; transform: translateX(-100%); transition: all ease 0.4s; } .menu_mobile.open { visibility: visible; opacity: 1; pointer-events: all; transform: translateX(0); } .menu_mobile .nav_mobile { position: relative; padding: 0 20px; } .menu_mobile .nav_mobile .nav_item .sub_nav_mobile, .menu_mobile .nav_mobile .nav_item .sub_nav_mobile2 { position: absolute; top: 0; left: calc(100% + 24px); width: 100%; padding: 0 20px; background-color: var(--white); transition: all ease 0.3s; z-index: 10; } .menu_mobile .nav_mobile .nav_item .sub_nav_mobile .list-nav-item, .menu_mobile .nav_mobile .nav_item .sub_nav_mobile2 .list-nav-item { overflow-x: hidden; height: max-content; max-height: calc(100vh - 120px); } .menu_mobile .nav_mobile .nav_item .sub_nav_mobile .list-nav-item .nav_item > a, .menu_mobile .nav_mobile .nav_item .sub_nav_mobile2 .list-nav-item .nav_item > a { position: relative; } .menu_mobile .nav_mobile .nav_item .sub_nav_mobile .list-nav-item .nav_item > a::before, .menu_mobile .nav_mobile .nav_item .sub_nav_mobile2 .list-nav-item .nav_item > a::before { content: ""; position: absolute; bottom: 6px; left: 0; width: 0; height: 1px; background-color: var(--black); } .menu_mobile .nav_mobile .nav_item .sub_nav_mobile .list-nav-item .nav_item > a.active::before, .menu_mobile .nav_mobile .nav_item .sub_nav_mobile2 .list-nav-item .nav_item > a.active::before { width: 100%; } .menu_mobile .nav_mobile .nav_item .sub_nav_mobile .nav_item.open .sub_nav_mobile2 { left: 0; } .menu_mobile .nav_mobile .nav_item.open .sub_nav_mobile { left: 0; } @keyframes animateHeader { 0% { transform: translate3d(0, -100%, 0); } 100% { transform: translate3d(0, 0, 0); } } /* slider */ /*slider freelancer3*/ .slider.-style-3 .slider_bg .icon_link, .slider.-style-3 .slider_bg .icon_like { animation: slide_1 20s linear 0s infinite; } .slider.-style-3 .slider_bg .icon_heart { animation: slide_2 20s linear 0s infinite; } .slider.-style-9 { animation-name: uicoreZoomOutUp, uicoreFadeIn !important; animation-duration: 1.9s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1); } .slider.-style-reverse .slider_bg img { transform: rotateY(180deg); } .banner.-style-reverse .banner_bg img { transform: rotateY(180deg); } .leaflet-popup-content { width: max-content !important; max-width: 400px; } /* testimonials */ .testimonials.-style-6 .testimonials_image .testimonials_avatar { display: none; } .list-testimonials .slick-list { overflow: unset; margin-left: -10px; margin-right: -10px; padding-top: 28px !important; padding-bottom: 28px !important; cursor: grab; } @media (min-width: 768px) { .list-testimonials .slick-list { margin-left: -16px; margin-right: -16px; padding-top: 40px !important; padding-bottom: 40px !important; } } .list-testimonials .testimonials_item { padding: 0 10px; } @media (min-width: 768px) { .list-testimonials .testimonials_item { padding: 0 16px; } } .list-testimonials .testimonials_item:hover .icon-slash { opacity: 1; } .list-testimonials .testimonials_item .testimonials_review { display: block; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .slick-dots { display: flex !important; align-items: center; justify-content: center; padding-bottom: 0; gap: 8px; } @media (max-width: 767.99px) { .slick-dots { margin-top: 32px; } } .slick-dots li { position: relative; border: none; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; } .slick-dots li button { display: none; } .slick-dots li::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: transparent; border: 1px solid #171717; transition: 0.5s; } .slick-dots li.slick-active { border: 1px solid var(--black); background-color: #fff; } .slick-dots li.slick-active::after { background-color: var(--black); border: 1px solid var(--black); } .slick-list-location .slick-list { margin-left: -10px; margin-right: -10px; cursor: grab; } .slick-list-location .slick-list .location_slide { padding: 0 10px; } .slick-list-location .slick-dots { margin-top: 32px; } .location_item.-shadow { position: relative; } .location_item.-shadow::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.44%, rgba(0, 0, 0, 0.8) 100%); } .location_item .location_img { transition: transform 0.8s ease; } .location_item:hover .location_img { transform: scale(1.1); } /* process */ .process.-style-8 .list .item { position: relative; } .process.-style-8 .list .item::before { content: ""; position: absolute; top: 48px; left: 60%; width: 120%; height: 4px; background-color: #E0EEEE; } .process.-style-8 .list .item:last-child::before { display: none; } @media (max-width: 1280px) { .process.-style-8 .list .item::before { left: 50%; width: 100%; } .process.-style-8 .list .item:nth-child(2)::before { display: none; } } @media (max-width: 640px) { .process.-style-8 .list .item::before { top: 40px; } } .process.-style-8 .list .item .icon::before { content: ""; position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border-radius: 50%; background-color: #fff; } @media (max-width: 640px) { .process.-style-8 .list .item .icon::before { top: 16px; right: 16px; bottom: 16px; left: 16px; } } .process.-style-8 .list .item:hover .icon span { transform: rotateY(180deg); } /* faqs */ .faqs .list_faqs .faq_item .answer { display: none; } .faqs .list_faqs .faq_item.active .icon_arrow { transform: rotate(-180deg); } .faqs .list_faqs .faq_item:last-child { border: none; } /* video */ .video { position: relative; background-attachment: fixed; background-image: url(../assets/images/components/banner_video7.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; } .video::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .dashboard_main tr.item .title, .dashboard_main tr.item .desc, .dashboard_main tr .info .title, .dashboard_main tr .info .desc, .dashboard_main .outstanding.item .title, .dashboard_main .outstanding.item .desc, .dashboard_main .outstanding .info .title, .dashboard_main .outstanding .info .desc { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .dashboard_main tr.item .title.-style-1, .dashboard_main tr.item .desc.-style-1, .dashboard_main tr .info .title.-style-1, .dashboard_main tr .info .desc.-style-1, .dashboard_main .outstanding.item .title.-style-1, .dashboard_main .outstanding.item .desc.-style-1, .dashboard_main .outstanding .info .title.-style-1, .dashboard_main .outstanding .info .desc.-style-1 { -webkit-line-clamp: 1; word-break: break-all; } @media (max-width: 639.98px) { .message_block .left { transition: all 0.3s ease; } .message_block .left:has(.chat_item.active) { transform: translateX(-100%); } .message_block .right { transition: all 0.3s ease; } .message_block .right:has(.chat_box.open) { transform: translateX(-100%); } } .message_block .list_chat, .message_block .chat_content { max-height: calc(100% - 5.5rem); } .message_block .list_chat .chat_item.active { background-color: var(--background); } .message_block .list_chat .chat_item .chat_name, .message_block .list_chat .chat_item .chat_text { display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .message_block .list_chat .chat_item .chat_time, .message_block .list_chat .chat_item .chat_quantity { flex-shrink: 0; white-space: nowrap; } .message_block .chat_box { display: none; } .message_block .chat_box.open { display: block; } .dashboard_meeting .list_meeting .item:last-child { border-bottom: transparent; } .dashboard_payouts .menu_tab .tab_btn .ic_check { display: none; } .dashboard_payouts .menu_tab .tab_btn.active .ic_type { color: var(--primary); } .dashboard_payouts .menu_tab .tab_btn.active .ic_check { display: block; } .choose_plan .list_plan .item:has(input:checked) { background-color: var(--background); border-color: var(--primary); } .choose_plan .list_plan .item input { position: relative; appearance: none; border-radius: 50%; border: 2px solid var(--line); background: var(--white); } .choose_plan .list_plan .item input::before { content: ""; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; border-radius: 50%; background: transparent; transition: all 0.2s ease; } .choose_plan .list_plan .item input:checked { border-color: var(--primary); } .choose_plan .list_plan .item input:checked::before { background: var(--primary); } .choose_plan .list_plan .item.bg-transparent { background-color: transparent !important; } .list_package .list_pricing .pricing_item .btn_buy input { appearance: none; outline: none; } .list_package .list_pricing .pricing_item .btn_buy .ic_check { display: none; } .list_package .list_pricing .pricing_item .btn_buy:has(input:checked) { background-color: var(--primary); } .list_package .list_pricing .pricing_item .btn_buy:has(input:checked) input { border: none; } .list_package .list_pricing .pricing_item .btn_buy:has(input:checked) .ic_check { display: block; } .list_package .list_pricing .pricing_item .btn_buy:has(input:checked) span { color: var(--white); } .upload_portfolio .image-previews:has(.image-preview) { padding-right: 1.25rem; } .upload_portfolio .image-previews .image-preview { position: relative; overflow: hidden; flex-shrink: 0; width: 116px; height: 102px; border-radius: 8px; } @media (min-width: 640px) { .upload_portfolio .image-previews .image-preview { width: 248px; height: 186px; } } .upload_portfolio .image-previews .image-preview img { width: 100%; height: 100%; object-fit: cover; } .upload_portfolio .image-previews .image-preview .remove-image { position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; background-color: var(--white); color: var(--red); transition: 0.3s; } .upload_portfolio .image-previews .image-preview .remove-image:hover { background-color: var(--red); color: var(--white); } .ql-editor { min-height: 100px; } .jobs.-half-map .jobs_inner, .jobs.-half-map .project_inner, .jobs.-half-map .employers_inner, .jobs.-half-map .candidates_inner, .jobs.-half-map .services_inner, .project.-half-map .jobs_inner, .project.-half-map .project_inner, .project.-half-map .employers_inner, .project.-half-map .candidates_inner, .project.-half-map .services_inner, .employers.-half-map .jobs_inner, .employers.-half-map .project_inner, .employers.-half-map .employers_inner, .employers.-half-map .candidates_inner, .employers.-half-map .services_inner, .candidates.-half-map .jobs_inner, .candidates.-half-map .project_inner, .candidates.-half-map .employers_inner, .candidates.-half-map .candidates_inner, .candidates.-half-map .services_inner, .services.-half-map .jobs_inner, .services.-half-map .project_inner, .services.-half-map .employers_inner, .services.-half-map .candidates_inner, .services.-half-map .services_inner { overflow-x: hidden; height: 100%; max-height: calc(100% - 68px); } .jobs.-half-map .jobs_inner::-webkit-scrollbar, .jobs.-half-map .project_inner::-webkit-scrollbar, .jobs.-half-map .employers_inner::-webkit-scrollbar, .jobs.-half-map .candidates_inner::-webkit-scrollbar, .jobs.-half-map .services_inner::-webkit-scrollbar, .project.-half-map .jobs_inner::-webkit-scrollbar, .project.-half-map .project_inner::-webkit-scrollbar, .project.-half-map .employers_inner::-webkit-scrollbar, .project.-half-map .candidates_inner::-webkit-scrollbar, .project.-half-map .services_inner::-webkit-scrollbar, .employers.-half-map .jobs_inner::-webkit-scrollbar, .employers.-half-map .project_inner::-webkit-scrollbar, .employers.-half-map .employers_inner::-webkit-scrollbar, .employers.-half-map .candidates_inner::-webkit-scrollbar, .employers.-half-map .services_inner::-webkit-scrollbar, .candidates.-half-map .jobs_inner::-webkit-scrollbar, .candidates.-half-map .project_inner::-webkit-scrollbar, .candidates.-half-map .employers_inner::-webkit-scrollbar, .candidates.-half-map .candidates_inner::-webkit-scrollbar, .candidates.-half-map .services_inner::-webkit-scrollbar, .services.-half-map .jobs_inner::-webkit-scrollbar, .services.-half-map .project_inner::-webkit-scrollbar, .services.-half-map .employers_inner::-webkit-scrollbar, .services.-half-map .candidates_inner::-webkit-scrollbar, .services.-half-map .services_inner::-webkit-scrollbar { width: 8px; background-color: #dddddd; } .jobs.-half-map .jobs_inner::-webkit-scrollbar-thumb, .jobs.-half-map .project_inner::-webkit-scrollbar-thumb, .jobs.-half-map .employers_inner::-webkit-scrollbar-thumb, .jobs.-half-map .candidates_inner::-webkit-scrollbar-thumb, .jobs.-half-map .services_inner::-webkit-scrollbar-thumb, .project.-half-map .jobs_inner::-webkit-scrollbar-thumb, .project.-half-map .project_inner::-webkit-scrollbar-thumb, .project.-half-map .employers_inner::-webkit-scrollbar-thumb, .project.-half-map .candidates_inner::-webkit-scrollbar-thumb, .project.-half-map .services_inner::-webkit-scrollbar-thumb, .employers.-half-map .jobs_inner::-webkit-scrollbar-thumb, .employers.-half-map .project_inner::-webkit-scrollbar-thumb, .employers.-half-map .employers_inner::-webkit-scrollbar-thumb, .employers.-half-map .candidates_inner::-webkit-scrollbar-thumb, .employers.-half-map .services_inner::-webkit-scrollbar-thumb, .candidates.-half-map .jobs_inner::-webkit-scrollbar-thumb, .candidates.-half-map .project_inner::-webkit-scrollbar-thumb, .candidates.-half-map .employers_inner::-webkit-scrollbar-thumb, .candidates.-half-map .candidates_inner::-webkit-scrollbar-thumb, .candidates.-half-map .services_inner::-webkit-scrollbar-thumb, .services.-half-map .jobs_inner::-webkit-scrollbar-thumb, .services.-half-map .project_inner::-webkit-scrollbar-thumb, .services.-half-map .employers_inner::-webkit-scrollbar-thumb, .services.-half-map .candidates_inner::-webkit-scrollbar-thumb, .services.-half-map .services_inner::-webkit-scrollbar-thumb { background-color: #afafaf; border-radius: 8px; } .jobs.-half-map .list_pagination, .project.-half-map .list_pagination, .employers.-half-map .list_pagination, .candidates.-half-map .list_pagination, .services.-half-map .list_pagination { max-width: unset; box-shadow: 0px 5px 18px 5px rgba(64, 72, 87, 0.15); } .jobs_sidebar .delivery .days input, .project_sidebar .delivery .days input, .employers_sidebar .delivery .days input, .candidates_sidebar .delivery .days input, .services_sidebar .delivery .days input { max-width: 34px; text-align: center; field-sizing: content; } .list_layout .layout_btn, .list_layout .layout_link { display: block; position: relative; width: 30px; height: 30px; } .list_layout .layout_btn::before, .list_layout .layout_link::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; content: ""; } .list_layout .layout_btn.cols_2::before, .list_layout .layout_btn.grid2::before, .list_layout .layout_link.cols_2::before, .list_layout .layout_link.grid2::before { background-image: url("../assets/images/icon/grid2.svg"); } .list_layout .layout_btn.cols_2.active::before, .list_layout .layout_btn.grid2.active::before, .list_layout .layout_link.cols_2.active::before, .list_layout .layout_link.grid2.active::before { background-image: url("../assets/images/icon/grid2-active.svg"); } .list_layout .layout_btn.cols_3::before, .list_layout .layout_btn.grid3::before, .list_layout .layout_link.cols_3::before, .list_layout .layout_link.grid3::before { background-image: url("../assets/images/icon/grid3.svg"); } .list_layout .layout_btn.cols_3.active::before, .list_layout .layout_btn.grid3.active::before, .list_layout .layout_link.cols_3.active::before, .list_layout .layout_link.grid3.active::before { background-image: url("../assets/images/icon/grid3-active.svg"); } .list_layout .layout_btn.cols_4::before, .list_layout .layout_btn.grid4::before, .list_layout .layout_link.cols_4::before, .list_layout .layout_link.grid4::before { background-image: url("../assets/images/icon/grid4.svg"); } .list_layout .layout_btn.cols_4.active::before, .list_layout .layout_btn.grid4.active::before, .list_layout .layout_link.cols_4.active::before, .list_layout .layout_link.grid4.active::before { background-image: url("../assets/images/icon/grid4-active.svg"); } .list_layout .layout_btn.cols_5, .list_layout .layout_btn.grid5, .list_layout .layout_link.cols_5, .list_layout .layout_link.grid5 { width: 38px; } .list_layout .layout_btn.cols_5::before, .list_layout .layout_btn.grid5::before, .list_layout .layout_link.cols_5::before, .list_layout .layout_link.grid5::before { left: -8px; background-position: left; background-size: contain; background-image: url("../assets/images/icon/grid2.svg"); } .list_layout .layout_btn.cols_5::after, .list_layout .layout_btn.grid5::after, .list_layout .layout_link.cols_5::after, .list_layout .layout_link.grid5::after { position: absolute; top: 0; left: 12px; width: 100%; height: 100%; background-position: left; background-repeat: no-repeat; background-size: contain; background-image: url("../assets/images/icon/grid3.svg"); content: ""; } .list_layout .layout_btn.cols_5.active::before, .list_layout .layout_btn.grid5.active::before, .list_layout .layout_link.cols_5.active::before, .list_layout .layout_link.grid5.active::before { background-image: url("../assets/images/icon/grid2-active.svg"); } .list_layout .layout_btn.cols_5.active::after, .list_layout .layout_btn.grid5.active::after, .list_layout .layout_link.cols_5.active::after, .list_layout .layout_link.grid5.active::after { background-image: url("../assets/images/icon/grid3-active.svg"); } .list_layout .layout_btn.list::before, .list_layout .layout_link.list::before { background-image: url("../assets/images/icon/list.svg"); } .list_layout .layout_btn.list.active::before, .list_layout .layout_link.list.active::before { background-image: url("../assets/images/icon/list-active.svg"); } @media (min-width: 1280px) { .grid.cols_5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid.cols_4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid.cols_3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid.cols_2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid.cols_1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .list_filtered { display: none; } .list_filtered.open { display: flex; } /*# sourceMappingURL=output-scss.css.map */ .bg-black0 { background-color: #000; } .bg-whatsapp { background: #25D366; } #otp-input { display: flex; column-gap: 8px; justify-content: center; } #otp-input input { text-align: center; padding: 10px 8px 10px 8px; border: 1px solid #adadad; border-radius: 4px; outline: none; height: 64px; width: 50px; } #otp-input input:focus { border: 1px solid #497e76; } #otp-input input:focus::placeholder { color: transparent; } #otp-input input::-webkit-outer-spin-button, #otp-input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #otp-input input[type="number"] { -moz-appearance: textfield; /* Firefox */ } .footer_content { display: flex; } .displaySearchTranslatorsFixed{ display: none; } @media (max-width: 640px) { .footer_content { display: flex; gap: 10px; flex-direction: column; } .displaySearchTranslatorsFixed { width: 100%; background: transparent; position: fixed; bottom: 10px; display: flex; text-align: center; justify-content: center; align-items: center; z-index: 9; } .displaySearchTranslatorsFixed a { background: var(--primary); border-radius: 8px; padding: 7px 25px; color: #fff; z-index: 999; } }