/**
* Swiper 11.2.5
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: March 3, 2025
*/
@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);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%;-o-object-fit:contain;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;-moz-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%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;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;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;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;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}
.phone {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/phone.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.narrow-down {
display: inline-block;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.narrow-down-black {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/images/v3/icons/narrow-down-black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.arrow-sm-down-black {
display: inline-block;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.narrow-right-primary {
display: inline-block;
width: 28px;
height: 28px;
background-image: url("/images/v3/icons/arrrow-right.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.user {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/user.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.narrow-right-primary-light {
display: inline-block;
width: 28px;
height: 28px;
background-image: url("/images/v3/icons/arrow-right-light.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.arrow-right-white {
display: inline-block;
width: 28px;
height: 28px;
background-image: url("/images/v3/icons/arrow-right-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.arrow-left-white {
display: inline-block;
width: 28px;
height: 28px;
background-image: url("/images/v3/icons/arrow-left-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.flow-up-primary {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/flow-up.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.workflow-primary {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/workflow.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.date-check-primary {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/date-check.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.performance-primary {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/performance.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.check {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/check.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.email {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/email.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.arrow-down {
display: inline-block;
width: 40px;
height: 40px;
background-image: url("/images/v3/icons/arrow-down.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.storage {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/storage.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.fly {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/fly.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.like {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/like.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.recovery {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/recovery.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.group {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/group.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.date-check {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/date-check.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.cloud {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/cloud.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.clock {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/lock.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.star {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/start.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.lock {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/lock.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.hand-shake {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/hand-shake.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.plush {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/plush.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.people-star {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/people-star.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.rolling {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/rolling.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.paper {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/paper.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.user-star {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/user-star.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.todo {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/todo.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.timeline {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/timeline.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.savings {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/savings.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.hand-heart {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/hand-heart.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.privacy-policy {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/privacy-policy.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.photo-editor {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/photo-editor.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.zoom {
display: inline-block;
width: 22px;
height: 22px;
background-image: url("/images/v3/icons/zoom.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.zoom-white {
display: inline-block;
width: 18px;
height: 18px;
background-image: url("/images/v3/icons/zoom-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.iconLeft {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/iconLeft.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.arrow-left_black {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/images/v3/icons/arrow-left_black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.arrow-right_black {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/images/v3/icons/arrow-right_black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.data-download {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/images/v3/icons/data-download.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.shopping-cart {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/images/v3/icons/shopping-cart.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.heart {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/images/v3/icons/heart.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.l-search {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/l-search.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.letter {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/letter.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.arrow-breadcrumb {
display: inline-block;
width: 12px;
height: 12px;
background-image: url("/images/v3/icons/arrow-breadcrumb.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.phone-call-white {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/phone-call-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.users-white {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/users-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.shopping-cart-white {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/shopping-cart-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.arrow-left-primary {
display: inline-block;
width: 18px;
height: 18px;
background-image: url("/images/v3/icons/arrow-left-primary.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.book {
display: inline-block;
width: 18px;
height: 18px;
background-image: url("/images/v3/icons/book.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.close {
display: inline-block;
width: 18px;
height: 18px;
background-image: url("/images/v3/icons/close.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.letter-black {
display: inline-block;
width: 18px;
height: 18px;
background-image: url("/images/v3/icons/letter-black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.data-download-white {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/data-download-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.arrow-sm-down {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/arrow-sm-down.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.zoom-primary {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/zoom-primary.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.menu {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/menu.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.menu-white {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/menu-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.eye {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/eye.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.facebook {
display: inline-block;
width: 32px;
height: 32px;
background-image: url("/images/v3/icons/Facebook.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.twitter {
display: inline-block;
width: 32px;
height: 32px;
background-image: url("/images/v3/icons/Twitter.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.mail {
display: inline-block;
width: 32px;
height: 32px;
background-image: url("/images/v3/icons/Mail.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.lock-black {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/lock-black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.users-black {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/users-black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.flag {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/flag.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.team {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/team.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.team.active {
background-image: url("/images/v3/icons/team-active.svg");
}
.candlestick-chart {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/candlestick-chart.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.candlestick-chart.active {
background-image: url("/images/v3/icons/candlestick-chart-active.svg");
}
.folder-chart-pie {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/folder-chart-pie.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.folder-chart-pie.active {
background-image: url("/images/v3/icons/folder-chart-pie-active.svg");
}
.l-search-d {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/l-search-d.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.l-search-d.active {
background-image: url("/images/v3/icons/l-search-d-active.svg");
}
.document-copy {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/document-copy.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.document-copy.active {
background-image: url("/images/v3/icons/document-copy-active.svg");
}
.bell {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/bell.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.bell.active {
background-image: url("/images/v3/icons/bell-active.svg");
}
.profile {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/profile.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.profile.active {
background-image: url("/images/v3/icons/profile-active.svg");
}
.google {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/google.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.image {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/image.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.emoji {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/emoji.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.zoom-black {
display: inline-block;
width: 22px;
height: 22px;
background-image: url("/images/v3/icons/zoom-black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.like-black {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/images/v3/icons/like-black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.chat {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/images/v3/icons/chat.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.share {
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/images/v3/icons/share.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.zalo-white {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/zalo-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.time-machine {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/time-machine.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.square-pin {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/square-pin.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.presentation {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/images/v3/icons/presentation.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.narrow-right-white {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/narrow-right-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.log-out-info {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/images/v3/icons/log-out.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
/*! tailwindcss v4.0.6 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(.971 .013 17.38);--color-red-100:oklch(.936 .032 17.717);--color-red-200:oklch(.885 .062 18.334);--color-red-300:oklch(.808 .114 19.571);--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-700:oklch(.505 .213 27.518);--color-red-800:oklch(.444 .177 26.899);--color-red-900:oklch(.396 .141 25.723);--color-red-950:oklch(.258 .092 26.042);--color-orange-50:oklch(.98 .016 73.684);--color-orange-100:oklch(.954 .038 75.164);--color-orange-200:oklch(.901 .076 70.697);--color-orange-300:oklch(.837 .128 66.29);--color-orange-400:oklch(.75 .183 55.934);--color-orange-500:oklch(.705 .213 47.604);--color-orange-600:oklch(.646 .222 41.116);--color-orange-700:oklch(.553 .195 38.402);--color-orange-800:oklch(.47 .157 37.304);--color-orange-900:oklch(.408 .123 38.172);--color-orange-950:oklch(.266 .079 36.259);--color-amber-50:oklch(.987 .022 95.277);--color-amber-100:oklch(.962 .059 95.617);--color-amber-200:oklch(.924 .12 95.746);--color-amber-300:oklch(.879 .169 91.605);--color-amber-400:oklch(.828 .189 84.429);--color-amber-500:oklch(.769 .188 70.08);--color-amber-600:oklch(.666 .179 58.318);--color-amber-700:oklch(.555 .163 48.998);--color-amber-800:oklch(.473 .137 46.201);--color-amber-900:oklch(.414 .112 45.904);--color-amber-950:oklch(.279 .077 45.635);--color-yellow-50:oklch(.987 .026 102.212);--color-yellow-100:oklch(.973 .071 103.193);--color-yellow-200:oklch(.945 .129 101.54);--color-yellow-300:oklch(.905 .182 98.111);--color-yellow-400:oklch(.852 .199 91.936);--color-yellow-500:oklch(.795 .184 86.047);--color-yellow-600:oklch(.681 .162 75.834);--color-yellow-700:oklch(.554 .135 66.442);--color-yellow-800:oklch(.476 .114 61.907);--color-yellow-900:oklch(.421 .095 57.708);--color-yellow-950:oklch(.286 .066 53.813);--color-lime-50:oklch(.986 .031 120.757);--color-lime-100:oklch(.967 .067 122.328);--color-lime-200:oklch(.938 .127 124.321);--color-lime-300:oklch(.897 .196 126.665);--color-lime-400:oklch(.841 .238 128.85);--color-lime-500:oklch(.768 .233 130.85);--color-lime-600:oklch(.648 .2 131.684);--color-lime-700:oklch(.532 .157 131.589);--color-lime-800:oklch(.453 .124 130.933);--color-lime-900:oklch(.405 .101 131.063);--color-lime-950:oklch(.274 .072 132.109);--color-green-50:oklch(.982 .018 155.826);--color-green-100:oklch(.962 .044 156.743);--color-green-200:oklch(.925 .084 155.995);--color-green-300:oklch(.871 .15 154.449);--color-green-400:oklch(.792 .209 151.711);--color-green-500:oklch(.723 .219 149.579);--color-green-600:oklch(.627 .194 149.214);--color-green-700:oklch(.527 .154 150.069);--color-green-800:oklch(.448 .119 151.328);--color-green-900:oklch(.393 .095 152.535);--color-green-950:oklch(.266 .065 152.934);--color-emerald-50:oklch(.979 .021 166.113);--color-emerald-100:oklch(.95 .052 163.051);--color-emerald-200:oklch(.905 .093 164.15);--color-emerald-300:oklch(.845 .143 164.978);--color-emerald-400:oklch(.765 .177 163.223);--color-emerald-500:oklch(.696 .17 162.48);--color-emerald-600:oklch(.596 .145 163.225);--color-emerald-700:oklch(.508 .118 165.612);--color-emerald-800:oklch(.432 .095 166.913);--color-emerald-900:oklch(.378 .077 168.94);--color-emerald-950:oklch(.262 .051 172.552);--color-teal-50:oklch(.984 .014 180.72);--color-teal-100:oklch(.953 .051 180.801);--color-teal-200:oklch(.91 .096 180.426);--color-teal-300:oklch(.855 .138 181.071);--color-teal-400:oklch(.777 .152 181.912);--color-teal-500:oklch(.704 .14 182.503);--color-teal-600:oklch(.6 .118 184.704);--color-teal-700:oklch(.511 .096 186.391);--color-teal-800:oklch(.437 .078 188.216);--color-teal-900:oklch(.386 .063 188.416);--color-teal-950:oklch(.277 .046 192.524);--color-cyan-50:oklch(.984 .019 200.873);--color-cyan-100:oklch(.956 .045 203.388);--color-cyan-200:oklch(.917 .08 205.041);--color-cyan-300:oklch(.865 .127 207.078);--color-cyan-400:oklch(.789 .154 211.53);--color-cyan-500:oklch(.715 .143 215.221);--color-cyan-600:oklch(.609 .126 221.723);--color-cyan-700:oklch(.52 .105 223.128);--color-cyan-800:oklch(.45 .085 224.283);--color-cyan-900:oklch(.398 .07 227.392);--color-cyan-950:oklch(.302 .056 229.695);--color-sky-50:oklch(.977 .013 236.62);--color-sky-100:oklch(.951 .026 236.824);--color-sky-200:oklch(.901 .058 230.902);--color-sky-300:oklch(.828 .111 230.318);--color-sky-400:oklch(.746 .16 232.661);--color-sky-500:oklch(.685 .169 237.323);--color-sky-600:oklch(.588 .158 241.966);--color-sky-700:oklch(.5 .134 242.749);--color-sky-800:oklch(.443 .11 240.79);--color-sky-900:oklch(.391 .09 240.876);--color-sky-950:oklch(.293 .066 243.157);--color-blue-50:oklch(.97 .014 254.604);--color-blue-100:oklch(.932 .032 255.585);--color-blue-200:oklch(.882 .059 254.128);--color-blue-300:oklch(.809 .105 251.813);--color-blue-400:oklch(.707 .165 254.624);--color-blue-500:oklch(.623 .214 259.815);--color-blue-600:oklch(.546 .245 262.881);--color-blue-700:oklch(.488 .243 264.376);--color-blue-800:oklch(.424 .199 265.638);--color-blue-900:oklch(.379 .146 265.522);--color-blue-950:oklch(.282 .091 267.935);--color-indigo-50:oklch(.962 .018 272.314);--color-indigo-100:oklch(.93 .034 272.788);--color-indigo-200:oklch(.87 .065 274.039);--color-indigo-300:oklch(.785 .115 274.713);--color-indigo-400:oklch(.673 .182 276.935);--color-indigo-500:oklch(.585 .233 277.117);--color-indigo-600:oklch(.511 .262 276.966);--color-indigo-700:oklch(.457 .24 277.023);--color-indigo-800:oklch(.398 .195 277.366);--color-indigo-900:oklch(.359 .144 278.697);--color-indigo-950:oklch(.257 .09 281.288);--color-violet-50:oklch(.969 .016 293.756);--color-violet-100:oklch(.943 .029 294.588);--color-violet-200:oklch(.894 .057 293.283);--color-violet-300:oklch(.811 .111 293.571);--color-violet-400:oklch(.702 .183 293.541);--color-violet-500:oklch(.606 .25 292.717);--color-violet-600:oklch(.541 .281 293.009);--color-violet-700:oklch(.491 .27 292.581);--color-violet-800:oklch(.432 .232 292.759);--color-violet-900:oklch(.38 .189 293.745);--color-violet-950:oklch(.283 .141 291.089);--color-purple-50:oklch(.977 .014 308.299);--color-purple-100:oklch(.946 .033 307.174);--color-purple-200:oklch(.902 .063 306.703);--color-purple-300:oklch(.827 .119 306.383);--color-purple-400:oklch(.714 .203 305.504);--color-purple-500:oklch(.627 .265 303.9);--color-purple-600:oklch(.558 .288 302.321);--color-purple-700:oklch(.496 .265 301.924);--color-purple-800:oklch(.438 .218 303.724);--color-purple-900:oklch(.381 .176 304.987);--color-purple-950:oklch(.291 .149 302.717);--color-fuchsia-50:oklch(.977 .017 320.058);--color-fuchsia-100:oklch(.952 .037 318.852);--color-fuchsia-200:oklch(.903 .076 319.62);--color-fuchsia-300:oklch(.833 .145 321.434);--color-fuchsia-400:oklch(.74 .238 322.16);--color-fuchsia-500:oklch(.667 .295 322.15);--color-fuchsia-600:oklch(.591 .293 322.896);--color-fuchsia-700:oklch(.518 .253 323.949);--color-fuchsia-800:oklch(.452 .211 324.591);--color-fuchsia-900:oklch(.401 .17 325.612);--color-fuchsia-950:oklch(.293 .136 325.661);--color-pink-50:oklch(.971 .014 343.198);--color-pink-100:oklch(.948 .028 342.258);--color-pink-200:oklch(.899 .061 343.231);--color-pink-300:oklch(.823 .12 346.018);--color-pink-400:oklch(.718 .202 349.761);--color-pink-500:oklch(.656 .241 354.308);--color-pink-600:oklch(.592 .249 .584);--color-pink-700:oklch(.525 .223 3.958);--color-pink-800:oklch(.459 .187 3.815);--color-pink-900:oklch(.408 .153 2.432);--color-pink-950:oklch(.284 .109 3.907);--color-rose-50:oklch(.969 .015 12.422);--color-rose-100:oklch(.941 .03 12.58);--color-rose-200:oklch(.892 .058 10.001);--color-rose-300:oklch(.81 .117 11.638);--color-rose-400:oklch(.712 .194 13.428);--color-rose-500:oklch(.645 .246 16.439);--color-rose-600:oklch(.586 .253 17.585);--color-rose-700:oklch(.514 .222 16.935);--color-rose-800:oklch(.455 .188 13.697);--color-rose-900:oklch(.41 .159 10.272);--color-rose-950:oklch(.271 .105 12.094);--color-slate-50:oklch(.984 .003 247.858);--color-slate-100:oklch(.968 .007 247.896);--color-slate-200:oklch(.929 .013 255.508);--color-slate-300:oklch(.869 .022 252.894);--color-slate-400:oklch(.704 .04 256.788);--color-slate-500:oklch(.554 .046 257.417);--color-slate-600:oklch(.446 .043 257.281);--color-slate-700:oklch(.372 .044 257.287);--color-slate-800:oklch(.279 .041 260.031);--color-slate-900:oklch(.208 .042 265.755);--color-slate-950:oklch(.129 .042 264.695);--color-gray-50:oklch(.985 .002 247.839);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-400:oklch(.707 .022 261.325);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-800:oklch(.278 .033 256.848);--color-gray-900:oklch(.21 .034 264.665);--color-gray-950:oklch(.13 .028 261.692);--color-zinc-50:oklch(.985 0 0);--color-zinc-100:oklch(.967 .001 286.375);--color-zinc-200:oklch(.92 .004 286.32);--color-zinc-300:oklch(.871 .006 286.286);--color-zinc-400:oklch(.705 .015 286.067);--color-zinc-500:oklch(.552 .016 285.938);--color-zinc-600:oklch(.442 .017 285.786);--color-zinc-700:oklch(.37 .013 285.805);--color-zinc-800:oklch(.274 .006 286.033);--color-zinc-900:oklch(.21 .006 285.885);--color-zinc-950:oklch(.141 .005 285.823);--color-neutral-50:oklch(.985 0 0);--color-neutral-100:oklch(.97 0 0);--color-neutral-200:oklch(.922 0 0);--color-neutral-300:oklch(.87 0 0);--color-neutral-400:oklch(.708 0 0);--color-neutral-500:oklch(.556 0 0);--color-neutral-600:oklch(.439 0 0);--color-neutral-700:oklch(.371 0 0);--color-neutral-800:oklch(.269 0 0);--color-neutral-900:oklch(.205 0 0);--color-neutral-950:oklch(.145 0 0);--color-stone-50:oklch(.985 .001 106.423);--color-stone-100:oklch(.97 .001 106.424);--color-stone-200:oklch(.923 .003 48.717);--color-stone-300:oklch(.869 .005 56.366);--color-stone-400:oklch(.709 .01 56.259);--color-stone-500:oklch(.553 .013 58.071);--color-stone-600:oklch(.444 .011 73.639);--color-stone-700:oklch(.374 .01 67.558);--color-stone-800:oklch(.268 .007 34.298);--color-stone-900:oklch(.216 .006 56.043);--color-stone-950:oklch(.147 .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-\[-140px\]{top:-140px}.top-\[-280px\]{top:-280px}.top-\[0px\]{top:0}.right-0{right:calc(var(--spacing)*0)}.-bottom-\[12px\]{bottom:-12px}.bottom-\[-250px\]{bottom:-250px}.bottom-\[0px\]{bottom:0}.left-6{left:calc(var(--spacing)*6)}.left-\[-100px\]{left:-100px}.z-\[-1\]{z-index:-1}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-12{grid-column:span 12/span 12}.col-span-16{grid-column:span 16/span 16}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-5{margin-block:calc(var(--spacing)*5)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.my-12{margin-block:calc(var(--spacing)*12)}.my-15{margin-block:calc(var(--spacing)*15)}.my-16{margin-block:calc(var(--spacing)*16)}.my-20{margin-block:calc(var(--spacing)*20)}.my-\[64px\]{margin-block:64px}.ms-1\.5{margin-inline-start:calc(var(--spacing)*1.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-9{margin-top:calc(var(--spacing)*9)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-11{margin-top:calc(var(--spacing)*11)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-15{margin-top:calc(var(--spacing)*15)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[36px\]{margin-top:36px}.mt-\[80px\]{margin-top:80px}.mt-\[120px\]{margin-top:120px}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-6{margin-right:calc(var(--spacing)*6)}.mr-8{margin-right:calc(var(--spacing)*8)}.mr-10{margin-right:calc(var(--spacing)*10)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-9{margin-bottom:calc(var(--spacing)*9)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-15{margin-bottom:calc(var(--spacing)*15)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.mb-52{margin-bottom:calc(var(--spacing)*52)}.mb-\[8px\]{margin-bottom:8px}.mb-\[12px\]{margin-bottom:12px}.mb-\[24px\]{margin-bottom:24px}.mb-\[42px\]{margin-bottom:42px}.mb-\[64px\]{margin-bottom:64px}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-\[6px\]{margin-left:6px}.ml-\[auto\]{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[1\/1\]{aspect-ratio:1}.aspect-\[280\/360\]{aspect-ratio:280/360}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-30{height:calc(var(--spacing)*30)}.h-\[14px\]{height:14px}.h-\[24px\]{height:24px}.h-\[30vw\]{height:30vw}.h-\[32px\]{height:32px}.h-\[38vw\]{height:38vw}.h-\[60vh\]{height:60vh}.h-\[80px\]{height:80px}.h-\[160px\]{height:160px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[48px\]{height:48px}.h-\[auto\]{height:auto}.h-full{height:100%}.max-h-22{max-height:calc(var(--spacing)*22)}.max-h-\[300px\]{max-height:300px}.max-h-\[32px\]{max-height:32px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-5\/12{width:41.6667%}.w-7\/12{width:58.3333%}.w-30{width:calc(var(--spacing)*30)}.w-\[14px\]{width:14px}.w-\[24px\]{width:24px}.w-\[30\%\]{width:30%}.w-\[30vw\]{width:30vw}.w-\[32px\]{width:32px}.w-\[38vw\]{width:38vw}.w-\[40px\]{width:40px}.w-\[48px\]{width:48px}.w-\[50\%\]{width:50%}.w-\[60vw\]{width:60vw}.w-\[80px\]{width:80px}.w-\[180px\]{width:180px}.w-\[fit-content\]{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-22{max-width:calc(var(--spacing)*22)}.max-w-\[32px\]{max-width:32px}.max-w-\[580px\]{max-width:580px}.max-w-md{max-width:var(--container-md)}.min-w-\[240px\]{min-width:240px}.flex-1{flex:1}.flex-grow{flex-grow:1}.-translate-x-\[100px\]{--tw-translate-x:calc(100px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\[350px\]{--tw-translate-y:calc(350px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-pointer{cursor:pointer}.resize{resize:both}.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))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-9{gap:calc(var(--spacing)*9)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-15{gap:calc(var(--spacing)*15)}.gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.gap-x-5{-moz-column-gap:calc(var(--spacing)*5);column-gap:calc(var(--spacing)*5)}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-9{row-gap:calc(var(--spacing)*9)}.gap-y-12{row-gap:calc(var(--spacing)*12)}.gap-y-16{row-gap:calc(var(--spacing)*16)}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-\[8px\]{border-radius:8px}.rounded-\[16px\]{border-radius:16px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border,.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#2b51b6\]{border-color:#2b51b6}.border-\[\#00000026\]{border-color:#00000026}.border-\[\#999999\]{border-color:#999}.border-black\/15{border-color:color-mix(in oklab,var(--color-black)15%,transparent)}.border-white{border-color:var(--color-white)}.bg-\[\#0000000D\]{background-color:#0000000d}.bg-\[\#0F1C3F\]{background-color:#0f1c3f}.bg-\[\#27AF95\]{background-color:#27af95}.bg-\[\#244296\]{background-color:#244296}.bg-\[\#2B51B6\]{background-color:#2b51b6}.bg-\[\#2a3251\]{background-color:#2a3251}.bg-\[\#DFE6F7\]{background-color:#dfe6f7}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-\[\#dfe3ec\]{background-color:#dfe3ec}.bg-\[\#dfe6f7\]{background-color:#dfe6f7}.bg-\[url\(\'\.\.\/images\/fracial-light-left\.png\'\)\]{background-image:url(/images/v3/fracial-light-left.png)}.bg-\[url\(\'\.\.\/images\/fracial-light\.png\'\)\]{background-image:url(/images/v3/fracial-light.png)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-32{padding-inline:calc(var(--spacing)*32)}.py-1{padding-block:calc(var(--spacing)*1)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-14{padding-block:calc(var(--spacing)*14)}.py-15{padding-block:calc(var(--spacing)*15)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-30{padding-block:calc(var(--spacing)*30)}.py-\[60px\]{padding-block:60px}.ps-0{padding-inline-start:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-9{padding-top:calc(var(--spacing)*9)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-15{padding-top:calc(var(--spacing)*15)}.pt-16{padding-top:calc(var(--spacing)*16)}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-\[8px\]{padding-right:8px}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-7{padding-left:calc(var(--spacing)*7)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-\[8px\]{padding-left:8px}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-start{text-align:start}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[18px\]{font-size:18px}.text-\[26px\]{font-size:26px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.12px\]{--tw-tracking:-.12px;letter-spacing:-.12px}.tracking-\[-0\.36px\]{--tw-tracking:-.36px;letter-spacing:-.36px}.text-\[\#0D0D0D\]{color:#0d0d0d}.text-\[\#27AF95\],.text-\[\#27af95\]{color:#27af95}.text-\[\#2B51B6\]{color:#2b51b6}.text-\[\#2FD0B2\]{color:#2fd0b2}.text-\[\#404040\]{color:#404040}.text-\[\#999999\]{color:#999}.text-\[\#9DB2E8\]{color:#9db2e8}.text-\[\#E7493E\]{color:#e7493e}.text-\[\#FFFFFFCC\]{color:#fffc}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur-\[30px\]{--tw-blur:blur(30px);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,)}.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,)}@media (width>=40rem){.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:flex{display:flex}.sm\:px-10{padding-inline:calc(var(--spacing)*10)}}@media (width>=48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:mt-4{margin-top:calc(var(--spacing)*4)}.md\:mt-7{margin-top:calc(var(--spacing)*7)}.md\:mt-12{margin-top:calc(var(--spacing)*12)}.md\:mt-14{margin-top:calc(var(--spacing)*14)}.md\:mb-6{margin-bottom:calc(var(--spacing)*6)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.3333%}.md\:w-2\/3{width:66.6667%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:px-4{padding-inline:calc(var(--spacing)*4)}}@media (width>=64rem){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:top-\[-280px\]{top:-280px}.lg\:left-\[-200px\]{left:-200px}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:container{width:100%}@media (width>=40rem){.lg\:container{max-width:40rem}}@media (width>=48rem){.lg\:container{max-width:48rem}}@media (width>=64rem){.lg\:container{max-width:64rem}}@media (width>=80rem){.lg\:container{max-width:80rem}}@media (width>=96rem){.lg\:container{max-width:96rem}}.lg\:mx-\[unset\]{margin-inline:unset}.lg\:mx-auto{margin-inline:auto}.lg\:my-8{margin-block:calc(var(--spacing)*8)}.lg\:my-10{margin-block:calc(var(--spacing)*10)}.lg\:my-30{margin-block:calc(var(--spacing)*30)}.lg\:my-32{margin-block:calc(var(--spacing)*32)}.lg\:mt-0{margin-top:calc(var(--spacing)*0)}.lg\:mt-3{margin-top:calc(var(--spacing)*3)}.lg\:mt-6{margin-top:calc(var(--spacing)*6)}.lg\:mt-9{margin-top:calc(var(--spacing)*9)}.lg\:mt-10{margin-top:calc(var(--spacing)*10)}.lg\:mt-12{margin-top:calc(var(--spacing)*12)}.lg\:mt-16{margin-top:calc(var(--spacing)*16)}.lg\:mt-20{margin-top:calc(var(--spacing)*20)}.lg\:mt-40{margin-top:calc(var(--spacing)*40)}.lg\:mt-\[-180px\]{margin-top:-180px}.lg\:mt-\[64px\]{margin-top:64px}.lg\:mt-\[120px\]{margin-top:120px}.lg\:mr-0{margin-right:calc(var(--spacing)*0)}.lg\:mr-\[20px\]{margin-right:20px}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-1{margin-bottom:calc(var(--spacing)*1)}.lg\:mb-2{margin-bottom:calc(var(--spacing)*2)}.lg\:mb-4{margin-bottom:calc(var(--spacing)*4)}.lg\:mb-9{margin-bottom:calc(var(--spacing)*9)}.lg\:mb-10{margin-bottom:calc(var(--spacing)*10)}.lg\:mb-15{margin-bottom:calc(var(--spacing)*15)}.lg\:mb-16{margin-bottom:calc(var(--spacing)*16)}.lg\:mb-20{margin-bottom:calc(var(--spacing)*20)}.lg\:ml-0{margin-left:calc(var(--spacing)*0)}.lg\:ml-5{margin-left:calc(var(--spacing)*5)}.lg\:ml-6{margin-left:calc(var(--spacing)*6)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-\[30vw\]{height:30vw}.lg\:min-h-\[380px\]{min-height:380px}.lg\:w-1\/2{width:50%}.lg\:w-3\/5{width:60%}.lg\:w-3\/12{width:25%}.lg\:w-4\/12{width:33.3333%}.lg\:w-5\/12{width:41.6667%}.lg\:w-7\/12{width:58.3333%}.lg\:w-9\/12{width:75%}.lg\:w-\[30vw\]{width:30vw}.lg\:w-\[50\%\]{width:50%}.lg\:w-\[60\%\]{width:60%}.lg\:w-\[252px\]{width:252px}.lg\:w-\[550px\]{width:550px}.lg\:w-\[unset\]{width:unset}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-4{gap:calc(var(--spacing)*4)}.lg\:gap-5{gap:calc(var(--spacing)*5)}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-\[120px\]{gap:120px}.lg\:rounded-\[16px\]{border-radius:16px}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-10{padding:calc(var(--spacing)*10)}.lg\:px-0{padding-inline:calc(var(--spacing)*0)}.lg\:px-4{padding-inline:calc(var(--spacing)*4)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:px-26{padding-inline:calc(var(--spacing)*26)}.lg\:px-32{padding-inline:calc(var(--spacing)*32)}.lg\:px-\[64px\]{padding-inline:64px}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:py-10{padding-block:calc(var(--spacing)*10)}.lg\:py-15{padding-block:calc(var(--spacing)*15)}.lg\:py-20{padding-block:calc(var(--spacing)*20)}.lg\:py-32{padding-block:calc(var(--spacing)*32)}.lg\:py-\[80px\]{padding-block:80px}.lg\:py-\[120px\]{padding-block:120px}.lg\:ps-3{padding-inline-start:calc(var(--spacing)*3)}.lg\:pt-0{padding-top:calc(var(--spacing)*0)}.lg\:pt-16{padding-top:calc(var(--spacing)*16)}.lg\:pt-32{padding-top:calc(var(--spacing)*32)}.lg\:pr-0{padding-right:calc(var(--spacing)*0)}.lg\:pr-1{padding-right:calc(var(--spacing)*1)}.lg\:pr-2{padding-right:calc(var(--spacing)*2)}.lg\:pr-10{padding-right:calc(var(--spacing)*10)}.lg\:pr-\[18px\]{padding-right:18px}.lg\:pr-\[50px\]{padding-right:50px}.lg\:pb-20{padding-bottom:calc(var(--spacing)*20)}.lg\:pb-32{padding-bottom:calc(var(--spacing)*32)}.lg\:pl-0{padding-left:calc(var(--spacing)*0)}.lg\:pl-2{padding-left:calc(var(--spacing)*2)}.lg\:pl-4{padding-left:calc(var(--spacing)*4)}.lg\:pl-10{padding-left:calc(var(--spacing)*10)}.lg\:pl-32{padding-left:calc(var(--spacing)*32)}.lg\:pl-\[18px\]{padding-left:18px}.lg\:text-left{text-align:left}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=80rem){.xl\:mt-5{margin-top:calc(var(--spacing)*5)}.xl\:ml-2{margin-left:calc(var(--spacing)*2)}.xl\:block{display:block}.xl\:min-h-\[500px\]{min-height:500px}}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}
.modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
background-color: #fefefe;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
width: 80%;
max-width: 500px;
animation: modalopen 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@keyframes modalopen {
from {
opacity: 0;
transform: translate(-50%, -48%) scale(0.96);
}
to {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
}
.modal-header {
padding: 10px 0;
border-bottom: 1px solid #e9e9e9;
}
.modal-body {
padding: 20px 0;
}
.modal-footer {
padding: 10px 0;
border-top: 1px solid #e9e9e9;
text-align: right;
}
.header {
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
max-width: 1244px;
width: 100%;
margin: 0 auto;
padding: 16px 32px;
display: flex;
justify-content: space-between;
align-items: center;
transition: all 0.3s ease;
z-index: 1000;
background: #FFFFFF1A;
backdrop-filter: blur(40px);
border-radius: 16px;
max-height: 80px;
}
#header-logo {
width: 126px;
height: auto;
}
.header.scrolled {
background-color: #f2f2f2;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header.scrolled .nav-link {
color: #333;
}
.phone.white {
background-image: url("/images/v3/icons/phone-white.svg");
}
.zoom-primary.white {
background-image: url("/images/v3/icons/zoom-white.svg");
}
.user.white {
background-image: url("/images/v3/icons/user-white.svg");
}
.menu.white {
background-image: url("/images/v3/icons/menu-white.svg");
}
.nav-menu {
display: flex;
list-style: none;
}
.nav-item {
position: relative;
margin-left: 30px;
}
.nav-link {
color: white;
text-decoration: none;
font-size: 16px;
font-weight: 500;
padding: 5px 0;
transition: 0.3s ease;
font-weight: 500;
display: flex;
align-items: center;
}
.header.scrolled .dropdown-toggle i {
color: white;
background-image: url("/images/v3/icons/arrow-sm-down-black.svg");
}
.nav-item:hover .dropdown-toggle i {
transform: rotate(180deg);
transition: 0.3s ease;
}
.dropdown {
position: absolute;
top: 100%;
left: 0;
width: 250px;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
border-radius: 8px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transform: translateY(0px);
transition: all 0.3s ease;
z-index: 1001;
overflow: hidden;
}
.nav-item:hover .dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dropdown-item {
list-style: none;
}
.dropdown-link {
display: block;
padding: 12px 15px;
color: #333;
text-decoration: none;
font-size: 14px;
transition: 0.3s ease;
font-weight: 500;
}
.dropdown-link:hover {
background-color: #f5f5f5;
color: #2FD0B2;
}
.hamburger {
display: none;
cursor: pointer;
}
.hamburger .bar {
display: block;
width: 25px;
height: 3px;
margin: 5px auto;
background-color: #fff;
transition: all 0.3s ease;
}
@media (max-width: 992px) {
.narrow-down {
display: none;
}
.header {
top: 0px;
border-radius: 0px;
max-height: 64px;
padding: 16px !important;
}
.button-place {
display: none;
}
.nav-item .nav-link {
color: #333;
}
.hamburger {
display: block;
}
.hamburger.active .bar:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.hamburger.active .bar:nth-child(2) {
opacity: 0;
}
.hamburger.active .bar:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
.nav-menu {
position: fixed;
left: -100%;
top: 64px;
flex-direction: column;
background-color: white;
width: 100%;
max-width: 520px;
height: calc(100vh - 64px);
transition: 0.3s ease;
box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
padding-top: 20px;
}
.nav-menu.active {
left: 0;
padding: 16px 0;
}
.nav-item {
padding: 16px;
margin: 0;
}
.dropdown {
position: static;
opacity: 1;
visibility: visible;
transform: none;
width: auto;
box-shadow: none;
max-height: 0;
overflow: hidden;
margin-left: 15px;
}
.dropdown.active {
max-height: 1000px;
margin-top: 10px;
}
.dropdown-toggle {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.dropdown-toggle::after {
content: '+';
margin-left: 5px;
}
.dropdown-toggle.active::after {
content: '-';
}
}
#fisc-neo-link-container.active {
opacity: 0;
height: 1px;
}
/* dropdown head menu */
.header-user-menu .user-dropdown {
position: absolute;
top: 100%;
right: 0;
background: white;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
border: 1px solid #e5e7eb;
min-width: 320px;
z-index: 1000;
margin-top: 8px;
overflow: hidden;
}
.header-user-menu .user-dropdown-header {
padding: 20px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
display: flex;
align-items: center;
gap: 15px;
}
.header-user-menu .user-avatar {
border-radius: 0;
height: 40px;
margin-bottom: 12px;
width: 40px;
}
.header-user-menu .user-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
border: 3px solid rgba(255, 255, 255, 0.2);
-o-object-fit: cover;
object-fit: cover;
}
.header-user-menu .user-info {
display: block;
text-align: left;
color: #fff;
}
.header-user-menu .user-name {
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 4px;
}
.header-user-menu .user-email {
font-size: 0.85rem;
opacity: 0.9;
}
.header-user-menu .user-dropdown-content {
padding: 20px;
}
.header-user-menu .membership-status {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f1f5f9;
}
.header-user-menu .membership-badge {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
background: linear-gradient(135deg, #ffd700, #ffcc00);
border-radius: 20px;
margin-bottom: 12px;
color: #333;
font-weight: 600;
font-size: 0.9rem;
}
.header-user-menu .membership-badge.basic {
background: #f3f4f6;
color: #6b7280;
}
.header-user-menu .membership-expiry {
display: flex;
align-items: center;
gap: 6px;
font-size: 0.85rem;
color: #6b7280;
}
.header-user-menu .membership-expiry.expired {
color: #dc2626;
}
.header-user-menu .membership-expiry.warning {
color: #f59e0b;
}
.header-user-menu .membership-expiry.active {
color: #059669;
}
.header-user-menu .expiry-date {
margin-left: auto;
font-size: 0.8rem;
opacity: 0.8;
}
.header-user-menu .upgrade-prompt {
margin-top: 10px;
}
.header-user-menu .upgrade-link {
display: flex;
align-items: center;
gap: 6px;
color: #3b82f6;
font-size: 0.85rem;
text-decoration: none;
font-weight: 500;
}
.header-user-menu .upgrade-link:hover {
color: #2563eb;
}
.header-user-menu .user-dropdown-actions {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f1f5f9;
}
.header-user-menu .dropdown-action {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 8px;
color: #374151;
text-decoration: none;
font-size: 0.9rem;
transition: all 0.15s ease;
}
.header-user-menu .dropdown-action:hover {
background: #f9fafb;
color: #111827;
}
.header-user-menu .user-dropdown-footer {
padding-top: 10px;
}
.header-user-menu .logout-link {
display: flex;
align-items: center;
gap: 8px;
color: #dc2626;
text-decoration: none;
font-size: 0.9rem;
font-weight: 500;
padding: 8px 12px;
border-radius: 8px;
transition: all 0.15s ease;
}
.header-user-menu .logout-link:hover {
background: #fef2f2;
color: #991b1b;
}
/* Icons */
.header-user-menu .crown-icon::before {
content: "👑";
}
.header-user-menu .clock-icon::before {
content: "⏰";
}
.header-user-menu .warning-icon::before {
content: "⚠️";
}
.header-user-menu .infinity-icon::before {
content: "∞";
}
.header-user-menu .star-icon::before {
content: "⭐";
}
.header-user-menu .user-icon::before {
content: "👤";
}
.header-user-menu .community-icon::before {
content: "👥";
}
.header-user-menu .subscription-icon::before {
content: "📦";
}
.header-user-menu .content-icon::before {
content: "📝";
}
.header-user-menu .bell-icon::before {
content: "🔔";
}
.header-user-menu .settings-icon::before {
content: "⚙️";
}
.header-user-menu .logout-icon::before {
content: "🚪";
}
/* Responsive */
@media (max-width: 768px) {
.header-user-menu .user-dropdown {
min-width: 280px;
right: -10px;
}
.header-user-menu .user-dropdown-header {
padding: 15px;
}
.header-user-menu .user-dropdown-content {
padding: 15px;
}
}
.btn-info {
background: #3b82f6;
color: white;
padding: 5px 16px;
}
:root {
--primary-font: "Inter", serif;
--secondary-font: "Newsreader", serif;
--c-white: #ffffff;
--c-primary: #208d79;
--c-primary-light: #27af95;
--c-primary-light-2: #2fd0b2;
--c-info: #142554;
--size-default: 40px;
--size-xl: 48px;
--size-md: 32px;
--size-sm: 32px;
--indent-container: 100px;
}
html,
body {
overflow-x: hidden;
}
a {
cursor: pointer;
}
.font-primary {
font-family: var(--primary-font);
}
.font-secondary {
font-family: var(--secondary-font);
}
.text-color-primary-light-2 {
color: var(--c-primary-light-2);
}
.font-52 {
font-size: 52px;
}
/* Fracial Model */
.fisc-fracial-light-right {
position: absolute;
width: 30vw;
height: 30vw;
background-image: url("/images/v3/fracial-light.png");
z-index: -1;
bottom: -280px;
right: 0;
filter: blur(30px);
}
.fisc-fracial-light-left {
position: absolute;
width: 38vw;
height: 38vw;
background-image: url("/images/v3/fracial-light-left.png");
z-index: -1;
bottom: -250px;
left: -100px;
filter: blur(30px);
}
.bg-fracial-item {
position: absolute;
top: 0;
height: 100%;
width: 30%;
backdrop-filter: blur(60px);
background: linear-gradient(
270deg,
rgba(255, 255, 255, 0.1) 0%,
rgba(51, 51, 51, 0.1) 95%,
rgba(255, 255, 255, 0.1) 100%
);
mix-blend-mode: overlay;
}
.fisc-fracial-light-right .fisc-fracial-light-item:nth-of-type(5) {
display: none;
}
.bg-fracial-column:nth-of-type(3) {
position: absolute;
top: 0;
height: 100%;
width: 30%;
backdrop-filter: blur(60px);
background: #1c3475;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(4) {
position: absolute;
bottom: 0;
height: 86%;
width: 30%;
backdrop-filter: blur(60px);
background: #244296;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(5) {
position: absolute;
bottom: 0;
height: 90%;
width: 30%;
backdrop-filter: blur(60px);
background: #2b51b6;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(6) {
position: absolute;
bottom: 0;
height: 84%;
width: 30%;
backdrop-filter: blur(60px);
background: #142554;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(7) {
position: absolute;
bottom: 0;
height: 76%;
width: 30%;
backdrop-filter: blur(60px);
background: #1c3475;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(8) {
position: absolute;
bottom: 0;
height: 70%;
width: 30%;
backdrop-filter: blur(60px);
background: #244296;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(9) {
position: absolute;
bottom: 0;
height: 74%;
width: 30%;
backdrop-filter: blur(60px);
background: #2b51b6;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(10) {
position: absolute;
bottom: 0;
height: 68%;
width: 30%;
backdrop-filter: blur(60px);
background: #142554;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(11) {
position: absolute;
bottom: 0;
height: 72%;
width: 30%;
backdrop-filter: blur(60px);
background: #1c3475;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(12) {
position: absolute;
bottom: 0;
height: 80%;
width: 30%;
backdrop-filter: blur(60px);
background: #142554;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(13) {
position: absolute;
bottom: 0;
height: 84%;
width: 30%;
backdrop-filter: blur(60px);
background: #2b51b6;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(14) {
position: absolute;
bottom: 0;
height: 78%;
width: 30%;
backdrop-filter: blur(60px);
background: #1c3475;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(15) {
position: absolute;
bottom: 0;
height: 90%;
width: 30%;
backdrop-filter: blur(60px);
background: #244296;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.bg-fracial-column:nth-of-type(16) {
position: absolute;
bottom: 0;
height: 100%;
width: 30%;
backdrop-filter: blur(60px);
background: #1c3475;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.fisc-indent-container {
max-width: calc(96rem - var(--indent-container));
}
.fisc-overlay-home {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 1, 0.0086472) 6.67%,
rgba(1, 1, 2, 0.03551) 13.33%,
rgba(1, 2, 5, 0.0816599) 20%,
rgba(2, 4, 9, 0.147411) 26.67%,
rgba(3, 6, 15, 0.231775) 33.33%,
rgba(5, 9, 21, 0.331884) 40%,
rgba(7, 12, 28, 0.442691) 46.67%,
rgba(8, 16, 35, 0.557309) 53.33%,
rgba(10, 19, 42, 0.668116) 60%,
rgba(12, 22, 48, 0.768225) 66.67%,
rgba(13, 24, 54, 0.852589) 73.33%,
rgba(14, 26, 58, 0.91834) 80%,
rgba(14, 27, 61, 0.96449) 86.67%,
rgba(15, 28, 62, 0.991353) 93.33%,
#0f1c3f 100%
);
width: 100%;
height: 400px;
position: relative;
bottom: 400px;
}
/* SECTION: HEADER */
.fisc-inner-header {
padding: 16px 32px;
border-radius: 16px;
position: fixed;
overflow: hidden;
z-index: 11;
width: 100%;
top: 20px;
left: 50%;
transform: translateX(-50%);
max-height: 80px;
}
.fisc-inner-header.solid {
background: #f2f2f2;
position: unset;
margin-top: 20px;
margin-bottom: 24px;
top: unset;
left: unset;
transform: unset;
}
.fisc-inner-blur-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff1a;
backdrop-filter: blur(40px);
z-index: 10;
}
.fisc-header-content {
display: flex;
position: relative;
z-index: 11 !important;
}
/* SECTION: HERO */
.fisc-hero-section {
width: 100%;
position: relative;
max-height: 880px;
z-index: 0;
background-image: url("/images/v3/cta-hero.png");
height: 800px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.fisc-hero-section.fisc-cta-hero-2 {
background-image: url("/images/v3/cta-hero-2.png");
}
.fisc-hero-section.fisc-cta-hero-3 {
background-image: url("/images/v3/cta-hero-3.png");
}
.hero-carousel .swiper-pagination {
bottom: 10% !important;
left: 50% !important;
transform: translateX(-50%);
display: flex;
align-items: center;
}
.hero-carousel
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #2fd0b2 !important;
width: 16px;
height: 16px;
opacity: unset !important;
}
.fisc-hero-section .bg-fracial-item:nth-of-type(15),
.fisc-hero-section .bg-fracial-item:nth-of-type(14),
.fisc-hero-section .bg-fracial-item:nth-of-type(13),
.fisc-hero-section .bg-fracial-item:nth-of-type(12),
.fisc-hero-section .bg-fracial-item:nth-of-type(11) {
display: none;
}
.fisc-hero-section .bg-fracial-item:nth-of-type(10) {
opacity: 0.3;
}
.fisc-hero-section .bg-fracial-item:nth-of-type(9) {
opacity: 0.4;
}
.fisc-hero-section .bg-fracial-item:nth-of-type(8) {
opacity: 0.7;
}
.fisc-advise-block .bg-fracial-item:nth-of-type(11) {
display: none;
}
.fisc-advise-block .bg-fracial-item:nth-of-type(12) {
display: none;
}
.fisc-advise-block .bg-fracial-item:nth-of-type(13) {
display: none;
}
.fisc-advise-block .bg-fracial-item:nth-of-type(17),
.fisc-advise-block .bg-fracial-item:nth-of-type(16),
.fisc-advise-block .bg-fracial-item:nth-of-type(15),
.fisc-advise-block .bg-fracial-item:nth-of-type(14),
.fisc-advise-block .bg-fracial-item:nth-of-type(13) {
display: none;
}
.fisc-advise-block-1 .bg-fracial-item:nth-of-type(11) {
opacity: 0.8;
}
.fisc-advise-block-1 .bg-fracial-item:nth-of-type(12) {
display: none;
}
.fisc-advise-block-1 .bg-fracial-item:nth-of-type(13) {
display: none;
}
.fisc-advise-block-1 .bg-fracial-item:nth-of-type(17),
.fisc-advise-block-1 .bg-fracial-item:nth-of-type(16),
.fisc-advise-block-1 .bg-fracial-item:nth-of-type(15),
.fisc-advise-block-1 .bg-fracial-item:nth-of-type(14),
.fisc-advise-block-1 .bg-fracial-item:nth-of-type(13) {
display: none;
}
.fisc-hero__content {
position: absolute;
z-index: 2;
top: calc(100vh / 3.5);
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.fisc-hero__content-text {
color: #fff;
font-size: 64px;
line-height: 70px;
font-family: var(--secondary-font);
}
.fisc-hero__content-text-custom {
font-style: italic;
color: #2fd0b2;
}
/* SECTION: NEWS */
.fisc-news-section {
background: #dfe6f7;
border-radius: 16px;
padding: 64px;
}
/* COMPONENT: HEADER TEXT */
.fisc-header-text {
font-size: 52px;
color: var(--c-white);
line-height: 56px;
font-family: var(--secondary-font);
}
.fisc-header-text-custom {
font-style: italic;
color: var(--c-primary-light);
}
/* COMPONENT: BUTTON */
/* ! Base */
.btn {
font-size: 18px;
font-weight: 500;
font-family: var(--primary-font);
border-radius: 8px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
/* ! Variant */
.btn-contained {
background-color: var(--c-white);
border: 1px solid var(--c-white);
transition: all 0.2s;
}
.btn-outlined {
background-color: transparent;
transition: all 0.2s;
}
.btn-link {
background-color: transparent;
transition: all 0.2s;
}
/* ! Color */
.btn-contained.btn-white {
color: var(--c-primary);
}
.btn-outlined.btn-white {
color: var(--c-primary);
border: 1px solid var(--c-primary);
}
.btn-contained.btn-primary {
color: var(--c-white);
background: var(--c-primary);
border: 1px solid var(--c-primary);
}
.btn-contained.btn-primary-light {
color: var(--c-white);
background: var(--c-primary-light);
border: 1px solid var(--c-primary-light);
}
.btn-contained.btn-info {
color: var(--c-white);
background: var(--c-info);
border: 1px solid var(--c-info);
}
.btn-outlined.btn-info {
color: var(--c-info);
border: 1px solid var(--c-info);
}
.btn-outlined.btn-primary-light {
color: var(--c-primary-light);
border: 1px solid var(--c-primary-light);
}
.btn-link.btn-primary-light {
color: var(--c-primary-light);
border: 1px solid transparent;
padding: 0px !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
/* ! Interactive */
/* .btn-contained.btn-primary:hover {
border: 1px solid var(--c-primary);
background-color: transparent;
}
.btn-outlined.btn-primary:hover {
background-color: var(--c-white);
border: 1px solid var(--c-white);
} */
/* ! Size */
.btn-size-default {
height: var(--size-default);
padding: 18px;
font-size: 14px;
}
.btn-size-default-square {
height: var(--size-default);
width: var(--size-default);
}
.btn-size-xl {
height: var(--size-xl);
padding: 18px;
}
.btn-size-md {
max-height: var(--size-md);
padding: 16px;
font-size: 12px;
}
.btn-size-sm {
height: var(--size-sm);
font-size: 12px;
padding: 0 14px;
}
/* COMPONENT: CAROUSEL */
.fisc-icon-news-position {
top: calc(56px / 2 + 10px) !important;
}
.fisc-icon-news-position.fisc-icon-news-next {
right: 0 !important;
left: unset !important;
height: 28px !important;
}
.fisc-icon-news-position.fisc-icon-news-prev {
right: 50px !important;
left: unset !important;
height: 28px !important;
}
.fisc-icon-news-next {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/arrow-right-black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.fisc-icon-news-prev {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/images/v3/icons/arrow-left-black.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.fisc-icon-news-next.swiper-button-next:after,
.fisc-icon-news-prev.swiper-button-prev:after {
display: none;
}
/* COMPONENT: NEWS_ITEM */
.fisc-news-item {
background-image: url("/images/v3/news.jpeg");
border-radius: 16px;
overflow: hidden;
position: relative;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-size: cover;
background-repeat: no-repeat;
}
.fisc-news-content {
z-index: 1;
}
.fisc-news-overlay {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 20%,
rgba(0, 0, 0, 0.9) 90%
);
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.fisc-performance-wrapper {
background-color: #dfe6f7;
border-radius: 8px;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.fisc-service-wrapper {
padding: 32px;
padding-top: 0px;
background-color: #eefbf9;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: center;
min-height: 572px;
justify-content: space-between;
}
.fisc-service-wrapper h1,
.fisc-service-wrapper button {
align-self: flex-start;
}
.fisc-service-wrapper ul {
min-height: 140px;
}
/* SECTION: WHY */
.fisc-why-section {
width: 100%;
}
.background-layer {
position: relative;
z-index: 2;
}
.fisc-overlay-custom {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 1, 0.0086472) 6.67%,
rgba(1, 1, 2, 0.03551) 13.33%,
rgba(1, 2, 5, 0.0816599) 20%,
rgba(2, 4, 9, 0.147411) 26.67%,
rgba(3, 6, 15, 0.231775) 33.33%,
rgba(5, 9, 21, 0.331884) 40%,
rgba(7, 12, 28, 0.442691) 46.67%,
rgba(8, 16, 35, 0.557309) 53.33%,
rgba(10, 19, 42, 0.668116) 60%,
rgba(12, 22, 48, 0.768225) 66.67%,
rgba(13, 24, 54, 0.852589) 73.33%,
rgba(14, 26, 58, 0.91834) 80%,
rgba(14, 27, 61, 0.96449) 86.67%,
rgba(15, 28, 62, 0.991353) 93.33%,
#0f1c3f 100%
);
width: 100%;
height: 300px;
position: absolute;
bottom: 0;
}
.fisc-overlay-custom-up {
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 1, 0.0086472) 6.67%,
rgba(1, 1, 2, 0.03551) 13.33%,
rgba(1, 2, 5, 0.0816599) 20%,
rgba(2, 4, 9, 0.147411) 26.67%,
rgba(3, 6, 15, 0.231775) 33.33%,
rgba(5, 9, 21, 0.331884) 40%,
rgba(7, 12, 28, 0.442691) 46.67%,
rgba(8, 16, 35, 0.557309) 53.33%,
rgba(10, 19, 42, 0.668116) 60%,
rgba(12, 22, 48, 0.768225) 66.67%,
rgba(13, 24, 54, 0.852589) 73.33%,
rgba(14, 26, 58, 0.91834) 80%,
rgba(14, 27, 61, 0.96449) 86.67%,
rgba(15, 28, 62, 0.991353) 93.33%,
#0f1c3f 100%
);
width: 100%;
height: 300px;
position: absolute;
top: 0;
}
.fisc-bg-1 {
width: 100%;
z-index: -1;
}
.fisc-bg-2 {
position: relative;
width: 100%;
top: -40px;
z-index: -1;
}
.fisc-bg-3 {
position: relative;
width: 100%;
top: -80px;
z-index: -1;
}
.fisc-why-content {
z-index: 2;
padding-top: 200px;
}
.fisc-why-wrapper {
background-color: #2b51b6;
border-radius: 8px;
min-width: 48px;
width: 48px;
max-width: 48px;
height: 48px;
max-height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.fisc-why-headline {
min-height: 64px;
font-weight: 500;
}
.fisc-stats-wrapper {
background-color: #ffffff1a;
/* box-shadow: 0 10px 15px rgb(0 0 0 / 20%); */
backdrop-filter: blur(20px);
background-blend-mode: overlay;
border-radius: 8px;
padding: 32px;
}
.fisc-stats-content h4 {
font-size: 64px;
line-height: 64px;
font-weight: 600;
font-family: var(--secondary-font);
background-image: linear-gradient(90deg, #6bb0ff, #6ee0ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 0px;
}
.fisc-stats-content h3 {
font-size: 24px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
margin-bottom: 32px;
height: 64px;
}
.fisc-stats-content p {
font-size: 16px;
color: #ffffffd9;
}
.fisc-form-register-bg {
width: 100%;
position: relative;
bottom: 0;
/* margin-top: 120px; */
}
.fisc-bg-form-register {
background-image: url(/images/v3/register.png);
}
.fisc-stats-chart-section {
width: 100%;
height: -moz-fit-content;
height: fit-content;
background-size: cover;
padding: 120px 0;
position: relative;
}
.fisc-stats-section {
width: 100%;
height: -moz-fit-content;
height: fit-content;
background-image: url(/images/v3/cta.png);
background-size: cover;
position: relative;
}
.fisc-stats-section-wrapper {
position: relative;
z-index: 3;
}
.fisc-advise-block {
width: 100%;
height: -moz-fit-content;
height: fit-content;
background-image: url(/images/v3/cta-advise.png);
background-size: cover;
position: relative;
display: flex;
background-position: center center;
border-radius: 16px;
overflow: hidden;
margin-top: -300px;
background-repeat: no-repeat;
}
.fisc-advise-block-1 {
width: 100%;
height: -moz-fit-content;
height: fit-content;
background-image: url(/images/v3/cta-1.png);
background-size: cover;
position: relative;
display: flex;
background-position: center center;
border-radius: 16px;
overflow: hidden;
margin-top: -300px;
background-repeat: no-repeat;
}
.fisc-advise-wrapper {
position: relative;
z-index: 99;
min-width: 704px;
padding: 110px 64px;
max-width: 60%;
}
.fisc-input-group input {
border: 1px solid #ffffff66;
border-radius: 8px;
padding: 8px 10px;
outline: none;
color: #ffffff;
width: 100%;
max-height: 40px;
}
.fisc-input-group.black input {
border: 1px solid #0000004d;
color: #333333;
}
.fisc-input-group.has-error input {
border: 1px solid #e7000b;
}
.fisc-input-group {
position: relative;
}
.fisc-input-group .fisc-left-element {
position: absolute;
left: 10px;
top: 10px;
}
.fisc-input-group .fisc-left-element ~ input {
padding-left: 40px;
}
.fisc-input-group.blue .fisc-left-element ~ input {
padding-left: 40px;
}
.fisc-input-group input::-moz-placeholder {
color: #ffffff;
}
.fisc-input-group input::placeholder {
color: #ffffff;
}
.fisc-input-group.black input::-moz-placeholder {
color: #000000;
opacity: 0.5;
}
.fisc-input-group.black input::placeholder {
color: #000000;
opacity: 0.5;
}
.fisc-input-group #suggestions {
position: absolute;
z-index: 99;
background-color: #ffffff;
color: #000000;
width: 100%;
border-radius: 0 0 8px 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 8px;
}
.fisc-input-group #suggestions .suggestion-item {
padding: 8px;
}
.fisc-input-group #suggestions .suggestion-item:hover {
background-color: #f2f2f2;
}
.fisc-input-group #suggestions .suggestion-item:last-child {
border-bottom: none;
}
.fisc-textarea {
border: 1px solid #ffffff66;
border-radius: 8px;
padding: 8px 10px;
outline: none;
color: #ffffff;
width: 100%;
resize: none;
}
.fisc-textarea.black {
border: 1px solid #0000004d;
color: #404040;
}
.fisc-customer-review {
background: #f2f2f2;
backdrop-filter: blur(200px);
padding: 24px;
border-radius: 8px;
max-width: 300px;
min-height: 314px;
height: 314px;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.fisc-customer-review__content {
font-family: var(--secondary-font);
font-size: 24px;
line-height: 32px;
color: #0d0d0d;
}
.fisc-customer-info__avatar {
width: 56px;
height: 56px;
border-radius: 50%;
margin-right: 12px;
}
.fisc-customer-info__name h2 {
font-size: 16px;
font-weight: 600;
font-family: var(--primary-font);
color: #404040;
margin-bottom: 2px;
}
.fisc-customer-info__name p {
font-size: 12px;
font-family: var(--primary-font);
color: #808080;
}
.fisc-about-us-item {
background: #f2f2f2;
backdrop-filter: blur(200px);
border-radius: 16px;
padding: 50px 32px;
}
/* COMPONENTS: ACCORDION */
.fisc-accordion {
width: 100%;
max-width: 780px;
overflow: hidden;
margin-top: 20px;
margin: 0 auto;
background: transparent;
}
.fisc-accordion__intro {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 0px;
background: transparent;
border-bottom: 1px solid #00000026;
color: #333;
}
.fisc-accordion__intro .fisc-accordion__intro_index {
color: var(--c-primary-light);
font-size: 36px;
font-weight: 500;
font-family: var(--secondary-font);
margin-right: 24px;
width: 20px;
line-height: 24px;
}
.fisc-accordion__intro .fisc-accordion__intro_header {
color: #0d0d0d;
font-size: 18px;
font-family: var(--primary-font);
font-weight: 600;
}
.fisc-accordion__content {
max-height: 0;
overflow: hidden;
will-change: max-height;
transition: all 0.25s ease-out;
opacity: 0;
}
.fisc-accordion__content p {
color: #404040;
font-size: 16px;
font-family: var(--primary-font);
padding: 0 44px 20px;
}
.active .fisc-accordion__content {
opacity: 1;
}
.active .fisc-accordion__intro {
border-bottom: 1px solid transparent;
}
.active .fisc-accordion__content {
border-bottom: 1px solid #00000026;
}
.active .fisc-accordion__intro {
padding-bottom: 12px;
}
.active .arrow-down {
transform: rotate(180deg);
transition: all 0.25s ease-out;
}
/* SECTION: MESSAGE */
.fisc-message-section {
width: 100%;
height: -moz-fit-content;
height: fit-content;
background-image: url(/images/v3/cta-form.png);
background-size: cover;
position: relative;
display: flex;
background-position: center center;
}
.fisc-message-content {
z-index: 1;
}
/* COMPONENTS: CHECKBOX */
.fisc-form-group {
display: block;
}
.fisc-form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.fisc-form-group label {
position: relative;
cursor: pointer;
}
.fisc-form-group label:before {
content: "";
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #ffffff66;
padding: 2px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 8px;
border-radius: 4px;
width: 16px;
height: 16px;
margin-bottom: 2px;
}
.fisc-form-group.black label:before {
border: 1px solid #0000004d;
}
.fisc-form-group input:checked + label:before {
border: 1px solid #2fd0b2;
}
.fisc-form-group input:checked + label:after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 6px;
width: 4px;
height: 10px;
border: solid #2fd0b2;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/* COMPONENT: FOOTER */
.fisc-footer-title {
color: #808080;
font-size: 14px;
font-weight: 500;
}
.fisc-footer-linked {
color: #0d0d0d;
font-weight: 600;
font-size: 18px;
margin-bottom: 12px;
display: block;
}
.fisc-footer-privacy {
color: #808080;
font-size: 16px;
}
/* ! PAGE: Dịch vụ */
.fisc-service-container {
padding: 20px 0;
}
.fisc-service__content {
padding: 64px 0;
margin-top: 40px;
}
.fisc-question__title {
color: #0d0d0d;
font-size: 36px;
font-weight: 500;
font-family: var(--secondary-font);
margin-bottom: 12px;
}
.fisc-question__description {
color: #404040;
margin-bottom: 24px;
font-size: 16px;
}
.fisc-question__list {
margin-bottom: 24px;
}
.fisc-question__list li {
margin-bottom: 12px;
font-size: 16px;
color: #404040;
display: flex;
align-items: center;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.fisc-service__image {
position: absolute;
bottom: 0;
width: calc(100% - 40px);
/*aspect-ratio: 1/1;*/
max-width: 580px;
}
.fisc-service__image-margin {
height: calc(100% + 100px);
}
.fisc-hero-service {
background-image: url("/images/v3/cta-hero-service.png");
background-size: cover;
background-position: center center;
height: 700px;
max-height: 700px;
position: relative;
}
.fisc-hero-service.open-account {
height: -moz-fit-content !important;
height: fit-content !important;
max-height: unset !important;
}
.fisc-hero-service.service-fees {
height: -moz-fit-content !important;
height: fit-content !important;
max-height: unset !important;
}
.fisc-hero-service.account-investment {
height: 800px;
max-height: 800px;
}
.fisc-hero-service__container {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 2;
position: absolute;
}
.fisc-hero-service.account-investment > .fisc-hero-service__container {
top: 40%;
}
.fisc-header-text__service {
font-size: 64px;
color: var(--c-white);
line-height: 68px;
font-family: var(--secondary-font);
}
.fisc-header-text-custom__service {
font-style: italic;
color: var(--c-primary-light);
font-weight: 500;
}
.fisc-desc-text {
color: #ffffffcc;
font-size: 16px;
line-height: 24px;
margin-top: 12px;
}
.fisc-service__icon {
width: 140px;
height: 140px;
}
.fisc-service__icon.left {
position: absolute;
z-index: 2;
left: -30px;
bottom: 10px;
}
.fisc-service__icon.right {
position: absolute;
z-index: 2;
right: -30px;
bottom: 10px;
}
.fisc-question-bg {
background: radial-gradient(
77.92% 100% at 50% 0%,
#9db2e8 0%,
rgba(190, 204, 240, 0) 100%
);
padding-top: 400px;
position: relative;
margin-top: 230px;
}
.fisc-fracial-form-dark {
background-image: url("/images/v3/cta-hero-service.png");
background-size: cover;
background-position: center center;
position: relative;
padding: 64px;
border-radius: 16px;
z-index: 2;
overflow: hidden;
position: absolute;
top: -200px;
left: 50%;
transform: translateX(-50%);
}
.fisc-why-service-container {
z-index: 2;
position: relative;
}
.account-investment {
position: relative;
}
.fisc-float-container {
position: absolute;
width: 580px;
height: 440px;
z-index: 3;
bottom: -26%;
left: 50%;
transform: translateX(-50%);
background: url("/images/v3/hero-service-1.png");
background-repeat: no-repeat;
background-position: center center;
border-radius: 16px;
}
.fisc-float-container.service2 {
background: url("/images/v3/hero-service-2.png");
background-repeat: no-repeat;
background-position: center center;
}
.fisc-float-container.service3 {
background: url("/images/v3/hero-service-3.png");
background-repeat: no-repeat;
background-position: center center;
}
.fisc-float-container > .fisc-float-main {
position: absolute;
bottom: -240px;
left: 50%;
transform: translateX(-50%);
max-width: 40vw;
}
.fisc-float-container > .fisc-float-left {
bottom: -140px;
position: absolute;
top: 38%;
left: -20%;
width: 10vw;
height: 10vw;
max-width: 140px;
max-height: 140px;
}
.fisc-float-container > .fisc-float-right {
top: 30px;
position: absolute;
right: -16%;
width: 10vw;
height: 10vw;
max-width: 140px;
max-height: 140px;
}
.fisc-purpose-section {
background: #dfe6f7;
padding-top: 280px;
padding-bottom: 80px;
}
.fisc-superior-privilege {
background: #dfe6f7;
padding-top: 80px;
padding-bottom: 80px;
}
.fisc-purpose-section.premier {
background: #ffffff;
padding-top: 80px;
padding-bottom: 80px;
}
.fisc-process-section.premier {
background: #ffffff;
padding-top: 80px;
padding-bottom: 80px;
}
.heading-lg-black {
font-size: 52px;
line-height: 56px;
color: #0d0d0d;
font-family: var(--secondary-font);
font-weight: 450;
}
.heading-lg-white {
font-size: 52px;
line-height: 56px;
color: #ffffff;
font-family: var(--secondary-font);
font-weight: 450;
}
.heading-lg-light {
font-size: 52px;
line-height: 56px;
color: #2fd0b2;
font-family: var(--secondary-font);
font-weight: 450;
font-style: italic;
}
.heading-md-black {
font-size: 48px;
line-height: 50px;
color: #0d0d0d;
font-family: var(--secondary-font);
font-weight: 400;
}
.heading-md-white {
font-size: 48px;
line-height: 50px;
color: #ffffff;
font-family: var(--secondary-font);
font-weight: 400;
}
.heading-md-light {
font-size: 48px;
line-height: 50px;
color: #27af95;
font-family: var(--secondary-font);
font-weight: 400;
font-style: italic;
}
.description-black {
color: #404040;
font-size: 16px;
font-weight: 400;
font-family: var(--primary-font);
}
.fisc-bg-icon {
border-radius: 8px;
background: #ffffff;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.fisc-bg-icon.rounded-full {
border-radius: 9999px !important;
}
.fisc-bg-icon.premier {
border-radius: 8px;
background: #dfe6f7;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.header-card {
color: #0d0d0d;
font-size: 18px;
font-weight: 500;
font-family: var(--primary-font);
}
.desc-card {
color: #404040;
font-weight: 400;
font-size: 14px;
font-family: var(--primary-font);
}
.bg-object-1 {
width: 100%;
height: auto;
background: url("/images/v3/bg-object-1.png");
background-size: cover;
min-height: 330px;
border-radius: 8px;
}
.bg-object-2 {
width: 100%;
height: auto;
background: url("/images/v3/bg-object-2.png");
background-size: cover;
min-height: 330px;
border-radius: 8px;
}
.object-investor h2 {
color: #208d79;
background: hsl(0deg 1.2% 90.48% / 80%);
padding: 15px 10px 0 10px;
text-align: center;
}
.object-investor p {
background: hsl(0deg 1.2% 90.48% / 90%);
color: #000;
padding: 10px;
min-height: 150px;
margin-top: 0;
}
.object-container {
padding: 32px;
}
.open-account-wrapper {
position: relative;
z-index: 4;
}
.service-fees-wrapper {
position: relative;
z-index: 4;
}
.account-service-name {
backdrop-filter: blur(300px);
background: #ffffff1a;
border-radius: 8px;
padding: 0 32px;
display: flex;
align-items: center;
}
.account-service-name.only-text {
display: inline-block !important;
padding: 36px 42px;
}
.account-service-name.only-text.big {
display: none !important;
}
.account-service-name.active {
background: linear-gradient(90deg, #2b51b6 0%, rgba(43, 81, 182, 0) 100%);
}
.account-service-name img {
max-height: 120px;
}
.account-setting {
padding: 42px 32px;
border-radius: 8px;
background: #2b51b6;
width: 100%;
height: 100%;
}
.demo {
background-image: url("/images/v3/cta-hero-service.png");
background-size: cover;
background-position: center center;
position: relative;
}
.fisc-demo-content {
position: relative;
z-index: 2;
}
.fisc-premier-advisory-section {
background: url("/images/v3/smile.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
min-height: 640px;
}
.heading-price-header {
color: var(--colorComponents-text-accent, #2fd0b2);
font-family: var(--typeface-primary, Newsreader);
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 40px;
margin-bottom: 40px;
/* 111.111% */
}
.heading-price-title {
color: var(--colorComponents-text-primary, #fff);
/* headings/h3 */
font-family: var(--typeface-secondary, Inter);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
/* 133.333% */
letter-spacing: -0.48px;
}
.heading-price-description {
color: var(--colorComponents-text-secondary, rgba(255, 255, 255, 0.8));
/* body/md */
font-family: var(--typeface-secondary, Inter);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 150% */
letter-spacing: -0.16px;
}
.fisc-stats-wrapper.special {
background-color: #2b51b6;
/* box-shadow: 0 10px 15px rgb(0 0 0 / 20%); */
backdrop-filter: blur(20px);
background-blend-mode: overlay;
border-radius: 8px;
padding: 32px;
}
.bg-custom {
background: url("/images/v3/bg.png");
width: 709px;
height: 1024px;
}
.fisc-res-content {
width: 620px;
}
.fisc-stats.fisc-input-group {
max-width: 100%;
width: 100%;
}
.phone-sample {
position: absolute;
bottom: -24%;
right: -20%;
}
.open-account-pricing {
background: #1c3475;
}
.open-account-pricing-card {
backdrop-filter: blur(120px);
background: #ffffff1a;
border-radius: 8px;
padding: 32px;
height: 350px;
}
.open-account-pricing-card h1 {
color: #2fd0b2;
font-family: var(--secondary-font);
font-weight: 500;
font-size: 50px;
line-height: 50px;
margin-bottom: 8px;
}
.open-account-pricing-card h1.small {
font-size: 30px;
line-height: 64px;
}
.open-account-pricing-card h2 {
color: #ffffff;
font-family: var(--primary-font);
font-weight: 600;
font-size: 20px;
line-height: 26px;
}
.open-account-pricing-card p {
color: #ffffffcc;
font-family: var(--primary-font);
font-size: 16px;
line-height: 24px;
}
.wrapper-graph {
position: relative;
padding: 80px 0;
height: 700px;
}
.graph-item {
background-color: #dfe6f7;
border-radius: 8px;
z-index: 2;
position: relative;
}
.graph-item-1 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: -moz-fit-content;
width: fit-content;
max-width: 20%;
}
.graph-item-2 {
position: absolute;
top: 16%;
left: 25%;
z-index: 1;
width: -moz-fit-content;
width: fit-content;
max-width: 20%;
}
.graph-item-3 {
position: absolute;
top: 0;
left: 55%;
z-index: 1;
width: -moz-fit-content;
width: fit-content;
max-width: 20%;
}
.graph-item-4 {
position: absolute;
top: 23%;
right: 0%;
z-index: 1;
width: -moz-fit-content;
width: fit-content;
max-width: 20%;
}
.graph-center {
bottom: 4%;
left: 50%;
transform: translateX(-50%);
position: absolute;
width: -moz-fit-content;
width: fit-content;
max-width: 24%;
}
.bordered.top {
border-top: 1px solid #000000;
}
.bordered.left {
border-left: 1px solid #000000;
}
.bordered.right {
border-right: 1px solid #000000;
}
.bordered.bottom {
border-bottom: 1px solid #000000;
}
.bordered {
/* background-color: red; */
}
.box-p {
position: absolute;
width: 30%;
height: 62%;
left: 50%;
transform: translateX(-50%);
top: 22%;
z-index: -2;
border-radius: 16px;
}
.border-box {
position: absolute;
width: 76%;
bottom: 10%;
height: 67%;
left: 50%;
transform: translateX(-50%);
z-index: -1;
border-radius: 16px;
}
/*
@media screen and (min-width: 1280px) {
.border-box {
height: 500px;
}
}
@media screen and (min-width: 1536px) {
.border-box {
height: 430px !important;
}
} */
.graph-item {
padding: 24px;
}
.graph-center {
background-color: #0f1c3f;
border-radius: 8px;
padding: 24px;
color: #fff;
}
.lines {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
line {
stroke: #333;
stroke-width: 2;
}
@media screen and (max-width: 1280px) {
.fisc-hero-section {
height: 700px;
}
.fisc-res-content {
width: 500px;
}
.fisc-hero__content-text {
font-size: 52px;
line-height: 54px;
}
.fisc-hero__content-desc {
font-size: 16px;
}
.btn-size-xl {
height: var(--size-default) !important;
min-width: var(--size-default) !important;
padding: 18px;
font-size: 14px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 48px;
line-height: 50px;
}
.fisc-news-section {
padding: 54px;
}
.fisc-advise-wrapper {
padding: 80px 40px;
min-width: 560px;
}
.fisc-stats.fisc-input-group {
width: auto;
}
.object-container {
width: 70%;
padding: 24px;
}
.header-card {
font-size: 20px !important;
line-height: 28px !important;
}
.desc-card {
font-size: 16px !important;
}
.phone-sample {
width: 70%;
right: -18%;
}
.fisc-float-container {
width: 440px;
height: 380px;
}
.fisc-float-left {
width: 120px;
}
.fisc-float-right {
width: 120px;
}
.fisc-hero-service.account-investment {
height: 700px;
}
.fisc-purpose-section {
padding-top: 250px;
}
.open-account-pricing-card {
padding: 24px;
height: 280px;
}
.open-account-pricing-card h1 {
font-size: 52px;
line-height: 54px;
margin-bottom: 4px;
}
.open-account-pricing-card h2 {
font-size: 20px;
line-height: 24px;
}
.open-account-pricing-card p {
font-size: 14px;
line-height: 20px;
}
/*
.border-box {
height: 580px;
} */
}
.fisc-blur-box {
backdrop-filter: blur(300px);
background: #0000000d;
border-radius: 16px;
}
.progress {
background: #999999;
border: solid 1px #999999;
border-radius: 8px;
height: 3px;
width: 440px;
outline: none;
transition: background 450ms ease-in;
-webkit-appearance: none;
max-width: 100%;
}
.progress::-webkit-slider-thumb {
width: 28px;
height: 28px;
border-radius: 50%;
-webkit-appearance: none;
background: #fff;
border: 3px solid #2b51b6;
}
.form-select {
border: 1px solid #0000004d;
border-radius: 8px;
width: 100%;
height: 40px;
padding: 8px 16px;
outline: none;
}
.divider {
width: 100%;
border: 1px solid #00000026;
}
@media screen and (min-width: 1300px) {
.container {
max-width: 1244px;
}
}
.vision-mission-bg-man {
background: url("/images/v3/vision-man.png");
background-repeat: no-repeat;
background-size: cover;
background-clip: border-box;
border-radius: 16px;
padding: 48px;
max-height: 360px;
}
.vision-mission-bg-woman {
background: url("/images/v3/vision-woman.png");
background-repeat: no-repeat;
background-size: cover;
background-clip: border-box;
border-radius: 16px;
padding: 48px;
max-height: 360px;
}
.fisc-hero-knowledge {
background-image: url("/images/v3/cta-hero-service.png");
background-size: cover;
background-position: center center;
height: 480px;
max-height: 480px;
position: relative;
}
.fisc-article-lg__content .fisc-article-topic {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #2b51b6;
}
.fisc-article-lg__content .fisc-article-title {
color: #0d0d0d;
font-size: 36px;
font-family: var(--secondary-font);
margin-top: 24px;
margin-bottom: 16px;
font-weight: 500;
line-height: 44px;
}
.fisc-article-lg__content .fisc-article-writer {
color: #999999;
font-size: 14px;
font-family: var(--primary-font);
margin-bottom: 16px;
font-weight: 500;
}
.fisc-article-lg__content .fisc-article-information {
color: #404040;
font-size: 16px;
font-family: var(--primary-font);
margin-bottom: 24px;
}
.fisc-article-lg__content .fisc-article-linked {
color: #27af95;
font-size: 16px;
font-family: var(--primary-font);
cursor: pointer;
font-weight: 500;
display: flex;
align-items: center;
}
.fisc-article-md__content .fisc-article-topic {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #2b51b6;
margin-bottom: 8px;
}
.fisc-article-md__content .fisc-article-title {
color: #0d0d0d;
font-size: 24px;
line-height: 32px;
font-family: var(--primary-font);
margin-bottom: 8px;
font-weight: 500;
}
.fisc-article-md__content .fisc-article-information {
color: #404040;
font-size: 16px;
font-family: var(--primary-font);
margin-bottom: 20px;
}
.fisc-article-md__content .fisc-article-writer {
color: #999999;
font-size: 14px;
font-family: var(--primary-font);
margin-bottom: 20px;
font-weight: 500;
}
.fisc-article-md__image {
height: 100%;
max-height: 200px;
border-radius: 12px;
}
.fisc-article-lg__image {
height: 100%;
max-height: 390px;
border-radius: 12px;
aspect-ratio: 1 / 1;
}
.fisc-input-group.blue input {
border: 1px solid #2b51b6 !important;
border-radius: 8px;
padding: 11px 10px;
outline: none;
color: #404040;
width: 100%;
max-height: 48px;
font-size: 16px;
}
.fisc-input-group.blue input::-moz-placeholder {
color: #999999;
}
.fisc-input-group.blue input::placeholder {
color: #999999;
}
.fisc-addon-category {
background: radial-gradient(
221.43% 100% at 50% 0%,
#dfe6f7 0%,
#ffffff 100%
);
border-radius: 8px !important;
border: 1px solid #5b7dd8;
padding: 28px;
}
.fisc-addon-category__title {
font-size: 26px;
font-weight: 500;
color: #2b51b6;
margin-bottom: 12px;
font-family: var(--secondary-font);
}
.fisc-addon-category__heading {
padding: 12px 0;
color: #404040;
font-size: 18px;
font-weight: 500;
}
.fisc-addon-category__item {
border-left: 2px solid #00000026;
margin-left: 16px;
padding-left: 24px;
padding-top: 12px;
padding-bottom: 12px;
color: #404040;
font-size: 16px;
font-weight: 500;
font-family: var(--primary-font);
cursor: pointer;
}
.fisc-addon-category__item.secondary {
padding-left: 40px;
font-size: 14px;
font-weight: 400;
}
.fisc-addon-category__item.active {
color: #27af95;
border-left: 4px solid #27af95;
}
.fisc-article-vertical img {
width: 100%;
}
.fisc-article-vertical__content {
margin-top: 24px;
}
.fisc-article-vertical__content .fisc-article-vertical__topic {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #2b51b6;
margin-bottom: 8px;
}
.fisc-article-vertical__content .fisc-article-vertical__title {
color: #0d0d0d;
font-size: 18px;
font-family: var(--primary-font);
margin-bottom: 12px;
font-weight: 500;
}
.fisc-article-vertical__content .fisc-article-vertical__information {
color: #404040;
font-size: 14px;
font-family: var(--primary-font);
margin-bottom: 16px;
font-weight: 400;
min-height: 64px;
}
.fisc-article-vertical__content .fisc-article-vertical__writer {
color: #999999;
font-size: 14px;
font-family: var(--primary-font);
margin-bottom: 16px;
font-weight: 600;
letter-spacing: -2%;
}
.fisc-header-secondary-text__service {
color: #ffffff80;
font-size: 48px;
line-height: 52px;
margin-bottom: 12px;
font-family: var(--secondary-font);
}
/* COMPONENT: Pagination */
#fisc-pagination {
display: flex;
justify-content: center;
}
#fisc-pagination li {
display: flex;
justify-content: center;
align-items: center;
min-width: 34px;
min-height: 34px;
border: 1px solid #142554;
border-radius: 8px;
margin: 0 2px;
cursor: pointer;
}
.fisc-pagination__num {
max-width: 34px;
}
#fisc-pagination li a {
text-decoration: none;
color: #142554;
font-weight: 600;
width: 100%;
height: 100%;
}
#fisc-pagination li a {
transition: background-color 0.3s;
display: flex;
justify-content: center;
align-items: center;
}
#fisc-pagination li.active {
background-color: #142554;
}
#fisc-pagination li.active a,
#fisc-pagination li.active span {
color: #fff;
}
.book-product-horizontal {
display: flex;
}
.book-product-horizontal .book-wrapped-cover {
position: relative;
padding-bottom: 10px;
margin-right: 30px;
width: 50%;
}
.book-product-horizontal .book-wrapped-cover img {
min-width: 200px;
border-radius: 5px;
}
.book-product-horizontal .book-layer {
position: absolute;
top: 10px;
left: 16px;
min-width: 200px;
min-height: 280px;
background: #edebe8;
z-index: -1;
border-radius: 5px;
box-shadow: 0px 10.75px 7px -4px #0000001a;
transform: rotate(7deg);
}
.book-product-horizontal .book-topic {
color: #2b51b6;
font-family: var(--primary-font);
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-transform: uppercase;
}
.book-product-horizontal .book-heading {
color: #0d0d0d;
font-family: var(--secondary-font);
font-weight: 500;
font-size: 26px;
margin-bottom: 24px;
margin-top: 12px;
display: block;
line-height: 30px;
}
.book-actions {
display: flex;
}
.book-product-vertical .book-wrapped-cover {
position: relative;
padding-bottom: 20px;
display: flex;
justify-content: center;
}
.book-product-vertical .book-wrapped-cover img {
max-width: 150px;
border-radius: 5px;
}
.book-product-vertical .book-layer {
position: absolute;
top: 16px;
left: calc(50% + 18px);
min-width: 150px;
min-height: 204px;
background: #edebe8;
z-index: -1;
border-radius: 5px;
box-shadow: 0px 10.75px 7px -4px #0000001a;
transform: rotate(7deg) translateX(-50%);
}
.book-product-vertical .book-topic {
color: #2b51b6;
font-family: var(--primary-font);
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: 0%;
text-transform: uppercase;
}
.book-product-vertical .book-heading {
color: #0d0d0d;
font-family: var(--secondary-font);
font-weight: 500;
margin-bottom: 16px;
margin-top: 8px;
display: block;
font-size: 18px;
line-height: 24px;
letter-spacing: -2%;
height: 48px;
}
.book-actions {
display: flex;
}
.breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.breadcrumb i {
margin-right: 4px;
margin-left: 4px;
}
.breadcrumb a {
color: #404040;
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: -2%;
}
.book-detail-cover {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.book-detail-cover img {
width: 350px;
border-radius: 5px;
}
.book-detail-cover .book-layer {
position: absolute;
top: 20px;
left: 26%;
min-width: 350px;
min-height: 490px;
background: #edebe8;
z-index: -1;
border-radius: 5px;
box-shadow: 0px 10.75px 7px -4px #0000001a;
transform: rotate(7deg);
}
.book-detail {
display: flex;
justify-content: center;
flex-direction: column;
}
.book-detail-actions {
display: flex;
margin-top: 48px;
}
.book-detail .book-detail-topic {
color: #2b51b6;
font-family: var(--primary-font);
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-transform: uppercase;
margin-bottom: 16px;
}
.book-detail .book-detail-heading {
color: #0d0d0d;
font-family: var(--secondary-font);
font-weight: 500;
display: block;
font-size: 36px;
line-height: 40px;
letter-spacing: -1%;
margin-bottom: 24px;
}
.book-detail .book-detail-infomation-name {
color: var(--c-primary-light);
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
}
.book-detail .book-detail-infomation-value {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #404040;
}
.suggest-book-carousel {
padding-bottom: 84px !important;
overflow-y: unset !important;
}
.suggest-book-carousel .swiper-pagination {
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
display: flex;
align-items: center;
justify-content: center;
}
.suggest-book-carousel .swiper-pagination .swiper-pagination-bullet {
background-color: #000000 !important;
}
.suggest-book-carousel
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #2fd0b2 !important;
width: 16px;
height: 16px;
}
.stock-carousel {
padding-bottom: 84px !important;
overflow-y: unset !important;
}
.stock-carousel .swiper-pagination {
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
display: flex;
align-items: center;
justify-content: center;
}
.stock-carousel .swiper-pagination .swiper-pagination-bullet {
background-color: #000000 !important;
}
.stock-carousel
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #2fd0b2 !important;
width: 16px;
height: 16px;
}
/* COMPONENTS: MODAL */
.modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
background: radial-gradient(
221.43% 100% at 50% 0%,
#dfe6f7 0%,
#ffffff 100%
);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 32px;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
width: 80%;
max-width: 644px !important;
animation: modalopen 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.modal-content.lg {
max-width: 800px !important;
}
@keyframes modalopen {
from {
opacity: 0;
transform: translate(-50%, -48%) scale(0.96);
}
to {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
}
.modal-header {
padding: 10px 0;
border-bottom: 1px solid #e9e9e9;
}
.modal-body {
padding: 20px 0;
}
.modal-footer {
padding: 10px 0;
border-top: 1px solid #e9e9e9;
text-align: right;
}
.panel-filter {
width: 100%;
display: flex;
background: #244296;
padding: 32px;
border-radius: 16px;
max-height: 134px;
margin-top: -58px;
z-index: 8;
position: relative;
}
/* * COMPONENTS: SELECT */
.select-box {
position: relative;
display: block;
width: 100%;
margin: 0 auto;
font-size: 18px;
color: #60666d;
}
.select-box__current {
position: relative;
box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
cursor: pointer;
outline: none;
}
.select-box__current.black {
box-shadow: unset;
border: 1px solid #0000004d;
border-radius: 8px;
}
.select-box__current.black .select-box__value .select-box__input-text {
color: black;
}
.select-box__current:focus + .select-box__list {
opacity: 1;
animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
cursor: pointer;
}
.select-box__current:focus .select-box__icon {
transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 20px;
opacity: 0.3;
transition: 0.2s ease;
}
.select-box__value {
display: flex;
}
.select-box__input {
display: none;
}
.select-box__input:checked + .select-box__input-text {
display: flex;
align-items: center;
}
.select-box__input-text {
display: none;
margin: 0;
border: 1px solid #ffffff66;
border-radius: 8px;
padding: 8px 10px;
outline: none;
color: #ffffff;
width: 100%;
max-height: 40px;
font-weight: 400 !important;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
}
.select-box__list {
position: absolute;
width: 100%;
padding: 0;
list-style: none;
opacity: 0;
animation-name: HideList;
animation-duration: 0.5s;
animation-delay: 0.5s;
animation-fill-mode: forwards;
animation-timing-function: step-start;
box-shadow: 0 5px 10px #21212133;
z-index: 99;
border-radius: 8px !important;
overflow: hidden;
border-radius: 4px;
}
.select-box__option {
display: block;
padding: 15px;
background-color: #fff;
}
.select-box__option.md {
font-size: 14px;
}
.select-box__option:hover,
.select-box__option:focus {
color: #333333;
background-color: #f6f6f6;
}
@keyframes HideList {
from {
transform: scaleY(1);
}
to {
transform: scaleY(0);
}
}
.featured-stock-codes {
padding-bottom: 84px !important;
overflow-y: unset !important;
}
.featured-stock-codes .swiper-pagination {
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
display: flex;
align-items: center;
justify-content: center;
}
.featured-stock-codes
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #2fd0b2 !important;
width: 16px;
height: 16px;
}
.featured-stock-codes .swiper-pagination .swiper-pagination-bullet {
background-color: #000000 !important;
}
.wrapper-table-block {
border: 1px solid #5b7dd8;
background: radial-gradient(
221.43% 100% at 50% 0%,
#dfe6f7 0%,
#ffffff 100%
);
border-radius: 16px;
overflow: hidden;
}
.wrapper-table-block .heading {
color: #2b51b6;
font-size: 26px;
line-height: 32px;
font-weight: 500;
font-family: var(--secondary-font);
padding: 32px;
padding-bottom: 24px;
}
.fisc-table {
width: 100%;
}
.fisc-table tr th,
.fisc-table tr td {
padding: 12px 10px;
}
.fisc-table tr th {
background: #beccf0;
font-size: 12px;
font-weight: 600;
font-family: var(--primary-font);
color: #0d0d0d;
}
.stock-code {
display: flex;
align-items: center;
}
.stock-code_logo {
width: 32px;
height: 32px;
border-radius: 50%;
}
.stock-code_name {
color: #0d0d0d;
font-weight: 600;
font-size: 14px;
margin-left: 8px;
}
.stock-text {
color: #404040;
font-size: 14px;
font-weight: 400;
}
.stock-fluctuations {
display: flex;
align-items: center;
justify-content: flex-end;
}
.stock-fluctuations.decreasing .arrow {
border-top: 7px solid #e7493e;
border-bottom: 7px solid transparent;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
margin-bottom: 1px;
margin-top: 10px;
}
.stock-fluctuations.increasing .arrow {
border-bottom: 7px solid #27af95;
border-top: 7px solid transparent;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
margin-bottom: 1px;
}
.stock-fluctuations .value {
font-size: 14px;
font-family: var(--primary-font);
line-height: 20px;
}
.stock-fluctuations.increasing .value {
color: #27af95;
margin-left: 4px;
}
.stock-fluctuations.decreasing .value {
color: #e7493e;
margin-left: 4px;
}
.fisc-table .actions {
color: #27af95;
font-size: 12px;
font-weight: 600;
display: flex;
align-items: center;
}
.stock-info-code {
display: flex;
}
.stock-info-code .stock-info-img {
width: 56px;
height: 56px;
border-radius: 50%;
padding-right: 6px;
}
.stock-info-col {
padding-left: 6px;
}
.stock-info-col .stock-info-col__company-name {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #999999;
margin-bottom: 4px;
}
.stock-info-col .stock-info-col__code {
font-weight: 600;
font-size: 24px;
color: #0d0d0d;
margin-bottom: 8px;
}
.stock-info-col .stock-info-col__number {
display: flex;
justify-content: space-between;
}
.stock-info-col__number-price {
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: -1%;
text-align: center;
color: #0d0d0d;
}
.stock-info-col__number-index {
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: -1%;
color: #0d0d0d;
}
.stock-info-col__number-index.decreasing {
color: #e7493e;
}
.stock-info-col__number-percent {
height: 24px;
padding: 2px 8px;
border-radius: 24px;
background-color: #0d0d0d;
color: #fff;
display: flex;
align-items: center;
font-size: 12px;
font-weight: 400;
}
.stock-info-col__number-percent.decreasing {
background: #e7493e;
}
.stock-info-col__number-percent.increasing {
background: #27af95;
}
.stock-info-col__number-percent.decreasing .arrow {
border-top: 5px solid #fff;
border-bottom: 5px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
margin-top: 6px;
margin-right: 3px;
}
.text-increasing {
color: #27af95;
}
.text-decreasing {
color: #e7493e;
}
.text-warning {
color: #f6920f;
}
.stock-info-col__number-percent.increasing .arrow {
border-top: 5px solid transparent;
border-bottom: 5px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
margin-right: 3px;
margin-bottom: 6px;
}
.stock-percentage {
background: white;
border-radius: 8px;
padding: 8px 14px;
color: #0d0d0d;
font-size: 24px;
font-weight: 600;
line-height: 32px;
max-height: 48px;
}
.stock-smart-core {
background: #f6b60b;
border-radius: 8px;
padding: 8px 14px;
color: #0d0d0d;
font-size: 24px;
font-weight: 600;
line-height: 32px;
max-height: 48px;
}
.stock-percentage.increasing {
background: #50d8be;
}
.header-block-index {
font-family: var(--secondary-font);
font-weight: 600;
font-size: 40px;
padding: 32px 16px;
border-radius: 8px;
background: red;
line-height: 27px;
display: flex;
align-items: center;
max-height: 100px;
padding-bottom: 24px;
}
.header-block-index.increasing {
background: #50d8be;
}
.evaluate-block {
background: radial-gradient(
221.43% 100% at 50% 0%,
#dfe6f7 0%,
#ffffff 100%
);
border: 1px solid #5b7dd8;
border-radius: 16px;
padding: 32px;
text-align: justify;
}
.evaluate-block h2 {
color: #2b51b6;
font-family: var(--secondary-font);
font-weight: 500;
font-size: 26px;
line-height: 32px;
letter-spacing: -1%;
}
.evaluate-block .point {
font-family: var(--primary-font);
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: -2%;
text-align: center;
background-color: #50d8be;
padding: 8px;
max-height: 48px;
border-radius: 8px;
}
.evaluate-block ul {
list-style-type: initial;
}
.fisc-badge {
background-color: #1c3475;
border-radius: 16px;
padding: 64px;
}
.swiper-pagination-bullet {
background-color: white !important;
opacity: 0.5 !important;
}
.fisc-tag-article {
color: #fff;
background-color: #404040;
max-height: 24px;
display: inline-block;
border-radius: 24px;
font-size: 12px;
padding: 0 12px;
}
.fisc-text-shadow {
text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);
}
.fisc-value-1 {
width: 100%;
height: 520px;
background-image: url("/images/v3/value-1.jpg");
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
}
.fisc-value-2 {
width: 100%;
height: 250px;
background-image: url("/images/v3/value-2.jpg");
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
}
.fisc-value-3 {
width: 100%;
height: 250px;
background-image: url("/images/v3/value-3.jpg");
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
background-position: center center;
}
.fisc-value-4 {
width: 100%;
height: 250px;
background-image: url("/images/v3/value-4.jpg");
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
}
.fisc-value-5 {
width: 100%;
height: 250px;
background-image: url("/images/v3/value-5.jpg");
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
}
.fisc-value-6 {
width: 100%;
height: 250px;
background-image: url("/images/v3/value-6.jpg");
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
}
.highcharts-range-selector-buttons .highcharts-button {
padding: 8px 12px !important;
/* Tùy chỉnh padding */
}
#sticky {
background: #f0f0f0;
padding: 20px;
transition: all 0.3s;
}
.is-sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.spacer {
height: 1000px;
/* Để có không gian scroll */
}
.fisc-coming-soon-img {
width: 70%;
height: auto;
margin-top: 40px;
}
.fisc-coming-soon-container {
border-bottom: 1px solid #00000026;
position: relative;
margin-top: 120px;
}
@media screen and (max-width: 768px) {
.fisc-coming-soon-container {
padding-bottom: 120px;
}
}
.fisc-coming-soon-container .fisc-fracial-light-left {
bottom: -100px;
left: -150px;
}
.fisc-coming-soon-container .fisc-fracial-light-right {
bottom: 0px;
top: 0px;
}
.news-bg {
aspect-ratio: 1 / 1;
}
@media screen and (max-width: 768px) {
.slider-unlimited-carousel-new-about-us {
padding: 0 16px !important;
}
.slider-unlimited-carousel-new-about-us .custom-width {
max-width: 100% !important;
}
}
.tab-header {
cursor: pointer;
z-index: 1000;
}
.tab-header.active {
color: white;
background-color: #142554;
border-radius: 8px;
transition: all 0.3s;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.process-customer {
background: url(/images/v3/arrow-overlay.png);
width: 100%;
height: -moz-fit-content;
height: fit-content;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
background-clip: border-box;
background-position: center right;
background-size: contain;
background-repeat: no-repeat;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 14%;
padding-left: 32px;
}
.divider-blue {
border: 0.25px solid #dfe6f7;
}
.header-card-blue {
color: #2b51b6;
font-size: 26px;
font-weight: 500;
font-family: var(--secondary-font);
margin-bottom: 8px;
}
.desc-card-2 {
color: #404040;
font-size: 16px;
font-weight: 600;
line-height: 24px;
min-height: 48px;
}
/* Thanh search */
#overlay-search {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0;
transition: height 0.5s ease-in-out;
z-index: 1003;
backdrop-filter: blur(200px);
background: #ffffffd9;
opacity: 0;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
#fisc-search-container > #overlay-search.active {
height: 100vh;
opacity: 1;
}
.overlay-search-wrapper {
position: relative;
width: 100%;
height: 100%;
}
#close-search {
position: absolute;
top: 5vh;
right: 0%;
cursor: pointer;
}
/* Searchbox */
.overlay-search-box {
position: absolute;
top: 15%;
height: 112px;
width: 100%;
padding: 32px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #0000004d;
}
.search-box {
display: flex;
align-items: center;
flex: 1;
}
.search-box i {
margin-right: 28px;
}
.search-box input {
outline: none;
border: none;
min-height: 48px;
padding-right: 20px;
font-size: 48px;
color: #404040;
font-weight: 500;
font-family: var(--secondary-font);
width: 100%;
}
.search-box input::-moz-placeholder {
font-size: 48px;
color: #6d6c6c;
font-weight: 500;
font-family: var(--secondary-font);
}
.search-box input::placeholder {
font-size: 48px;
color: #6d6c6c;
font-weight: 500;
font-family: var(--secondary-font);
}
/* Nav-tab */
.fisc-nav-tabs {
display: flex;
justify-content: flex-end;
padding: 8px;
border-radius: 8px;
background: #0000000d;
width: -moz-max-content;
width: max-content;
}
@media screen and (max-width: 768px) {
.fisc-nav-tabs {
width: 100%;
}
}
.fisc-nav-tab {
padding: 8px 16px;
font-size: 12px;
font-weight: 500;
color: #0d0d0d;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s;
}
.fisc-nav-tab.active {
color: #ffffff;
background: #142554;
}
.image-premier-watch-carousel {
padding-bottom: 84px !important;
overflow-y: unset !important;
}
.image-premier-watch-carousel .swiper-pagination {
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
display: flex;
align-items: center;
justify-content: center;
}
.image-premier-watch-carousel .swiper-pagination .swiper-pagination-bullet {
background-color: #000000 !important;
}
.image-premier-watch-carousel
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #2fd0b2 !important;
width: 16px;
height: 16px;
}
.members-slider {
padding-bottom: 84px !important;
overflow-y: unset !important;
}
.members-slider .swiper-pagination {
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
display: flex;
align-items: center;
justify-content: center;
}
.members-slider .swiper-pagination .swiper-pagination-bullet {
background-color: #000000 !important;
}
.members-slider
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #2fd0b2 !important;
width: 16px;
height: 16px;
}
.wrapper-member-cover {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
border-radius: 16px;
}
.alert {
border-radius: 8px;
padding: 10px;
margin-top: 10px;
}
.alert-danger {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
padding: 10px;
border-radius: 8px;
margin-top: 10px;
}
.alert-success {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
padding: 10px;
border-radius: 8px;
margin-top: 10px;
}
.box-comment-list {
border-radius: 12px;
padding: 18px 0;
}
.box-comment-list::-webkit-scrollbar {
width: 8px;
}
.box-comment-list::-webkit-scrollbar-thumb {
background-color: #cbd5e1;
border-radius: 4px;
border: 2px solid #e0e7ef;
}
.box-comment-list::-webkit-scrollbar-track {
background-color: #f3f4f6;
border-radius: 4px;
}
.box-comment-list > div {
display: flex;
align-items: flex-start;
gap: 12px;
background: #fff;
border-radius: 8px;
border: 1px solid #e5e7eb;
box-shadow: 0 1px 4px 0 rgba(30, 64, 175, 0.04);
padding: 14px 18px;
margin-bottom: 16px;
transition: box-shadow 0.2s, border-color 0.2s;
position: relative;
}
.box-comment-list > div:hover {
box-shadow: 0 4px 24px 0 rgba(30, 64, 175, 0.12);
border-color: #3b82f6;
background: #f0f6ff;
}
.comment-avatar {
width: 44px;
height: 44px;
border-radius: 50%;
background: #e0e7ef;
-o-object-fit: cover;
object-fit: cover;
margin-right: 8px;
flex-shrink: 0;
border: 2px solid #fff;
box-shadow: 0 1px 4px 0 rgba(30, 64, 175, 0.08);
}
.comment-content {
flex: 1;
display: flex;
flex-direction: column;
}
.comment-author {
font-weight: 600;
color: #2563eb;
font-size: 1rem;
margin-bottom: 2px;
}
.comment-text {
font-size: 0.98rem;
color: #334155;
margin-bottom: 2px;
line-height: 1.6;
/* dữ liệu khung bị tràn dó link dài */
word-break: break-word;
}
.comment-meta {
font-size: 0.85rem;
color: #64748b;
margin-top: 2px;
display: flex;
gap: 12px;
align-items: center;
}
.comment-reply {
color: #3b82f6;
font-size: 0.85rem;
cursor: pointer;
padding: 2px 8px;
border-radius: 4px;
transition: background 0.2s;
}
.comment-reply:hover {
background: #e0e7ef;
}
.btn-primary {
background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
color: #fff;
font-weight: 600;
padding: 8px 24px;
border-radius: 8px;
border: none;
box-shadow: 0 2px 8px 0 rgba(59, 130, 246, 0.08);
transition: background 0.2s, box-shadow 0.2s, transform 0.1s;
letter-spacing: 0.01em;
font-size: 1rem;
outline: none;
cursor: pointer;
position: relative;
overflow: hidden;
}
.btn-primary:hover {
background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%);
box-shadow: 0 4px 16px 0 rgba(59, 130, 246, 0.14);
transform: translateY(-2px) scale(1.03);
}
.btn-primary:active {
background: #2563eb;
box-shadow: 0 2px 16px 0 rgba(59, 130, 246, 0.18);
transform: scale(0.98);
}
.form-control {
font-size: 1rem;
background: #f8fafc;
border: 1px solid #e5e7eb;
transition: border-color 0.2s, box-shadow 0.2s;
border-radius: 8px;
padding: 12px 16px;
}
.form-control:focus {
border-color: #3b82f6;
box-shadow: 0 0 0 2px #3b82f6;
background: #fff;
}
.form-control::-moz-placeholder {
color: #94a3b8;
opacity: 1;
}
.form-control::placeholder {
color: #94a3b8;
opacity: 1;
}
.box-comment-form {
margin-top: 24px;
border: 1px solid #e5e7eb;
}
.load-more-comments {
background: linear-gradient(90deg, #f8fafc 0%, #e0e7ef 100%);
border: none;
color: #2563eb;
font-weight: 600;
font-size: 1rem;
padding: 10px 32px;
border-radius: 24px;
box-shadow: 0 2px 8px 0 rgba(59, 130, 246, 0.06);
transition: background 0.2s, box-shadow 0.2s, transform 0.1s;
cursor: pointer;
outline: none;
position: relative;
letter-spacing: 0.01em;
display: inline-flex;
align-items: center;
gap: 8px;
}
.load-more-comments:hover {
background: linear-gradient(90deg, #e0e7ef 0%, #f8fafc 100%);
color: #1d4ed8;
box-shadow: 0 4px 16px 0 rgba(59, 130, 246, 0.12);
transform: translateY(-2px) scale(1.04);
}
.load-more-comments:active {
background: #e0e7ef;
color: #2563eb;
box-shadow: 0 2px 16px 0 rgba(59, 130, 246, 0.18);
transform: scale(0.98);
}
.load-more-comments::after {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin-left: 4px;
background: url('data:image/svg+xml;utf8,')
no-repeat center center;
background-size: 18px 18px;
opacity: 0.7;
vertical-align: middle;
}
.login-view-more {
background: linear-gradient(180deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0.91) 50%,
#fff 55%);
border-radius: 10px;
display: inline-flex;
justify-content: center;
margin-bottom: 0;
padding-top: 150px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.login-view-more .btn {
border-radius: 20px;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 7px 17px;
margin-bottom: 30px;
}
article.page-content-detail table {
width: auto !important;
}
.highcharts-range-selector {
background-color: #fff !important;
caret-color: transparent;
/* Hide the blinking cursor */
}
/* 5-column grid for large screens */
@media (min-width: 1024px) {
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
#banner-article.img-top {
width: 100% !important;
height: auto !important;
min-height: auto !important;
}
/*style mặc định*/
#content-article h2,
#content-article h3,
#content-article h4 {
font-weight: bold;
}
#content-article h2 {
font-size: 22px !important;
color: #142b6f;
}
#content-article h3 {
font-size: 20px !important;
color: #000;
}
#content-article p {
line-height: 1.6;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
unicode-bidi: -webkit-isolate;
unicode-bidi: -moz-isolate;
unicode-bidi: isolate;
}
#content-article ul {
padding: 0 40px;
list-style: inherit !important;
}
#content-article ul li {
display: list-item;
text-align: -webkit-match-parent;
unicode-bidi: -webkit-isolate;
unicode-bidi: -moz-isolate;
unicode-bidi: isolate;
padding-inline-start: 0 !important;
}
#content-article img {
max-width: 100% !important;
height: auto !important;
width: inherit;
}
#content blockquote {
border-left: 4px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
color: #666;
background-color: #f9f9f9;
}
/* Bài viết với giao diện to (Phù hợp bài viết nổi bật) */
.img_box_full {
display: block !important;
background-color: #142b6f;
height: 390px;
background-position: top !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
#content-article table {
border-collapse: collapse;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#content-article table td,
#content-article table th {
border: 1px solid #ddd;
padding: 10px 15px;
text-align: left;
vertical-align: top;
}
#content-article table tr:nth-child(even) {
background-color: #f9f9f9;
}
#content-article table tr:hover {
background-color: #f1f1f1;
}
#content-article table a {
color: #2980b9;
text-decoration: none;
}
#content-article table a:hover {
text-decoration: underline;
}
#content-article .img-top {
height: auto !important;
}
#content-article figure.image {
width: inherit !important;
height: inherit !important;
}
.fisc-news-item {
background-size: contain;
background-position: top;
}
.object-investor {
background-repeat: no-repeat !important;
background-size: cover !important;
border-radius: 8px;
}
.fisc-purpose-section.premier {
background: #dfe6f7;
}
@media (width >=48rem) {
.md\:col-span-5 {
grid-column: span 5 / span 5;
}
.md\:col-span-7 {
grid-column: span 7 / span 7;
}
}
@media (width >=64rem) {
.lg\:col-span-10 {
grid-column: span 10 / span 10;
}
}
.text-right {
text-align: right;
}
.action-btn.active {
color: #fff;
}
.action-btn.active i {
color: #fff;
}
.nav-item-account {
display: none;
}
.text-danger {
color: #dc3545 !important;
}
.text-success {
color: #28a745 !important;
}
#content-article {
text-align: justify;
line-height: 1.5;
}
#content-article ul li {
padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
#content-article ul {
padding: 10px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
.bg-vision-man {
display: none;
}
.br-break {
display: none;
}
@media screen and (max-width: 64rem) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
line-height: 44px;
}
.fisc-desc-text {
font-size: 12px;
}
.fisc-hero-service {
height: 360px;
}
.vision-mission-bg-man,
.vision-mission-bg-woman {
padding: 32px
}
.vision-mission-bg-man {
background-image: unset;
background-color: #EEFBF9;
min-height: 520px;
position: relative;
overflow: hidden;
}
.vision-mission-bg-woman {
background-image: unset;
background-color: #DFE6F7;
min-height: 520px;
position: relative;
overflow: hidden;
}
.bg-vision-man {
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 60%;
left: 0;
}
}
@media screen and (max-width: 64rem) {
.core-value-item-1 {
margin-top: -18% !important;
}
.core-value-item-3 {
margin-top: 10% !important;
}
.core-value-item-4 {
margin-top: 6% !important;
}
.core-value-item-5 {
margin-top: 8% !important;
}
}
@media screen and (max-width: 1023px) {
.core-value-item-1 {
margin-top: -26% !important;
}
.core-value-item-2 {
margin-top: -36% !important;
}
.core-value-item-3 {
margin-top: -7% !important;
}
.core-value-item-4 {
margin-top: -10% !important;
}
.core-value-item-5 {
margin-top: -2% !important;
}
}
@media screen and (max-width: 768px) {
.core-value-item-1 {
margin-top: -18% !important;
}
.core-value-item-2 {
margin-top: -24% !important;
}
.core-value-item-3 {
margin-top: 10% !important;
}
.core-value-item-4 {
margin-top: 6% !important;
}
.core-value-item-5 {
margin-top: 9% !important;
}
}
@media screen and (max-width: 640px) {
.core-value-item-1 {
margin-top: -20% !important;
}
.core-value-item-2 {
margin-top: -24% !important;
}
.core-value-item-3 {
margin-top: 14% !important;
}
.core-value-item-4 {
margin-top: 6% !important;
}
.core-value-item-5 {
margin-top: 9% !important;
}
}
@media screen and (max-width: 500px) {
.br-break {
display: block;
}
.core-value-item-1 {
margin-top: -29% !important;
}
.core-value-item-2 {
margin-top: -31% !important;
}
.core-value-item-3 {
margin-top: 0% !important;
}
.core-value-item-4 {
margin-top: 0% !important;
}
.core-value-item-5 {
margin-top: 2% !important;
}
}
@media screen and (max-width: 489px) {
.core-value-item .fisc-bg-icon {
margin-bottom: 8px !important;
}
.core-value-item .header-card {
font-size: 18px !important;
margin-bottom: 6px;
}
.core-value-item .desc-card {
font-size: 14px !important;
}
.core-value-item-1 {
margin-top: -30% !important;
}
.core-value-item-2 {
margin-top: -35% !important;
}
.core-value-item-3 {
margin-top: 10% !important;
}
.core-value-item-4 {
margin-top: 7% !important;
}
.core-value-item-5 {
margin-top: 5% !important;
}
}
@media screen and (max-width: 440px) {
.content-in-rainbow {
top: 4% !important;
}
}
@media screen and (max-width: 400px) {
.content-in-rainbow {
top: 3% !important;
}
.core-value-item-5 {
margin-top: 0% !important;
}
}
.wrapper-background {
position: relative;
max-height: 440px;
overflow: hidden;
}
.wrapper-background-last {
position: relative;
max-height: 200px;
overflow: hidden;
}
.curved-background-1 {
position: relative;
width: 5200px;
height: 5200px;
background: #5B7DD8;
border-radius: 50%;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
}
.curved-background-2 {
position: relative;
width: 4800px;
height: 4800px;
background: #2B51B6;
border-radius: 50%;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
}
.curved-background-3 {
position: relative;
width: 4800px;
height: 4800px;
background: #1C3475;
border-radius: 50%;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
}
.bg-rainbow {
position: relative;
}
.content-in-rainbow {
position: absolute;
top: 7%;
left: 50%;
transform: translateX(-50%);
}
.core-value-item {
z-index: 2;
width: 280px;
height: auto;
}
.core-value-item .fisc-bg-icon {
width: 48px;
height: 48px;
border-radius: 50%;
border: 1.5px solid #BECCF0;
background: #FFFFFF;
margin-bottom: 24px;
}
.core-value-item .header-card {
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
font-weight: 700;
}
.core-value-item .desc-card {
font-size: 14px;
line-height: 20px;
color: #FFFFFFCC;
}
.core-value-item-2 {
margin-top: -18%;
}
.core-value-item-3 {
margin-top: 8%;
}
.core-value-item-4 {
margin-top: 4%;
}
.core-value-item-5 {
margin-top: 10%;
}
@media screen and (max-width: 80rem) {
.core-value-item {
width: auto;
}
.core-value-item-1 {
margin-top: -10%;
}
.core-value-item-2 {
margin-top: -26%;
}
.core-value-item-3 {
margin-top: 8%;
}
.core-value-item-4 {
margin-top: 3%;
}
.core-value-item-5 {
margin-top: 10%;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
.fisc-icon-news-position-bottom {
display: none !important;
}
@media screen and (max-width: 64rem) {
.fisc-hero-service__container {
width: 100%;
padding: 40px 16px;
}
.fisc-hero-service {
height: 660px;
}
.fisc-header-text__service {
font-size: 40px;
line-height: 44px;
}
.fisc-desc-text {
font-size: 12px;
font-weight: 400;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-hero-service.account-investment>.fisc-hero-service__container {
top: 50%;
}
.fisc-float-container {
width: 60vw;
max-width: 440px;
aspect-ratio: 1.22 !important;
height: auto;
background-size: contain;
}
.fisc-float-left {
width: 14vw;
max-width: 120px;
}
.fisc-float-right {
width: 14vw !important;
height: 14vw !important;
max-width: 120px;
}
.fisc-float-container {
bottom: -26%;
}
.fisc-purpose-section {
padding-top: 260px
}
.header-card {
font-size: 18px;
line-height: 24px;
}
.desc-card {
font-size: 14px;
}
.account-service-name {
min-height: 80px;
padding: 16px;
}
.account-service-name.only-text {
display: none !important;
}
.account-service-name.only-text.big {
display: block !important;
text-align: center;
padding: 16px !important;
}
.account-setting {
padding: 50px;
}
.open-account-pricing-card {
height: 240px;
}
.wrapper-graph {
display: none;
}
.graph-item {
display: flex;
align-items: center;
padding: 32px;
}
.fisc-bg-icon {
min-width: 48px;
min-height: 48px;
}
.header-card {
line-height: unset;
font-size: 18px;
}
.graph-center {
max-width: unset;
width: 100%;
transform: unset;
position: unset;
}
}
@media screen and (max-width: 552px) {
.fisc-float-container {
bottom: -20%;
}
.fisc-purpose-section {
padding-top: 200px
}
.bg-object-1 {
background: url("/images/v3/bg-object-1-mobile.jpeg");
background-size: cover;
background-repeat: no-repeat;
min-height: 400px;
background-position-x: center;
}
.bg-object-2 {
background: url("/images/v3/bg-object-2-mobile.jpeg");
background-size: cover;
background-repeat: no-repeat;
min-height: 400px;
}
.object-container {
width: 100%;
}
}
@media screen and (max-width: 420px) {
.fisc-float-container {
bottom: -14%;
}
.fisc-purpose-section {
padding-top: 160px
}
}
@media screen and (max-width: 768px) {
.heading-lg-black {
font-size: 38px;
line-height: 40px;
}
.heading-lg-white {
font-size: 38px;
line-height: 40px;
}
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black {
font-size: 42px;
line-height: 44px;
}
.heading-lg-white {
font-size: 42px;
line-height: 44px;
}
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
.fisc-icon-news-position-bottom {
display: none !important;
}
@media screen and (max-width: 64rem) {
.fisc-hero-section {
height: 720px !important;
background-position: right center
}
.fisc-hero__content {
bottom: 10%;
}
.bg-fracial-item {
opacity: 0.4;
}
.fisc-res-content {
width: -moz-fit-content;
width: fit-content;
max-width: 400px;
}
.fisc-hero__content-text {
font-size: 40px;
line-height: 44px;
}
.fisc-hero__content-desc {
font-size: 16px;
margin-top: 8px !important;
}
.hero-carousel .swiper-pagination {
justify-content: center;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-news-section {
border-radius: unset !important;
padding: 60px 16px;
}
}
@media screen and (max-width: 48rem) {
.fisc-news-item {
width: 244px !important;
aspect-ratio: 1 / 1 !important;
}
.swiper-slide.custom-width {
width: auto !important;
}
.fisc-news-section {
position: relative;
padding-bottom: 120px;
}
.fisc-icon-news-position {
display: none !important;
}
.fisc-icon-news-position-bottom {
display: flex !important;
top: unset !important;
bottom: 40px !important;
right: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
height: 28px !important;
}
.fisc-icon-news-position-bottom.fisc-icon-news-next {
left: 56% !important;
}
.fisc-icon-news-position-bottom.fisc-icon-news-prev {
left: 44% !important;
}
.fisc-service-wrapper {
min-height: unset !important;
}
.bg-fracial-column:nth-of-type(4) {
height: 90%;
}
.bg-fracial-column:nth-of-type(5) {
height: 84%;
}
.bg-fracial-column:nth-of-type(6) {
height: 86%;
}
.bg-fracial-column:nth-of-type(7) {
height: 90%;
}
.bg-fracial-column:nth-of-type(8) {
height: 100%;
}
.fisc-why-content {
padding-top: 100px;
}
.fisc-why-headline {
height: unset !important;
margin-bottom: 12px;
}
.fisc-stats-chart-section {
padding-bottom: 0px
}
.fisc-stats-section {
padding-top: 80px;
padding-bottom: 80px !important;
}
.fisc-advise-block {
position: relative !important;
border-radius: unset !important;
margin-top: unset !important;
}
.fisc-advise-wrapper {
min-width: unset;
width: -moz-fit-content;
width: fit-content;
max-width: unset;
padding: 80px 16px;
}
.fisc-advise-block {
background-image: url("/images/v3/cta-hero-service.png")
}
.news-bg {
width: 100px;
height: 100px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
@media screen and (max-width: 64rem) {
.fisc-hero-knowledge {
height: 360px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-secondary-text__service {
font-size: 24px;
line-height: 28px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
}
.fisc-desc-text {
font-size: 12px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-advise-block-1 {
border-radius: 0;
padding: 80px 15px;
}
.fisc-advise-wrapper {
padding: 0;
min-width: unset;
max-width: unset;
width: 100%;
}
/* ^ article-lg.html */
.fisc-article-lg__content .fisc-article-topic {
font-size: 12px;
font-weight: 600;
margin-bottom: 8px;
margin-top: 24px;
}
.fisc-article-lg__content .fisc-article-title {
font-size: 26px;
font-weight: 500;
margin-bottom: 12px;
margin-top: 0px;
line-height: 42px;
}
.fisc-article-lg__content .fisc-article-writer {
margin-bottom: 12px;
font-size: 12px;
font-weight: 600;
}
.fisc-article-lg__content .fisc-article-information {
font-size: 14px;
}
.fisc-article-lg__content .fisc-article-linked {
display: none;
}
/* ^ article-md.html */
.fisc-article-md__image {
aspect-ratio: 1;
height: auto !important;
max-height: 200px;
border-radius: 12px;
}
.fisc-article-md__content .fisc-article-topic {
font-size: 12px;
margin-bottom: 4px;
}
.fisc-article-md__content .fisc-article-title {
font-size: 18px;
line-height: 24px;
margin-bottom: 8px;
}
.fisc-article-md__content .fisc-article-information {
font-size: 12px;
color: #404040;
margin-bottom: 8px;
}
.fisc-article-md__content .fisc-article-writer {
font-size: 12px;
margin-bottom: 0;
}
/* ^ article-vertical.html */
.fisc-article-vertical__content .fisc-article-vertical__topic {
margin-top: 24px;
margin-bottom: 8px;
font-size: 12px;
}
.fisc-article-vertical__content .fisc-article-vertical__title {
color: #0D0D0D;
font-size: 26px;
font-weight: 500px;
font-family: var(--secondary-font);
margin-bottom: 12px;
}
.fisc-article-vertical__content .fisc-article-vertical__information {
font-size: 14px;
color: #404040;
margin-bottom: 12px;
min-height: unset;
}
.fisc-article-vertical__content .fisc-article-vertical__writer {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
@media screen and (max-width: 64rem) {
.fisc-hero-knowledge {
height: 360px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-secondary-text__service {
font-size: 24px;
line-height: 28px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
}
.fisc-desc-text {
font-size: 12px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-advise-block-1 {
border-radius: 0;
padding: 80px 15px;
}
.fisc-advise-wrapper {
padding: 0;
min-width: unset;
max-width: unset;
width: 100%;
}
/* ^ article-lg.html */
.fisc-article-lg__content .fisc-article-topic {
font-size: 12px;
font-weight: 600;
margin-bottom: 8px;
margin-top: 24px;
}
.fisc-article-lg__content .fisc-article-title {
font-size: 26px;
font-weight: 500;
margin-bottom: 12px;
margin-top: 0px;
line-height: 42px;
}
.fisc-article-lg__content .fisc-article-writer {
margin-bottom: 12px;
font-size: 12px;
font-weight: 600;
}
.fisc-article-lg__content .fisc-article-information {
font-size: 14px;
}
.fisc-article-lg__content .fisc-article-linked {
display: none;
}
/* ^ article-md.html */
.fisc-article-md__image {
aspect-ratio: 1;
height: auto !important;
max-height: 200px;
border-radius: 12px;
}
.fisc-article-md__content .fisc-article-topic {
font-size: 12px;
margin-bottom: 4px;
}
.fisc-article-md__content .fisc-article-title {
font-size: 18px;
line-height: 24px;
margin-bottom: 8px;
}
.fisc-article-md__content .fisc-article-information {
font-size: 12px;
color: #404040;
margin-bottom: 8px;
}
.fisc-article-md__content .fisc-article-writer {
font-size: 12px;
margin-bottom: 0;
}
/* ^ article-vertical.html */
.fisc-article-vertical__content .fisc-article-vertical__topic {
margin-top: 24px;
margin-bottom: 8px;
font-size: 12px;
}
.fisc-article-vertical__content .fisc-article-vertical__title {
color: #0D0D0D;
font-size: 26px;
font-weight: 500px;
font-family: var(--secondary-font);
margin-bottom: 12px;
}
.fisc-article-vertical__content .fisc-article-vertical__information {
font-size: 14px;
color: #404040;
margin-bottom: 12px;
min-height: unset;
}
.fisc-article-vertical__content .fisc-article-vertical__writer {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
@media screen and (max-width: 64rem) {
.fisc-hero-knowledge {
height: 360px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
}
.fisc-desc-text {
font-size: 12px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.book-product-horizontal {
display: block;
position: unset;
margin-right: 0;
text-align: center;
}
.book-product-horizontal .book-wrapped-cover {
width: 100%;
position: unset;
padding-bottom: 0px;
margin-right: 0px;
max-width: 240px;
margin: 0 auto;
margin-bottom: 16px;
}
.book-product-horizontal .book-topic {
font-size: 12px;
line-height: 16px;
margin-bottom: 8px;
}
.book-product-horizontal .book-heading {
font-size: 26px;
line-height: 32px;
margin-bottom: 12px;
}
.book-product-vertical {
display: flex;
align-items: center;
position: unset;
padding: 24px 0;
border-bottom: 1px solid #00000026;
}
.book-product-vertical .book-wrapped-cover {
width: 120px;
min-width: 120px;
height: 130px;
margin-right: 6px;
padding-bottom: 0px;
}
.book-product-vertical .book-wrapped-cover img {
width: 100%;
height: 100%;
}
.book-detail-cover {
margin-bottom: 24px;
}
.book-detail .book-detail-topic {
font-size: 16px;
line-height: 24px;
margin-bottom: 12px;
}
.book-detail .book-detail-heading {
font-size: 36px;
line-height: 40px;
}
.btn-icon {
width: 40px !important;
height: 40px !important;
}
.book-detail-actions {
margin-top: 30px !important;
}
}
@media screen and (max-width: 768px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
@media screen and (max-width: 64rem) {
.fisc-hero-knowledge {
height: 360px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
}
.fisc-desc-text {
font-size: 12px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.book-product-horizontal {
display: block;
position: unset;
margin-right: 0;
text-align: center;
}
.book-product-horizontal .book-wrapped-cover {
width: 100%;
position: unset;
padding-bottom: 0px;
margin-right: 0px;
max-width: 240px;
margin: 0 auto;
margin-bottom: 16px;
}
.book-product-horizontal .book-topic {
font-size: 12px;
line-height: 16px;
margin-bottom: 8px;
}
.book-product-horizontal .book-heading {
font-size: 26px;
line-height: 32px;
margin-bottom: 12px;
}
.book-product-horizontal .book-actions {
justify-content: center;
}
.book-product-vertical {
display: flex;
align-items: center;
position: unset;
padding: 24px 0;
border-bottom: 1px solid #00000026;
}
.book-product-vertical .book-wrapped-cover {
width: 120px;
min-width: 120px;
height: 130px;
margin-right: 6px;
padding-bottom: 0px;
}
.book-product-vertical .book-wrapped-cover img {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 768px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
@media screen and (max-width: 64rem) {
.fisc-hero-knowledge {
height: 360px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-secondary-text__service {
font-size: 24px;
line-height: 28px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
}
.fisc-desc-text {
font-size: 12px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-badge {
padding: 60px 16px;
border-radius: unset;
}
}
@media screen and (max-width: 768px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
.fisc-icon-news-position-bottom {
display: none !important;
}
@media screen and (max-width: 64rem) {
.fisc-hero-service__container {
width: 100%;
padding: 40px 16px;
}
.fisc-hero-service {
height: 460px;
}
.fisc-header-text__service {
font-size: 40px;
line-height: 44px;
}
.fisc-desc-text {
font-size: 12px;
font-weight: 400;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-service__image {
position: relative;
bottom: 60px;
width: calc(100% - 30px);
max-width: unset !important;
min-height: 280px;
}
.fisc-service__icon.right,
.fisc-service__icon.left {
position: unset;
}
.fisc-service-container {
padding: 0px;
}
.fisc-service__content {
padding: 20px 0;
margin-top: 0px;
margin-bottom: 80px;
}
.fisc-service__icon {
position: absolute;
bottom: 30%;
right: -5%;
width: 96px;
height: 96px;
}
.fisc-fracial-form-dark {
border-radius: 0;
padding: 80px 16px;
position: relative;
width: 100%;
transform: unset;
top: unset;
left: unset;
}
.fisc-question-bg {
padding-top: unset;
margin-top: 0px;
}
.fisc-why-headline {
height: unset;
min-height: unset;
}
}
@media screen and (max-width: 48rem) {}
@media screen and (max-width: 552px) {}
@media screen and (max-width: 768px) {
.heading-lg-black {
font-size: 38px;
line-height: 40px;
}
.heading-lg-white {
font-size: 38px;
line-height: 40px;
}
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black {
font-size: 42px;
line-height: 44px;
}
.heading-lg-white {
font-size: 42px;
line-height: 44px;
}
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
@media screen and (max-width: 64rem) {
.fisc-hero-knowledge {
height: 360px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
}
.fisc-desc-text {
font-size: 12px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-advise-block-1 {
border-radius: 0;
padding: 80px 15px;
}
.fisc-advise-wrapper {
padding: 0;
min-width: unset;
max-width: unset;
width: 100%;
}
/* ^ article-lg.html */
.fisc-article-lg__content .fisc-article-topic {
font-size: 12px;
font-weight: 600;
margin-bottom: 8px;
margin-top: 24px;
}
.fisc-article-lg__content .fisc-article-title {
font-size: 26px;
font-weight: 500;
margin-bottom: 12px;
margin-top: 0px;
line-height: 42px;
}
.fisc-article-lg__content .fisc-article-writer {
margin-bottom: 12px;
font-size: 12px;
font-weight: 600;
}
.fisc-article-lg__content .fisc-article-information {
font-size: 14px;
}
.fisc-article-lg__content .fisc-article-linked {
display: none;
}
/* ^ article-md.html */
.fisc-article-md__image {
aspect-ratio: 1;
height: auto !important;
max-height: 200px;
border-radius: 12px;
}
.fisc-article-md__content .fisc-article-topic {
font-size: 12px;
margin-bottom: 4px;
}
.fisc-article-md__content .fisc-article-title {
font-size: 18px;
line-height: 24px;
margin-bottom: 8px;
}
.fisc-article-md__content .fisc-article-information {
font-size: 12px;
color: #404040;
margin-bottom: 8px;
}
.fisc-article-md__content .fisc-article-writer {
font-size: 12px;
margin-bottom: 0;
}
/* ^ article-vertical.html */
.fisc-article-vertical__content .fisc-article-vertical__topic {
margin-top: 24px;
margin-bottom: 8px;
font-size: 12px;
}
.fisc-article-vertical__content .fisc-article-vertical__title {
color: #0D0D0D;
font-size: 26px;
font-weight: 500px;
font-family: var(--secondary-font);
margin-bottom: 12px;
}
.fisc-article-vertical__content .fisc-article-vertical__information {
font-size: 14px;
color: #404040;
margin-bottom: 12px;
min-height: unset;
}
.fisc-article-vertical__content .fisc-article-vertical__writer {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
.fisc-icon-news-position-bottom {
display: none !important;
}
@media screen and (max-width: 64rem) {
.fisc-hero-service__container {
width: 100%;
padding: 40px 16px;
}
.fisc-hero-service.account-investment {
height: 660px;
}
.fisc-header-text__service {
font-size: 40px;
line-height: 44px;
}
.fisc-desc-text {
font-size: 12px;
font-weight: 400;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-hero-service.account-investment>.fisc-hero-service__container {
top: 50%;
}
.fisc-float-container {
width: 60vw;
max-width: 440px;
aspect-ratio: 1.22 !important;
height: auto;
}
.fisc-float-left {
top: unset !important;
left: -16% !important;
bottom: 10% !important;
}
.fisc-float-right {
width: 10vw;
max-width: 120px;
}
.fisc-float-container {
bottom: -26%;
}
.fisc-purpose-section {
padding-top: 260px
}
.fisc-premier-advisory-section {
min-height: 0px;
background-size: cover;
/* background: url("../../../assets/images/smile-mobile.png"); */
background: unset !important;
background-repeat: no-repeat;
}
.fisc-purpose-section.premier {
padding: 60px 0;
}
.fisc-bg-icon {
min-width: 48px;
min-height: 48px;
margin-right: 12px;
}
.heading-price-header {
margin-bottom: 32px;
}
.heading-price-title {
margin-bottom: 12px;
}
.heading-price-description {
margin-bottom: 24px;
}
.swiper-slide.custom-width {
width: auto !important;
}
}
@media screen and (max-width: 552px) {
.fisc-float-container {
bottom: -20%;
}
.fisc-purpose-section {
padding-top: 200px
}
}
@media screen and (max-width: 420px) {
.fisc-float-container {
bottom: -14%;
}
.fisc-purpose-section {
padding-top: 160px
}
}
@media screen and (max-width: 768px) {
.heading-lg-black {
font-size: 38px;
line-height: 40px;
}
.heading-lg-white {
font-size: 38px;
line-height: 40px;
}
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
.fisc-float-container {
background-size: contain !important;
}
.fisc-float-left {
top: unset !important;
left: -16% !important;
bottom: 10% !important;
width: 12vw !important;
height: 12vw !important;
}
.fisc-float-right {
width: 12vw !important;
height: 12vw !important;
max-width: 120px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black {
font-size: 42px;
line-height: 44px;
}
.heading-lg-white {
font-size: 42px;
line-height: 44px;
}
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
.object-investor {
background-repeat: no-repeat !important;
background-size: cover !important;
border-radius: 8px
}
.fisc-icon-news-position-bottom {
display: none !important;
}
@media screen and (max-width: 64rem) {
.fisc-hero-service__container {
width: 100%;
padding: 40px 16px;
}
.fisc-hero-service.account-investment {
height: 660px;
}
.fisc-header-text__service {
font-size: 40px;
line-height: 44px;
}
.fisc-desc-text {
font-size: 12px;
font-weight: 400;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-hero-service.account-investment>.fisc-hero-service__container {
top: 50%;
}
.fisc-float-container {
width: 60vw;
max-width: 440px;
aspect-ratio: 1.22 !important;
height: auto;
background-size: contain !important;
}
.fisc-float-left {
width: 14vw;
max-width: 120px;
top: 50% !important;
left: -14% !important;
}
.fisc-float-right {
width: 14vw;
max-width: 120px;
right: -14% !important;
}
.fisc-float-container {
bottom: -26%;
}
.fisc-purpose-section {
padding-top: 260px;
padding-bottom: 60px;
}
.desc-card {
font-size: 14px !important;
}
.header-card {
font-size: 18px !important;
}
.open-account-pricing-card h1 {
font-size: 64px;
line-height: 64px;
}
.open-account-pricing-card {
padding: 32px;
}
.open-account-pricing-card h2 {
font-size: 24px;
}
.open-account-pricing-card {
height: 240px;
}
.open-account-pricing-card p {
font-size: 16px;
}
.progress {
width: 100%;
}
.object-investor {
background-size: cover !important;
background-position: center center !important;
height: 400px;
}
.fisc-process-section.premier {
padding: 60px 16px;
}
.scroll-container {
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
gap: 10px;
-ms-overflow-style: none;
/* Internet Explorer 10+ */
scrollbar-width: none;
/* Firefox */
}
}
@media screen and (max-width: 552px) {
.fisc-float-container {
bottom: -20%;
}
.fisc-purpose-section {
padding-top: 200px
}
}
@media screen and (max-width: 420px) {
.fisc-float-container {
bottom: -14%;
}
.fisc-purpose-section {
padding-top: 160px
}
}
@media screen and (max-width: 768px) {
.heading-lg-black {
font-size: 38px;
line-height: 40px;
}
.heading-lg-white {
font-size: 38px;
line-height: 40px;
}
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black {
font-size: 42px;
line-height: 44px;
}
.heading-lg-white {
font-size: 42px;
line-height: 44px;
}
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
@media screen and (max-width: 64rem) {
.fisc-hero-knowledge {
height: 360px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
}
.fisc-desc-text {
font-size: 12px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.panel-filter {
margin-top: 0;
border-radius: 0;
padding: 32px 16px;
max-height: unset !important;
}
.fisc-news-item {
width: 244px !important;
height: 360px !important;
}
.swiper-slide.custom-width {
width: auto !important;
}
.fisc-news-section {
position: relative;
border-radius: 0;
padding: 60px 16px;
padding-bottom: 120px;
}
.fisc-icon-news-position {
display: none !important;
}
.fisc-icon-news-position-bottom {
display: flex !important;
top: unset !important;
bottom: 40px !important;
right: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
height: 28px !important;
}
.fisc-icon-news-position-bottom.fisc-icon-news-next {
left: 56% !important;
}
.fisc-icon-news-position-bottom.fisc-icon-news-prev {
left: 44% !important;
}
}
@media screen and (max-width: 768px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
@media screen and (max-width: 64rem) {
.fisc-hero-knowledge {
height: 360px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
}
.fisc-desc-text {
font-size: 12px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.panel-filter {
margin-top: 0;
border-radius: 0;
padding: 32px 16px;
max-height: unset !important;
}
.stock-info-code {
width: 100%;
}
.stock-info-margin {
width: 50%;
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
padding-bottom: 16px;
padding-top: 20px;
}
.stock-info-score {
width: 50%;
padding-bottom: 16px;
padding-top: 20px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.rating-block {
max-width: unset !important;
margin-top: 36px;
}
}
@media screen and (max-width: 768px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
:root {
/* 640px */
--sm-screen: 40rem;
/* 768px */
--md-screen: 48rem;
/* 1024px */
--lg-screen: 64rem;
/* 1280px */
--xl-screen: 80rem;
/* 1536px */
--2xl-screen: 96rem;
}
@media screen and (max-width: 64rem) {
.fisc-hero-knowledge {
height: 360px;
}
.fisc-hero-service__container {
width: 100%;
padding: 0 16px;
}
.fisc-header-secondary-text__service {
font-size: 24px;
line-height: 28px;
}
.fisc-header-text__service,
.fisc-header-text-custom__service {
font-size: 40px;
}
.fisc-desc-text {
font-size: 12px;
}
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 44px;
line-height: 48px;
}
.fisc-badge {
padding: 60px 16px;
border-radius: unset;
}
}
@media screen and (max-width: 768px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 38px;
line-height: 40px;
}
}
@media screen and (max-width: 992px) {
.heading-lg-black,
.heading-lg-white,
.heading-lg-light {
font-size: 42px;
line-height: 44px;
}
}
@media screen and (max-width: 992px) {
.nav-item-account {
display: block !important;
}
.hidden-sm {
display: none;
}
.btn-view-product {
padding: 5px;
}
}