@charset "UTF-8";
/* vazirfont */
/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
@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") format("woff");font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(44px/ 44 * 27);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:44px;height:var(--swiper-navigation-size);margin-top:calc(-1 * 44px/ 2);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-theme-color);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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-feature-settings:normal, ;font-variant:normal;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}
.swiper-button-lock{display:none}
.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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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:8px;height:8px;display:inline-block;border-radius:100%;background:#000;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-active{opacity:1;background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#ffffff}
.swiper-pagination-black{--swiper-pagination-color:#000000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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}
.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-theme-color);border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
[data-aos=fade-up]{transform:translate3d(0,100px,0)}
[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
[data-aos=fade-left]{transform:translate3d(100px,0,0)}
[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}
[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}
[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}
[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}
[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}
[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}
[data-aos=zoom-in]{transform:scale(.6)}
[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}
[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}
[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}
[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}
[data-aos=zoom-out]{transform:scale(1.2)}
[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}
[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}
[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}
[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}
[data-aos^=slide][data-aos^=slide]{transition-property:transform}
[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}
[data-aos=slide-up]{transform:translate3d(0,100%,0)}
[data-aos=slide-down]{transform:translate3d(0,-100%,0)}
[data-aos=slide-right]{transform:translate3d(-100%,0,0)}
[data-aos=slide-left]{transform:translate3d(100%,0,0)}
[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}
[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}
[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}
[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}
[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}
[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}
[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}
[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}
[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;backface-visibility:hidden;outline:0}
.glightbox-container.inactive{display:none}
.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}
.glightbox-container .gslider{transition:transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:flex!important;justify-content:center;align-items:center;transform:translate3d(0,0,0)}
.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;opacity:0}
.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}
.glightbox-container .gslide.prev{opacity:1;z-index:9999}
.glightbox-container .gslide-inner-content{width:100%}
.glightbox-container .ginner-container{position:relative;width:100%;display:flex;justify-content:center;flex-direction:column;max-width:100%;margin:auto;height:100vh}
.glightbox-container .ginner-container.gvideo-container{width:100%}
.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{flex-direction:column}
.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}
.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;touch-action:auto}
.gslide:not(.current){pointer-events:none}
.gslide-image{align-items:center}
.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;touch-action:none;margin:auto;min-width:200px}
.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}
.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}
.gslide-image img.zoomable{position:relative}
.gslide-image img.dragging{cursor:grabbing!important;transition:none}
.gslide-video{position:relative;max-width:100vh;width:100%!important}
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}
.gslide-video .gvideo-wrapper{width:100%;margin:auto}
.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}
.gslide-video.playing::before{display:none}
.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}
.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}
.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}
.gslide-inline .ginlined-content{padding:20px;width:100%}
.gslide-inline .dragging{cursor:grabbing!important;transition:none}
.ginlined-content{overflow:auto;display:block!important;opacity:1}
.gslide-external{display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}
.gslide-media{display:flex;width:auto}
.zoomed .gslide-media{box-shadow:none!important}
.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;flex-direction:column}
.gslide-description{position:relative;flex:1 0 100%}
.gslide-description.description-left,.gslide-description.description-right{max-width:100%}
.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}
.gslide-description p{margin-bottom:12px}
.gslide-description p:last-child{margin-bottom:0}
.zoomed .gslide-description{display:none}
.glightbox-button-hidden{display:none}
.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;order:2!important;max-height:78vh;overflow:auto!important;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);transition:opacity .3s linear;padding-bottom:50px}
.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}
.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}
.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}
.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}
.gdesc-open .gslide-media{transition:opacity .5s ease;opacity:.4}
.gdesc-open .gdesc-inner{padding-bottom:30px}
.gdesc-closed .gslide-media{transition:opacity .5s ease;opacity:1}
.greset{transition:all .3s ease}
.gabsolute{position:absolute}
.grelative{position:relative}
.glightbox-desc{display:none!important}
.glightbox-open{overflow:hidden}
.gloader{height:25px;width:25px;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}
.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}
.glightbox-mobile .goverlay{background:#000}
.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:flex;justify-content:center;align-items:center;flex-direction:column}
.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}
.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}
.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}
.gbtn.focused{outline:2px solid #0f3d81}
iframe.wait-autoplay{opacity:0}
.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}
.glightbox-clean .gslide-description{background:#fff}
.glightbox-clean .gdesc-inner{padding:22px 20px}
.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}
.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}
.glightbox-clean .gslide-video{background:#000}
.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}
.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}
.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}
.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}
.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}
.glightbox-clean .gclose svg{width:18px;height:auto}
.glightbox-clean .gclose:hover{opacity:1}
.gfadeIn{animation:gfadeIn .5s ease}
.gfadeOut{animation:gfadeOut .5s ease}
.gslideOutLeft{animation:gslideOutLeft .3s ease}
.gslideInLeft{animation:gslideInLeft .3s ease}
.gslideOutRight{animation:gslideOutRight .3s ease}
.gslideInRight{animation:gslideInRight .3s ease}
.gzoomIn{animation:gzoomIn .5s ease}
.gzoomOut{animation:gzoomOut .5s ease}
@keyframes lightboxLoader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes gfadeIn{from{opacity:0}to{opacity:1}}
@keyframes gfadeOut{from{opacity:1}to{opacity:0}}
@keyframes gslideInLeft{from{opacity:0;transform:translate3d(-60%,0,0)}to{visibility:visible;transform:translate3d(0,0,0);opacity:1}}
@keyframes gslideOutLeft{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}
@keyframes gslideInRight{from{opacity:0;visibility:visible;transform:translate3d(60%,0,0)}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes gslideOutRight{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(60%,0,0);opacity:0}}
@keyframes gzoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}
@keyframes gzoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{order:1}.glightbox-container .ginner-container.desc-left .gslide-description{order:0}.glightbox-container .ginner-container.desc-left .gslide-image{order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}
@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}
@media screen and (max-height:420px){.goverlay{background:#000}}
@font-face {
  font-family: vazirfont;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/vazirfont/Vazir-Bold.eot") format("opentype"), url("../fonts/vazirfont/Vazir-Bold.woff") format("woff"), url("../fonts/vazirfont/Vazir-Bold.woff2") format("woff2"), url("../fonts/vazirfont/Vazir-Bold.ttf") format("ttf");
}
@font-face {
  font-family: vazirfont;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/vazirfont/Vazir-Medium.eot") format("opentype"), url("../fonts/vazirfont/Vazir-Medium.woff") format("woff"), url("../fonts/vazirfont/Vazir-Medium.woff2") format("woff2"), url("../fonts/vazirfont/Vazir-Medium.ttf") format("ttf");
}
@font-face {
  font-family: vazirfont;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/vazirfont/Vazir-Light.eot") format("opentype"), url("../fonts/vazirfont/Vazir-Light.woff") format("woff"), url("../fonts/vazirfont/Vazir-Light.woff2") format("woff2"), url("../fonts/vazirfont/Vazir-Light.ttf") format("ttf");
}
@font-face {
  font-family: vazirfont;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/vazirfont/Vazir-Thin.eot") format("opentype"), url("../fonts/vazirfont/Vazir-Thin.woff") format("woff"), url("../fonts/vazirfont/Vazir-Thin.woff2") format("woff2"), url("../fonts/vazirfont/Vazir-Thin.ttf") format("ttf");
}
/* vazirfont */
/* yekanbakh */
@font-face {
  font-family: Yekan Bakh ExtraExpanded;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/woff/YekanBakh-Bold.woff") format("woff"), url("../fonts/woff2/YekanBakh-Bold.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh ExtraExpanded;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/woff/YekanBakh-Regular.woff") format("woff"), url("../fonts/woff2/YekanBakh-Regular.woff2") format("woff2");
}
@font-face {
  font-family: vazirfont;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/woff/YekanBakh-Light.woff") format("woff"), url("../fonts/woff2/YekanBakh-Light.woff2") format("woff2");
}
@font-face {
  font-family: vazirfont;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/woff/YekanBakh-Thin.woff") format("woff"), url("../fonts/woff2/YekanBakh-Thin.woff2") format("woff2");
}
/* yekanbakh */
/* Icons */
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icons/icomoon.eot?h2qzri");
  src: url("../fonts/icons/icomoon.eot?h2qzri#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?h2qzri") format("truetype"), url("../fonts/icons/icomoon.woff?h2qzri") format("woff"), url("../fonts/icons/icomoon.svg?h2qzri#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "dicardo";
  src: url("../fonts/newicon/dicardo.eot?7lbp7s");
  src: url("../fonts/newicon/dicardo.eot?7lbp7s#iefix") format("embedded-opentype"), url("../fonts/newicon/dicardo.ttf?7lbp7s") format("truetype"), url("../fonts/newicon/dicardo.woff?7lbp7s") format("woff"), url("../fonts/newicon/dicardo.svg?7lbp7s#dicardo") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=dicardo-],
[class*=" dicardo-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "dicardo" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dicardo-plus-svgrepo-com-1:before {
  content: "\e907";
}
.dicardo-alert-triangle-svgrepo-com:before {
  content: "\e906";
}
.dicardo-approved-aproved-confirm-2-svgrepo-com:before {
  content: "\e900";
}
.dicardo-alert:before {
  content: "\e900";
}
.dicardo-arow-down:before {
  content: "\e901";
  color: #acacac;
}
.dicardo-arrow-left:before {
  content: "\e902";
  color: #bababa;
}
.dicardo-arrow-right:before {
  content: "\e903";
  color: #bababa;
}
.dicardo-faq:before {
  content: "\e904";
  color: #575757;
}
.dicardo-image:before {
  content: "\e905";
  color: #2d264b;
}
.dicardo-new-heart:before {
  content: "\e906";
}
.dicardo-plus:before {
  content: "\e907";
  color: #fff;
}
.dicardo-recyclebin:before {
  content: "\e908";
  color: #b43737;
}
.dicardo-star:before {
  content: "\e909";
  color: #f7dc00;
}
.dicardo-star-o:before {
  content: "\e90a";
  color: #a8a8a8;
}
.dicardo-tiket:before {
  content: "\e90b";
}
@font-face {
  font-family: "personal";
  src: url("../fonts/new_icon/personal.eot?t2cbu7");
  src: url("../fonts/new_icon/personal.eot?t2cbu7#iefix") format("embedded-opentype"), url("../fonts/new_icon/personal.ttf?t2cbu7") format("truetype"), url("../fonts/new_icon/personal.woff?t2cbu7") format("woff"), url("../fonts/new_icon/personal.svg?t2cbu7#personal") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=pr-],
[class*=" pr-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "personal" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pr-clock-svgrepo-com:before {
  content: "\e92b";
}
.pr-video-svgrepo-com:before {
  content: "\e92c";
}
.pr-book-svgrepo-com:before {
  content: "\e92d";
}
.pr-folder-svgrepo-com:before {
  content: "\e92f";
}
.pr-credit-card-svgrepo-com:before {
  content: "\e92a";
}
.pr-minus-svgrepo-com:before {
  content: "\e928";
}
.pr-plus-svgrepo-com:before {
  content: "\e929";
}
.pr-off-svgrepo-com:before {
  content: "\e927";
}
.pr-reply:before {
  content: "\e925";
}
.pr-notification:before {
  content: "\e931";
}
.pr-phone-call-1:before {
  content: "\e930";
}
.pr-hard-drive:before {
  content: "\e92e";
}
.pr-like:before {
  content: "\e926";
}
.pr-arrow-right-svgrepo-com:before {
  content: "\e920";
}
.pr-arrow-left-svgrepo-com:before {
  content: "\e921";
}
.pr-arrow-top-svgrepo-com:before {
  content: "\e91f";
}
.pr-degrees-svgrepo-com:before {
  content: "\e907";
}
.pr-svgrepo-com:before {
  content: "\e909";
}
.pr-arrow-left-2-svgrepo-com:before {
  content: "\e90a";
  color: #030d45;
}
.pr-arrow-left-bold-svgrepo-com:before {
  content: "\e90e";
}
.pr-calendar-svgrepo-com:before {
  content: "\e90f";
}
.pr-comment-svgrepo-com:before {
  content: "\e911";
}
.pr-heart-svgrepo-com:before {
  content: "\e913";
}
.pr-instagram-svgrepo-com:before {
  content: "\e914";
}
.pr-star-svgrepo-com:before {
  content: "\e915";
}
.pr-user-svgrepo-com:before {
  content: "\e917";
}
.pr-whatsapp-svgrepo-com:before {
  content: "\e918";
}
.pr-youtube-svgrepo-com:before {
  content: "\e919";
}
.pr-more:before {
  content: "\e924";
}
.pr-share:before {
  content: "\e923";
}
.pr-view:before {
  content: "\e922";
}
.pr-close-1:before {
  content: "\e91e";
}
.pr-bin:before {
  content: "\e91d";
}
.pr-shopping-bag:before {
  content: "\e916";
}
.pr-search-interface-symbol:before {
  content: "\e912";
}
.pr-location:before {
  content: "\e910";
}
.pr-menu-1-1:before {
  content: "\e90d";
}
.pr-menu-2:before {
  content: "\e90c";
}
.pr-tv-screen:before {
  content: "\e90b";
}
.pr-linkedin:before {
  content: "\e906";
}
.pr-facebook:before {
  content: "\e91a";
}
.pr-twitter:before {
  content: "\e908";
}
.pr-instagram:before {
  content: "\e91b";
}
.pr-telegram:before {
  content: "\e91c";
}
.pr-email-2:before {
  content: "\e900";
}
.pr-server:before {
  content: "\e901";
}
.pr-open-book:before {
  content: "\e902";
}
.pr-text-document:before {
  content: "\e903";
}
.pr-user:before {
  content: "\e904";
}
.pr-home:before {
  content: "\e905";
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icons/icomoon.eot?ufya7j");
  src: url("../fonts/icons/icomoon.eot?ufya7j#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?ufya7j") format("truetype"), url("../fonts/icons/icomoon.woff?ufya7j") format("woff"), url("../fonts/icons/icomoon.svg?ufya7j#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dollor-panel:before {
  content: "\e943";
}
.icon-multi-user:before {
  content: "\e944";
}
.icon-phone:before {
  content: "\e945";
}
.icon-ask1:before {
  content: "\e946";
}
.icon-news1:before {
  content: "\e947";
}
.icon-eye:before {
  content: "\e948";
}
.icon-copy:before {
  content: "\e949";
}
.icon-ask:before {
  content: "\e94a";
}
.icon-news:before {
  content: "\e94b";
}
.icon-image:before {
  content: "\e900";
}
.icon-icon-success-info:before {
  content: "\e901";
}
.icon-drop-down:before {
  content: "\e902";
}
.icon-heart:before {
  content: "\e903";
}
.icon-miladcmi-logo:before {
  content: "\e904";
}
.icon-mail:before {
  content: "\e905";
}
.icon-menu:before {
  content: "\e906";
}
.icon-mobile:before {
  content: "\e907";
}
.icon-pluse:before {
  content: "\e908";
}
.icon-search:before {
  content: "\e909";
}
.icon-tick:before {
  content: "\e90a";
}
.icon-tupe:before {
  content: "\e90b";
}
.icon-arrow-left:before {
  content: "\e90c";
}
.icon-arrow-right:before {
  content: "\e90d";
}
.icon-card:before {
  content: "\e90e";
}
.icon-cart-basket:before {
  content: "\e90f";
}
.icon-comment:before {
  content: "\e910";
}
.icon-discount:before {
  content: "\e911";
}
.icon-guard:before {
  content: "\e912";
}
.icon-pre-order-icon:before {
  content: "\e913";
}
.icon-linkdin:before {
  content: "\e914";
}
.icon-insta:before {
  content: "\e915";
}
.icon-twiter:before {
  content: "\e916";
}
.icon-telegram:before {
  content: "\e917";
}
.icon-six-pad:before {
  content: "\e918";
}
.icon-facebook:before {
  content: "\e919";
}
.icon-arrow-left-dot:before {
  content: "\e91a";
}
.icon-close:before {
  content: "\e91b";
}
.icon-dimond:before {
  content: "\e91c";
}
.icon-what:before {
  content: "\e91d";
}
.icon-dollor:before {
  content: "\e91e";
}
.icon-share:before {
  content: "\e91f";
}
.icon-consent:before {
  content: "\e920";
}
.icon-get-method:before {
  content: "\e921";
}
.icon-product-type:before {
  content: "\e922";
}
.icon-danger:before {
  content: "\e923";
}
.icon-minus:before {
  content: "\e924";
}
.icon-zoom:before {
  content: "\e925";
}
.icon-play:before {
  content: "\e926";
}
.icon-rate-5:before {
  content: "\e927";
}
.icon-rate-4:before {
  content: "\e928";
}
.icon-rate-2:before {
  content: "\e929";
}
.icon-rate-3:before {
  content: "\e92a";
}
.icon-rate-1:before {
  content: "\e92b";
}
.icon-reload:before {
  content: "\e92c";
}
.icon-qoute:before {
  content: "\e92d";
}
.icon-info:before {
  content: "\e92e";
}
.icon-arrow-reply:before {
  content: "\e92f";
}
.icon-calender:before {
  content: "\e930";
}
.icon-statistics:before {
  content: "\e931";
}
.icon-hour:before {
  content: "\e932";
}
.icon-profile:before {
  content: "\e933";
}
.icon-cat:before {
  content: "\e934";
}
.icon-earn-money:before {
  content: "\e935";
}
.icon-headfone:before {
  content: "\e936";
}
.icon-cube:before {
  content: "\e937";
}
.icon-home:before {
  content: "\e938";
}
.icon-setting:before {
  content: "\e939";
}
.icon-drop-left:before {
  content: "\e93a";
}
.icon-notification-info:before {
  content: "\e93b";
}
.icon-close-border:before {
  content: "\e93c";
}
.icon-recycle-bin:before {
  content: "\e93d";
}
.icon-border-pluse:before {
  content: "\e93e";
}
.icon-file:before {
  content: "\e93f";
}
.icon-drop-down-fill:before {
  content: "\e940";
}
.icon-home-cat:before {
  content: "\e941";
}
.icon-amazing:before {
  content: "\e942";
}
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-cl: 0;
  --breakpoint-xs: 450px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  direction: ltr;
  scroll-behavior: smooth;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: right;
  background-color: #fff;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
p {
  margin: 0;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
address {
  margin: 0;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 600;
}
dd {
  margin: 0;
}
blockquote {
  margin: 0;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  text-decoration: none;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
  outline: 0;
}
a:focus {
  outline: 0;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
  height: auto;
}
svg {
  overflow: visible;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: right;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin: 0;
}
button {
  border-radius: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  border: 0;
  font-family: vazirfont;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
form {
  margin: 0;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  font-weight: 600;
  line-height: 1.2;
}
h1, .h1 {
  font-size: 2.5rem;
}
h2, .h2 {
  font-size: 2rem;
}
h3, .h3 {
  font-size: 1.75rem;
}
h4, .h4 {
  font-size: 1.5rem;
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
em, i {
  font-style: normal;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 80%;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin: 0;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #007bff !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 450px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-table {
    display: table !important;
  }
  .d-xs-table-row {
    display: table-row !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 450px) {
  .flex-xs-row {
    flex-direction: row !important;
  }
  .flex-xs-column {
    flex-direction: column !important;
  }
  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xs-fill {
    flex: 1 1 auto !important;
  }
  .flex-xs-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xs-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xs-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xs-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xs-start {
    justify-content: flex-start !important;
  }
  .justify-content-xs-end {
    justify-content: flex-end !important;
  }
  .justify-content-xs-center {
    justify-content: center !important;
  }
  .justify-content-xs-between {
    justify-content: space-between !important;
  }
  .justify-content-xs-around {
    justify-content: space-around !important;
  }
  .align-items-xs-start {
    align-items: flex-start !important;
  }
  .align-items-xs-end {
    align-items: flex-end !important;
  }
  .align-items-xs-center {
    align-items: center !important;
  }
  .align-items-xs-baseline {
    align-items: baseline !important;
  }
  .align-items-xs-stretch {
    align-items: stretch !important;
  }
  .align-content-xs-start {
    align-content: flex-start !important;
  }
  .align-content-xs-end {
    align-content: flex-end !important;
  }
  .align-content-xs-center {
    align-content: center !important;
  }
  .align-content-xs-between {
    align-content: space-between !important;
  }
  .align-content-xs-around {
    align-content: space-around !important;
  }
  .align-content-xs-stretch {
    align-content: stretch !important;
  }
  .align-self-xs-auto {
    align-self: auto !important;
  }
  .align-self-xs-start {
    align-self: flex-start !important;
  }
  .align-self-xs-end {
    align-self: flex-end !important;
  }
  .align-self-xs-center {
    align-self: center !important;
  }
  .align-self-xs-baseline {
    align-self: baseline !important;
  }
  .align-self-xs-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 450px) {
  .float-xs-left {
    float: left !important;
  }
  .float-xs-right {
    float: right !important;
  }
  .float-xs-none {
    float: none !important;
  }
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
  .sticky-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 450px) {
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0,
.my-xs-0 {
    margin-top: 0 !important;
  }
  .mr-xs-0,
.mx-xs-0 {
    margin-right: 0 !important;
  }
  .mb-xs-0,
.my-xs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xs-0,
.mx-xs-0 {
    margin-left: 0 !important;
  }
  .m-xs-1 {
    margin: 0.25rem !important;
  }
  .mt-xs-1,
.my-xs-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xs-1,
.mx-xs-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xs-1,
.my-xs-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xs-1,
.mx-xs-1 {
    margin-left: 0.25rem !important;
  }
  .m-xs-2 {
    margin: 0.5rem !important;
  }
  .mt-xs-2,
.my-xs-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xs-2,
.mx-xs-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xs-2,
.my-xs-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xs-2,
.mx-xs-2 {
    margin-left: 0.5rem !important;
  }
  .m-xs-3 {
    margin: 1rem !important;
  }
  .mt-xs-3,
.my-xs-3 {
    margin-top: 1rem !important;
  }
  .mr-xs-3,
.mx-xs-3 {
    margin-right: 1rem !important;
  }
  .mb-xs-3,
.my-xs-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xs-3,
.mx-xs-3 {
    margin-left: 1rem !important;
  }
  .m-xs-4 {
    margin: 1.5rem !important;
  }
  .mt-xs-4,
.my-xs-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xs-4,
.mx-xs-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xs-4,
.my-xs-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xs-4,
.mx-xs-4 {
    margin-left: 1.5rem !important;
  }
  .m-xs-5 {
    margin: 3rem !important;
  }
  .mt-xs-5,
.my-xs-5 {
    margin-top: 3rem !important;
  }
  .mr-xs-5,
.mx-xs-5 {
    margin-right: 3rem !important;
  }
  .mb-xs-5,
.my-xs-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xs-5,
.mx-xs-5 {
    margin-left: 3rem !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0,
.py-xs-0 {
    padding-top: 0 !important;
  }
  .pr-xs-0,
.px-xs-0 {
    padding-right: 0 !important;
  }
  .pb-xs-0,
.py-xs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xs-0,
.px-xs-0 {
    padding-left: 0 !important;
  }
  .p-xs-1 {
    padding: 0.25rem !important;
  }
  .pt-xs-1,
.py-xs-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xs-1,
.px-xs-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xs-1,
.py-xs-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xs-1,
.px-xs-1 {
    padding-left: 0.25rem !important;
  }
  .p-xs-2 {
    padding: 0.5rem !important;
  }
  .pt-xs-2,
.py-xs-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xs-2,
.px-xs-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xs-2,
.py-xs-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xs-2,
.px-xs-2 {
    padding-left: 0.5rem !important;
  }
  .p-xs-3 {
    padding: 1rem !important;
  }
  .pt-xs-3,
.py-xs-3 {
    padding-top: 1rem !important;
  }
  .pr-xs-3,
.px-xs-3 {
    padding-right: 1rem !important;
  }
  .pb-xs-3,
.py-xs-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xs-3,
.px-xs-3 {
    padding-left: 1rem !important;
  }
  .p-xs-4 {
    padding: 1.5rem !important;
  }
  .pt-xs-4,
.py-xs-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xs-4,
.px-xs-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xs-4,
.py-xs-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xs-4,
.px-xs-4 {
    padding-left: 1.5rem !important;
  }
  .p-xs-5 {
    padding: 3rem !important;
  }
  .pt-xs-5,
.py-xs-5 {
    padding-top: 3rem !important;
  }
  .pr-xs-5,
.px-xs-5 {
    padding-right: 3rem !important;
  }
  .pb-xs-5,
.py-xs-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xs-5,
.px-xs-5 {
    padding-left: 3rem !important;
  }
  .m-xs-n1 {
    margin: -0.25rem !important;
  }
  .mt-xs-n1,
.my-xs-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xs-n1,
.mx-xs-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xs-n1,
.my-xs-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xs-n1,
.mx-xs-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xs-n2 {
    margin: -0.5rem !important;
  }
  .mt-xs-n2,
.my-xs-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xs-n2,
.mx-xs-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xs-n2,
.my-xs-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xs-n2,
.mx-xs-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xs-n3 {
    margin: -1rem !important;
  }
  .mt-xs-n3,
.my-xs-n3 {
    margin-top: -1rem !important;
  }
  .mr-xs-n3,
.mx-xs-n3 {
    margin-right: -1rem !important;
  }
  .mb-xs-n3,
.my-xs-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xs-n3,
.mx-xs-n3 {
    margin-left: -1rem !important;
  }
  .m-xs-n4 {
    margin: -1.5rem !important;
  }
  .mt-xs-n4,
.my-xs-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xs-n4,
.mx-xs-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xs-n4,
.my-xs-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xs-n4,
.mx-xs-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xs-n5 {
    margin: -3rem !important;
  }
  .mt-xs-n5,
.my-xs-n5 {
    margin-top: -3rem !important;
  }
  .mr-xs-n5,
.mx-xs-n5 {
    margin-right: -3rem !important;
  }
  .mb-xs-n5,
.my-xs-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xs-n5,
.mx-xs-n5 {
    margin-left: -3rem !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto,
.my-xs-auto {
    margin-top: auto !important;
  }
  .mr-xs-auto,
.mx-xs-auto {
    margin-right: auto !important;
  }
  .mb-xs-auto,
.my-xs-auto {
    margin-bottom: auto !important;
  }
  .ml-xs-auto,
.mx-xs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 450px) {
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.container {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1180px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-24, .col-xl-23, .col-xl-22, .col-xl-21, .col-xl-20, .col-xl-19, .col-xl-18, .col-xl-17, .col-xl-16, .col-xl-15, .col-xl-14, .col-xl-13, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-24, .col-lg-23, .col-lg-22, .col-lg-21, .col-lg-20, .col-lg-19, .col-lg-18, .col-lg-17, .col-lg-16, .col-lg-15, .col-lg-14, .col-lg-13, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-24, .col-md-23, .col-md-22, .col-md-21, .col-md-20, .col-md-19, .col-md-18, .col-md-17, .col-md-16, .col-md-15, .col-md-14, .col-md-13, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-24, .col-sm-23, .col-sm-22, .col-sm-21, .col-sm-20, .col-sm-19, .col-sm-18, .col-sm-17, .col-sm-16, .col-sm-15, .col-sm-14, .col-sm-13, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs,
.col-xs-auto, .col-xs-24, .col-xs-23, .col-xs-22, .col-xs-21, .col-xs-20, .col-xs-19, .col-xs-18, .col-xs-17, .col-xs-16, .col-xs-15, .col-xs-14, .col-xs-13, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col,
.col-auto, .col-24, .col-23, .col-22, .col-21, .col-20, .col-19, .col-18, .col-17, .col-16, .col-15, .col-14, .col-13, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 4.1666666667%;
  max-width: 4.1666666667%;
}
.col-2 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-3 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.col-4 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-5 {
  flex: 0 0 20.8333333333%;
  max-width: 20.8333333333%;
}
.col-6 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-7 {
  flex: 0 0 29.1666666667%;
  max-width: 29.1666666667%;
}
.col-8 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-9 {
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.col-10 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-11 {
  flex: 0 0 45.8333333333%;
  max-width: 45.8333333333%;
}
.col-12 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-13 {
  flex: 0 0 54.1666666667%;
  max-width: 54.1666666667%;
}
.col-14 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-15 {
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.col-16 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-17 {
  flex: 0 0 70.8333333333%;
  max-width: 70.8333333333%;
}
.col-18 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-19 {
  flex: 0 0 79.1666666667%;
  max-width: 79.1666666667%;
}
.col-20 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-21 {
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.col-22 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-23 {
  flex: 0 0 95.8333333333%;
  max-width: 95.8333333333%;
}
.col-24 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 25;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.order-13 {
  order: 13;
}
.order-14 {
  order: 14;
}
.order-15 {
  order: 15;
}
.order-16 {
  order: 16;
}
.order-17 {
  order: 17;
}
.order-18 {
  order: 18;
}
.order-19 {
  order: 19;
}
.order-20 {
  order: 20;
}
.order-21 {
  order: 21;
}
.order-22 {
  order: 22;
}
.order-23 {
  order: 23;
}
.order-24 {
  order: 24;
}
.offset-1 {
  margin-left: 4.1666666667%;
}
.offset-2 {
  margin-left: 8.3333333333%;
}
.offset-3 {
  margin-left: 12.5%;
}
.offset-4 {
  margin-left: 16.6666666667%;
}
.offset-5 {
  margin-left: 20.8333333333%;
}
.offset-6 {
  margin-left: 25%;
}
.offset-7 {
  margin-left: 29.1666666667%;
}
.offset-8 {
  margin-left: 33.3333333333%;
}
.offset-9 {
  margin-left: 37.5%;
}
.offset-10 {
  margin-left: 41.6666666667%;
}
.offset-11 {
  margin-left: 45.8333333333%;
}
.offset-12 {
  margin-left: 50%;
}
.offset-13 {
  margin-left: 54.1666666667%;
}
.offset-14 {
  margin-left: 58.3333333333%;
}
.offset-15 {
  margin-left: 62.5%;
}
.offset-16 {
  margin-left: 66.6666666667%;
}
.offset-17 {
  margin-left: 70.8333333333%;
}
.offset-18 {
  margin-left: 75%;
}
.offset-19 {
  margin-left: 79.1666666667%;
}
.offset-20 {
  margin-left: 83.3333333333%;
}
.offset-21 {
  margin-left: 87.5%;
}
.offset-22 {
  margin-left: 91.6666666667%;
}
.offset-23 {
  margin-left: 95.8333333333%;
}
@media (min-width: 450px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xs-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-xs-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-xs-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-xs-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-xs-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xs-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-xs-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-xs-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xs-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-xs-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-xs-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xs-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-xs-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xs-first {
    order: -1;
  }
  .order-xs-last {
    order: 25;
  }
  .order-xs-0 {
    order: 0;
  }
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-10 {
    order: 10;
  }
  .order-xs-11 {
    order: 11;
  }
  .order-xs-12 {
    order: 12;
  }
  .order-xs-13 {
    order: 13;
  }
  .order-xs-14 {
    order: 14;
  }
  .order-xs-15 {
    order: 15;
  }
  .order-xs-16 {
    order: 16;
  }
  .order-xs-17 {
    order: 17;
  }
  .order-xs-18 {
    order: 18;
  }
  .order-xs-19 {
    order: 19;
  }
  .order-xs-20 {
    order: 20;
  }
  .order-xs-21 {
    order: 21;
  }
  .order-xs-22 {
    order: 22;
  }
  .order-xs-23 {
    order: 23;
  }
  .order-xs-24 {
    order: 24;
  }
  .offset-xs-0 {
    margin-left: 0;
  }
  .offset-xs-1 {
    margin-left: 4.1666666667%;
  }
  .offset-xs-2 {
    margin-left: 8.3333333333%;
  }
  .offset-xs-3 {
    margin-left: 12.5%;
  }
  .offset-xs-4 {
    margin-left: 16.6666666667%;
  }
  .offset-xs-5 {
    margin-left: 20.8333333333%;
  }
  .offset-xs-6 {
    margin-left: 25%;
  }
  .offset-xs-7 {
    margin-left: 29.1666666667%;
  }
  .offset-xs-8 {
    margin-left: 33.3333333333%;
  }
  .offset-xs-9 {
    margin-left: 37.5%;
  }
  .offset-xs-10 {
    margin-left: 41.6666666667%;
  }
  .offset-xs-11 {
    margin-left: 45.8333333333%;
  }
  .offset-xs-12 {
    margin-left: 50%;
  }
  .offset-xs-13 {
    margin-left: 54.1666666667%;
  }
  .offset-xs-14 {
    margin-left: 58.3333333333%;
  }
  .offset-xs-15 {
    margin-left: 62.5%;
  }
  .offset-xs-16 {
    margin-left: 66.6666666667%;
  }
  .offset-xs-17 {
    margin-left: 70.8333333333%;
  }
  .offset-xs-18 {
    margin-left: 75%;
  }
  .offset-xs-19 {
    margin-left: 79.1666666667%;
  }
  .offset-xs-20 {
    margin-left: 83.3333333333%;
  }
  .offset-xs-21 {
    margin-left: 87.5%;
  }
  .offset-xs-22 {
    margin-left: 91.6666666667%;
  }
  .offset-xs-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-sm-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-sm-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-sm-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-sm-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-sm-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-sm-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-sm-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-sm-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-sm-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-sm-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-sm-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-sm-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 25;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .order-sm-13 {
    order: 13;
  }
  .order-sm-14 {
    order: 14;
  }
  .order-sm-15 {
    order: 15;
  }
  .order-sm-16 {
    order: 16;
  }
  .order-sm-17 {
    order: 17;
  }
  .order-sm-18 {
    order: 18;
  }
  .order-sm-19 {
    order: 19;
  }
  .order-sm-20 {
    order: 20;
  }
  .order-sm-21 {
    order: 21;
  }
  .order-sm-22 {
    order: 22;
  }
  .order-sm-23 {
    order: 23;
  }
  .order-sm-24 {
    order: 24;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 4.1666666667%;
  }
  .offset-sm-2 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-3 {
    margin-left: 12.5%;
  }
  .offset-sm-4 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-5 {
    margin-left: 20.8333333333%;
  }
  .offset-sm-6 {
    margin-left: 25%;
  }
  .offset-sm-7 {
    margin-left: 29.1666666667%;
  }
  .offset-sm-8 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-9 {
    margin-left: 37.5%;
  }
  .offset-sm-10 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-11 {
    margin-left: 45.8333333333%;
  }
  .offset-sm-12 {
    margin-left: 50%;
  }
  .offset-sm-13 {
    margin-left: 54.1666666667%;
  }
  .offset-sm-14 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-15 {
    margin-left: 62.5%;
  }
  .offset-sm-16 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-17 {
    margin-left: 70.8333333333%;
  }
  .offset-sm-18 {
    margin-left: 75%;
  }
  .offset-sm-19 {
    margin-left: 79.1666666667%;
  }
  .offset-sm-20 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-21 {
    margin-left: 87.5%;
  }
  .offset-sm-22 {
    margin-left: 91.6666666667%;
  }
  .offset-sm-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-md-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-md-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-md-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-md-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-md-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-md-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-md-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-md-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-md-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-md-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-md-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-md-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 25;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .order-md-13 {
    order: 13;
  }
  .order-md-14 {
    order: 14;
  }
  .order-md-15 {
    order: 15;
  }
  .order-md-16 {
    order: 16;
  }
  .order-md-17 {
    order: 17;
  }
  .order-md-18 {
    order: 18;
  }
  .order-md-19 {
    order: 19;
  }
  .order-md-20 {
    order: 20;
  }
  .order-md-21 {
    order: 21;
  }
  .order-md-22 {
    order: 22;
  }
  .order-md-23 {
    order: 23;
  }
  .order-md-24 {
    order: 24;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 4.1666666667%;
  }
  .offset-md-2 {
    margin-left: 8.3333333333%;
  }
  .offset-md-3 {
    margin-left: 12.5%;
  }
  .offset-md-4 {
    margin-left: 16.6666666667%;
  }
  .offset-md-5 {
    margin-left: 20.8333333333%;
  }
  .offset-md-6 {
    margin-left: 25%;
  }
  .offset-md-7 {
    margin-left: 29.1666666667%;
  }
  .offset-md-8 {
    margin-left: 33.3333333333%;
  }
  .offset-md-9 {
    margin-left: 37.5%;
  }
  .offset-md-10 {
    margin-left: 41.6666666667%;
  }
  .offset-md-11 {
    margin-left: 45.8333333333%;
  }
  .offset-md-12 {
    margin-left: 50%;
  }
  .offset-md-13 {
    margin-left: 54.1666666667%;
  }
  .offset-md-14 {
    margin-left: 58.3333333333%;
  }
  .offset-md-15 {
    margin-left: 62.5%;
  }
  .offset-md-16 {
    margin-left: 66.6666666667%;
  }
  .offset-md-17 {
    margin-left: 70.8333333333%;
  }
  .offset-md-18 {
    margin-left: 75%;
  }
  .offset-md-19 {
    margin-left: 79.1666666667%;
  }
  .offset-md-20 {
    margin-left: 83.3333333333%;
  }
  .offset-md-21 {
    margin-left: 87.5%;
  }
  .offset-md-22 {
    margin-left: 91.6666666667%;
  }
  .offset-md-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-lg-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-lg-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-lg-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-lg-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-lg-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-lg-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-lg-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-lg-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-lg-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-lg-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-lg-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-lg-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 25;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .order-lg-13 {
    order: 13;
  }
  .order-lg-14 {
    order: 14;
  }
  .order-lg-15 {
    order: 15;
  }
  .order-lg-16 {
    order: 16;
  }
  .order-lg-17 {
    order: 17;
  }
  .order-lg-18 {
    order: 18;
  }
  .order-lg-19 {
    order: 19;
  }
  .order-lg-20 {
    order: 20;
  }
  .order-lg-21 {
    order: 21;
  }
  .order-lg-22 {
    order: 22;
  }
  .order-lg-23 {
    order: 23;
  }
  .order-lg-24 {
    order: 24;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 4.1666666667%;
  }
  .offset-lg-2 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-3 {
    margin-left: 12.5%;
  }
  .offset-lg-4 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-5 {
    margin-left: 20.8333333333%;
  }
  .offset-lg-6 {
    margin-left: 25%;
  }
  .offset-lg-7 {
    margin-left: 29.1666666667%;
  }
  .offset-lg-8 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-9 {
    margin-left: 37.5%;
  }
  .offset-lg-10 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-11 {
    margin-left: 45.8333333333%;
  }
  .offset-lg-12 {
    margin-left: 50%;
  }
  .offset-lg-13 {
    margin-left: 54.1666666667%;
  }
  .offset-lg-14 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-15 {
    margin-left: 62.5%;
  }
  .offset-lg-16 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-17 {
    margin-left: 70.8333333333%;
  }
  .offset-lg-18 {
    margin-left: 75%;
  }
  .offset-lg-19 {
    margin-left: 79.1666666667%;
  }
  .offset-lg-20 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-21 {
    margin-left: 87.5%;
  }
  .offset-lg-22 {
    margin-left: 91.6666666667%;
  }
  .offset-lg-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-xl-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-xl-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-44 {
    flex: 0 0 19.6666666667%;
    max-width: 19.6666666667%;
  }
  .col-xl-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-xl-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-xl-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xl-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-xl-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-xl-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xl-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-xl-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-xl-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xl-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-xl-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 25;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .order-xl-13 {
    order: 13;
  }
  .order-xl-14 {
    order: 14;
  }
  .order-xl-15 {
    order: 15;
  }
  .order-xl-16 {
    order: 16;
  }
  .order-xl-17 {
    order: 17;
  }
  .order-xl-18 {
    order: 18;
  }
  .order-xl-19 {
    order: 19;
  }
  .order-xl-20 {
    order: 20;
  }
  .order-xl-21 {
    order: 21;
  }
  .order-xl-22 {
    order: 22;
  }
  .order-xl-23 {
    order: 23;
  }
  .order-xl-24 {
    order: 24;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 4.1666666667%;
  }
  .offset-xl-2 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-3 {
    margin-left: 12.5%;
  }
  .offset-xl-4 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-5 {
    margin-left: 20.8333333333%;
  }
  .offset-xl-6 {
    margin-left: 25%;
  }
  .offset-xl-7 {
    margin-left: 29.1666666667%;
  }
  .offset-xl-8 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-9 {
    margin-left: 37.5%;
  }
  .offset-xl-10 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-11 {
    margin-left: 45.8333333333%;
  }
  .offset-xl-12 {
    margin-left: 50%;
  }
  .offset-xl-13 {
    margin-left: 54.1666666667%;
  }
  .offset-xl-14 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-15 {
    margin-left: 62.5%;
  }
  .offset-xl-16 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-17 {
    margin-left: 70.8333333333%;
  }
  .offset-xl-18 {
    margin-left: 75%;
  }
  .offset-xl-19 {
    margin-left: 79.1666666667%;
  }
  .offset-xl-20 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-21 {
    margin-left: 87.5%;
  }
  .offset-xl-22 {
    margin-left: 91.6666666667%;
  }
  .offset-xl-23 {
    margin-left: 95.8333333333%;
  }
}
@media print {
  *,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
img {
    page-break-inside: avoid;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
.table th {
    background-color: #fff !important;
  }
  .table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/*# sourceMappingURL=reset.css.map */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: right;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 10px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0 10px;
  line-height: 40px;
  font-size: 14px;
  clear: both;
  font-weight: 600;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #17a404;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.bootstrap-select {
  position: relative;
}
.bootstrap-select .dropdown-toggle {
  background-color: transparent;
  line-height: 38px;
  border-radius: 20px;
  height: 40px;
  border: 1px solid #ccc;
  padding: 0 15px 0 35px;
  color: #000;
  font-weight: 600;
}
.bootstrap-select .dropdown-toggle:after {
  display: none;
}
.bootstrap-select .dropdown-toggle:before {
  content: "\e902";
  font-family: "icomoon";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 7px;
  transition: 0.3s;
  color: #000;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: unset !important;
  outline-offset: unset !important;
}
.bootstrap-select .dropdown-toggle .filter-option {
  text-align: right;
}
.bootstrap-select.show .dropdown-toggle:before {
  transform: translateY(-50%) rotateX(180deg);
}
/* libraries */
/*!
 * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.bootstrap-select > select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px\0 ;
  vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #999;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}
.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}
.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto;
}
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right;
}
.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
  width: 100%;
}
.bootstrap-select.disabled, .bootstrap-select > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus {
  outline: 0 !important;
}
.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  flex: 0 1 auto;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*=col-] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
  outline: 0 !important;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu .notify.fadeOut {
  animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
}
.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: " ";
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  transform-style: preserve-3d;
  transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid #fff;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before {
  display: block;
}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  touch-action: pinch-zoom; /* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  touch-action: auto;
}
.mCustomScrollBox { /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container { /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px; /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px; /* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px; /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px; /* auto-expanded scrollbar */
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
/* megamenu responsive */
.mega-menu-site-responsive {
  position: fixed;
  transition: 0.5s ease-in-out;
  right: -100%;
  display: flex;
  flex-direction: column;
  top: 0;
  z-index: 10000000000000002000;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100vh;
}
.mega-menu-site-responsive__header {
  display: flex;
  align-items: center;
  padding: 30px 27px 0 27px;
  margin-bottom: 38px;
}
.mega-menu-site-responsive__header i {
  color: #d8132e;
  font-size: 21px;
}
.mega-menu-site-responsive__header i.add-cart {
  margin-right: 21px;
}
.mega-menu-site-responsive__header .close {
  color: #000000;
  font-size: 15px;
  margin-right: auto;
  transition: 0.3s;
  cursor: pointer;
}
.mega-menu-site-responsive__header .close:hover {
  color: #5f5f5f;
}
.mega-menu-site-responsive__search {
  padding: 0 15px;
  display: none;
}
.mega-menu-site-responsive__search form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mega-menu-site-responsive__search form input {
  border: none;
  outline: none;
  padding-left: 50px;
  width: 100%;
  background-color: transparent;
  font-size: 13px;
  font-weight: 400;
}
.mega-menu-site-responsive__search form input::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.mega-menu-site-responsive__search form input::placeholder {
  color: #000000;
  opacity: 1;
}
.mega-menu-site-responsive__search form button {
  background-color: transparent;
  border: none;
  line-height: 12px;
}
.mega-menu-site-responsive__search form button i {
  color: #000000;
  font-size: 17px;
  font-weight: 400;
}
.mega-menu-site-responsive__head {
  background-color: rgba(255, 255, 255, 0.97);
  padding-bottom: 5px;
  flex: 1 0 auto;
  max-height: 160px;
}
.mega-menu-site-responsive__body {
  background-color: rgba(255, 255, 255, 0.97);
  overflow: auto;
  flex-grow: 1;
}
.mega-menu-site-responsive__body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #d8132e !important;
  width: 6px;
  border-radius: 0;
}
.mega-menu-site-responsive__body .mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  border-radius: 0 !important;
}
.mega-menu-site-responsive__body .mCSB_scrollTools .mCSB_draggerContainer {
  left: -10px;
}
.mega-menu-site-responsive__body > ul {
  list-style: none;
  text-align: right;
  margin-bottom: 0;
  padding: 0 15px;
}
.mega-menu-site-responsive__body > ul > li {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mega-menu-site-responsive__body > ul > li:last-child {
  border-bottom: none;
}
.mega-menu-site-responsive__body > ul > li > a {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  transition: 0.3s;
}
.mega-menu-site-responsive__body > ul > li > a i {
  color: #000000;
  font-size: 17px;
  transition: 0.3s;
  margin-left: 15px;
}
.mega-menu-site-responsive__body > ul > li > ul {
  padding-right: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
  background-color: #581f86;
  border-radius: 8px;
  padding: 5px 10px;
}
.mega-menu-site-responsive__body > ul > li > ul > li {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mega-menu-site-responsive__body > ul > li > ul > li:last-child {
  border-bottom: none;
}
.mega-menu-site-responsive__body > ul > li > ul > li > a {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 35px;
  transition: 0.3s;
}
.mega-menu-site-responsive__body > ul > li > ul > li > ul {
  padding-right: 15px;
  display: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mega-menu-site-responsive__body > ul > li > ul > li > ul > li {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mega-menu-site-responsive__body > ul > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
.mega-menu-site-responsive__body > ul > li > ul > li > ul > li > a {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  line-height: 35px;
  transition: 0.3s;
}
.mega-menu-site-responsive__body > ul > li > ul > li.active > ul {
  display: block;
}
.mega-menu-site-responsive__body > ul > li > ul > li.active > a {
  color: #fff;
}
.mega-menu-site-responsive__body > ul > li.active > ul {
  display: block;
}
.mega-menu-site-responsive__body > ul > li.active > a {
  color: #581f86;
}
.mega-menu-site-responsive__body > ul > li.menu-item-has-children:after {
  content: "+";
  color: #d8132e;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  border: 2px solid #d8132e;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 10px;
  top: 13px;
  transition: 0.3s;
  font-size: 22px;
  font-weight: 400;
}
.mega-menu-site-responsive__footer {
  background-color: rgba(255, 255, 255, 0.97);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 35px;
  flex: 1 0 auto;
  max-height: 80px;
}
.mega-menu-site-responsive__footer a {
  margin-left: 20px;
}
.mega-menu-site-responsive__footer a i {
  color: #828282;
  font-size: 20px;
  transition: 0.3s;
  cursor: pointer;
}
.mega-menu-site-responsive__footer a i:hover {
  color: #12b540;
}
.mega-menu-site-responsive .logo-response {
  display: flex;
  justify-content: center;
  margin-bottom: 34px;
}
.mega-menu-site-responsive .logo-response i {
  font-size: 45px;
  color: #333333;
}
.mega-menu-site-responsive.active {
  right: 0;
}
.mega-menu-site-responsive__close {
  position: absolute;
  left: 10px;
  top: 10px;
  cursor: pointer;
}
.mega-menu-site-responsive__close i {
  transition: 0.2s ease-in-out;
  font-size: 14px;
}
.mega-menu-site-responsive__close:hover i {
  color: #d9132e;
}
.mask-shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  transition: 0.5s ease-in-out;
  visibility: hidden;
  top: 0;
  opacity: 0;
  z-index: 9999999999999;
  filter: blur(5px);
}
.mask-shadow.active {
  opacity: 0.8;
  visibility: visible;
}
[data-theme=dark] .site-header .mega-menu-site-responsive__header-profile .name {
  color: #c7c5ee;
}
[data-theme=dark] .site-header .mega-menu-site-responsive__header-profile .item i {
  color: #c7c5ee;
}
[data-theme=dark] .mega-menu-site-responsive__body {
  background-color: #070525;
}
[data-theme=dark] .mega-menu-site-responsive__body > ul > li {
  border-bottom: 1px solid #1b1939;
}
[data-theme=dark] .mega-menu-site-responsive__body > ul > li > a {
  color: #c7c5ee;
}
[data-theme=dark] .mega-menu-site-responsive__head {
  background-color: #070525;
}
[data-theme=dark] .mega-menu-site-responsive__header .close {
  color: #c7c5ee;
  background-color: #343160;
  width: 50px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-theme=dark] .mega-menu-site-responsive__body > ul > li > ul {
  background-color: #03021a;
}
[data-theme=dark] .mega-menu-site-responsive__body > ul > li > ul > li {
  border-bottom: 1px solid #070525;
}
[data-theme=dark] .mega-menu-site-responsive__body > ul > li > ul > li > a {
  color: #c7c5ee;
}
[data-theme=dark] .mega-menu-site-responsive__body > ul > li > ul > li > ul > li > a {
  color: #c7c5ee;
}
[data-theme=dark] .mega-menu-site-responsive__footer {
  background-color: #070525;
}
[data-theme=dark] .mega-menu-site-responsive__footer a i {
  color: #c7c5ee;
}
/* general */
body {
  direction: rtl;
  text-align: right;
  font-family: Yekan Bakh ExtraExpanded;
}
.en-number {
  font-family: Yekan Bakh ExtraExpanded !important;
}
*:focus {
  outline: unset;
}
.panel-wrapper {
  background-color: #f6f6f6;
  padding-top: 0;
}
.panel-wrapper .bootstrap-select {
  margin-bottom: 28px;
}
.panel-wrapper .bootstrap-select .dropdown-toggle {
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  line-height: 53px;
  height: 53px;
  font-size: 14px;
}
.panel-wrapper .site-header {
  padding-top: 20px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  background-color: #fff;
}
.panel-wrapper .site-header:before, .panel-wrapper .site-header:after {
  display: none;
}
.cart-header {
  background-color: #f6f6f6;
}
.cart-header .site-header:before {
  background-image: linear-gradient(to right, #f7f7f7 0%, #f7f7f7 25%, #6a4fa0 33%, #16a2bd 42%, #89c736 52%, #fcc43f 61%, #d02054 69%, #f8f8f8 75%, #f8f8f8 100%);
}
.cart-header .site-header:after {
  display: none;
}
.cart-header .site-header .cart-header__bottom .site-header__bottom-search input {
  background-color: #ebebeb;
}
.cart-header .site-header .site-header__bottom .site-header__bottom-search button {
  background-color: #ebebeb;
}
.p32 {
  margin: 0 -16px;
}
.p32 > [class*=col-] {
  padding: 0 16px;
}
.p30 {
  margin: 0 -15px;
}
.p30 > [class*=col-] {
  padding: 0 15px;
}
.p13 > [class*=col-] {
  padding: 0 6.5px;
}
.mb-30 {
  margin-bottom: 30px;
}
.pl7 {
  padding-left: 7.5px;
}
.pr2 {
  padding-right: 2.5px;
}
.pl32 {
  padding-left: 32px;
}
.pr35 {
  padding-right: 35px;
}
.pl35 {
  padding-left: 35px;
}
.pl39 {
  padding-left: 39px;
}
.pr38 {
  padding-right: 38px;
}
[data-theme=dark] {
  background-color: #070525;
}
[data-theme=dark] input,
[data-theme=dark] textarea {
  color: #c7c5ee;
}
[data-theme=dark] .panel-wrapper,
[data-theme=dark] .cart-header {
  background-color: unset;
}
[data-theme=dark] .content, [data-theme=dark] .content__title, [data-theme=dark] .content p {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search input {
  color: #c7c5ee;
  background-color: #03021a;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search input::-moz-placeholder {
  color: #908dd3;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search input::placeholder {
  color: #908dd3;
}
[data-theme=dark] .bootstrap-select .dropdown-toggle:before {
  color: #c7c5ee;
}
[data-theme=dark] .dropdown-menu {
  background-color: #070525;
}
[data-theme=dark] .dropdown-item {
  color: #c7c5ee;
}
[data-theme=dark] .dropdown-item:hover, [data-theme=dark] .dropdown-item:focus {
  background-color: #161246;
}
[data-theme=dark] .dropdown-item.active, [data-theme=dark] .dropdown-item:active {
  background-color: #17a404;
  color: #fff;
}
[data-theme=dark] .bootstrap-select .dropdown-toggle {
  background-color: transparent;
  border-color: #1e1b52;
}
[data-theme=dark] .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #c7c5ee;
}
.landing .container {
  width: 800px;
}
/* header */
.site-header {
  position: relative;
}
.site-header:before {
  position: absolute;
  bottom: 50%;
  right: -435px;
  left: -420px;
  height: 6px;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
  border-radius: 100%;
}
.site-header:after {
  position: absolute;
  bottom: 50%;
  right: -435px;
  left: -420px;
  height: 9px;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
  filter: blur(12px);
  opacity: 0.5;
}
.site-header__top {
  background-color: #f3f3f3;
}
.site-header__top__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-header__top__item ul {
  display: flex;
  align-items: center;
}
.site-header__top__item ul li {
  display: block;
  line-height: 40px;
  margin-left: 27px;
}
.site-header__top__item ul li a {
  font-size: 13.19px;
  font-weight: bold;
  color: #070525;
  transition: 0.03s;
}
.site-header__top__item ul li a:hover {
  color: #f31212;
}
.site-header__top__item ul li:last-child {
  margin-left: 0;
}
.site-header__top__item__social ul li:last-child {
  padding-left: 15px;
  border-left: 1px solid #070525;
}
.site-header__top__item__social ul li:last-child i {
  line-height: 40px;
}
.site-header__center {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  line-height: 50px;
}
.site-header__center .site-header__center-right {
  display: flex;
  align-items: center;
}
.site-header__center .site-header__center-right .site-header__center-name {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  margin-left: 40px;
}
.site-header__center .site-header__center-right .site-header__center-item {
  position: relative;
  margin-left: 23px;
  line-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-header__center .site-header__center-right .site-header__center-item:nth-last-of-type(1) {
  margin-left: 0;
}
.site-header__center .site-header__center-right .site-header__center-item i {
  color: #000000;
  line-height: inherit;
}
.site-header__center .site-header__center-right .site-header__center-item i.icon-tupe {
  font-size: 18px;
}
.site-header__center .site-header__center-right .site-header__center-item i.icon-card {
  font-size: 14px;
}
.site-header__center .site-header__center-right .site-header__center-item i.icon-heart {
  font-size: 16px;
}
.site-header__center .site-header__center-right .site-header__center-item i.icon-comment {
  font-size: 16px;
}
.site-header__center .site-header__center-right .site-header__center-item .site-header__center-item-count {
  padding: 3px 5px 2.5px 6px;
  display: flex;
  align-items: center;
  color: #fcfcfc;
  font-size: 14px;
  font-weight: 400;
  background-color: #f31212;
  position: absolute;
  border-radius: 60px;
  z-index: 10;
  line-height: 10px;
  top: 9px;
  left: 8px;
}
.site-header__center .site-header__center-right .site-header__center-item--light i {
  color: #bdbdbd;
}
.site-header__center .site-header__center-nav {
  margin-right: auto;
}
.site-header__center .site-header__center-nav ul {
  display: flex;
  align-items: center;
}
.site-header__center .site-header__center-nav ul li {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-left: 20px;
  transition: 0.3s;
}
.site-header__center .site-header__center-nav ul li:after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 60px;
  background-color: #d9d9d9;
  margin-right: 20px;
}
.site-header__center .site-header__center-nav ul li:last-child {
  margin-left: 0;
}
.site-header__center .site-header__center-nav ul li:last-child:after {
  display: none;
}
.site-header__center .site-header__center-nav ul li:hover {
  color: #f31212;
}
.site-header__bottom {
  display: flex;
  align-items: center;
  position: relative;
}
.site-header__bottom__theme-switch {
  display: flex;
  flex-direction: column;
  margin-left: 56px;
  position: relative;
  width: 22px;
  height: 46px;
  z-index: 10;
}
.site-header__bottom__theme-switch::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/sw.svg");
  z-index: 5;
  width: 22px;
  height: 46px;
}
.site-header__bottom__theme-switch:before {
  content: "";
  position: absolute;
  right: 6px;
  left: 6px;
  top: 5px;
  bottom: 5px;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.site-header__bottom__theme-switch > span {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  color: #424242;
  white-space: nowrap;
  font-size: 11px;
  opacity: 0;
  visibility: hidden;
}
.site-header__bottom__theme-switch > div {
  z-index: 6;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.site-header__bottom__theme-switch > div:first-child {
  margin-bottom: 2px;
}
.site-header__bottom__theme-switch > div:first-child::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #211f47;
  background-image: linear-gradient(60deg, #f3b112, #f38714);
  transition: 0.2s;
}
.site-header__bottom__theme-switch > div:nth-child(2)::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #757575;
  transition: 0.2s;
}
.site-header__bottom__theme-switch > div:nth-child(2)::after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 2;
}
.site-header__bottom__theme-switch > svg {
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  font-size: 16px;
  fill: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.site-header__bottom__theme-switch > svg.active {
  text-shadow: 0 0 #c7c5ee;
  fill: rgb(0, 0, 0);
}
.site-header__bottom__theme-switch[data-current-theme=dark] > div:first-child:before {
  background-image: unset;
}
.site-header__bottom__theme-switch[data-current-theme=dark] > div:nth-child(2):before {
  background-color: #24b7d4;
}
.site-header__bottom__theme-switch:hover > span {
  padding-left: 10px;
  opacity: 1;
  visibility: visible;
}
.site-header__bottom .site-header__bottom-cart {
  height: 50px;
  background-color: #25a913;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 25px;
  padding: 0 26px 0 18px;
  font-family: Yekan Bakh ExtraExpanded;
}
.site-header__bottom .site-header__bottom-cart .site-header__bottom-count {
  color: #fbfbfb;
  font-size: 22px;
  font-weight: 600;
  margin-left: 11px;
}
.site-header__bottom .site-header__bottom-cart .site-header__bottom-title {
  color: #fbfbfb;
  font-size: 14px;
  font-weight: bold;
  margin-left: 19px;
}
.site-header__bottom .site-header__bottom-cart i.basket {
  font-size: 21px;
  color: #fdfdfd;
  margin-left: 16px;
}
.site-header__bottom .site-header__bottom-cart i.drop {
  font-size: 15px;
  color: #ffffff;
}
.site-header__bottom .site-header__bottom-cart--empty {
  background-color: #f31212;
  padding: 0;
  width: 50px;
  justify-content: center;
  box-shadow: 0 0 0 4px #fff, 0 0 0 5px #eee, 0 0 0 8px #fff, 0 0 0 9px #f5f5f5;
}
.site-header__bottom .site-header__bottom-cart--empty i.basket {
  margin-left: 0;
}
.site-header__bottom .site-header__bottom-cat {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 60px;
  height: 49px;
  color: #000000;
  font-size: 13.7px;
  font-weight: 600;
  padding: 0 27px 0 9px;
  margin-left: 32px;
  transition: 0.3s;
  position: relative;
}
.site-header__bottom .site-header__bottom-cat.icon-menu {
  font-size: 15px;
  margin-left: 26px;
}
.site-header__bottom .site-header__bottom-cat.icon-menu:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 112px;
  height: 50px;
  transform: translateY(-50%);
  border-radius: 0 60px 60px 0;
  transition: 0.3s;
  pointer-events: none;
}
.site-header__bottom .site-header__bottom-cat i {
  color: #000000;
}
.site-header__bottom .site-header__bottom-cat i.icon-menu {
  font-size: 15px;
  margin-left: 26px;
}
.site-header__bottom .site-header__bottom-cat i.icon-menu:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 112px;
  height: 50px;
  transform: translateY(-50%);
  border-radius: 0 60px 60px 0;
  box-shadow: 17px 0 30px -14px rgba(0, 0, 0, 0.28);
  transition: 0.3s;
  pointer-events: none;
}
.site-header__bottom .site-header__bottom-cat i.icon-drop-down {
  font-size: 9px;
  margin-right: 13px;
  display: inline-block;
  transition: 0.3s;
  transform: rotateX(0);
}
.site-header__bottom .site-header__bottom-cat .megamenu {
  position: absolute;
  display: none;
  top: 100%;
  z-index: 99999;
  min-width: 759px;
  max-width: 1200px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul {
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: #eeeeee;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li {
  padding: 0 15px;
  line-height: 60px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li > a {
  white-space: nowrap;
  transition: 0.2s;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0em;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li > a i {
  font-size: 14px;
  font-weight: 700;
  transform: rotate(180deg);
  margin-right: 5px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li:hover > a {
  color: #525FE1;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li:hover > a i {
  color: #525FE1;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list {
  position: absolute;
  right: 0;
  width: 100%;
  display: none;
  margin-top: 13px;
  border-radius: 10px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__content ul {
  border-radius: 10px;
  background-color: #f6f6f6;
  display: grid;
  grid-template-columns: 210px 210px 210px;
  min-height: 361.98px;
  /* padding-top: 20px; */
  padding: 25px 30px;
  overflow: hidden;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__content ul > li {
  line-height: 1;
  position: relative;
  padding: 0 0 17px 0px;
  flex: 0 0 19%;
  max-width: 210px;
  margin-left: 12px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__content ul > li a {
  display: flex;
  align-items: center;
  height: 32px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  font-weight: 600;
  line-height: 20px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__content ul > li a span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  transition: 0.2s;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__content ul > li a img {
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  margin-left: 5px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__content ul > li:hover a {
  color: #525FE1;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__img {
  position: absolute;
  top: 25px;
  left: 30px;
  max-width: 226px;
  width: 100%;
  height: 242px;
  border-radius: 5px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__button a {
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: 0em;
  max-width: 226px;
  height: 32px;
  background-color: #525FE1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  padding: 0 5px;
  margin-top: 16px;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li .item__list__button a i {
  color: #fff;
}
.site-header__bottom .site-header__bottom-cat .megamenu__tabs > ul > li.active .item__list {
  display: block;
}
.site-header__bottom .site-header__bottom-cat.active {
  background-color: #f4f4f4;
  padding-left: 23px;
}
.site-header__bottom .site-header__bottom-cat.active i.icon-drop-down {
  transform: rotateX(180deg);
}
.site-header__bottom .site-header__bottom-cat.active i.icon-menu:after {
  box-shadow: none;
}
.site-header__bottom .site-header__bottom-cat.active .megamenu {
  display: block;
  opacity: 1;
  transform: scale(1);
  visibility: visible;
  top: calc(100% + 13px);
  right: 0;
}
.site-header__bottom .site-header__bottom-search {
  position: relative;
}
.site-header__bottom .site-header__bottom-search input {
  width: 260px;
  height: 49px;
  background-color: #f4f4f4;
  border-radius: 60px;
  padding-right: 20px;
  padding-left: 22px;
  transition: 0.3s width;
}
.site-header__bottom .site-header__bottom-search > i {
  font-size: 17px;
  color: #000000;
  transition: 0.5s;
  transform: rotate(0);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 21px;
  transform: translate(0, -50%);
  pointer-events: none;
}
.site-header__bottom .site-header__bottom-search .ajax-search {
  position: absolute;
  right: 0;
  left: 0;
  top: calc(100% + 11px);
  box-shadow: 0 5px 38px rgba(0, 1, 1, 0.12);
  background-color: #ffffff;
  border-radius: 9px;
  display: none;
  flex-direction: column;
  z-index: 200;
  padding: 16px 15px 23px;
  overflow: hidden;
}
.site-header__bottom .site-header__bottom-search .ajax-search__close {
  position: absolute;
  left: 15px;
  top: 15px;
  cursor: pointer;
  color: #777;
  z-index: 2;
}
.site-header__bottom .site-header__bottom-search .ajax-search__cat {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 19px;
  margin-bottom: 26px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__cat-item {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 13px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__cat-item a {
  color: #55247c;
  transition: 0.3s;
  opacity: 1;
}
.site-header__bottom .site-header__bottom-search .ajax-search__cat-item a:hover {
  opacity: 0.8;
}
.site-header__bottom .site-header__bottom-search .ajax-search__cat-item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-term {
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-term span {
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: center;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-term img {
  max-width: 16px;
  max-height: 16px;
  border-radius: 3px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-item {
  display: flex;
  background-color: #E4E4E4;
  border-radius: 11px;
  padding: 7.5px 10.5px;
  margin-bottom: 7px;
  position: relative;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-item > a {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  right: 0;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-info {
  display: flex;
  flex-direction: column;
  margin: 3px auto;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-info-img img {
  max-width: 18px;
  max-height: 18px;
  margin-left: 4px;
  border-radius: 3px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-info-img small {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-img {
  margin-left: 9px;
  width: 50px;
  height: 50px;
  border-radius: 9px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-img img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 9px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-title {
  font-size: 11px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-price {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 17px;
  font-weight: 600;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-price .item {
  display: flex;
  align-items: center;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-price .item .price {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  margin-left: 5px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-price .item .unit {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-price .item--min {
  margin-left: 14px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__product-price .item--max {
  margin-right: 14px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__all-product-header {
  background-color: #E4E4E4;
  border-radius: 11px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__all-product-header p h2 {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  background-color: #ffffff;
  position: relative;
  z-index: 100;
  padding-left: 7px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__all-product-header a {
  display: flex;
  align-items: center;
  padding: 20.5px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
}
.site-header__bottom .site-header__bottom-search .ajax-search__all-product-header a span {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
}
.site-header__bottom .site-header__bottom-search .ajax-search__all-product-header a i {
  margin-right: auto;
  font-size: 19.3px;
  color: #2A85FF;
  line-height: 15px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__all-product-content .swiper-ajax-product {
  overflow: visible !important;
}
.site-header__bottom .site-header__bottom-search .ajax-search__all-product-content .swiper-slide {
  width: 87px !important;
  height: 85px !important;
}
.site-header__bottom .site-header__bottom-search .ajax-search__all-product-content .item figure img {
  max-width: none;
  max-width: initial;
}
.site-header__bottom .site-header__bottom-search .ajax-search__journal {
  display: flex;
  flex-direction: column;
}
.site-header__bottom .site-header__bottom-search .ajax-search__journal-header {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__journal-header span {
  position: relative;
  background-color: #ffffff;
  z-index: 100;
  display: inline-block;
  padding-left: 9px;
}
.site-header__bottom .site-header__bottom-search .ajax-search__journal-header:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 11px;
  border-bottom: 1px solid #d1d1d1;
  z-index: 90;
}
.site-header__bottom .site-header__bottom-search .ajax-search__journal-content {
  display: flex;
  flex-direction: column;
}
.site-header__bottom .site-header__bottom-search .ajax-search__journal-content .item {
  color: #55247c;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 13px;
  transition: 0.3s;
  opacity: 1;
}
.site-header__bottom .site-header__bottom-search .ajax-search__journal-content .item:hover {
  opacity: 0.8;
}
.site-header__bottom .site-header__bottom-search .ajax-search__journal-content .item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.site-header__bottom .site-header__bottom-search.active .ajax-search {
  display: flex;
}
.site-header__bottom .site-header__bottom-search.active input {
  width: 410px;
}
.site-header__bottom .site-header__bottom-logo {
  margin-right: auto;
}
.site-header__rgb-color {
  padding: 45px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.site-header__rgb-color:before {
  content: "";
  position: absolute;
  bottom: 45px;
  right: -435px;
  left: -420px;
  height: 6px;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
  border-radius: 100%;
}
.site-header__rgb-color:after {
  content: "";
  position: absolute;
  bottom: 26px;
  right: -435px;
  left: -420px;
  height: 9px;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
  border-radius: 100%;
  filter: blur(12px);
  opacity: 0.5;
}
.site-header .site-header-responsive {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 5px 24px -14px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  padding: 0 15px;
  display: none;
}
.site-header .site-header-responsive__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 15px;
}
.site-header .site-header-responsive__menu i {
  color: #f31212;
}
.site-header .site-header-responsive__user {
  margin-left: 10px;
}
.site-header .site-header-responsive__user, .site-header .site-header-responsive__cart {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}
.site-header .site-header-responsive__user a, .site-header .site-header-responsive__cart a {
  display: flex;
  align-items: center;
}
.site-header .site-header-responsive__user i, .site-header .site-header-responsive__cart i {
  color: #000;
  font-size: 16px;
  margin-left: 5px;
}
.site-header .site-header-responsive__cart {
  order: 4;
  margin-right: auto;
}
.site-header .site-header-responsive__cart a span {
  margin-right: 5px;
  background-color: #17a404;
  padding: 0 3px;
  line-height: 15px;
  color: #fff;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
}
.site-header .site-header-responsive__cart.fill a i {
  color: #17a404;
}
.site-header .site-header-responsive > a {
  margin-right: auto;
}
.site-header .site-header-responsive > a img {
  height: 35px;
}
.site-header .mega-menu-site-responsive .logo-response {
  margin-bottom: 4px;
}
.site-header .mega-menu-site-responsive__search form {
  width: 100%;
  height: 49px;
  background-color: #f4f4f4;
  border-radius: 60px;
  padding-right: 20px;
  padding-left: 20px;
}
.site-header .mega-menu-site-responsive__search form button {
  left: 50px;
  position: absolute;
}
.site-header .mega-menu-site-responsive__header {
  padding: 30px 15px 0 15px;
  margin-bottom: 15px;
}
.site-header .mega-menu-site-responsive__header .close {
  position: absolute;
  top: 15px;
  left: 15px;
}
.site-header .mega-menu-site-responsive__header-profile {
  display: flex;
  align-items: center;
}
.site-header .mega-menu-site-responsive__header-profile .name {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  margin-left: 40px;
}
.site-header .mega-menu-site-responsive__header-profile .item {
  position: relative;
  margin-left: 23px;
}
.site-header .mega-menu-site-responsive__header-profile .item:nth-last-of-type(1) {
  margin-left: 0;
}
.site-header .mega-menu-site-responsive__header-profile .item i {
  color: #000000;
}
.site-header .mega-menu-site-responsive__header-profile .item i.icon-tupe {
  font-size: 18px;
}
.site-header .mega-menu-site-responsive__header-profile .item i.icon-card {
  font-size: 14px;
}
.site-header .mega-menu-site-responsive__header-profile .item i.icon-heart {
  font-size: 16px;
}
.site-header .mega-menu-site-responsive__header-profile .item i.icon-comment {
  font-size: 16px;
}
.site-header .mega-menu-site-responsive__header-profile .item .count {
  padding: 3px 5px 2.5px 6px;
  display: flex;
  align-items: center;
  color: #fcfcfc;
  font-size: 14px;
  font-weight: 600;
  background-color: #f31212;
  position: absolute;
  border-radius: 60px;
  z-index: 10;
  line-height: 10px;
  top: 9px;
  left: 8px;
}
.site-header .mega-menu-site-responsive__header-profile .item--light i {
  color: #bdbdbd;
}
.site-header .mega-menu-site-responsive__header-profile .item--cart {
  top: -1px;
}
.site-header .mega-menu-site-responsive__header-profile .item--cart .count {
  top: 10px;
}
@keyframes animate-cart-btn {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
[data-theme=dark] .site-header .site-header-responsive {
  background-color: #070525;
}
[data-theme=dark] .site-header .site-header-responsive__menu i {
  color: #fff;
}
[data-theme=dark] .site-header .site-header-responsive__user a {
  color: #c7c5ee;
}
[data-theme=dark] .site-header .site-header-responsive__cart a {
  color: #c7c5ee;
}
[data-theme=dark] .site-header .site-header-responsive__user i {
  color: #c7c5ee;
}
[data-theme=dark] .site-header .site-header-responsive__cart i {
  color: #c7c5ee;
}
[data-theme=dark] .site-header:before {
  background-image: linear-gradient(to right, #070525 0%, #070525 25%, #6a4fa0 33%, #16a2bd 42%, #89c736 52%, #fcc43f 61%, #d02054 69%, #070525 75%, #070525 100%);
}
[data-theme=dark] .site-header:after {
  background-color: #070525;
  background-image: linear-gradient(to right, #070525 0%, #070525 25%, #6a4fa0 33%, #16a2bd 42%, #89c736 52%, #fcc43f 61%, #d02054 69%, #070525 75%, #070525 100%);
}
[data-theme=dark] .site-header__top {
  background-color: #110f3f;
}
[data-theme=dark] .site-header__top__item ul li a {
  color: #fff;
}
[data-theme=dark] .site-header__top__item__social ul li:last-child {
  border-color: #fff;
}
[data-theme=dark] .site-header__center {
  border-bottom: 1px solid #110f3f;
}
[data-theme=dark] .site-header__center .site-header__center-right .site-header__center-name {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__center .site-header__center-right .site-header__center-item i {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__center .site-header__center-nav ul li {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__center .site-header__center-nav ul li::after {
  background-color: #1f1c53;
}
[data-theme=dark] .site-header__bottom-cat {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__bottom-cat i {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__bottom-cat i.icon-menu:after {
  box-shadow: 15px 0 40px -5px rgba(0, 0, 0, 0.85);
}
[data-theme=dark] .site-header__bottom-cat.active {
  background-color: #130e49;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul {
  background-color: #130e49;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul > li a {
  color: #fff;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul > li:hover > a {
  color: #c4f424;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul > li:hover > a i {
  color: #c4f424;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul .item__list__content ul {
  background-color: #0f0b3b;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul .item__list__content ul li:before {
  background-color: #c4f424;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul .item__list__content ul li a {
  color: #fff;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul .item__list__content ul li a.hover a {
  color: #c4f424;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul .item__list__content ul li:hover a {
  color: #c4f424;
}
[data-theme=dark] .site-header__bottom-cat.active .megamenu__tabs ul .item__list__button {
  color: #fff;
}
[data-theme=dark] .site-header__bottom-cart {
  box-shadow: 0 0 0 4px #070525, 0 0 0 5px #1f1c53, 0 0 0 8px #070525, 0 0 0 9px #1f1c53;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__cat-item {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 13px;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__cat-item a {
  color: #55247c;
  transition: 0.3s;
  opacity: 1;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__cat-item a:hover {
  opacity: 0.8;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__cat-item:nth-last-of-type(1) {
  margin-bottom: 0;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__product-term span {
  color: #E7E7E7;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__product-item {
  background-color: #201E44;
  position: relative;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__product-info-img small {
  color: #DDDDDD;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__product-title {
  color: #DDDDDD;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__all-product-header {
  background-color: #201E44;
}
[data-theme=dark] .site-header__bottom-search .ajax-search__all-product-header a {
  color: #E5E5E5;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search > i {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__cat-item {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__cat-item a {
  color: #a91a4e;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__close {
  color: #cd1e54;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__cat {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__product-price {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__product-price .item .price {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__product-price .item .unit {
  color: #c7c5ee;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__all-product-header:before {
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__all-product-header h2 {
  color: #c7c5ee;
  background-color: #0d0b32;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__journal-header:before {
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__journal-header span {
  background-color: #18164d;
  color: #c7c5ee;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search__journal-content .item {
  color: #cd1e54;
}
[data-theme=dark] .site-header__bottom .site-header__bottom-search .ajax-search {
  background-color: #0d0b32;
}
[data-theme=dark] .site-header__bottom__theme-switch::after {
  background-image: url("../img/sw-dark.svg");
}
[data-theme=dark] .site-header__bottom__theme-switch > span {
  color: #9795bc;
}
[data-theme=dark] .site-header__bottom__theme-switch:before {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
[data-theme=dark] .site-header__bottom__theme-switch > div:nth-child(2):before {
  background-color: #2196f3;
}
[data-theme=dark] .site-header__bottom__theme-switch > div:nth-child(2):after {
  background-color: #0e0c34;
}
[data-theme=dark] .site-header__bottom__theme-switch > svg {
  fill: rgba(199, 197, 238, 0.5);
}
[data-theme=dark] .site-header__bottom__theme-switch > svg.active {
  text-shadow: 0 0 #c7c5ee;
  fill: rgb(199, 197, 238);
}
[data-theme=dark] .site-header__bottom .site-header__bottom-cart--empty {
  box-shadow: 0 0 0 4px #070525, 0 0 0 5px #1f1c53, 0 0 0 8px #070525, 0 0 0 9px #1f1c53;
}
[data-theme=dark] .panel-wrapper .site-header {
  background-color: transparent;
}
@media (max-width: 992px) {
  [data-theme=dark] .site-header:before {
    right: 0;
    left: 0;
    background-image: linear-gradient(to right, #070525 0%, #070525 10%, #6a4fa0 25%, #16a2bd 35%, #89c736 50%, #fcc43f 65%, #d02054 70%, #070525 90%, #070525 100%);
  }
}
.breadcromb {
  padding-bottom: 35px;
}
.breadcromb__item ul {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.breadcromb__item ul li {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  color: #484848;
}
.breadcromb__item ul li a {
  padding-left: 10px;
}
.breadcromb__item ul li:after {
  top: 0%;
  right: 85%;
  width: 100%;
  height: 100%;
  content: "/";
  padding-left: 10px;
}
.breadcromb__item ul li:last-child:after {
  content: unset;
}
[data-theme=dark] .breadcromb__item ul li a {
  color: #fff;
}
[data-theme=dark] .breadcromb__item ul li span {
  color: #fff;
}
[data-theme=dark] .breadcromb__item ul li:after {
  color: #fff;
}
/* index */
.top-product {
  margin-bottom: 10px;
}
.top-product__big-horizontal {
  position: relative;
  border-radius: 20px;
}
.top-product__big-horizontal > a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  border-radius: 20px;
}
.top-product__big-horizontal .top-product__big-info {
  position: absolute;
  bottom: 50px;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-title {
  color: #ffffff;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 12px;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-title-en {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy {
  display: flex;
  height: 49px;
  border-radius: 60px;
  overflow: hidden;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy .text {
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  background-color: #f01919;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  position: relative;
  overflow: hidden;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy .text:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #fff;
  transition: 0.3s;
  z-index: 90;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy .text span {
  position: relative;
  z-index: 90;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy .icon {
  font-size: 25px;
  color: #f01919;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  box-shadow: 0 7px 12px -3px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  position: relative;
  z-index: 100;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy .icon:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #f01919;
  transition: 0.3s;
  z-index: 90;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy .icon i {
  position: relative;
  left: 0;
  z-index: 1000;
  transition: 0.3s;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy .icon span {
  position: absolute;
  opacity: 0;
  font-size: 19px;
  font-weight: 400;
  color: #f01919;
  transition: 0.3s;
  left: -40px;
  z-index: 10000;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer {
  text-align: center;
  justify-content: center;
  display: flex;
  margin-bottom: 14px;
  border-radius: 0;
  height: unset;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer--list-tournament {
  margin-bottom: 4px;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer--list-tournament .timer .div-total .div > span {
  background-color: #110e47;
  background: #110e47;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer {
  display: flex;
  margin-left: 2px;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer .div-total {
  display: flex;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer-one {
  display: flex;
  margin-left: 2px;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer-one .div-total {
  display: flex;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer-one .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer-one .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer-one .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .timer-one .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .text {
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  background-color: #f01919;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  position: relative;
  overflow: hidden;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .text:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #fff;
  transition: 0.3s;
  z-index: 90;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .text span {
  position: relative;
  z-index: 90;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .icon {
  font-size: 25px;
  color: #f01919;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  box-shadow: 0 7px 12px -3px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  position: relative;
  z-index: 100;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .icon:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #f01919;
  transition: 0.3s;
  z-index: 90;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .icon i {
  position: relative;
  left: 0;
  z-index: 1000;
  transition: 0.3s;
}
.top-product__big-horizontal .top-product__big-info .top-product__big-info-buy#big_timer .icon span {
  position: absolute;
  opacity: 0;
  font-size: 19px;
  font-weight: 400;
  color: #f01919;
  transition: 0.3s;
  left: -40px;
  z-index: 10000;
}
.top-product__big-horizontal .top-product__big-img {
  position: relative;
}
.top-product__big-horizontal .top-product__big-img img {
  border-radius: 20px;
  height: 537px;
}
.top-product__big-horizontal .logo {
  position: absolute;
  top: 0;
  left: -1px;
  background-image: url("../img/corner-curve.svg");
  background-repeat: no-repeat;
  background-position: left top;
  width: 97px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 11px;
  padding-bottom: 15px;
  z-index: 2;
}
.top-product__big-horizontal:hover .top-product__big-info .top-product__big-info-buy .text span {
  opacity: 0;
  visibility: hidden;
}
.top-product__big-horizontal:hover .top-product__big-info .top-product__big-info-buy .text:before {
  width: 100%;
}
.top-product__big-horizontal:hover .top-product__big-info .top-product__big-info-buy .icon {
  box-shadow: 0 7px 12px -3px rgba(0, 0, 0, 0.5);
}
.top-product__big-horizontal:hover .top-product__big-info .top-product__big-info-buy .icon:before {
  width: 100%;
}
.top-product__big-horizontal:hover .top-product__big-info .top-product__big-info-buy .icon i {
  left: 61px;
}
.top-product__big-horizontal:hover .top-product__big-info .top-product__big-info-buy .icon span {
  left: 14px;
  color: #ffffff;
  opacity: 1;
}
.top-product__center {
  position: relative;
}
.top-product__center .top-product__center-vertical {
  position: relative;
  border-radius: 20px;
}
.top-product__center .top-product__center-vertical .top-product__big-info {
  position: absolute;
  bottom: 50px;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.top-product__center .top-product__center-vertical .top-product__big-info .top-product__big-info-title {
  color: #ffffff;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 12px;
}
.top-product__center .top-product__center-vertical .top-product__big-info .top-product__big-info-title-en {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
}
.top-product__center .top-product__center-vertical > a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  border-radius: 20px;
}
.top-product__center .top-product__center-vertical .top-product__center-info {
  position: absolute;
  bottom: 43px;
  right: auto;
  right: initial;
  left: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-title {
  color: #ffffff;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 12px;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-title-en {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-buy {
  display: flex;
  height: 49px;
  border-radius: 60px;
  overflow: hidden;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-buy .text {
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  background-color: #f01919;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  position: relative;
  overflow: hidden;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-buy .text:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #fff;
  transition: 0.3s;
  z-index: 90;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-buy .text span {
  position: relative;
  z-index: 90;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-buy .icon {
  font-size: 25px;
  color: #f01919;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  box-shadow: 0 7px 12px -3px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  position: relative;
  z-index: 100;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-buy .icon:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #f01919;
  transition: 0.3s;
  z-index: 90;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-buy .icon i {
  position: relative;
  left: 0;
  z-index: 1000;
  transition: 0.3s;
}
.top-product__center .top-product__center-vertical .top-product__center-info .top-product__center-info-buy .icon span {
  position: absolute;
  opacity: 0;
  font-size: 19px;
  font-weight: 400;
  color: #f01919;
  transition: 0.3s;
  left: -40px;
  z-index: 10000;
}
.top-product__center .top-product__center-vertical .top-product__center-img {
  position: relative;
}
.top-product__center .top-product__center-vertical .top-product__center-img img {
  border-radius: 20px;
  max-width: 100%;
  height: auto;
  height: 537px;
  width: 100%;
}
.top-product__center .top-product__center-vertical .logo {
  position: absolute;
  bottom: -1px;
  right: -1px;
  background-image: url("../img/corner-curve.svg");
  background-repeat: no-repeat;
  width: 97px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 11px;
  padding-bottom: 15px;
  transform: rotate(180deg);
  z-index: 2;
}
.top-product__center .top-product__center-vertical .logo figure {
  transform: rotate(-180deg);
}
.top-product__center .top-product__center-vertical:hover .top-product__center-info .top-product__center-info-buy .text span {
  opacity: 0;
  visibility: hidden;
}
.top-product__center .top-product__center-vertical:hover .top-product__center-info .top-product__center-info-buy .text:before {
  width: 100%;
}
.top-product__center .top-product__center-vertical:hover .top-product__center-info .top-product__center-info-buy .icon {
  box-shadow: 0 -7px 12px -3px rgba(0, 0, 0, 0.5);
}
.top-product__center .top-product__center-vertical:hover .top-product__center-info .top-product__center-info-buy .icon:before {
  width: 100%;
}
.top-product__center .top-product__center-vertical:hover .top-product__center-info .top-product__center-info-buy .icon i {
  left: 61px;
}
.top-product__center .top-product__center-vertical:hover .top-product__center-info .top-product__center-info-buy .icon span {
  left: 14px;
  color: #ffffff;
  opacity: 1;
}
.top-product__center .top-product__center-small {
  position: relative;
  border-radius: 22px;
}
.top-product__center .top-product__center-small > a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  border-radius: 20px;
}
.top-product__center .top-product__center-small .top-product__center-small-info {
  position: absolute;
  right: 75px;
  left: 67px;
  bottom: 15px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  z-index: 2;
}
.top-product__center .top-product__center-small .top-product__center-small-info .top-product__center-info-small-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.top-product__center .top-product__center-small .top-product__center-small-info .top-product__center-info-small-title-en {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
.top-product__center .top-product__center-small .top-product__center-small-img {
  position: relative;
}
.top-product__center .top-product__center-small .top-product__center-small-img img {
  border-radius: 20px;
  height: 537px;
}
.top-product__center .top-product__center-small .top-product__center-small-img img:last-child {
  position: absolute;
  top: -5px;
  bottom: -5px;
  right: -5px;
  height: calc(100% + 10px);
  max-width: unset;
  width: 100%;
  filter: blur(10px);
  z-index: -1;
  opacity: 0.75;
}
.top-product__center .top-product__center-small .top-product__center-small-buy {
  width: 50px;
  height: 50px;
  background-color: #f01919;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 19px;
  bottom: 18px;
  transition: 0.3s;
  z-index: 2;
}
.top-product__center .top-product__center-small .top-product__center-small-buy i {
  font-size: 25px;
  color: #ffffff;
  transition: 0.3s;
}
.top-product__center .top-product__center-small .logo {
  position: absolute;
  bottom: 4px;
  left: -5px;
  background-image: url("../img/corner-curve.svg");
  background-repeat: no-repeat;
  width: 97px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 11px;
  padding-bottom: 15px;
  transform: rotate(-90deg);
  z-index: 2;
}
.top-product__center .top-product__center-small .logo figure {
  transform: rotate(90deg);
}
.top-product__center .top-product__center-small:after {
  content: "";
  width: 125px;
  height: 125px;
  left: -25px;
  bottom: -15px;
  position: absolute;
  background-color: #fff;
  z-index: -1;
  filter: blur(7.5px);
  box-shadow: 0 0 10px #fff;
}
.top-product__center .top-product__center-small:hover .top-product__center-small-buy {
  background-color: #fff;
}
.top-product__center .top-product__center-small:hover .top-product__center-small-buy i {
  color: #f01919;
}
.top-product__center__button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  right: 0;
  background-color: rgba(138, 133, 128, 0.5882352941);
  z-index: 9;
  height: 74px;
  width: 37px;
  border-radius: 0px 15px 15px 0px;
}
.top-product__center__button-prev i {
  font-size: 54px;
  font-weight: 800;
}
.top-product__center__button-prev i:before {
  color: #fff;
}
.top-product__center__button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: rgba(138, 133, 128, 0.5882352941);
  z-index: 9;
  height: 74px;
  width: 37px;
  border-radius: 0px 15px 15px 0px;
}
.top-product__center__button-next i {
  font-size: 54px;
  font-weight: 800;
}
.top-product__center__button-next i:before {
  color: #fff;
}
.top-product__item {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.top-product__item > a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  border-radius: 20px;
}
.top-product__item .top-product__item-img {
  height: 100%;
  width: 100%;
}
.top-product__item .top-product__item-img img {
  height: 100%;
  width: 100%;
}
.top-product__item .top-product__item-info {
  position: absolute;
  right: 80px;
  left: 0;
  bottom: 18px;
  display: flex;
  flex-direction: column;
}
.top-product__item .top-product__item-info .top-product__item-info-title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 25px;
}
.top-product__item .top-product__item-info .top-product__item-info-title-en {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
}
.top-product__item .top-product__item-buy {
  width: 50px;
  height: 50px;
  background-color: #f01919;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 19px;
  bottom: 18px;
  transition: 0.3s;
}
.top-product__item .top-product__item-buy i {
  font-size: 25px;
  color: #ffffff;
  transition: 0.3s;
}
[data-theme=dark] .top-product__center .top-product__center-small:after, [data-theme=dark] .top-product__center .top-product__center-vertical:after, [data-theme=dark] .top-product__big-horizontal:after {
  background-color: #070525;
  box-shadow: 0 0 10px #070525;
}
[data-theme=dark] .top-product__big-horizontal .logo, [data-theme=dark] .top-product__center .top-product__center-vertical .logo, [data-theme=dark] .top-product__center .top-product__center-small .logo {
  background-image: url(../img/corner-curve-dark.svg);
}
.feautures {
  overflow: hidden;
}
.feautures__wrapper {
  display: flex;
  align-items: center;
}
.feautures__logo {
  margin-left: 32px;
  z-index: 9;
  position: relative;
}
.feautures__items {
  max-width: 100%;
  min-width: 0;
  position: relative;
}
.feautures__items .swiper-slide {
  width: auto;
}
.feautures__items .feautures__items-item {
  padding: 0 33px 0 31px;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  height: 57px;
  border: 1px solid #e8e8e8;
  border-radius: 60px;
  white-space: nowrap;
}
.feautures__items .feautures__items-item i {
  font-size: 23px;
  color: #000000;
  margin-left: 24px;
}
[data-theme=dark] .feautures__items::before {
  background-image: none;
}
[data-theme=dark] .feautures__items .feautures__items-item {
  color: #c7c5ee;
  border: 1px solid #110f3f;
}
[data-theme=dark] .feautures__items .feautures__items-item i {
  color: #c7c5ee;
}
.banner {
  margin-bottom: 57px;
}
.banner .row {
  align-items: flex-end;
  display: flex;
}
.banner__item {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .banner__item {
    margin-bottom: 15px;
  }
}
.product {
  margin-bottom: 40px;
  overflow: hidden;
  padding-bottom: 20px;
}
.product__header {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 48px;
}
.product__header .product__header-logo {
  padding-left: 17px;
  position: relative;
  background-color: #fff;
  z-index: 100;
  height: 33px;
  display: flex;
  align-items: center;
}
.product__header .product__header-title {
  color: #000000;
  font-size: 27px;
  font-weight: 600;
  padding-left: 36px;
  position: relative;
  background-color: #fff;
  z-index: 100;
}
.product__header .product__header-sort {
  min-width: 217px;
  position: relative;
  background-color: #fff;
  z-index: 100;
}
.product__header .product__header-sort .selectize-control {
  height: 33px;
}
.product__header .product__header-sort .selectize-control .selectize-input {
  padding: 6px 8px;
  padding-right: 18px;
  height: 100%;
  border: 1px solid #e4e4e4;
  box-shadow: none;
  border-radius: 60px;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
}
.product__header .product__header-sort .selectize-control .selectize-input:after {
  content: "\e940";
  font-family: "icomoon";
  font-size: 6px;
  height: 6px;
  line-height: 6px;
  margin-top: -3px;
  color: #959595;
  border-style: none;
  border-width: 0;
  border-color: transparent;
  width: auto;
  width: initial;
  height: initial;
  font-weight: normal;
  top: 50%;
  left: 17px;
  display: inline-block;
  transform: rotateX(0);
  transition: 0.3s;
}
.product__header .product__header-sort .selectize-control .selectize-input.dropdown-active:after {
  transform: rotateX(180deg);
}
.product__header .product__header-more {
  display: flex;
  align-items: center;
  margin-right: auto;
  color: #000000;
  font-size: 13px;
  font-weight: 900;
  position: relative;
  background-color: #fff;
  z-index: 100;
  padding-right: 21px;
}
.product__header .product__header-more i {
  font-size: 12px;
  color: #000000;
  margin-right: 34px;
}
.product__header:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  border-bottom: 1px solid #d9d9d9;
  z-index: 90;
}
.product__content-swiper {
  overflow: visible;
}
.product__content-swiper .swiper-slide {
  filter: blur(6px);
  opacity: 0.1;
  transition: 0.3s;
}
.product__content-swiper .swiper-slide.swiper-slide-active {
  filter: blur(0);
  opacity: 1;
}
.product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide {
  filter: blur(0);
  opacity: 1;
}
.product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
  filter: blur(0);
  opacity: 1;
}
.product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
  filter: blur(0);
  opacity: 1;
}
.product__item {
  box-shadow: 0 3px 7px rgba(0, 1, 1, 0.12);
  background-color: #ffffff;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
  transition: 0.3s;
}
.product__item .product__item-img {
  position: relative;
  margin-bottom: 29px;
}
.product__item .product__item-img img {
  position: relative;
  z-index: 100;
}
.product__item .product__item-img .shadow {
  overflow: hidden;
  position: absolute;
  filter: blur(10px);
  top: 15px;
  bottom: -10px;
  left: 0;
  right: 0;
  opacity: 0.6;
}
.product__item .product__item-img--filter img {
  filter: grayscale(100%);
  opacity: 0.7;
}
.product__item .product__item-wrapper {
  padding: 0 10px;
}
.product__item .product__item-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  padding-bottom: 18px;
  position: relative;
}
.product__item .product__item-info:before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: -120px;
  left: -120px;
  height: 2px;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff 25%, #6a4fa0 33%, #16a2bd 42%, #89c736 52%, #fcc43f 61%, #d02054 69%, #ffffff 75%, #ffffff 100%);
  border-radius: 100%;
}
.product__item .product__item-info .product__item-info-title {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}
.product__item .product__item-info .product__item-info-title-en {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  direction: ltr;
  text-align: left;
  line-height: 25px;
  flex: 0 0 50%;
  max-width: 50%;
}
.product__item .product__item-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
  margin-bottom: 25px;
  margin-top: -10px;
}
.product__item .product__item-price .product__item-price-title {
  font-size: 13px;
  font-weight: 600;
  color: #757575;
}
.product__item .product__item-price .product__item-price-numb {
  font-size: 22px;
  font-weight: 600;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product__item .product__item-price .product__item-price-numb i {
  font-size: 22px;
  color: #000000;
  margin-right: 5px;
}
.product__item .product__item-footer {
  border-radius: 0px 0px 25px 25px;
  background-color: #f0f0f0;
  line-height: 50px;
}
.product__item .product__item-footer .product__item-footer-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product__item .product__item-footer .product__item-footer-link > i {
  font-size: 27px;
  color: #000000;
  position: relative;
  margin-left: 14px;
}
.product__item .product__item-footer .product__item-footer-link > i i {
  position: absolute;
  font-size: 12px;
  color: #fefefe;
  background-color: #ff0000;
  left: -4px;
  bottom: -4px;
}
.product__item .product__item-footer .product__item-footer-link .product__item-footer-title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.product__item .product__item-footer .product__item-footer-link .product__item-footer-title i {
  background-color: #ed3237;
  color: #fff;
  margin-left: 15px;
}
.product__item .product__item-footer .product__item-footer-link .product__item-footer-title .buy {
  color: #000000;
  font-size: 19px;
  font-weight: 600;
  margin-left: 5px;
}
.product__item .product__item-footer > span {
  color: #757575;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product__item .product__item-meta {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product__item .product__item-meta h4 {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 56.66px;
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}
.product__item .product__item-meta .product__item-meta-right {
  display: flex;
  flex-direction: column;
}
.product__item .product__item-meta .product__item-meta-right .item {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.product__item .product__item-meta .product__item-meta-right .item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.product__item .product__item-meta .product__item-meta-right .item__title {
  color: #757575;
  font-size: 12px;
  font-weight: 600;
  min-width: 32px;
  margin-left: 13px;
}
.product__item .product__item-meta .product__item-meta-right .item__link {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  width: 73px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product__item .product__item-meta .product__item-meta-left {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  top: -2px;
}
.product__item .product__item-meta .product__item-meta-left .count-rate {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.product__item .product__item-meta .product__item-meta-left .count-rate__numb {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  margin-left: 6px;
  line-height: 25px;
  min-height: 25px;
}
.product__item .product__item-meta .product__item-meta-left .count-rate i {
  font-size: 23px;
  color: #000000;
}
.product__item .product__item-meta .product__item-meta-left .title {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
}
.product__item .product__info-radio {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.product__item:hover {
  box-shadow: 0 3px 13px rgba(0, 1, 1, 0.12);
}
.product__nav {
  position: absolute;
  top: 8px;
  bottom: 8px;
  width: 43px;
  border-radius: 60px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
  transform: rotateY(0);
}
.product__nav i {
  font-size: 17px;
  color: #000000;
}
.product__nav--next {
  left: -104px;
}
.product__nav--prev {
  right: -104px;
}
.product__nav.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  transform: rotateY(90deg);
}
.product__content {
  position: relative;
}
.product__content-animate {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.product__content-animate .item {
  height: 9px;
  border-radius: 60px;
  position: absolute;
}
.product__content-animate .item:nth-of-type(1) {
  background-color: #bb428a;
  width: 147px;
  top: 90px;
  right: -230px;
}
.product__content-animate .item:nth-of-type(2) {
  background-color: #1973bd;
  width: 197px;
  top: 303px;
  right: -40px;
}
.product__content-animate .item:nth-of-type(3) {
  width: 1334px;
  background-color: #f2f2f2;
  top: 166px;
  right: -449px;
}
.product__content-animate .item:nth-of-type(4) {
  width: 147px;
  background-color: #f89b30;
  top: 290px;
  left: 180px;
}
.product__content-animate .item:nth-of-type(5) {
  width: 147px;
  background-color: #f89b30;
  top: 220px;
  right: -160px;
}
.product__content-animate .item:nth-of-type(6) {
  width: 197px;
  background-color: #1973bd;
  top: 98px;
  left: 160px;
}
.product__content-animate .item:nth-of-type(7) {
  width: 147px;
  background-color: #f89b30;
  left: -4px;
  top: 317px;
}
.product--related {
  overflow: visible;
}
[data-theme=dark] .product__header::before {
  border-bottom: 1px solid #110f3f;
}
[data-theme=dark] .product__header .product__header-title {
  background-color: #070525;
  color: #c7c5ee;
}
[data-theme=dark] .product__header .product__header-more {
  color: #c7c5ee;
  background-color: #070525;
}
[data-theme=dark] .product__header .product__header-more i {
  color: #c7c5ee;
}
[data-theme=dark] .product__header .product__header-logo {
  background-color: #070525;
}
[data-theme=dark] .product__header .product__header-sort {
  background-color: #070525;
}
[data-theme=dark] .product__item {
  background-color: #03021a;
  box-shadow: 0 3px 25px rgba(10, 7, 54, 0.8);
}
[data-theme=dark] .product__item .product__item-info {
  border-bottom: 1px solid #191737;
}
[data-theme=dark] .product__item .product__item-info::before {
  right: -40px;
  left: -40px;
  background-image: linear-gradient(to right, #070525 0%, #070525 10%, #6a4fa0 25%, #16a2bd 35%, #89c736 50%, #fcc43f 65%, #d02054 70%, #070525 90%, #070525 100%);
}
[data-theme=dark] .product__item .product__item-info .product__item-info-title {
  color: #fff;
}
[data-theme=dark] .product__item .product__item-info .product__item-info-title-en {
  color: #c7c5ee;
}
[data-theme=dark] .product__item .product__item-meta h4 {
  color: #fff;
}
[data-theme=dark] .product__item .product__item-meta .product__item-meta-right .item__title {
  color: #c7c5ee;
}
[data-theme=dark] .product__item .product__item-meta .product__item-meta-right .item__link {
  color: #7b77c5;
}
[data-theme=dark] .product__item .product__item-meta .product__item-meta-left .count-rate__numb {
  color: #c7c5ee;
}
[data-theme=dark] .product__item .product__item-meta .product__item-meta-left .count-rate i {
  color: #c7c5ee;
}
[data-theme=dark] .product__item .product__item-meta .product__item-meta-left .title {
  color: #c7c5ee;
}
[data-theme=dark] .product__item .product__item-footer {
  background-color: #3b426b;
}
[data-theme=dark] .product__item .product__item-footer .product__item-footer-link > i {
  color: #c7c5ee;
}
[data-theme=dark] .product__item .product__item-footer .product__item-footer-link .product__item-footer-title {
  color: #ffffff;
}
[data-theme=dark] .product__item .product__item-footer .product__item-footer-link .product__item-footer-title .buy {
  color: #ffffff;
}
[data-theme=dark] .product__item .product__item-price {
  border-bottom: 1px solid #191737;
}
[data-theme=dark] .product__item .product__item-price .product__item-price-title {
  color: #c7c5ee;
}
[data-theme=dark] .product__item .product__item-price .product__item-price-numb {
  color: #c7c5ee;
}
[data-theme=dark] .product__item .product__item-price .product__item-price-numb i {
  color: #c7c5ee;
}
[data-theme=dark] .product__big-horizontal .logo {
  background-image: url(../img/corner-curve-dark.svg);
}
.product-slider {
  background-color: #ef394e;
  padding: 30px 0;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.product-slider__background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.product-slider__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-slider .container {
  position: relative;
  z-index: 10;
}
.product-slider__right {
  padding: 15px 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.product-slider__right__img {
  text-align: center;
}
.product-slider__right__img img {
  max-height: 130px;
  max-width: 100%;
  margin-bottom: 4px;
}
.product-slider__right__img img:nth-child(2) {
  margin-bottom: 0;
}
.product-slider__right__pagi {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-slider__right a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  color: #fff;
  font-weight: 600;
  margin-top: auto;
  font-size: 14px;
}
.product-slider__right a i {
  font-size: 11px;
  margin-right: 15px;
}
.product-slider__right .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  height: 8px;
  margin: 10px 0;
}
.product-slider__right .swiper-pagination-bullet {
  margin: 0 3px;
  border-radius: 4px;
  background-color: #fff;
  opacity: 0.4;
  transition: 0.3s;
}
.product-slider__right .swiper-pagination-bullet-active {
  width: 25px;
  opacity: 1;
}
@media (max-width: 992px) {
  .product-slider__right {
    padding-left: 10px;
  }
}
@media (max-width: 768px) {
  .product-slider__right {
    display: flex;
    justify-content: center;
    padding-left: 0;
  }
}
@media (max-width: 576px) {
  .product-slider {
    padding: 15px 0 30px 0px;
    margin-bottom: 20px;
  }
  .product-slider__wrapper {
    position: relative;
  }
  .product-slider__right {
    flex-direction: column;
    padding: 0 0 10px;
  }
  .product-slider__right__img {
    margin-right: 0;
    display: flex;
    flex-direction: row;
  }
  .product-slider__right__img img {
    margin-bottom: 0;
    margin-left: 5px;
  }
  .product-slider__right__img img:nth-child(2) {
    margin-left: 0;
  }
  .product-slider__right a {
    margin-top: unset;
  }
  .product-slider__right a i {
    display: none;
  }
}
.discount {
  overflow: hidden;
  position: relative;
  margin-bottom: 65px;
  padding-top: 55px;
}
.discount__background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 130px;
  z-index: 100;
  overflow: hidden;
}
.discount__background:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.7;
  z-index: 5;
}
.discount__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.discount__wrapper {
  position: relative;
  z-index: 200;
}
.discount__content-swiper {
  padding: 20px;
  margin: -20px;
}
.discount__content {
  position: relative;
}
.discount__header {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.discount__header > i {
  font-size: 61px;
  color: #ef473a;
  margin-left: 28px;
}
.discount__header .discount__header-info {
  display: flex;
  flex-direction: column;
}
.discount__header .discount__header-info .discount__header-info-title {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 6px;
}
.discount__header .discount__header-info .discount__header-info-title-big {
  color: #ffffff;
  font-size: 29px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.discount__header .discount__header-info .discount__header-info-title-big .discount-percent {
  display: flex;
  align-items: center;
  background-color: #ef473a;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  border-radius: 60px 60px 0 60px;
  padding: 0 10px;
  margin-right: 8px;
}
.discount__header .discount__header-info .discount__header-info-title-big .discount-percent__numb {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  margin-right: 9px;
  display: flex;
  align-items: center;
}
.discount__header .discount__header-info .discount__header-info-title-big .discount-percent__numb i {
  font-size: 10px;
  color: #ffffff;
  margin-right: 3px;
}
.discount__header .discount__header-more {
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
.discount__header .discount__header-more i {
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 13px;
}
.discount__item {
  position: relative;
  max-width: 184px;
}
.discount__item .discount__item-discount {
  background-color: #ef473a;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.65px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 2px 0 14px;
  min-width: 50px;
  top: 0;
  right: 0;
  font-weight: 400;
}
.discount__item .discount__item-discount i {
  font-size: 10px;
  color: #ffffff;
  margin-right: 4px;
}
.discount__item .discount__item-discount--lable {
  background-color: #ef473a;
  color: #ffffff;
  font-size: 11px;
  width: 85px;
  height: 21px;
  font-weight: 400;
  letter-spacing: -0.65px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  min-width: 50px;
  bottom: -80px;
  left: 43px;
  line-height: 14.6px;
  margin: 5px;
}
.discount__item .discount__item-discount--lable i {
  font-size: 10px;
  color: #ffffff;
  margin-right: 4px;
}
.discount__item__image {
  position: relative;
  margin-bottom: -113px;
}
.discount__item__image__count {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 100%;
  max-width: 184px;
  height: 32.47px;
  border-radius: 7px;
  margin-bottom: 5px;
}
.discount__item__image__count span {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
}
.discount__item__image__count img {
  width: 22px;
  height: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 7px;
}
.discount__item__content {
  background-image: url("../img/back-offer.svg");
  background-position: top;
  background-repeat: no-repeat;
  box-shadow: 0 2px 15px rgba(0, 1, 1, 0.15);
  border-radius: 17px;
  padding: 0px;
  transition: 0.3s;
  padding: 128px 15px 43px 15px;
  max-width: 184px;
  max-height: 257px;
  min-height: 257px;
}
.discount__item .discount__item-img {
  max-width: 172.82px;
  margin: 0 auto;
}
.discount__item .discount__item-img img {
  width: 172.82px;
  height: 168.33px;
  border-radius: 20px;
  margin: 0 auto;
}
.discount__item .discount__item-info {
  color: #000000;
  font-weight: 600;
  text-align: center;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  min-height: 62px;
  max-height: 62px;
}
.discount__item .discount__item-info h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 24px;
}
.discount__item .discount__item-info h3 {
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discount__item .discount__item-footer .discount__item-footer-price {
  text-align: center;
}
.discount__item .discount__item-footer .discount__item-footer-price ins {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
  text-decoration: none;
}
.discount__item .discount__item-footer .discount__item-footer-price .unit {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
}
.discount__item .discount__item-footer .discount__item-footer-buy {
  position: absolute;
  width: 107px;
  height: 34px;
  top: 300px;
  left: 50%;
  transform: translateX(-50%);
  padding: 11px 47px 11px 47px;
  border-radius: 12px;
  background-color: #FFF212;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}
.discount__item .discount__item-footer .discount__item-footer-buy i {
  margin-left: 5px;
}
.discount__nav {
  position: absolute;
  top: 50%;
  cursor: pointer;
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}
.discount__nav i {
  font-size: 17px;
  color: #ffffff;
}
.discount__nav--next {
  left: -65px;
}
.discount__nav--prev {
  right: -65px;
}
.discount__nav.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
[data-theme=dark] .discount__item .discount__item-info h2 {
  color: #c7c5ee;
}
[data-theme=dark] .discount__item .discount__item-footer .discount__item-footer-price ins {
  color: #c7c5ee;
}
[data-theme=dark] .discount__item .discount__item-footer .discount__item-footer-price .unit {
  color: #c7c5ee;
}
[data-theme=dark] .discount__item__content {
  background-image: url("../img/back-offer-dark.png");
  background-size: contain;
}
[data-theme=dark] .discount__item__image__count {
  background-color: #3b426b;
}
[data-theme=dark] .discount__item__image__count span {
  color: #c7c5ee;
}
.have_time {
  overflow: hidden;
  position: relative;
  margin-bottom: 65px;
  min-height: 448px;
}
.have_time__content-swiper {
  overflow: hidden;
}
.have_time__background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 130px;
  z-index: 100;
  overflow: hidden;
  min-height: 448px;
}
.have_time__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.have_time__wrapper {
  position: relative;
  z-index: 200;
  padding: 50px 0;
}
.have_time__wrapper__item {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.have_time__header {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  flex: 0 0 30%;
}
.have_time__header .have_time__header-info {
  display: flex;
  flex-direction: column;
}
.have_time__header .have_time__header-info .have_time__header-info-title {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 6px;
}
.have_time__header .have_time__header-info .have_time__header-info-title-big {
  color: #ffffff;
  font-size: 29px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.have_time__header .have_time__header-info .have_time__header-info-title-big .have_time-percent {
  display: flex;
  align-items: center;
  background-color: #ef473a;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  border-radius: 60px 60px 0 60px;
  padding: 0 10px;
  margin-right: 8px;
}
.have_time__header .have_time__header-info .have_time__header-info-title-big .have_time-percent__numb {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  margin-right: 9px;
  display: flex;
  align-items: center;
}
.have_time__header .have_time__header-info .have_time__header-info-title-big .have_time-percent__numb i {
  font-size: 10px;
  color: #ffffff;
  margin-right: 3px;
}
.have_time__header .have_time__header-more {
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
.have_time__header .have_time__header-more i {
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 13px;
}
.have_time__item {
  display: flex;
  align-items: flex-start;
}
.have_time__item-info-title {
  color: #fff;
  font-size: 27px;
  line-height: 50px;
  margin: 40px 0px;
}
.have_time__item-info-time .timer {
  display: flex;
  margin-left: 2px;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
}
.have_time__item-info-time .timer .div-total {
  display: flex;
}
.have_time__item-info-time .timer .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.have_time__item-info-time .timer .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.have_time__item-info-time .timer .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.have_time__item-info-time .timer .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.have_time__item-info-time .timer-one {
  display: flex;
  margin-left: 2px;
}
.have_time__item-info-time .timer-one .div-total {
  display: flex;
}
.have_time__item-info-time .timer-one .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.have_time__item-info-time .timer-one .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.have_time__item-info-time .timer-one .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.have_time__item-info-time .timer-one .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.have_time__item-footer-buy {
  display: block;
  background-color: #fff112;
  border-radius: 0 0 14px 14px;
  line-height: 70px;
  text-decoration: none;
}
.have_time__item-footer-buy ins {
  font-size: 33.86px;
  font-weight: 700;
  text-decoration: none;
}
.have_time__item-footer-buy span {
  font-size: 21.64px;
}
.have_time__item-img {
  position: relative;
  max-width: 351px;
  max-height: 347px;
  margin-left: 15px;
}
.have_time__item-img img {
  width: 100%;
  height: auto;
}
.have_time__item_content {
  min-width: 351px;
  align-items: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1803921569);
  padding: 15px;
  border-radius: 14px;
  max-height: 347px;
}
.have_time__item-have_time {
  display: none;
}
.have_time__nav--next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  border-radius: 20px;
  background-color: #e99a9c;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 46px;
  cursor: pointer;
  z-index: 1;
}
.have_time__nav--next i {
  display: inline-block;
  font-size: 45px;
  font-weight: 700;
  line-height: 56px;
}
.have_time__nav--next i:before {
  color: #d73439;
}
.have_time__nav--prev {
  display: none;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
  border-radius: 20px;
  background-color: #e99a9c;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 46px;
  cursor: pointer;
}
.have_time__nav--prev svg {
  fill: #d73439;
}
[data-theme=dark] .have_time__item .have_time__item-info h2 {
  color: #c7c5ee;
}
[data-theme=dark] .have_time__item .have_time__item-footer .have_time__item-footer-price ins {
  color: #c7c5ee;
}
[data-theme=dark] .have_time__item .have_time__item-footer .have_time__item-footer-price .unit {
  color: #c7c5ee;
}
[data-theme=dark] .have_time__item__content {
  background-image: url("../img/back-offer-dark.png");
  background-size: contain;
}
[data-theme=dark] .have_time__item__image__count {
  background-color: #3b426b;
}
[data-theme=dark] .have_time__item__image__count span {
  color: #c7c5ee;
}
@media (max-width: 1200px) {
  .have_time__item-img {
    flex: 0 0 251px;
    max-width: 251px;
  }
  .have_time__item-img img {
    min-width: unset;
    min-height: unset;
    max-width: 251px;
    max-height: 249px;
  }
  .have_time__item_content {
    flex: 0 0 251px;
    max-width: 251px;
    max-height: 249px;
    padding: 10px;
    min-width: 251px;
  }
  .have_time__item-info-title {
    font-size: 19px;
    line-height: 32px;
    margin: 15px 0;
  }
  .have_time__item-footer-buy {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
  }
  .have_time__item-footer-buy span {
    font-size: 15.52px;
  }
  .have_time__header {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    flex: 0 0 30%;
  }
  .have_time__header .have_time__header-info {
    display: flex;
    flex-direction: column;
  }
  .have_time__header .have_time__header-info .have_time__header-info-title-big img {
    max-width: 353px;
  }
}
@media (max-width: 991px) {
  .have_time__wrapper__item {
    display: block;
  }
  .have_time__item {
    justify-content: center;
  }
  .have_time__item-img {
    flex: 0 0 251px;
    max-width: 251px;
    max-height: 251px;
    min-height: 251px;
  }
  .have_time__item-img img {
    min-width: unset;
    min-height: unset;
    max-width: 251px;
    max-height: 249px;
  }
  .have_time__item_content {
    flex: 0 0 251px;
    max-width: 251px;
    max-height: 251px;
    min-height: 251px;
    padding: 10px;
    min-width: 251px;
  }
  .have_time__item-info-title {
    font-size: 19px;
    line-height: 32px;
    margin: 15px 0;
  }
  .have_time__item-footer-buy {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
  }
  .have_time__item-footer-buy span {
    font-size: 15.52px;
  }
  .have_time__nav--next {
    top: 40px;
    left: 5px;
  }
  .have_time__nav--prev {
    display: flex;
    top: 40px;
    right: 5px;
    opacity: 1;
  }
  .have_time__header {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    flex: 0 0 30%;
  }
  .have_time__header .have_time__header-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .have_time__header .have_time__header-info .have_time__header-info-title-big img {
    max-width: 353px;
  }
}
@media (max-width: 540px) {
  .have_time {
    min-height: 293px;
    margin-bottom: 20px;
  }
  .have_time__background {
    min-height: 293px;
  }
  .have_time__wrapper {
    padding: 20px 0;
  }
  .have_time__wrapper__item {
    display: block;
  }
  .have_time__item-img {
    flex: 0 0 48%;
    max-width: 48%;
    margin: 0;
    max-height: 172.8px;
    min-height: 172.8px;
  }
  .have_time__item-img img {
    min-width: unset;
    min-height: unset;
    max-width: 251px;
    max-height: 249px;
  }
  .have_time__item_content {
    flex: 0 0 48%;
    max-width: 48%;
    padding: 10px;
    min-width: unset;
    max-height: 172.8px;
    min-height: 172.8px;
  }
  .have_time__item-info-title {
    font-size: 13px;
    line-height: 20px;
    margin: 15px 0;
  }
  .have_time__item-info-time .timer {
    display: flex;
    margin-left: 2px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
  }
  .have_time__item-info-time .timer .div-total > span {
    color: #fff;
    display: flex;
    font-size: 42px;
    margin: -20px 2px 0 2px;
  }
  .have_time__item-info-time .timer .div-total .div > span {
    display: flex;
    height: 24px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 2px 11px 0px 11px;
    margin-bottom: 10px;
  }
  .have_time__item-info-time .timer .div-total .div > span:last-child {
    background: none;
    font-size: 8px;
    font-weight: 500;
    margin-bottom: 7px;
  }
  .have_time__item-footer-buy {
    height: 35.94px;
    line-height: 35.94px;
    font-size: 24px;
  }
  .have_time__item-footer-buy span {
    font-size: 10.52px;
  }
  .have_time__item-footer-buy ins {
    font-size: 16.86px;
    font-weight: 700;
    text-decoration: none;
  }
  .have_time__nav--next {
    top: 25px;
    left: 15px;
  }
  .have_time__nav--prev {
    display: flex;
    top: 25px;
    right: 15px;
  }
  .have_time__header {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    flex: 0 0 30%;
  }
  .have_time__header .have_time__header-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .have_time__header .have_time__header-info .have_time__header-info-title-big img {
    max-width: 200px;
  }
}
.newonvan {
  overflow: hidden;
  position: relative;
  margin-bottom: 65px;
}
.newonvan__content {
  background-color: #3660ac;
  align-items: center;
  display: flex;
  padding: 89px 0;
}
.newonvan__content-swiper {
  margin-right: -57px;
  overflow: hidden;
  padding: 5px 0;
}
.newonvan__wrapper {
  position: relative;
  z-index: 200;
}
.newonvan__wrapper__item {
  display: grid;
  grid-template-columns: 478px auto;
  position: relative;
  overflow: hidden;
}
.newonvan__header {
  display: flex;
  align-items: center;
  flex: 0 0 478px;
  height: 100%;
  background-color: #ffd922;
  justify-content: flex-end;
}
.newonvan__header .newonvan__header-info {
  display: flex;
  flex-direction: column;
}
.newonvan__header .newonvan__header-info .newonvan__header-info-title {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 6px;
}
.newonvan__header .newonvan__header-info .newonvan__header-info-title-big {
  color: #ffffff;
  font-size: 29px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-left: 90px;
}
.newonvan__header .newonvan__header-info .newonvan__header-info-title-big .newonvan-percent {
  display: flex;
  align-items: center;
  background-color: #ef473a;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  border-radius: 60px 60px 0 60px;
  padding: 0 10px;
  margin-right: 8px;
}
.newonvan__header .newonvan__header-info .newonvan__header-info-title-big .newonvan-percent__numb {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  margin-right: 9px;
  display: flex;
  align-items: center;
}
.newonvan__header .newonvan__header-info .newonvan__header-info-title-big .newonvan-percent__numb i {
  font-size: 10px;
  color: #ffffff;
  margin-right: 3px;
}
.newonvan__header .newonvan__header-more {
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
.newonvan__header .newonvan__header-more i {
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 13px;
}
.newonvan__item {
  display: flex;
  align-items: flex-start;
}
.newonvan__item-info-title {
  color: #fff;
  font-size: 27px;
  line-height: 50px;
  margin: 40px 0px;
}
.newonvan__item-info-time .timer {
  display: flex;
  margin-left: 2px;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
}
.newonvan__item-info-time .timer .div-total {
  display: flex;
}
.newonvan__item-info-time .timer .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.newonvan__item-info-time .timer .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.newonvan__item-info-time .timer .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.newonvan__item-info-time .timer .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.newonvan__item-info-time .timer-one {
  display: flex;
  margin-left: 2px;
}
.newonvan__item-info-time .timer-one .div-total {
  display: flex;
}
.newonvan__item-info-time .timer-one .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.newonvan__item-info-time .timer-one .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.newonvan__item-info-time .timer-one .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.newonvan__item-info-time .timer-one .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.newonvan__item-footer-buy {
  display: block;
  background-color: #fff112;
  border-radius: 0 0 14px 14px;
  line-height: 70px;
  text-decoration: none;
}
.newonvan__item-footer-buy ins {
  font-size: 33.86px;
  font-weight: 700;
  text-decoration: none;
}
.newonvan__item-footer-buy span {
  font-size: 21.64px;
}
.newonvan__item-img {
  position: relative;
  max-width: 488px;
  max-height: 385px;
  margin-left: 15px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.39);
  border-radius: 15px;
}
.newonvan__item-img img {
  width: 100%;
  height: auto;
}
.newonvan__item_content {
  align-items: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1803921569);
  padding: 15px;
  border-radius: 14px;
  max-height: 347px;
}
.newonvan__item-newonvan {
  display: none;
}
.newonvan__nav--next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  z-index: 1;
}
.newonvan__nav--next svg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 56px;
  cursor: pointer;
  border-radius: 20px;
  background-color: #a9a6a4;
}
.newonvan__nav--next svg path {
  fill: #39363a;
}
.newonvan__nav--prev {
  display: none;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
  border-radius: 20px;
  background-color: #e99a9c;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 46px;
  cursor: pointer;
}
.newonvan__nav--prev svg {
  fill: #d73439;
}
[data-theme=dark] .newonvan__item .newonvan__item-info h2 {
  color: #c7c5ee;
}
[data-theme=dark] .newonvan__item .newonvan__item-footer .newonvan__item-footer-price ins {
  color: #c7c5ee;
}
[data-theme=dark] .newonvan__item .newonvan__item-footer .newonvan__item-footer-price .unit {
  color: #c7c5ee;
}
[data-theme=dark] .newonvan__item__content {
  background-image: url("../img/back-offer-dark.png");
  background-size: contain;
}
[data-theme=dark] .newonvan__item__image__count {
  background-color: #3b426b;
}
[data-theme=dark] .newonvan__item__image__count span {
  color: #c7c5ee;
}
@media (max-width: 1200px) {
  .newonvan__wrapper__item {
    grid-template-columns: 30% auto;
  }
}
@media (max-width: 768px) {
  .newonvan__content-swiper {
    margin-right: -30px;
  }
  .newonvan__header .newonvan__header-info .newonvan__header-info-title-big {
    margin-left: 65px;
  }
  .newonvan__wrapper__item {
    grid-template-columns: 200px auto;
  }
  .newonvan__item-img {
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .newonvan__content {
    padding: 50px 0;
  }
  .newonvan__content-swiper {
    margin-right: -15px;
  }
  .newonvan__content-swiper .swiper-slide-next {
    padding: 33px;
    margin-right: -100px;
    z-index: -1;
    margin-top: auto;
    margin-bottom: auto;
  }
  .newonvan__content-swiper .swiper-slide-next .newonvan__item-img {
    max-height: 189px !important;
  }
  .newonvan__content-swiper .swiper-slide-next .newonvan__item-img img {
    max-height: 189px !important;
  }
  .newonvan__header .newonvan__header-info .newonvan__header-info-title-big {
    margin-left: 20px;
  }
  .newonvan__wrapper__item {
    grid-template-columns: 163px auto;
  }
  .newonvan__item-img {
    max-width: 318px;
    max-height: 250px;
    margin-left: 0;
  }
  .newonvan__nav--next {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 7%;
    z-index: 1;
  }
  .newonvan__nav--next svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 31px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #a9a6a4;
  }
  .newonvan__nav--next svg path {
    fill: #39363a;
  }
}
.pre-order {
  margin-bottom: 51px;
}
.pre-order__wrapper {
  position: relative;
  transform-style: preserve-3d;
}
.pre-order__wrapper:before {
  content: "";
  border-radius: 0 0 60px 86px;
  height: 22px;
  background-color: #9a9a9a;
  transform: translateZ(-5px);
  opacity: 0.2;
  position: absolute;
  bottom: -8px;
  right: 10px;
  left: 10px;
  z-index: 90;
}
.pre-order__main-img {
  position: relative;
  z-index: 100;
}
.pre-order__main-img img {
  width: 100%;
}
.pre-order__icons {
  position: absolute;
  top: 4px;
  right: 0;
  display: flex;
  align-items: center;
  z-index: 110;
  display: none;
}
.pre-order__icons .icon {
  font-size: 20px;
  color: #000000;
  position: relative;
  margin-left: 21px;
}
.pre-order__icons .icon i {
  font-size: 6px;
  color: #ffffff;
  position: absolute;
  background-color: #ff0000;
  border-radius: 60px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -4px;
  left: -3px;
}
.pre-order__icons .text {
  font-size: 17px;
  color: #000000;
}
.pre-order__sticky {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0) translateZ(20px);
  z-index: 110;
  pointer-events: none;
}
.pre-order__btn {
  position: absolute;
  bottom: 51px;
  left: 52px;
  width: 255px;
  height: 52px;
  border: 2px solid #ffffff;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  font-size: 20px;
  padding: 0 28px 0 27px;
  transform: translateZ(30px);
  z-index: 110;
}
.pre-order__btn i {
  font-size: 20px;
  color: #ffffff;
}
.pre-order__info {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  transform: translateZ(30px);
  bottom: 42px;
  right: 45px;
  z-index: 110;
  pointer-events: none;
}
.pre-order__info .pre-order__info-title {
  color: #ffffff;
  font-size: 53px;
  font-weight: 600;
  margin-top: 2px;
}
.pre-order__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 130;
}
.journal {
  overflow: hidden;
  margin-bottom: 107px;
  position: relative;
}
.journal__content:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 330px;
  background-image: linear-gradient(to right, #fff 5%, transparent);
  z-index: 100;
  pointer-events: none;
}
.journal__header {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 45px;
}
.journal__header .journal__header-logo {
  background-color: #fff;
  position: relative;
  z-index: 100;
  padding-left: 18px;
}
.journal__header .journal__header-title {
  color: #000000;
  font-size: 27px;
  font-weight: 600;
  background-color: #fff;
  position: relative;
  z-index: 100;
  padding-left: 35px;
}
.journal__header .journal__header-more {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
  background-color: #fff;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  margin-right: auto;
  padding-right: 23px;
}
.journal__header .journal__header-more i {
  font-size: 12px;
  color: #000000;
  margin-right: 34px;
}
.journal__header:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #d9d9d9;
  right: 0;
  left: 0;
  top: 17px;
  z-index: 90;
}
.journal__content-swiper {
  padding-left: 50px;
  margin-left: -50px;
  margin-right: -35px;
}
.journal__content-swiper:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 330px;
  background-image: linear-gradient(to right, #fff 5%, transparent);
  z-index: 100;
  pointer-events: none;
}
.journal__item {
  border-radius: 20px;
  padding: 10px;
  background-color: #eeeeee;
  z-index: 0;
}
.journal__item:before {
  display: none;
}
.journal__item-img {
  display: block;
  margin-bottom: 0;
}
.journal__item-img a img {
  width: 100%;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  border-radius: 20px 20px 0 0;
}
.journal__item-info {
  display: block;
  padding: 0 5px;
}
.journal__item-info-title {
  display: block;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.journal__item-info-title h2, .journal__item-info-title h3, .journal__item-info-title h4, .journal__item-info-title h5, .journal__item-info-title h6, .journal__item-info-title span {
  font-size: 20.13px;
  font-weight: 600;
  height: 50px;
  max-height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 10px 0;
}
.journal__item-desc {
  padding: 15px 0;
}
.journal__item-desc p {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding: 0 15px;
  max-height: 122px;
  min-height: 122px;
  overflow: hidden;
  margin: 0;
  text-align: justify;
}
.journal__item-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 0;
}
.journal__item-footer span {
  background-color: #eeeeee;
  padding: 0 5px;
}
.journal__item-footer a {
  background-color: #c4f424;
  border-radius: 15px;
  padding: 0 10px;
  line-height: 25px;
}
.journal__item-footer:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 1px;
  width: 100%;
  background-color: #d9d9d9;
  z-index: -1;
  content: "";
}
.journal--single-blog {
  position: relative;
}
.journal--single-blog .journal__content-swiper--blog-single:before {
  display: none;
}
.journal--single-blog .journal__item {
  border-radius: 20px;
  padding: 10px;
  background-color: #eeeeee;
  z-index: 0;
}
.journal--single-blog .journal__item:before {
  display: none;
}
.journal--single-blog .journal__item-img {
  display: block;
  margin-bottom: 0;
}
.journal--single-blog .journal__item-img a img {
  width: 100%;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  border-radius: 20px 20px 0 0;
}
.journal--single-blog .journal__item-info {
  display: block;
  padding: 0 5px;
}
.journal--single-blog .journal__item-info-title {
  display: block;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.journal--single-blog .journal__item-info-title h2 {
  font-size: 20.13px;
  font-weight: 600;
  line-height: 50px;
}
.journal--single-blog .journal__item-desc {
  padding: 15px 0;
}
.journal--single-blog .journal__item-desc p {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding: 0 15px;
  max-height: 122px;
  min-height: 122px;
  overflow: hidden;
  margin: 0;
  text-align: justify;
}
.journal--single-blog .journal__item-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 0;
}
.journal--single-blog .journal__item-footer span {
  background-color: #eeeeee;
  padding: 0 5px;
}
.journal--single-blog .journal__item-footer a {
  background-color: #c4f424;
  border-radius: 15px;
  padding: 0 10px;
  line-height: 25px;
}
.journal--single-blog .journal__item-footer:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 1px;
  width: 100%;
  background-color: #d9d9d9;
  z-index: -1;
  content: "";
}
.journal--blog {
  margin-bottom: 46px;
}
.journal--blog .row [class^=col-] {
  padding-left: 7px;
  padding-right: 7px;
}
.journal--blog .journal__item {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 14px;
  max-width: 377px;
}
.journal--blog .journal__item:before {
  content: "";
  box-shadow: none;
  border-left: 1px solid #e1e1e1;
  width: auto;
  width: initial;
  left: 0;
  bottom: 30px;
}
.journal--blog .row > [class*=col-]:nth-of-type(4n) .journal__item:before {
  display: none;
}
[data-theme=dark] .journal__content:before {
  background-image: linear-gradient(to right, #070525 5%, transparent);
}
[data-theme=dark] .journal__item {
  background-color: #0f0b3b;
}
[data-theme=dark] .journal__item-info .journal__item-info-date .day {
  color: #c7c5ee;
}
[data-theme=dark] .journal__item-info .journal__item-info-date .month {
  color: #c7c5ee;
}
[data-theme=dark] .journal__item-info .journal__item-info-date .year {
  color: #c7c5ee;
}
[data-theme=dark] .journal__item-info-title {
  color: #fff;
  border-color: #c4f424;
}
[data-theme=dark] .journal__item-desc p {
  color: #fff;
}
[data-theme=dark] .journal__item-footer .name {
  color: #c7c5ee;
}
[data-theme=dark] .journal__item-footer span {
  color: #fff;
  background-color: #0f0b3b;
}
[data-theme=dark] .journal__item-footer .link {
  color: #0f0b3b;
}
[data-theme=dark] .journal__item-footer .link i {
  color: #c7c5ee;
}
[data-theme=dark] .journal__item-footer:before {
  background-color: #c4f424;
}
[data-theme=dark] .journal--blog .journal__item {
  border-color: #1b1939;
}
[data-theme=dark] .journal--blog .journal__item:before {
  border-color: #1b1939;
}
[data-theme=dark] .journal__header:before {
  border-color: #110f3f;
}
[data-theme=dark] .journal__header .journal__header-logo {
  background-color: #070525;
}
[data-theme=dark] .journal__header .journal__header-title {
  color: #c7c5ee;
  background-color: #070525;
}
[data-theme=dark] .journal__header .journal__header-more {
  background-color: #070525;
  color: #c7c5ee;
}
[data-theme=dark] .journal__header .journal__header-more i {
  color: #c7c5ee;
}
[data-theme=dark] .journal__content-swiper:before {
  background-image: linear-gradient(to right, #070525 5%, transparent);
}
[data-theme=dark] .journal--single-blog [data-theme=dark] .journal__item {
  background-color: #0f0b3b;
}
[data-theme=dark] .journal--single-blog [data-theme=dark] .journal__item-info {
  display: block;
}
[data-theme=dark] .journal--single-blog [data-theme=dark] .journal__item-info-title {
  display: block;
  text-align: center;
  border-color: #c4f424;
}
[data-theme=dark] .journal--single-blog [data-theme=dark] .journal__item-info-title h2 {
  color: #fff;
}
[data-theme=dark] .journal--single-blog [data-theme=dark] .journal__item-desc p {
  color: #fff;
}
[data-theme=dark] .journal--single-blog [data-theme=dark] .journal__item-footer {
  position: relative;
}
[data-theme=dark] .journal--single-blog [data-theme=dark] .journal__item-footer span {
  background-color: #0f0b3b;
  color: #fff;
}
[data-theme=dark] .journal--single-blog [data-theme=dark] .journal__item-footer a {
  background-color: #c4f424;
}
[data-theme=dark] .journal--single-blog [data-theme=dark] .journal__item-footer:before {
  background-color: #c4f424;
}
.category {
  margin-bottom: 66px;
  padding: 0px 0 12px 0;
}
.category__row {
  display: flex;
  align-items: center;
}
.category__row__larg {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc((100% - 340px) / 2);
  max-width: calc((100% - 340px) / 2);
}
.category__row__larg__item {
  border-radius: 25px;
  position: relative;
  display: flex;
  align-items: center;
  transform-style: preserve-3d;
  margin-bottom: 20px;
}
.category__row__larg__item:last-child {
  margin-bottom: 0;
}
.category__row__larg__item img {
  width: 100%;
  height: 100%;
  border-radius: 14px;
}
.category__row__larg__item > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
}
.category__row__larg__item:after {
  content: "";
  border-radius: 0 0 60px 86px;
  height: 22px;
  transform: translateZ(-5px);
  opacity: 0.2;
  position: absolute;
  bottom: -8px;
  right: 10px;
  left: 10px;
  z-index: 90;
}
.category__row__small {
  flex: 0 0 340px;
  max-width: 340px;
  padding: 0 15px;
  margin-bottom: 18px;
}
.category__row__small__item {
  border-radius: 15px;
  position: relative;
  display: flex;
  align-items: center;
  transform-style: preserve-3d;
  text-align: center;
  justify-content: center;
  display: flex;
  margin-bottom: 14px;
  border-radius: 0;
  height: unset;
}
.category__row__small__item img {
  width: 100%;
  height: 100%;
  border-radius: 14px;
}
.category__row__small__item > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
}
.category__row__small__item > span {
  position: absolute;
  bottom: -10px;
}
.category__row__small__item--list-tournament {
  margin-bottom: 4px;
}
.category__row__small__item--list-tournament .timer .div-total .div > span {
  background-color: #110e47;
  background: #110e47;
}
.category__row__small__item .timer {
  display: flex;
  margin-left: 2px;
}
.category__row__small__item .timer .div-total {
  display: flex;
}
.category__row__small__item .timer .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.category__row__small__item .timer .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.category__row__small__item .timer .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.category__row__small__item .timer .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.category__row__small__item .timer-one {
  display: flex;
  margin-left: 2px;
}
.category__row__small__item .timer-one .div-total {
  display: flex;
}
.category__row__small__item .timer-one .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.category__row__small__item .timer-one .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.category__row__small__item .timer-one .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.category__row__small__item .timer-one .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.category__row__small__item .text {
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  background-color: #f01919;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  position: relative;
  overflow: hidden;
}
.category__row__small__item .text:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #fff;
  transition: 0.3s;
  z-index: 90;
}
.category__row__small__item .text span {
  position: relative;
  z-index: 90;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.category__row__small__item .icon {
  font-size: 25px;
  color: #f01919;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  box-shadow: 0 7px 12px -3px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  position: relative;
  z-index: 100;
}
.category__row__small__item .icon:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #f01919;
  transition: 0.3s;
  z-index: 90;
}
.category__row__small__item .icon i {
  position: relative;
  left: 0;
  z-index: 1000;
  transition: 0.3s;
}
.category__row__small__item .icon span {
  position: absolute;
  opacity: 0;
  font-size: 19px;
  font-weight: 400;
  color: #f01919;
  transition: 0.3s;
  left: -40px;
  z-index: 10000;
}
.category__row__small__item:after {
  content: "";
  border-radius: 0 0 60px 86px;
  height: 22px;
  transform: translateZ(-5px);
  opacity: 0.2;
  position: absolute;
  bottom: -8px;
  right: 10px;
  left: 10px;
  z-index: 90;
}
.category__swiper {
  padding-top: 70px;
  margin-top: -70px;
}
.quick-services {
  background-color: #68509e;
  padding: 45px 0;
  margin-bottom: 60px;
}
.quick-services__title {
  position: relative;
  margin-bottom: 48px;
}
.quick-services__title h2 {
  font-size: 26.4px;
  color: #fff;
  margin: 0;
  padding-right: 34px;
}
.quick-services__title:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 16.3px;
  height: 16.3px;
  background-color: #fff;
  border-radius: 50px;
  content: "";
}
.quick-services__item {
  display: flex;
}
.quick-services__item__list {
  margin-left: 24px;
  max-width: 277px;
  max-height: 305px;
}
.quick-services__item__list:last-child {
  margin-left: 0;
}
.quick-services__item__list__title {
  text-align: center;
  background-color: #ddd4f3;
  display: flex;
  align-items: center;
  padding: 16px 26px 16px 21px;
  border-radius: 15px 15px 0 0;
}
.quick-services__item__list__title img {
  margin-left: 10px;
  width: 33px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.quick-services__item__list__title h3 {
  font-size: 17.4px;
}
.quick-services__item__list__item {
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  max-height: 230px;
  overflow: auto;
  height: 100%;
}
.quick-services__item__list__item ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 19px;
}
.quick-services__item__list__item ul li {
  margin-left: 7px;
  margin-bottom: 14px;
  background-color: #e9e9e9;
  border-radius: 5px;
  padding: 5px 5px 5px 13px;
}
.quick-services__item__list__item ul li a {
  font-size: 12.02px;
  color: #000;
  padding-left: 13px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .quick-services {
    background-color: #68509e;
    padding: 45px 0;
    margin-bottom: 60px;
  }
  .quick-services__title {
    position: relative;
    margin-bottom: 48px;
  }
  .quick-services__title h2 {
    font-size: 26, 4px;
    color: #fff;
    margin: 0;
    padding-right: 34px;
  }
  .quick-services__title:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16.3px;
    height: 16.3px;
    background-color: #fff;
    border-radius: 50px;
    content: "";
  }
  .quick-services__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .quick-services__item__list {
    margin-left: 0;
    max-width: 468px;
    max-height: 305px;
    margin-bottom: 24px;
  }
  .quick-services__item__list:last-child {
    margin-left: 0;
  }
  .quick-services__item__list__title {
    text-align: center;
    background-color: #ddd4f3;
    display: flex;
    align-items: center;
    padding: 16px 26px 16px 21px;
    border-radius: 15px 15px 0 0;
  }
  .quick-services__item__list__title img {
    margin-left: 10px;
    width: 33px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .quick-services__item__list__title h3 {
    font-size: 17.4px;
  }
  .quick-services__item__list__item {
    background-color: #fff;
    border-radius: 0px 0px 15px 15px;
  }
  .quick-services__item__list__item ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 19px;
  }
  .quick-services__item__list__item ul li {
    margin-left: 7px;
    margin-bottom: 14px;
    background-color: #e9e9e9;
    border-radius: 5px;
    padding: 5px 5px 5px 13px;
  }
  .quick-services__item__list__item ul li a {
    font-size: 12.02px;
    color: #000;
    padding-left: 13px;
    font-weight: 700;
  }
}
@media (max-width: 991px) {
  .quick-services {
    background-color: #68509e;
    padding: 45px 0;
    margin-bottom: 60px;
  }
  .quick-services__title {
    position: relative;
    margin-bottom: 48px;
  }
  .quick-services__title h2 {
    font-size: 26, 4px;
    color: #fff;
    margin: 0;
    padding-right: 34px;
  }
  .quick-services__title:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16.3px;
    height: 16.3px;
    background-color: #fff;
    border-radius: 50px;
    content: "";
  }
  .quick-services__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .quick-services__item__list {
    margin-left: 0;
    max-width: 348px;
    max-height: 305px;
    margin-bottom: 24px;
  }
  .quick-services__item__list:last-child {
    margin-left: 0;
  }
  .quick-services__item__list__title {
    text-align: center;
    background-color: #ddd4f3;
    display: flex;
    align-items: center;
    padding: 16px 26px 16px 21px;
    border-radius: 15px 15px 0 0;
  }
  .quick-services__item__list__title img {
    margin-left: 10px;
    width: 33px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .quick-services__item__list__title h3 {
    font-size: 17.4px;
  }
  .quick-services__item__list__item {
    background-color: #fff;
    border-radius: 0px 0px 15px 15px;
  }
  .quick-services__item__list__item ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 19px;
  }
  .quick-services__item__list__item ul li {
    margin-left: 7px;
    margin-bottom: 14px;
    background-color: #e9e9e9;
    border-radius: 5px;
    padding: 5px 5px 5px 13px;
  }
  .quick-services__item__list__item ul li a {
    font-size: 12.02px;
    color: #000;
    padding-left: 13px;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .quick-services {
    background-color: #68509e;
    padding: 45px 0;
    margin-bottom: 60px;
  }
  .quick-services__title {
    position: relative;
    margin-bottom: 48px;
  }
  .quick-services__title h2 {
    font-size: 26, 4px;
    color: #fff;
    margin: 0;
    padding-right: 34px;
  }
  .quick-services__title:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16.3px;
    height: 16.3px;
    background-color: #fff;
    border-radius: 50px;
    content: "";
  }
  .quick-services__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .quick-services__item__list {
    margin-left: 0;
    max-width: 258px;
    max-height: 305px;
    margin-bottom: 24px;
  }
  .quick-services__item__list:last-child {
    margin-left: 0;
  }
  .quick-services__item__list__title {
    text-align: center;
    background-color: #ddd4f3;
    display: flex;
    align-items: center;
    padding: 16px 26px 16px 21px;
    border-radius: 15px 15px 0 0;
  }
  .quick-services__item__list__title img {
    margin-left: 10px;
    width: 33px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .quick-services__item__list__title h3 {
    font-size: 15.4px;
  }
  .quick-services__item__list__item {
    background-color: #fff;
    border-radius: 0px 0px 15px 15px;
  }
  .quick-services__item__list__item ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 19px;
  }
  .quick-services__item__list__item ul li {
    margin-left: 7px;
    margin-bottom: 14px;
    background-color: #e9e9e9;
    border-radius: 5px;
    padding: 5px 5px 5px 13px;
  }
  .quick-services__item__list__item ul li a {
    font-size: 12.02px;
    color: #000;
    padding-left: 13px;
    font-weight: 700;
  }
}
@media (max-width: 576px) {
  .quick-services {
    background-color: #68509e;
    padding: 45px 0;
    margin-bottom: 60px;
  }
  .quick-services__title {
    position: relative;
    margin-bottom: 48px;
  }
  .quick-services__title h2 {
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding-right: 34px;
  }
  .quick-services__title:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16.3px;
    height: 16.3px;
    background-color: #fff;
    border-radius: 50px;
    content: "";
  }
  .quick-services__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .quick-services__item__list {
    margin-left: 0;
    max-width: 100%;
    max-height: 404px;
    margin-bottom: 24px;
  }
  .quick-services__item__list:last-child {
    margin-left: 0;
  }
  .quick-services__item__list__title {
    text-align: center;
    background-color: #ddd4f3;
    display: flex;
    align-items: center;
    padding: 16px 26px 16px 21px;
    border-radius: 15px 15px 0 0;
  }
  .quick-services__item__list__title img {
    margin-left: 10px;
    width: 33px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .quick-services__item__list__title h3 {
    font-size: 17.4px;
  }
  .quick-services__item__list__item {
    background-color: #fff;
    border-radius: 0px 0px 15px 15px;
  }
  .quick-services__item__list__item ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 19px;
  }
  .quick-services__item__list__item ul li {
    margin-left: 7px;
    margin-bottom: 14px;
    background-color: #e9e9e9;
    border-radius: 5px;
    padding: 5px 5px 5px 13px;
  }
  .quick-services__item__list__item ul li a {
    font-size: 12.02px;
    color: #000;
    padding-left: 13px;
    font-weight: 700;
  }
}
.all-services {
  background-color: #68509e;
  padding: 45px 0;
  margin-bottom: 60px;
}
.all-services__title {
  position: relative;
  margin-bottom: 48px;
}
.all-services__title h2 {
  font-size: 26px;
  color: #fff;
  margin: 0;
  padding-right: 34px;
}
.all-services__title:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 16.3px;
  height: 16.3px;
  background-color: #fff;
  border-radius: 50px;
  content: "";
}
.all-services__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.all-services__item__list {
  margin-left: 27px;
  margin-bottom: 27px;
  min-width: 365px;
  max-width: 365px;
  max-height: 98px;
  min-height: 98px;
}
.all-services__item__list:nth-child(3n) {
  margin-left: 0;
}
.all-services__item__list__title {
  text-align: center;
  background-color: #fff;
  transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  height: 98px;
  max-height: 98px;
  cursor: pointer;
}
.all-services__item__list__title:hover {
  background-color: #ddd4f3;
}
.all-services__item__list__title img {
  margin-left: 10px;
  width: 33px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.all-services__item__list__title h3 {
  font-size: 17.4px;
  flex: 187px;
  max-width: 187px;
  line-height: 30px;
}
@media (max-width: 1200px) {
  .all-services {
    background-color: #68509e;
    padding: 45px 0;
    margin-bottom: 60px;
  }
  .all-services__title {
    position: relative;
    margin-bottom: 48px;
  }
  .all-services__title h2 {
    font-size: 26px;
    color: #fff;
    margin: 0;
    padding-right: 34px;
  }
  .all-services__title:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16.3px;
    height: 16.3px;
    background-color: #fff;
    border-radius: 50px;
    content: "";
  }
  .all-services__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .all-services__item__list {
    margin-left: 27px;
    margin-bottom: 27px;
    min-width: 302px;
    max-width: 302px;
    max-height: 98px;
    min-height: 98px;
  }
  .all-services__item__list:nth-child(3n) {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .all-services {
    background-color: #68509e;
    padding: 45px 0;
    margin-bottom: 60px;
  }
  .all-services__title {
    position: relative;
    margin-bottom: 48px;
  }
  .all-services__title h2 {
    font-size: 26, 4px;
    color: #fff;
    margin: 0;
    padding-right: 34px;
  }
  .all-services__title:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16.3px;
    height: 16.3px;
    background-color: #fff;
    border-radius: 50px;
    content: "";
  }
  .all-services__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all-services__item__list {
    margin-left: 0px;
    margin-bottom: 27px;
    min-width: 348px;
    max-width: 348px;
    max-height: 98px;
    min-height: 98px;
  }
  .all-services__item__list:nth-child(3n) {
    margin-left: 0px;
  }
  .all-services__item__list__title {
    text-align: center;
    background-color: #fff;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    height: 98px;
    max-height: 98px;
    cursor: pointer;
  }
  .all-services__item__list__title:hover {
    background-color: #ddd4f3;
  }
  .all-services__item__list__title img {
    margin-left: 10px;
    width: 33px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .all-services__item__list__title h3 {
    font-size: 17.4px;
    flex: 187px;
    max-width: 187px;
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .all-services {
    background-color: #68509e;
    padding: 45px 0;
    margin-bottom: 60px;
  }
  .all-services__title {
    position: relative;
    margin-bottom: 48px;
  }
  .all-services__title h2 {
    font-size: 26, 4px;
    color: #fff;
    margin: 0;
    padding-right: 34px;
  }
  .all-services__title:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16.3px;
    height: 16.3px;
    background-color: #fff;
    border-radius: 50px;
    content: "";
  }
  .all-services__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all-services__item__list {
    margin-left: 0px;
    margin-bottom: 27px;
    min-width: 258px;
    max-width: 258px;
    max-height: 92px;
    min-height: 92px;
  }
  .all-services__item__list:nth-child(3n) {
    margin-left: 0px;
  }
  .all-services__item__list__title {
    text-align: center;
    background-color: #fff;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    height: 92px;
    max-height: 92px;
    cursor: pointer;
  }
  .all-services__item__list__title:hover {
    background-color: #ddd4f3;
  }
  .all-services__item__list__title img {
    margin-left: 10px;
    width: 33px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .all-services__item__list__title h3 {
    font-size: 17.4px;
    flex: 187px;
    max-width: 187px;
    line-height: 30px;
  }
}
@media (max-width: 576px) {
  .all-services {
    background-color: #68509e;
    padding: 45px 0;
    margin-bottom: 60px;
  }
  .all-services__title {
    position: relative;
    margin-bottom: 48px;
  }
  .all-services__title h2 {
    font-size: 26px;
    color: #fff;
    margin: 0;
    padding-right: 34px;
  }
  .all-services__title:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16.3px;
    height: 16.3px;
    background-color: #fff;
    border-radius: 50px;
    content: "";
  }
  .all-services__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all-services__item__list {
    margin-left: 0px;
    margin-bottom: 27px;
    min-width: 100%;
    max-width: 100%;
    max-height: 92px;
    min-height: 92px;
  }
  .all-services__item__list:nth-child(3n) {
    margin-left: 0px;
  }
  .all-services__item__list__title {
    text-align: center;
    background-color: #fff;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    height: 92px;
    max-height: 92px;
    cursor: pointer;
  }
  .all-services__item__list__title:hover {
    background-color: #ddd4f3;
  }
  .all-services__item__list__title img {
    margin-left: 10px;
    width: 33px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .all-services__item__list__title h3 {
    font-size: 17.4px;
    flex: 187px;
    max-width: 187px;
    line-height: 30px;
  }
}
@media (max-width: 576px) {
  .all-services {
    background-color: #68509e;
    padding: 45px 0;
    margin-bottom: 60px;
  }
  .all-services__title {
    position: relative;
    margin-bottom: 48px;
  }
  .all-services__title h2 {
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding-right: 34px;
  }
  .all-services__title:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16.3px;
    height: 16.3px;
    background-color: #fff;
    border-radius: 50px;
    content: "";
  }
  .all-services__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all-services__item__list {
    margin-left: 0px;
    margin-bottom: 27px;
    min-width: 100%;
    max-width: 100%;
    max-height: 92px;
    min-height: 92px;
  }
  .all-services__item__list:nth-child(3n) {
    margin-left: 0px;
  }
  .all-services__item__list__title {
    text-align: center;
    background-color: #fff;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    height: 92px;
    max-height: 92px;
    cursor: pointer;
  }
  .all-services__item__list__title:hover {
    background-color: #ddd4f3;
  }
  .all-services__item__list__title img {
    margin-left: 10px;
    width: 33px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .all-services__item__list__title h3 {
    font-size: 17.4px;
    flex: 187px;
    max-width: 187px;
    line-height: 30px;
  }
}
/* single */
.single-top {
  position: relative;
  margin-bottom: 67px;
}
.single-top .dropdown {
  width: 100% !important;
  height: 58px !important;
}
.single-top .filter-option-inner-inner {
  text-align: right !important;
  line-height: 58px !important;
}
.single-top .info {
  display: flex;
  justify-content: center;
}
.single-top .info .single-top__info {
  width: 282px;
}
.single-top__item {
  position: relative;
}
.single-top__item__title-image {
  position: absolute;
  height: 94px;
  left: 0;
  right: 0;
  transform: translateX(-5%);
  bottom: 0;
  background-color: #2f2f2f;
  border-radius: 0px 25px 25px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-top__item__title-image img {
  transform: translateX(5%);
}
.single-top__item__image {
  max-width: 348px;
  margin: 0 auto;
  position: relative;
}
.single-top__item__image__offer {
  position: absolute;
}
.single-top__item__image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 35px;
}
.single-top__item__video {
  max-width: 341px;
  margin: 20px auto;
  position: relative;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.44));
  border-radius: 18px;
  background-color: #000;
}
.single-top__item__video img {
  width: 100%;
  height: auto;
  border-radius: 18px;
  opacity: 0.8;
}
.single-top__item__video__logo {
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  right: 50%;
}
.single-top__item__video__logo img {
  opacity: 1;
}
.single-top__item__product {
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  border-radius: 18px;
  padding: 28px 37px;
  position: relative;
}
.single-top__item__product ul > li:first-child {
  margin-bottom: 15px;
}
.single-top__item__product__title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 35px;
}
.single-top__item__product__title__approved {
  margin-right: 15px;
}
.single-top__item__product__title h1 {
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
}
.single-top__item__product__sub-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  margin-bottom: 34px;
}
.single-top__item__product__sub-title ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.single-top__item__product__sub-title ul li {
  display: flex;
  align-items: center;
  margin-left: 13px;
  font-weight: 300;
}
.single-top__item__product__sub-title ul li:last-child {
  margin-left: 0;
}
.single-top__item__product__sub-title ul li i {
  margin-left: 9px;
  color: #428D27;
}
.single-top__item__product__sub-title ul li span {
  margin-left: 9px;
  font-weight: 300;
}
.single-top__item__product__sub-title__rate ul {
  flex-wrap: nowrap;
}
.single-top__item__product__sub-title__rate ul li {
  margin-left: 4px;
}
.single-top__item__product__sub-title__rate ul li :last-child {
  margin-left: 0;
}
.single-top__item__product__sub-title__image {
  display: none;
}
.single-top__item__product__region__title {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.single-top__item__product__region__title p {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}
.single-top__item__product__region__title div {
  margin-right: 5px;
  height: 1px;
  flex-grow: 1;
  background-color: #F5F5F5;
}
.single-top__item__product__region__list ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.single-top__item__product__region__list ul li {
  margin-left: 15px;
  margin-bottom: 20px;
}
.single-top__item__product__region__list ul li:last-child {
  margin-left: 0;
}
.single-top__item__product__region__list ul li a {
  padding: 11px 21.6666px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 45px;
  color: #4F4F4F;
  border: 1px solid #9D9D9D;
  border-radius: 15px;
  transition: 0.2s;
}
.single-top__item__product__region__list ul li:hover a {
  border-color: #436EDC;
  background-color: #436EDC;
  color: #fff;
}
.single-top__item__product__region__list ul li.active a {
  border-color: #436EDC;
  background-color: #436EDC;
  color: #fff;
}
.single-top__item__product__sub--title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.single-top__item__product__sub--title p {
  font-size: 14px;
  font-weight: 700;
  line-height: 21.7px;
  margin-bottom: 0px;
}
.single-top__item__product__sub--title__search {
  display: flex;
  align-items: center;
}
.single-top__item__product__sub--title__search__form {
  display: flex;
  align-items: center;
  margin-left: 20px;
  border-bottom: 1px solid #CBCBCB;
}
.single-top__item__product__sub--title__search__form input {
  background-color: transparent;
  font-size: 14px;
}
.single-top__item__product__sub--title__search__form .icon-search {
  font-size: 14px;
}
.single-top__item__product__sub--title__search i {
  font-size: 24px;
  cursor: pointer;
}
.single-top__item__product__type .scrollbar-track-y {
  left: 10px;
  top: 50%;
  right: unset;
  transform: translateY(-50%);
}
.single-top__item__product__type .scrollbar-track {
  background-color: #E7E7E7 !important;
}
.single-top__item__product__type .scrollbar-thumb {
  background-color: #B7B7B7 !important;
}
.single-top__item__product__type__item {
  display: flex;
  line-height: 43px;
  margin-bottom: 13px;
  align-items: center;
  border-radius: 15px;
  transition: 0.2s;
  cursor: pointer;
  padding-right: 10px;
  background-color: rgba(217, 217, 217, 0.4);
}
.single-top__item__product__type__item__wrapper > div:nth-child(odd) {
  padding-left: 7.5px;
}
.single-top__item__product__type__item__wrapper > div:nth-child(even) {
  padding-right: 7.5px;
}
.single-top__item__product__type__item__title {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.single-top__item__product__type__item__off {
  font-weight: 700;
  font-size: 13px;
  color: #ff1a1a;
  white-space: nowrap;
}
.single-top__item__product__type__item h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: right;
}
.single-top__item__product__type__item:hover {
  background-color: #D9D9D9;
}
.single-top__item__product__type__item.active {
  background-color: #D9D9D9;
}
.single-top__item__product__type__item__price {
  height: 100%;
  display: flex;
  align-items: center;
  justify-self: center;
  background-color: #f7dc00;
  border-radius: 15px 0px 0px 15px;
  padding-right: 15px;
  padding-left: 3px;
  line-height: 43px;
  font-size: 15px;
  font-weight: 800;
  margin-right: 3px;
  color: #1F1F1F;
}
.single-top__item__product__type__item__price span:last-of-type {
  transform: rotate(270deg);
  font-size: 10px;
  font-weight: 400;
  margin-right: 3px;
}
.single-top__item__product__alert__title {
  position: relative;
  display: flex;
  overflow: hidden;
}
.single-top__item__product__alert__title span {
  position: absolute;
  align-items: center;
  display: flex;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  right: 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.single-top__item__product__alert__title span i {
  margin-left: 10px;
}
.single-top__item__product__alert__content {
  background-color: #e7e7e7;
  padding: 30px 15px;
  border-radius: 15px 0px 15px 15px;
}
.single-top__item__product__alert__content p {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-align: justify;
  margin: 0;
}
.single-top__item__product__detail__account {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #639BE8 !important;
  box-shadow: 0 0 0 0.25rem rgba(99, 155, 232, 0.53);
  border-radius: 18px;
  padding: 0 18px;
}
.single-top__item__product__detail__account__wrapper {
  margin-bottom: 25px;
}
.single-top__item__product__detail__account__wrapper > .row > div:first-child {
  padding-left: 20px;
}
.single-top__item__product__detail__account__wrapper__label {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
  font-size: 12px;
  padding-right: 11px;
}
.single-top__item__product__detail__account__wrapper__label i {
  color: red;
  font-size: 8px;
}
.single-top__item__product__detail__account.--red-border {
  box-shadow: 0 0 0 0.25rem rgba(244, 124, 124, 0.53);
  border: 2px solid #F26262 !important;
}
.single-top__item__product__detail__account span {
  font-size: 16px;
  font-weight: 600;
  line-height: 58px;
}
.single-top__item__product__detail__account i {
  font-size: 10px;
  font-weight: 600;
  line-height: 58px;
  color: #2D264B;
}
.single-top__item__product__detail__price {
  display: flex;
  align-items: center;
  background-color: #ECECEC;
  padding: 10px;
  border-radius: 21px;
}
.single-top__item__product__detail__price__wrapper {
  margin-bottom: 30px;
}
.single-top__item__product__detail__price__wrapper > .row > div:first-child {
  padding-left: 20px;
}
.single-top__item__product__detail__price__title span {
  font-weight: 700;
  line-height: 34px;
  color: #767575;
  margin-left: 12px;
}
.single-top__item__product__detail__price__content {
  display: flex;
  align-items: center;
}
.single-top__item__product__detail__price__content span {
  font-weight: 700;
  line-height: 26px;
  color: #D93838;
  background: #FFCECE;
  border-radius: 18px;
  padding: 0 11px;
  margin-left: 32px;
}
.single-top__item__product__detail__price__content del {
  font-weight: 500;
  line-height: 31px;
  color: #8E8E8E;
  margin-left: 38px;
}
.single-top__item__product__detail__price__content p {
  font-weight: 700;
  line-height: 42px;
  color: #1F1F1F;
  margin: 0;
}
.single-top__item__product__detail__price__content p small {
  font-weight: 500;
  line-height: 31px;
}
.single-top__item__product__detail__cart {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #436EDC;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  border-radius: 21px;
  padding: 10px 0px;
  color: #fff;
}
.single-top__item__product__detail__cart.--red {
  background-color: #FF0000;
}
.single-top__header {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 49px;
}
.single-top__header .single-top__header-right {
  display: flex;
}
.single-top__header .single-top__header-right .single-top__header-share {
  margin-left: 9px;
  width: 62px;
  height: 57px;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.single-top__header .single-top__header-right .single-top__header-share > i {
  font-size: 23px;
  color: #000000;
}
.single-top__header .single-top__header-right .single-top__header-share ul {
  position: absolute;
  right: 0;
  left: 0;
  top: 100%;
  padding-top: 9px;
  z-index: 999;
}
.single-top__header .single-top__header-right .single-top__header-share ul li {
  margin-bottom: 9px;
}
.single-top__header .single-top__header-right .single-top__header-share ul li a {
  height: 0px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: relative;
  background-color: #fff;
  transition: 0.2s;
  overflow: hidden;
  position: relative;
}
.single-top__header .single-top__header-right .single-top__header-share ul li a i {
  font-size: 23px;
  color: #000000;
  transition: 0.1s;
}
.single-top__header .single-top__header-right .single-top__header-share ul li a:hover i {
  transform: scale(1.1);
}
.single-top__header .single-top__header-right .single-top__header-share:hover ul li a {
  height: 57px;
  opacity: 1;
  visibility: visible;
}
.single-top__header .single-top__header-right .single-top__header-heart {
  height: 57px;
  border: 1px solid #000000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  padding: 0 20px;
}
.single-top__header .single-top__header-right .single-top__header-heart i {
  font-size: 21px;
  color: #000000;
  margin-left: 19px;
}
.single-top__header .single-top__header-right .single-top__header-heart.active {
  color: #f31212;
}
.single-top__header .single-top__header-right .single-top__header-heart.active i {
  color: #f31212;
}
.single-top__header .single-top__header-center {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.single-top__header .single-top__header-center h1 {
  color: #000000;
  font-size: 31px;
  font-weight: 600;
  margin-bottom: 5px;
}
.single-top__header .single-top__header-center .title-en {
  color: #000000;
  font-size: 22px;
  font-weight: 600;
}
.single-top__header .single-top__header-left .single-top__header-agree {
  height: 57px;
  background-color: #000000;
  border-radius: 8px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.single-top__header .single-top__header-left .single-top__header-agree .vote {
  margin-right: 13px;
  margin-left: 12px;
}
.single-top__header .single-top__header-left .single-top__header-agree i {
  font-size: 23px;
  color: #ffffff;
}
.single-top__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -180px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 125px;
  height: 113px;
  background-color: #fff;
  z-index: 90;
  border-radius: 50%;
}
.single-top__desc {
  height: 100%;
  display: flex;
  align-items: center;
}
.single-top__desc p {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 41px;
  text-align: justify;
}
.single-top__desc p a {
  margin-right: 3px;
}
.single-top__desc p a i {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  border-radius: 60px;
  font-size: 7px;
  color: #ffffff;
}
.single-top__info {
  position: relative;
  transform-style: preserve-3d;
  perspective: 1000px;
}
.single-top__info .single-top__info-head {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  top: 35px;
  opacity: 0.6;
  transition: 0.3s;
}
.single-top__info .single-top__info-head .single-top__info-head-fa {
  text-shadow: 0 2px 2px rgba(0, 1, 1, 0.35);
  color: #ffffff;
  font-size: 24px;
  position: relative;
  top: -7px;
}
.single-top__info .single-top__info-head i {
  font-size: 30px;
  text-shadow: 0 2px 2px rgba(0, 1, 1, 0.35);
  color: #ffffff;
  margin-right: 17px;
  margin-left: 19px;
}
.single-top__info .single-top__info-head .single-top__info-head-en {
  text-shadow: 0 2px 2px rgba(0, 1, 1, 0.35);
  color: #ffffff;
  font-size: 23px;
}
.single-top__info .single-top__info-img {
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.3s;
}
.single-top__info .single-top__info-img:before {
  content: "";
  height: 32px;
  width: 153px;
  border-radius: 100%;
  background-color: #000;
  filter: blur(5px);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 79px;
  z-index: 90;
  visibility: hidden;
  opacity: 0;
}
.single-top__info .single-top__info-img img {
  position: relative;
  z-index: 100;
  animation: open-animate 1.5s;
  width: 100%;
  height: 100%;
}
.single-top__info .single-top__info-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  right: 23px;
  left: 24px;
  bottom: 5px;
  transition: 0.3s;
}
.single-top__info .single-top__info-footer .single-top__info-footer-price {
  display: flex;
  align-items: center;
  height: 16px;
  border-radius: 60px;
  background-color: #ef473a;
  padding-right: 7px;
  padding-left: 5px;
}
.single-top__info .single-top__info-footer .single-top__info-footer-price ins {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  margin-left: 2px;
  position: relative;
  top: 1px;
}
.single-top__info .single-top__info-footer .single-top__info-footer-price i {
  font-size: 23px;
  color: #ffffff;
}
.single-top__info .single-top__info-footer .single-top__info-footer-count {
  display: flex;
  align-items: baseline;
}
.single-top__info .single-top__info-footer .single-top__info-footer-count .count {
  text-shadow: 0 2px 2px rgba(0, 1, 1, 0.35);
  color: #ffffff;
  font-size: 44px;
  font-weight: bold;
}
.single-top__info .single-top__info-footer .single-top__info-footer-count .title {
  text-shadow: 0 2px 2px rgba(0, 1, 1, 0.35);
  color: #ffffff;
  font-size: 24px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.single-top__info .single-top__info-footer .single-top__info-footer-count .title span:nth-of-type(2) {
  position: relative;
  top: -6px;
}
.single-top__info .single-top__info-radio {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: pointer;
  z-index: 1000;
}
.single-top__info .single-top__info-radio .check {
  position: absolute;
  width: 50px;
  height: 50px;
  right: -15px;
  bottom: -15px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(23, 164, 4);
  transition: 0.3s;
}
.single-top__info .single-top__info-radio .check i {
  font-size: 16px;
  color: #ffffff;
}
.single-top__info > input {
  display: none;
}
.single-top__meta {
  height: 100%;
  display: flex;
  align-items: center;
}
.single-top__meta ul li {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.single-top__meta ul li .single-top__meta-title {
  min-width: 134px;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-left: 120px;
}
.single-top__meta ul li .single-top__meta-value {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.single-top__meta ul li:before {
  position: absolute;
  left: 50%;
  top: -2px;
  transform: translate(-65%, 0);
  content: "............";
  opacity: 0.6;
  color: #806e6e;
  font-size: 14px;
  letter-spacing: 1.12px;
}
.single-top__meta ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.single-top .single-top__price-type {
  width: 290px;
  margin: 0 auto;
  position: relative;
  z-index: 200;
  margin-top: 44px;
  margin-bottom: 15px;
}
.single-top .single-top__price-type .select-box .selectize-input {
  border-radius: 60px;
}
.single-top__price {
  margin-bottom: 31px;
  margin-top: 24px;
  display: flex;
  justify-content: center;
  position: relative;
}
.single-top__price .single-top__price-item {
  display: flex;
  align-items: center;
  background-color: #fff;
  position: relative;
  z-index: 100;
  padding-right: 12px;
  padding-left: 13px;
}
.single-top__price .single-top__price-item .discount-numb {
  display: flex;
  align-items: center;
  height: 26px;
  background-color: #ef473a;
  border-radius: 60px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 0 11px 0 12px;
  margin-left: 10px;
}
.single-top__price .single-top__price-item .discount-numb i {
  font-size: 11px;
  color: #ffffff;
  margin-right: 3px;
}
.single-top__price .single-top__price-item .price {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 35px;
  font-weight: 600;
  text-decoration: none;
}
.single-top__price .single-top__price-item .price__unit {
  color: #000000;
  font-size: 16px;
  margin-right: 5px;
}
.single-top__price .single-top__price-item .price .old {
  font-size: 20px;
  color: #777;
  margin-left: 10px;
  position: relative;
}
.single-top__price .single-top__price-item .price .old:before {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  transform: rotate(-15deg);
  content: "";
  height: 1px;
  background-color: #555;
}
.single-top__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}
.single-top__footer .single-top__footer-right {
  display: flex;
  align-items: center;
  flex: 0 0 calc(50% - 150px);
  max-width: calc(50% - 150px);
}
.single-top__footer .single-top__footer-right .single-top__footer-feature {
  display: flex;
  align-items: center;
  margin-left: 55px;
}
.single-top__footer .single-top__footer-right .single-top__footer-feature i {
  font-size: 37px;
  color: #000000;
  margin-left: 24px;
}
.single-top__footer .single-top__footer-right .single-top__footer-feature .single-top__footer-feature-info {
  display: flex;
  flex-direction: column;
}
.single-top__footer .single-top__footer-right .single-top__footer-feature .single-top__footer-feature-info .title {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.single-top__footer .single-top__footer-right .single-top__footer-feature .single-top__footer-feature-info .value {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
.single-top__footer .single-top__footer-right .single-top__footer-feature:nth-last-of-type(1) {
  margin-left: 0;
}
.single-top__footer .single-top__footer-right .single-top__footer-accounts span {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
}
.single-top__footer .single-top__footer-right .single-top__footer-accounts ul {
  display: flex;
  align-items: center;
}
.single-top__footer .single-top__footer-right .single-top__footer-accounts ul li {
  background-color: #000;
  padding: 0 5px;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  margin-left: 4px;
}
.single-top__footer .single-top__footer-right .single-top__footer-accounts ul li:last-child {
  margin-left: 0;
}
.single-top__footer .single-top__footer-center {
  background-color: #17a404;
  border-radius: 60px;
  height: 71px;
  display: flex;
  align-items: center;
  padding: 0 26px 0 25px;
  box-shadow: 0 10px 30px -9px rgba(23, 164, 4, 0.4);
  transition: 0.3s;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  max-width: 300px;
}
.single-top__footer .single-top__footer-center .single-top__footer-add-cart {
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
  padding-left: 15px;
  margin-left: 23px;
  position: relative;
  line-height: 71px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.single-top__footer .single-top__footer-center .single-top__footer-add-cart:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
  width: 20px;
  box-shadow: -6px 0px 13px -8px rgba(0, 0, 0, 0.5);
}
.single-top__footer .single-top__footer-center .single-top__footer-cart-basket {
  display: flex;
  align-items: center;
}
.single-top__footer .single-top__footer-center .single-top__footer-cart-basket i {
  color: #ffffff;
  cursor: pointer;
}
.single-top__footer .single-top__footer-center .single-top__footer-cart-basket i.icon-pluse {
  font-size: 13px;
}
.single-top__footer .single-top__footer-center .single-top__footer-cart-basket i.icon-minus {
  font-size: 3px;
}
.single-top__footer .single-top__footer-center .single-top__footer-cart-basket .count {
  color: #ffffff;
  font-size: 29px;
  font-weight: 400;
  margin-right: 21px;
  margin-left: 21px;
}
.single-top__footer .single-top__footer-center:hover {
  box-shadow: none;
}
.single-top__footer .single-top__footer-left {
  flex: 0 0 calc(50% - 150px);
  max-width: calc(50% - 150px);
  padding-right: 15px;
}
.single-top__footer .single-top__footer-left .single-top__footer-notice {
  display: flex;
  align-items: center;
}
.single-top__footer .single-top__footer-left .single-top__footer-notice i {
  font-size: 21px;
  color: #ff3600;
  margin-left: 20px;
}
.single-top__footer .single-top__footer-left .single-top__footer-notice .single-top__footer-notice-desc .title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  display: inline-block;
}
.single-top__footer .single-top__footer-left .single-top__footer-notice .single-top__footer-notice-desc p {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
}
.single-top__swiper {
  overflow: visible;
}
.single-top__swiper .swiper-slide {
  opacity: 0.3;
  transition: 0.3s;
}
.single-top__swiper .slide-active {
  opacity: 1;
}
.select-sec {
  margin-bottom: 20px;
  position: sticky;
  top: -15px;
  z-index: 9999;
}
.select-sec__item {
  max-width: 798px;
  margin: 0 auto;
}
.select-sec__item ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  background: #FEFEFE;
  background-color: rgb(254, 254, 254);
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  padding: 0px 55px;
  max-height: 58px;
  border: 1px solid gray;
  background-color: #d6d6d6;
  opacity: 79.9%;
}
.select-sec__item ul li {
  padding: 16px 0;
  transition: 0.2s;
}
.select-sec__item ul li a span {
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
}
.select-sec__item ul li:hover {
  border-bottom: 4px solid #436EDC;
  border-radius: 5px 5px 0px 0px;
  box-sizing: border-box;
}
#single-cart .cart__list-item {
  padding: 0;
  margin-bottom: 25px;
}
#single-cart .cart__list-item .cart__allow-accounts {
  padding: 0;
  background-color: transparent;
  margin: 0;
}
#single-cart .cart__list-item .cart__allow-accounts .cart__allow-accounts {
  padding: 0;
  margin: 0;
}
.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.loading .ring {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: transparent;
  border: 3px solid #3c3c3c;
  border-radius: 50%;
  text-align: center;
  line-height: 150px;
  font-size: 15px;
  color: #3c3c3c;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-shadow: 0 0 10px #3c3c3c;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.loading .ring:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-top: 3px solid #fff000;
  border-right: 3px solid #fff000;
  border-radius: 50%;
  animation: animateC 2s linear infinite;
}
.loading span {
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 50%;
  width: 50%;
  height: 4px;
  background: transparent;
  transform-origin: left;
  animation: animate 2s linear infinite;
}
.loading span:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff000;
  top: -6px;
  right: -8px;
  box-shadow: 0 0 20px #fff000;
}
@keyframes animateC {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
.price-mobile {
  display: none;
  position: fixed;
  bottom: 2px;
  z-index: 9999999;
  width: 100%;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.price-mobile__item {
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: #436edc;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.12);
  border-radius: 18px;
  padding: 0 20px;
  position: relative;
  min-height: 63px;
}
.price-mobile__item a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.price-mobile__item__discount {
  position: absolute;
  top: 10px;
  left: -10px;
}
.price-mobile__item__discount span {
  font-size: 12px;
  font-weight: 700;
  color: #D93838;
  background: #FFCECE;
  border-radius: 18px;
  padding: 0 11px;
}
.price-mobile__item__price {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.price-mobile__item__price__title span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 34px;
}
.price-mobile__item__price__number del {
  font-size: 14px;
  font-weight: 500;
  line-height: 31px;
  color: #fff;
}
.price-mobile__item__price__number p {
  font-size: 18px;
  font-weight: 700;
  line-height: 31px;
  color: #fff;
}
.price-mobile__item__price__number p small {
  font-size: 12px;
}
.price-mobile__item__cart {
  padding-left: 10px;
  border-left: 1px solid #D9D9D9;
}
.price-mobile__item__cart span {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  border-radius: 18px;
  padding: 10px 15px;
  color: #fff;
  font-weight: 800;
}
.price-mobile__item__cart__count {
  display: flex;
  align-items: center;
}
.price-mobile__item__cart__count label {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 34px;
  margin: 0 0 0 5px;
}
.price-mobile__item__cart__count form {
  margin-left: 5px;
}
.price-mobile__item__cart__count form span {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  width: 18px;
  height: 18px;
  background-color: #E3E3E3;
  color: #777777;
  padding: 0 5.04666666px;
  display: inline-block;
  border-radius: 7px;
}
.price-mobile__item__cart__count form input {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  background-color: transparent;
  text-align: center;
  max-width: 20px;
}
/* keyframe */
[data-theme=dark] .single-top__header .single-top__header-right .single-top__header-share {
  border: 1px solid #c7c5ee;
}
[data-theme=dark] .single-top__header .single-top__header-right .single-top__header-share > i {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__header .single-top__header-right .single-top__header-share ul li a {
  border: 1px solid #c7c5ee;
  background-color: #070525;
}
[data-theme=dark] .single-top__header .single-top__header-right .single-top__header-share ul li a i {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__header .single-top__header-right .single-top__header-heart {
  border: 1px solid #c7c5ee;
  color: #c7c5ee;
}
[data-theme=dark] .single-top__header .single-top__header-right .single-top__header-heart i {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__header .single-top__header-center h2,
[data-theme=dark] .single-top__header .single-top__header-center h1,
[data-theme=dark] .single-top__header .single-top__header-center h3,
[data-theme=dark] .single-top__header .single-top__header-center h4 {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__header .single-top__header-center .title-en {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__header .single-top__header-left .single-top__header-agree {
  background-color: #c7c5ee;
  color: #070525;
}
[data-theme=dark] .single-top__header .single-top__header-left .single-top__header-agree i {
  color: #070525;
}
[data-theme=dark] .single-top__item__product {
  background: #0C093E;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .single-top__item__product__title h1 {
  color: #C6C6C6;
}
[data-theme=dark] .single-top__item__product__title ul li i {
  color: #C6C6C6;
}
[data-theme=dark] .single-top__item__product__title ul li span {
  color: #C6C6C6;
}
[data-theme=dark] .single-top__item__product__title ul li small {
  color: #C6C6C6;
}
[data-theme=dark] .single-top__item__product__title__rezayat span {
  color: #C6C6C6;
}
[data-theme=dark] .single-top__item__product__title__rezayat small {
  color: #C6C6C6;
}
[data-theme=dark] .single-top__item__product__sub-title ul li span {
  color: #C6C6C6;
}
[data-theme=dark] .single-top__item__product__sub-title ul li small {
  color: #C6C6C6;
}
[data-theme=dark] .single-top__item__product__region__title p {
  color: #F5F5F5;
}
[data-theme=dark] .single-top__item__product__region__list ul li a {
  color: #F5F5F5;
  border-color: #3D3D3D;
}
[data-theme=dark] .single-top__item__product__sub--title p {
  color: #F0F0F0;
}
[data-theme=dark] .single-top__item__product__sub--title__search__form input {
  color: #DBDBDB;
}
[data-theme=dark] .single-top__item__product__sub--title__search__form input::-moz-placeholder {
  color: #DBDBDB;
}
[data-theme=dark] .single-top__item__product__sub--title__search__form input::placeholder {
  color: #DBDBDB;
}
[data-theme=dark] .single-top__item__product__sub--title__search__form i {
  color: #DBDBDB;
}
[data-theme=dark] .single-top__item__product__type .scrollbar-track {
  background-color: #0B0662 !important;
}
[data-theme=dark] .single-top__item__product__type .scrollbar-thumb {
  background-color: #150D84 !important;
}
[data-theme=dark] .single-top__item__product__type__item {
  background-color: rgba(11, 6, 98, 0.4);
}
[data-theme=dark] .single-top__item__product__type__item h2 {
  color: #F5F5F5;
}
[data-theme=dark] .single-top__item__product__type__item:hover {
  background-color: #0B0662;
}
[data-theme=dark] .single-top__item__product__type__item.active {
  background-color: #0B0662;
}
[data-theme=dark] .single-top__item__product__type__item__price {
  color: white;
  background-color: #12120f;
}
[data-theme=dark] .single-top__item__product__alert__content {
  background-color: #050321;
}
[data-theme=dark] .single-top__item__product__alert__content p {
  color: #B5B5B5;
}
[data-theme=dark] .single-top__item__product__detail__price {
  background-color: #050321;
}
[data-theme=dark] .single-top__item__product__detail__price__title span {
  color: #DFDFDF;
}
[data-theme=dark] .single-top__item__product__detail__price__content del {
  color: #BABABA;
}
[data-theme=dark] .single-top__item__product__detail__price__content p {
  color: #F1F1F1;
}
[data-theme=dark] .single-top__item__product__detail__cart__count {
  color: #DFDFDF;
}
[data-theme=dark] .single-top__item__product__detail__cart__count form span {
  background-color: #050321;
  color: #F4F4F4;
}
[data-theme=dark] .single-top__item__product__detail__cart__count form span input {
  color: #777777;
}
[data-theme=dark] .single-top__item__product__detail__account {
  background: #050321;
  border: 1px solid #436EDC;
  border-radius: 18px;
}
[data-theme=dark] .single-top__item__product__detail__account__wrapper__label span {
  color: #DBDBDB;
}
[data-theme=dark] .single-top__item__product__detail__account span {
  color: #DBDBDB;
}
[data-theme=dark] .single-top__item__product__detail__account i {
  color: #DBDBDB;
}
[data-theme=dark] .single-top__desc p {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__desc p a i {
  background-color: #c7c5ee;
  color: #0f0d2d;
}
[data-theme=dark] .single-top__meta ul li::before {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__meta ul li .single-top__meta-title {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__meta ul li .single-top__meta-value {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__footer .single-top__footer-right .single-top__footer-feature i {
  color: #908dd3;
}
[data-theme=dark] .single-top__footer .single-top__footer-right .single-top__footer-feature .single-top__footer-feature-info .title {
  color: #908dd3;
}
[data-theme=dark] .single-top__footer .single-top__footer-right .single-top__footer-feature .single-top__footer-feature-info .value {
  color: #908dd3;
}
[data-theme=dark] .single-top__footer .single-top__footer-right .single-top__footer-accounts span {
  color: #908dd3;
}
[data-theme=dark] .single-top__footer .single-top__footer-right .single-top__footer-accounts ul li {
  color: #070525;
  background-color: #c7c5ee;
}
[data-theme=dark] .single-top__footer .single-top__footer-left .single-top__footer-notice .single-top__footer-notice-desc .title {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__footer .single-top__footer-left .single-top__footer-notice .single-top__footer-notice-desc p {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__price .single-top__price-item {
  background-color: #070525;
}
[data-theme=dark] .single-top__price .single-top__price-item .price {
  color: #908dd3;
}
[data-theme=dark] .single-top__price .single-top__price-item .old {
  color: #c7c5ee;
}
[data-theme=dark] .single-top__price .single-top__price-item .old::before {
  background-color: #c7c5ee;
}
[data-theme=dark] .single-top__price .single-top__price-item .price__unit {
  color: #908dd3;
}
[data-theme=dark] .single-top__logo {
  background-color: #070525;
}
[data-theme=dark] .select-sec__item ul {
  background: #06053A;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .select-sec__item ul li {
  border-color: #436EDC;
}
[data-theme=dark] .select-sec__item ul li a span {
  color: #FAFAFA;
}
[data-theme=dark] #single-cart .cart__list-item {
  padding: 0;
  margin-bottom: 25px;
}
[data-theme=dark] #single-cart .cart__list-item .cart__allow-accounts {
  padding: 0;
  background-color: transparent;
  margin: 0;
}
[data-theme=dark] #single-cart .cart__list-item .cart__allow-accounts .cart__allow-accounts {
  padding: 0;
  margin: 0;
}
[data-theme=dark] #single-cart .cart__list-item .cart__allow-accounts .cart__allow-accounts span {
  color: #DBDBDB;
}
[data-theme=dark] .price-mobile__item__price__number del {
  color: #F1F1F1;
}
[data-theme=dark] .price-mobile__item__price__number p {
  color: #F1F1F1;
}
@media (max-width: 992px) {
  [data-theme=dark] .single-top__item__image {
    margin-bottom: 30px;
  }
  [data-theme=dark] .single-top__item__product__detail__cart {
    padding: 16px 0px;
  }
  [data-theme=dark] .single-top__item__product__detail__account__wrapper > .row > div:first-child {
    padding-left: 0px;
    margin-bottom: 20px;
  }
  [data-theme=dark] .single-top__item__product__type__item {
    min-height: 43px;
  }
  [data-theme=dark] .single-top__item__product__type__item__wrapper > div:nth-child(odd) {
    padding-left: 0px;
  }
  [data-theme=dark] .single-top__item__product__type__item__wrapper > div:nth-child(even) {
    padding-right: 0px;
  }
  [data-theme=dark] .single-top__item__product__title__approved {
    margin-right: 0px;
  }
  [data-theme=dark] .single-top__item__product__title.--mobile {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
  [data-theme=dark] .single-top__item__product__title.--mobile ul {
    width: 100%;
  }
  [data-theme=dark] .single-top__item__product__title.--mobile ul li {
    word-wrap: break-word;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0C093E;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
  }
  [data-theme=dark] .single-top__item__product__title.--mobile ul li:first-child {
    margin-bottom: 5px;
    display: block;
  }
  [data-theme=dark] .single-top__item__product__title.--mobile ul li:first-child > div {
    margin-left: 15px;
    display: inline-flex;
    align-items: center;
    color: #fff;
  }
}
@media (max-width: 992px) {
  .single-top__item__image {
    margin-bottom: 30px;
  }
  .single-top__item__product__detail__cart {
    padding: 16px 0px;
  }
  .single-top__item__product__detail__account__wrapper > .row > div:first-child {
    padding-left: 0px;
    margin-bottom: 20px;
  }
  .single-top__item__product__type__item {
    min-height: 43px;
  }
  .single-top__item__product__type__item__wrapper > div:nth-child(odd) {
    padding-left: 0px;
  }
  .single-top__item__product__type__item__wrapper > div:nth-child(even) {
    padding-right: 0px;
  }
  .single-top__item__product__title__approved {
    margin-right: 0px;
  }
  .single-top__item__product__title.--mobile {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
  .single-top__item__product__title.--mobile ul {
    width: 100%;
  }
  .single-top__item__product__title.--mobile ul li {
    word-wrap: break-word;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
  }
  .single-top__item__product__title.--mobile ul li:first-child {
    margin-bottom: 5px;
    display: block;
  }
  .single-top__item__product__title.--mobile ul li:first-child > div {
    margin-left: 15px;
    display: inline-flex;
    align-items: center;
  }
}
@media (min-width: 993px) {
  .single-top__item__product__title.--mobile {
    display: none;
  }
}
.single-gallery {
  background-color: #f0f0f0;
  overflow: hidden;
  padding: 57px 0;
  margin-bottom: 64px;
}
.single-gallery__title {
  margin-bottom: 30px;
}
.single-gallery__title span {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}
.single-gallery__title i {
  margin-left: 20px;
}
.single-gallery__swiper {
  overflow: visible;
}
.single-gallery__item {
  position: relative;
  cursor: pointer;
}
.single-gallery__item figure {
  position: relative;
}
.single-gallery__item figure img {
  position: relative;
  z-index: 100;
  border-radius: 15px;
}
.single-gallery__item figure .shadow {
  position: absolute;
  top: 18px;
  right: 15px;
  left: 15px;
  bottom: -18px;
  filter: blur(10px);
  overflow: hidden;
  border-radius: 15px;
  z-index: 90;
}
.single-gallery__item:after {
  content: "\e925";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0) rotateX(90deg);
  width: 50px;
  height: 50px;
  font-size: 21px;
  color: #ffffff;
  background-color: #f01919;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 110;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.single-gallery__item:hover:after {
  transform: translate(-50%, -50%) scale(1) rotateX(0);
  visibility: visible;
  opacity: 1;
}
.single-gallery__item--video .single-gallery__item-time {
  position: absolute;
  z-index: 120;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  bottom: 9px;
  left: 16px;
}
.single-gallery__item--video:after {
  content: "\e926";
  background-color: transparent;
  font-size: 49px;
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotateX(0);
}
.single-gallery__item--video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.5;
  border-radius: 15px;
  z-index: 110;
  pointer-events: none;
}
.single-gallery__item--video:hover:after {
  animation: video-animate 0.5s;
}
@keyframes video-animate {
  0% {
    transform: translate(-50%, -50%) scale(1) rotateX(0);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2) rotateX(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1) rotateX(0);
  }
}
.plyr__control--overlaid {
  background-color: #f31212;
}
.plyr--full-ui input[type=range] {
  color: #f31212;
}
.plyr--video .plyr__control:hover {
  background-color: #f31212;
  opacity: 0.8;
}
.plyr--video .plyr__control.plyr__tab-focus {
  background-color: #f31212;
}
[data-theme=dark] .single-gallery {
  background-color: #03021a;
}
[data-theme=dark] .single-gallery__title i:before {
  color: #E9E9E9;
}
[data-theme=dark] .single-gallery__title span {
  color: #E9E9E9;
}
.app-info {
  margin-bottom: 35px;
}
.app-info__info {
  box-shadow: 0 5px 32px rgba(0, 0, 0, 0.09);
  border-radius: 15px;
  margin-bottom: 31px;
}
.app-info__info .app-info__info-img {
  margin-bottom: 30px;
  position: relative;
}
.app-info__info .app-info__info-img .app-info__info-logo {
  position: absolute;
  bottom: -25px;
  right: 2px;
  background-image: url("../img/curve-aside-img.svg");
  background-repeat: no-repeat;
  padding-left: 48px;
  width: 226px;
  height: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-info__info .app-info__info-titles {
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  margin: 0 27px;
  margin-bottom: 31px;
  position: relative;
}
.app-info__info .app-info__info-titles:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
}
.app-info__info .app-info__info-titles .app-info__info-titles-item .app-info__info-titles-name-en {
  color: #9F9F9F;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 11px;
  line-height: 21.6px;
  display: block;
}
.app-info__info .app-info__info-titles .app-info__info-titles-item .app-info__info-titles-name-fa {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 11px;
  line-height: 27.9px;
  display: block;
}
.app-info__info .app-info__info-titles .app-info__info-titles-item .app-info__info-titles-type {
  color: #000000;
  font-size: 12px;
  font-weight: 700;
}
.app-info__info .app-info__info-titles .app-info__info-titles-item--en small {
  font-size: 13px;
  font-weight: 400;
  color: #9F9F9F;
  margin-left: 5px;
}
.app-info__info .app-info__info-wiki {
  margin: 0 20px;
  margin-bottom: 35px;
  padding-bottom: 37px;
  position: relative;
}
.app-info__info .app-info__info-wiki:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
}
.app-info__info .app-info__info-wiki p {
  font-size: 14px;
  font-weight: 700;
  line-height: 18.6px;
  margin-bottom: 16px;
}
.app-info__info .app-info__info-wiki .app-info__info-wiki-item {
  margin-bottom: 8px;
}
.app-info__info .app-info__info-wiki .app-info__info-wiki-item .title {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
}
.app-info__info .app-info__info-wiki .app-info__info-wiki-item .value {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
}
.app-info__info .app-info__info-rates {
  display: flex;
  align-items: center;
  padding-bottom: 21px;
}
.app-info__info .app-info__info-rates .app-info__info-rate {
  flex: 1 0 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 12px;
}
.app-info__info .app-info__info-rates .app-info__info-rate .logo {
  margin-bottom: 17px;
}
.app-info__info .app-info__info-rates .app-info__info-rate .logo img {
  width: 47px;
  height: 47px;
  -o-object-fit: contain;
     object-fit: contain;
}
.app-info__info .app-info__info-rates .app-info__info-rate .rates {
  color: #1E1E1E;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.9px;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.app-info__info .app-info__info-rates .app-info__info-rate .title {
  color: #1E1E1E;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.2px;
}
.app-info__info .app-info__info-rates .app-info__info-rate:nth-last-of-type(1) {
  border-left: none;
}
.app-info__rates {
  background: #FEFEFE;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  padding-top: 29px;
  padding-bottom: 24px;
  margin-bottom: 31px;
}
.app-info__rates .app-info__rates-rate {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 23px;
}
.app-info__rates .app-info__rates-rate .rate {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  line-height: 31px;
  margin-bottom: 11px;
}
.app-info__rates .app-info__rates-rate .vote {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 21.7px;
}
.app-info__rates .app-info__rates-rate .vote__numb {
  color: #000000;
  margin-right: 4px;
  margin-left: 4px;
}
.app-info__rates .app-info__rates-rating {
  margin: 0 43px;
}
.app-info__rates .app-info__rates-rating .app-info__rates-header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 16.4px;
}
.app-info__rates .app-info__rates-rating .app-info__rates-header .rate-title {
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  line-height: 21.7px;
  z-index: 100;
  position: relative;
  text-align: center;
}
.app-info__rates .app-info__rates-rating .app-info__rates-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-info__rates .app-info__rates-rating .app-info__rates-main .item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  max-width: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px dashed transparent;
}
.app-info__rates .app-info__rates-rating .app-info__rates-main .item i {
  font-size: 33px;
  color: #A8A8A8;
  transition: 0.3s;
  opacity: 0.6;
}
.app-info__rates .app-info__rates-rating .app-info__rates-main .item:hover i {
  fill: #F7DC00;
  color: #F7DC00;
  opacity: 1;
}
.app-info__rates .app-info__rates-rating .app-info__rates-main .item.active {
  border-color: rgb(255, 255, 255);
}
.app-info__rates .app-info__rates-rating .app-info__rates-main .item.active i {
  opacity: 1;
}
.app-info__rates .app-info__rates-rating .app-info__rates-button {
  display: flex;
  text-align: center;
  justify-content: center;
  text-align: center;
  margin-top: 28.7px;
}
.app-info__rates .app-info__rates-rating .app-info__rates-button a {
  background: #436EDC;
  border-radius: 18px;
  padding: 0 34.4444px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  white-space: nowrap;
}
.app-info__related {
  box-shadow: 0 5px 32px rgba(0, 0, 0, 0.09);
  border-radius: 15px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.app-info__related .app-info__related-header {
  display: flex;
  align-items: center;
  margin: 0 21px 0 29px;
  padding-bottom: 22px;
  position: relative;
}
.app-info__related .app-info__related-header:after {
  content: "";
  position: absolute;
  right: 30px;
  left: 30px;
  bottom: -30px;
  height: 30px;
  pointer-events: none;
  box-shadow: 0 -16px 24px -14px rgba(0, 0, 0, 0.3);
}
.app-info__related .app-info__related-header .pre-title {
  color: #444444;
  font-size: 13px;
  font-weight: 600;
  margin-left: 9px;
}
.app-info__related .app-info__related-header .title {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
}
.app-info__related .app-info__related-header .logo {
  margin-right: auto;
}
.app-info__related .app-info__related-products {
  margin-bottom: 22px;
}
.app-info__related .app-info__related-products .item {
  display: flex;
  align-items: center;
  margin: 0 20px;
  padding-top: 30px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 19px;
}
.app-info__related .app-info__related-products .item__img {
  margin-left: 25px;
}
.app-info__related .app-info__related-products .item__info {
  flex-grow: 1;
}
.app-info__related .app-info__related-products .item__info-title {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 25px;
}
.app-info__related .app-info__related-products .item__info-buying {
  display: flex;
  align-items: center;
  position: relative;
}
.app-info__related .app-info__related-products .item__info-buying-title {
  color: #000000;
  font-size: 19px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.app-info__related .app-info__related-products .item__info-buying-title i {
  font-size: 22px;
  color: #000000;
  margin-left: 10px;
}
.app-info__related .app-info__related-products .item__info-buying-price {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.app-info__related .app-info__related-products .item__info-buying-price .price {
  text-decoration: none;
  color: #000000;
  font-size: 17px;
  font-weight: 600;
  margin-left: 3px;
}
.app-info__related .app-info__related-products .item__info-buying-price .unit {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
}
.app-info__related .app-info__related-products .item .discount-numb {
  background-color: #ef473a;
  border-radius: 60px;
  height: 17px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: -16px;
  left: 0;
  padding: 0 7px;
}
.app-info__related .app-info__related-products .item .discount-numb i {
  font-size: 9px;
  color: #ffffff;
  margin-right: 2px;
  position: relative;
  z-index: 100;
}
.app-info__related .app-info__related-products .item .discount-numb span {
  position: relative;
  z-index: 100;
}
.app-info__related .app-info__related-products .item .discount-numb:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 13px;
  background-color: #ef473a;
  border-radius: 2px;
  transform: rotate(42deg) scale(1.05);
  top: -3px;
  left: 3px;
  z-index: 90;
}
.app-info__related .app-info__related-products .item--discount .item__info-buying-price {
  padding-left: 10px;
}
.app-info__related .app-info__related-footer {
  display: flex;
  align-items: center;
  margin: 0 20px;
}
.app-info__related .app-info__related-footer .more-ajax {
  font-size: 15px;
  color: #f01919;
  font-weight: 600;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.app-info__related .app-info__related-footer .more-ajax i {
  font-size: 15px;
  color: #f01919;
  margin-left: 12px;
}
.app-info__related .app-info__related-footer .more-all {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-right: auto;
}
.app-info__related .app-info__related-footer .more-all i {
  font-size: 13px;
  color: #000000;
  margin-right: 10px;
}
.table_of_content {
  margin: 20px 0;
}
.table_of_content__title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
}
.table_of_content__title__icon {
  display: flex;
  align-items: center;
}
.table_of_content__title__icon h4 {
  margin-bottom: 0 !important;
}
.table_of_content__title__icon svg {
  margin-left: 5px;
}
.aside-info-single.sticky-top-100 {
  position: sticky;
  top: -100%;
}
[data-theme=dark] .aside-blog__title h2 {
  color: #c7c5ee;
}
[data-theme=dark] .aside-blog .aside-blog__info-grid:nth-of-type(1) {
  border-color: #1b1939;
}
[data-theme=dark] .aside-blog .aside-blog__info-grid .aside-blog__info-item .name {
  color: #c7c5ee;
}
[data-theme=dark] .aside-blog .aside-blog__info-grid .aside-blog__info-item i {
  color: #c7c5ee;
}
[data-theme=dark] .aside-blog .aside-blog__related-title .aside-blog__related-title-fa .title {
  color: #c7c5ee;
}
[data-theme=dark] .aside-blog .aside-blog__related-title .aside-blog__related-title-fa .title-cat {
  color: #c7c5ee;
}
[data-theme=dark] .aside-blog .aside-blog__related .aside-blog__related-title {
  border-color: #1b1939;
}
[data-theme=dark] .aside-blog .aside-blog__related .aside-blog__related-title .aside-blog__related-title-en .title {
  color: #c7c5ee;
}
[data-theme=dark] .aside-blog .aside-blog__related .aside-blog__related-title .aside-blog__related-title-en .title-cat {
  color: #c7c5ee;
}
[data-theme=dark] .aside-blog .aside-blog__related .aside-blog__related-info .item__title {
  color: #c7c5ee;
}
[data-theme=dark] .aside-blog .aside-blog__related .aside-blog__related-info .item__value {
  color: #c7c5ee;
}
[data-theme=dark] .aside-blog .aside-blog__related .aside-blog__related-wiki {
  background-color: #f01919;
}
[data-theme=dark] .app-info__info {
  background-color: #0C093E;
}
[data-theme=dark] .app-info__info .app-info__info-titles {
  border-bottom: 1px solid #110f3f;
}
[data-theme=dark] .app-info__info .app-info__info-titles .app-info__info-titles-item .app-info__info-titles-name-fa {
  color: #D4D4D4;
}
[data-theme=dark] .app-info__info .app-info__info-titles .app-info__info-titles-item .app-info__info-titles-name-en {
  color: #D4D4D4;
}
[data-theme=dark] .app-info__info .app-info__info-titles .app-info__info-titles-item .app-info__info-titles-cat {
  color: #D4D4D4;
}
[data-theme=dark] .app-info__info .app-info__info-titles .app-info__info-titles-item .app-info__info-titles-type {
  color: #D4D4D4;
}
[data-theme=dark] .app-info__info .app-info__info-wiki {
  border-bottom: 1px solid #110f3f;
}
[data-theme=dark] .app-info__info .app-info__info-wiki p {
  color: #D4D4D4;
}
[data-theme=dark] .app-info__info .app-info__info-wiki .app-info__info-wiki-item .title {
  color: #D4D4D4;
}
[data-theme=dark] .app-info__info .app-info__info-wiki .app-info__info-wiki-item .value {
  color: #D4D4D4;
}
[data-theme=dark] .app-info__info .app-info__info-rates .app-info__info-rate {
  border-left: 1px solid #110f3f;
}
[data-theme=dark] .app-info__info .app-info__info-rates .app-info__info-rate:last-child {
  border-left: none;
}
[data-theme=dark] .app-info__info .app-info__info-rates .app-info__info-rate .rates {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__info .app-info__info-rates .app-info__info-rate .title {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__info .app-info__info-img .app-info__info-logo {
  background-image: url(../img/curve-aside-img-dark.svg);
}
[data-theme=dark] .app-info__related {
  background-color: #0d0b32;
}
[data-theme=dark] .app-info__related .app-info__related-header .pre-title {
  color: #908dd3;
}
[data-theme=dark] .app-info__related .app-info__related-header .title {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__related .app-info__related-products .item {
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .app-info__related .app-info__related-products .item__info-title {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__related .app-info__related-products .item__info-buying-title {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__related .app-info__related-products .item__info-buying-title i {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__related .app-info__related-products .item__info-buying-price .price {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__related .app-info__related-products .item__info-buying-price .unit {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__related .app-info__related-footer .more-all {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__related .app-info__related-footer .more-all i {
  color: #c7c5ee;
}
[data-theme=dark] .app-info__rates {
  background: #0C093E;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .app-info__rates-rate .rate {
  color: #F6F6F6;
}
[data-theme=dark] .app-info__rates-rate .vote {
  color: #B0B0B0;
}
[data-theme=dark] .app-info__rates-rate .vote span {
  color: #B0B0B0;
}
[data-theme=dark] .app-info__rates-header .rate-title {
  color: #DCDCDC !important;
}
.single-sidebar {
  margin-bottom: 35px;
}
.single-sidebar__info .single-sidebar__info-img {
  position: relative;
  margin-bottom: 29px;
}
.single-sidebar__info .single-sidebar__info-img img {
  border-radius: 26px 26px 0px 0px;
  width: 100%;
}
.single-sidebar__info .single-sidebar__info-img .single-sidebar__info-logo {
  position: absolute;
  bottom: -25px;
  right: 2px;
  background-image: url("../img/curve-aside-img.svg");
  background-repeat: no-repeat;
  padding-left: 48px;
  width: 226px;
  height: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-sidebar__info .single-sidebar__info-titles {
  align-items: center;
  justify-content: space-between;
  position: relative;
  box-shadow: 0 5px 32px rgba(0, 0, 0, 0.09);
  margin-bottom: 9px;
  border-radius: 26px;
}
.single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item {
  padding: 0px 31px 24px 31px;
}
.single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-name-en {
  color: #9c9c9c;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 21px;
  line-height: 21.6px;
  display: block;
}
.single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-item--category {
  background-color: #e0e0e0;
  display: inline-block;
  border-radius: 14.5px;
  padding: 4px 10px 4px 34px;
}
.single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-item--category small {
  font-size: 13px;
  font-weight: 400;
  color: #9f9f9f;
  margin-left: 5px;
}
.single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-name-fa {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 21px;
  line-height: 27.9px;
  display: block;
}
.single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-type {
  color: #000000;
  font-size: 12px;
  font-weight: 700;
}
.single-sidebar__info .single-sidebar__info-wiki {
  position: relative;
  box-shadow: 0 5px 32px rgba(0, 0, 0, 0.09);
  margin-bottom: 9px;
  border-radius: 26px;
  padding: 16px 31px 24px 31px;
}
.single-sidebar__info .single-sidebar__info-wiki p {
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 30px;
}
.single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item:last-child {
  padding-bottom: 0;
}
.single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(50%);
  height: 100%;
  width: 2px;
  background-color: #d5d5d5;
  content: "";
}
.single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item .title {
  color: #9c9c9c;
  font-size: 13pt;
  font-weight: 600;
}
.single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item .value {
  color: #000000;
  font-size: 13pt;
  font-weight: 400;
}
.single-sidebar__info .single-sidebar__info-rates {
  display: flex;
  align-items: center;
  box-shadow: 0 5px 32px rgba(0, 0, 0, 0.09);
  margin-bottom: 9px;
  border-radius: 26px;
  padding: 16px 31px 24px 31px;
}
.single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate {
  flex: 1 0 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 12px;
}
.single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate .logo {
  margin-bottom: 17px;
}
.single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate .logo img {
  -o-object-fit: contain;
     object-fit: contain;
}
.single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate .rates {
  color: #1e1e1e;
  font-size: 17.12px;
  font-weight: 500;
  line-height: 18.9px;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate .title {
  color: #1e1e1e;
  font-size: 17.12px;
  font-weight: 400;
  line-height: 16.2px;
}
.single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate:nth-last-of-type(1) {
  border-left: none;
}
.single-sidebar__info .single-sidebar__info-image {
  border-radius: 26px;
}
.single-sidebar__info .single-sidebar__info-image img {
  width: 100%;
  margin-bottom: 9px;
  border-radius: 26px;
}
.single-sidebar__rates {
  background: #fefefe;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  padding-top: 29px;
  padding-bottom: 24px;
  margin-bottom: 31px;
}
.single-sidebar__rates .single-sidebar__rates-rate {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 23px;
}
.single-sidebar__rates .single-sidebar__rates-rate .rate {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  line-height: 31px;
  margin-bottom: 11px;
}
.single-sidebar__rates .single-sidebar__rates-rate .vote {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 21.7px;
}
.single-sidebar__rates .single-sidebar__rates-rate .vote__numb {
  color: #000000;
  margin-right: 4px;
  margin-left: 4px;
}
.single-sidebar__rates .single-sidebar__rates-rating {
  margin: 0 43px;
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 16.4px;
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-header .rate-title {
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  line-height: 21.7px;
  z-index: 100;
  position: relative;
  text-align: center;
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-main .item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  max-width: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px dashed transparent;
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-main .item i {
  font-size: 33px;
  color: #a8a8a8;
  transition: 0.3s;
  opacity: 0.6;
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-main .item:hover i {
  fill: #f7dc00;
  color: #f7dc00;
  opacity: 1;
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-main .item.active {
  border-color: rgb(255, 255, 255);
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-main .item.active i {
  opacity: 1;
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-button {
  display: flex;
  text-align: center;
  justify-content: center;
  text-align: center;
  margin-top: 28.7px;
}
.single-sidebar__rates .single-sidebar__rates-rating .single-sidebar__rates-button a {
  background: #436edc;
  border-radius: 18px;
  padding: 0 34.4444px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  white-space: nowrap;
}
.single-sidebar__related {
  box-shadow: 0 5px 32px rgba(0, 0, 0, 0.09);
  border-radius: 15px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.single-sidebar__related .single-sidebar__related-header {
  display: flex;
  align-items: center;
  margin: 0 21px 0 29px;
  padding-bottom: 22px;
  position: relative;
}
.single-sidebar__related .single-sidebar__related-header:after {
  content: "";
  position: absolute;
  right: 30px;
  left: 30px;
  bottom: -30px;
  height: 30px;
  pointer-events: none;
  box-shadow: 0 -16px 24px -14px rgba(0, 0, 0, 0.3);
}
.single-sidebar__related .single-sidebar__related-header .pre-title {
  color: #444444;
  font-size: 13px;
  font-weight: 600;
  margin-left: 9px;
}
.single-sidebar__related .single-sidebar__related-header .title {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
}
.single-sidebar__related .single-sidebar__related-header .logo {
  margin-right: auto;
}
.single-sidebar__related .single-sidebar__related-products {
  margin-bottom: 22px;
}
.single-sidebar__related .single-sidebar__related-products .item {
  display: flex;
  align-items: center;
  margin: 0 20px;
  padding-top: 30px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 19px;
}
.single-sidebar__related .single-sidebar__related-products .item__img {
  margin-left: 25px;
}
.single-sidebar__related .single-sidebar__related-products .item__info {
  flex-grow: 1;
}
.single-sidebar__related .single-sidebar__related-products .item__info-title {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 25px;
}
.single-sidebar__related .single-sidebar__related-products .item__info-buying {
  display: flex;
  align-items: center;
  position: relative;
}
.single-sidebar__related .single-sidebar__related-products .item__info-buying-title {
  color: #000000;
  font-size: 19px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.single-sidebar__related .single-sidebar__related-products .item__info-buying-title i {
  font-size: 22px;
  color: #000000;
  margin-left: 10px;
}
.single-sidebar__related .single-sidebar__related-products .item__info-buying-price {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.single-sidebar__related .single-sidebar__related-products .item__info-buying-price .price {
  text-decoration: none;
  color: #000000;
  font-size: 17px;
  font-weight: 600;
  margin-left: 3px;
}
.single-sidebar__related .single-sidebar__related-products .item__info-buying-price .unit {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
}
.single-sidebar__related .single-sidebar__related-products .item .discount-numb {
  background-color: #ef473a;
  border-radius: 60px;
  height: 17px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: -16px;
  left: 0;
  padding: 0 7px;
}
.single-sidebar__related .single-sidebar__related-products .item .discount-numb i {
  font-size: 9px;
  color: #ffffff;
  margin-right: 2px;
  position: relative;
  z-index: 100;
}
.single-sidebar__related .single-sidebar__related-products .item .discount-numb span {
  position: relative;
  z-index: 100;
}
.single-sidebar__related .single-sidebar__related-products .item .discount-numb:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 13px;
  background-color: #ef473a;
  border-radius: 2px;
  transform: rotate(42deg) scale(1.05);
  top: -3px;
  left: 3px;
  z-index: 90;
}
.single-sidebar__related .single-sidebar__related-products .item--discount .item__info-buying-price {
  padding-left: 10px;
}
.single-sidebar__related .single-sidebar__related-footer {
  display: flex;
  align-items: center;
  margin: 0 20px;
}
.single-sidebar__related .single-sidebar__related-footer .more-ajax {
  font-size: 15px;
  color: #f01919;
  font-weight: 600;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.single-sidebar__related .single-sidebar__related-footer .more-ajax i {
  font-size: 15px;
  color: #f01919;
  margin-left: 12px;
}
.single-sidebar__related .single-sidebar__related-footer .more-all {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-right: auto;
}
.single-sidebar__related .single-sidebar__related-footer .more-all i {
  font-size: 13px;
  color: #000000;
  margin-right: 10px;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-titles {
  background-color: #0c093e;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-name-fa {
  color: #c7c5ee;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-item--category {
  background-color: #070525;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-name-en {
  color: #c7c5ee;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-cat {
  color: #c7c5ee;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item .single-sidebar__info-titles-type {
  color: #c7c5ee;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-wiki {
  background-color: #0c093e;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-wiki p {
  color: #c7c5ee;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item:before {
  background-color: #070525;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item .title {
  color: #c7c5ee;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item .value {
  color: #c7c5ee;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-rates {
  background-color: #0c093e;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate {
  border-left: 1px solid #110f3f;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate:last-child {
  border-left: none;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate .rates {
  color: #c7c5ee;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-rates .single-sidebar__info-rate .title {
  color: #c7c5ee;
}
[data-theme=dark] .single-sidebar__info .single-sidebar__info-img .single-sidebar__info-logo {
  background-image: url(../img/curve-aside-img-dark.svg);
}
[data-theme=dark] .single-sidebar__rates {
  background: #0C093E;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .single-sidebar__rates-rate .rate {
  color: #F6F6F6;
}
[data-theme=dark] .single-sidebar__rates-rate .vote {
  color: #B0B0B0;
}
[data-theme=dark] .single-sidebar__rates-rate .vote span {
  color: #B0B0B0;
}
[data-theme=dark] .single-sidebar__rates-header .rate-title {
  color: #DCDCDC !important;
}
@media (max-width: 991px) {
  .single-sidebar__info .single-sidebar__info-titles {
    align-items: center;
    justify-content: space-between;
    position: relative;
    box-shadow: 0 5px 32px rgba(0, 0, 0, 0.09);
    margin-bottom: 9px;
    border-radius: 26px;
  }
  .single-sidebar__info .single-sidebar__info-titles .single-sidebar__info-titles-item {
    padding: 0px 21px 24px 21px;
  }
  .single-sidebar__info .single-sidebar__info-wiki {
    padding: 16px 21px 24px 21px;
  }
  .single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item .title {
    font-size: 12pt;
  }
  .single-sidebar__info .single-sidebar__info-wiki .single-sidebar__info-wiki-item .value {
    font-size: 12pt;
  }
}
.content {
  margin-bottom: 39px;
}
.content__title {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.content__title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
}
.content__title .content__title-name {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 13px;
  line-height: 37.2px;
}
.content__title .content__title-en {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
}
.content__content p {
  color: #000000;
  font-size: 16px;
  line-height: 35px;
  text-align: justify;
  font-weight: 500;
}
.content__content p[dir=rtl] {
  margin: 5px 0 !important;
  border-radius: 10px !important;
}
.content__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
.content__content table th {
  background-color: #f9f9f9;
  font-weight: bold;
  padding: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid transparent;
  text-align: center;
}
.content__content table td {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.content__content img {
  height: auto !important;
  border-radius: 20px !important;
}
.content__content a {
  color: #436edc !important;
}
.content__content a span {
  color: #436edc !important;
}
.content__content figure {
  margin-top: 38px;
  margin-bottom: 39px;
}
.content__content figure img {
  height: auto !important;
}
.content__content figure figcaption {
  color: #858585;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-top: 14px;
}
.content__content figure figcaption:before {
  content: "\e93b";
  font-family: "icomoon";
  font-size: 23px;
  color: #bcbcbc;
  margin-left: 15px;
}
.content__content hr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
  border: none;
}
.content__content hr:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 42px;
  width: 6px;
  height: 6px;
  border-radius: 60px;
  background-color: #fcc43f;
  box-shadow: -18px 0 0 0 #fe6e49, -36px 0 0 0 #d02154, -54px 0 0 0 #612b8d, -72px 0 0 0 #14a3bd, -90px 0 0 0 #89c736;
}
.content__content .separator-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
  margin-bottom: 35px;
}
.content__content .separator-circle span {
  width: 6px;
  height: 6px;
  border-radius: 60px;
  margin-left: 12px;
}
.content__content .separator-circle span:nth-of-type(1) {
  background-color: #fcc43f;
}
.content__content .separator-circle span:nth-of-type(2) {
  background-color: #fe6e49;
}
.content__content .separator-circle span:nth-of-type(3) {
  background-color: #d02154;
}
.content__content .separator-circle span:nth-of-type(4) {
  background-color: #612b8d;
}
.content__content .separator-circle span:nth-of-type(5) {
  background-color: #14a3bd;
}
.content__content .separator-circle span:nth-of-type(6) {
  background-color: #89c736;
}
.content__content .separator-circle span:nth-last-of-type(1) {
  margin-left: 0;
}
.content__content h1 {
  color: #000000;
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 20px;
}
.content__content h2 {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 23px;
  line-height: 27.9px;
}
.content__content h2:after {
  content: "";
  display: block;
  height: 1px;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
  margin-top: 26px;
}
.content__content h3 {
  color: #000000;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}
.content__content h4 {
  font-size: 19px;
  line-height: 30px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 20px;
}
.content__content h5 {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 20px;
}
.content__content h6 {
  font-size: 17px;
  line-height: 30px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 20px;
}
.content__content ul {
  margin-bottom: 20px;
}
.content__content ul li {
  color: #000000;
  font-size: 16px;
  line-height: 35px;
  display: flex;
  /* &:before {
     content: "\e90a";
     font-family: "icomoon";
     font-size: 10px;
     color: #000000;
     margin-left: 25px;
   }*/
}
.content__content ul li span {
  text-align: right;
  width: auto;
  height: auto;
  justify-content: center;
  display: contents;
}
.content__content ul li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.content__content ol {
  counter-reset: section;
  position: relative;
  margin-bottom: 20px;
}
.content__content ol li {
  color: #000000;
  font-size: 16px;
  position: relative;
  z-index: 100;
  margin-bottom: 10px;
  line-height: 35px;
  display: flex;
}
.content__content ol li:before {
  counter-increment: section;
  content: counter(section);
  display: inline-flex;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  min-width: 25px;
  margin-left: 15px;
}
.content__content ol li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.content__content ol li span {
  text-align: right;
  width: auto;
  height: auto;
  justify-content: center;
  display: contents;
}
.content__content ol:before {
  content: "";
  background-color: #f01919;
  position: absolute;
  top: -12px;
  bottom: -12px;
  right: 0;
  border-radius: 60px;
  width: 25px;
  z-index: 90;
}
.content__content .big-img figcaption {
  margin-right: 50vh;
}
.content__content .big-img img {
  width: 100%;
  border-radius: 20px;
}
.content__content blockquote {
  color: #646464;
  font-size: 14px;
  font-weight: 600;
  line-height: 41px;
  text-align: justify;
  padding-right: 47px;
  margin-bottom: 44px;
  position: relative;
}
.content__content blockquote cite {
  display: flex;
  align-items: center;
  font-style: normal;
  position: relative;
  margin-top: 22px;
}
.content__content blockquote cite img {
  margin-left: 18px;
}
.content__content blockquote cite:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #dfdfdf;
  right: 180px;
  left: 0;
  top: 19px;
}
.content__content blockquote:before {
  content: "\e92d";
  font-family: "icomoon";
  font-size: 17px;
  color: #f01919;
  position: absolute;
  right: 0;
  top: 2px;
}
.content__content blockquote:after {
  content: "\e92d";
  font-family: "icomoon";
  font-size: 17px;
  color: #e3e3e3;
  position: absolute;
  right: 0;
  bottom: 64px;
  transform: rotate(180deg);
}
.content__content span {
  text-align: right;
  width: auto;
  height: auto;
  justify-content: center;
  display: contents;
}
.content--blog {
  margin-bottom: 67px;
}
.content--blog .content__content .big-img {
  margin-left: -80vh;
  margin-right: -90vh;
}
[data-theme=dark] .content__content h3 {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content p {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content p span {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
[data-theme=dark] .content__content table th {
  background-color: #0C093E;
  border-color: #191737;
  color: #bbb9e1;
}
[data-theme=dark] .content__content table td {
  color: #bbb9e1;
  border-color: #191737;
}
[data-theme=dark] .content__content span {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content a {
  color: #436edc !important;
}
[data-theme=dark] .content__content a span {
  color: #436edc !important;
}
[data-theme=dark] .content__content ul li {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content ul li::before {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content ol li {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content h2 {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content h1 {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content h4 {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content h5 {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__content h6 {
  color: #c7c5ee !important;
}
[data-theme=dark] .content__title {
  border-bottom: 1px solid #1b1939;
}
[data-theme=dark] .content__title .content__title-name {
  color: #c7c5ee;
}
[data-theme=dark] .content__title .content__title-en {
  color: #c7c5ee;
}
[data-theme=dark] .content figure figcaption {
  color: #c7c5ee;
}
[data-theme=dark] .content figure figcaption::before {
  color: #c7c5ee;
}
[data-theme=dark] .content blockquote {
  color: #6c6aa0;
}
[data-theme=dark] .content blockquote cite {
  color: #bbb9e1;
}
[data-theme=dark] .content blockquote cite::before {
  border-bottom: 1px solid #110f3f;
}
[data-theme=dark] #mycontent h3, [data-theme=dark] #mycontent h2, [data-theme=dark] #mycontent h3, [data-theme=dark] #mycontent h4, [data-theme=dark] #mycontent h5, [data-theme=dark] #mycontent h6 {
  color: #c7c5ee !important;
}
[data-theme=dark] #mycontent p {
  color: #c7c5ee !important;
}
[data-theme=dark] #mycontent .custom-box {
  background-color: #070525 !important;
}
[data-theme=dark] .single-blog__content p {
  color: #c7c5ee !important;
}
[data-theme=dark] .single-blog__content p span {
  color: #c7c5ee !important;
}
[data-theme=dark] .single-blog__content span {
  color: #c7c5ee !important;
}
.single__content {
  margin-bottom: 39px;
}
.single__content__title {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.single__content__title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
}
.single__content__title .single__content__title-name {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 13px;
  line-height: 37.2px;
}
.single__content__title .single__content__title-en {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
}
.single__content__content p {
  color: #000000;
  font-size: 16px;
  line-height: 35px;
  text-align: justify;
  font-weight: 500;
}
.single__content__content p[dir=rtl] {
  margin: 5px 0 !important;
  border-radius: 10px !important;
}
.single__content__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
.single__content__content table th {
  background-color: #f9f9f9;
  font-weight: bold;
  padding: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid transparent;
  text-align: center;
}
.single__content__content table td {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.single__content__content img {
  height: auto !important;
  border-radius: 20px !important;
}
.single__content__content a {
  color: #436edc !important;
}
.single__content__content a span {
  color: #436edc !important;
}
.single__content__content figure {
  margin-top: 38px;
  margin-bottom: 39px;
}
.single__content__content figure img {
  height: auto !important;
}
.single__content__content figure figcaption {
  color: #858585;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-top: 14px;
}
.single__content__content figure figcaption:before {
  content: "\e93b";
  font-family: "icomoon";
  font-size: 23px;
  color: #bcbcbc;
  margin-left: 15px;
}
.single__content__content hr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
  border: none;
}
.single__content__content hr:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 42px;
  width: 6px;
  height: 6px;
  border-radius: 60px;
  background-color: #fcc43f;
  box-shadow: -18px 0 0 0 #fe6e49, -36px 0 0 0 #d02154, -54px 0 0 0 #612b8d, -72px 0 0 0 #14a3bd, -90px 0 0 0 #89c736;
}
.single__content__content .separator-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
  margin-bottom: 35px;
}
.single__content__content .separator-circle span {
  width: 6px;
  height: 6px;
  border-radius: 60px;
  margin-left: 12px;
}
.single__content__content .separator-circle span:nth-of-type(1) {
  background-color: #fcc43f;
}
.single__content__content .separator-circle span:nth-of-type(2) {
  background-color: #fe6e49;
}
.single__content__content .separator-circle span:nth-of-type(3) {
  background-color: #d02154;
}
.single__content__content .separator-circle span:nth-of-type(4) {
  background-color: #612b8d;
}
.single__content__content .separator-circle span:nth-of-type(5) {
  background-color: #14a3bd;
}
.single__content__content .separator-circle span:nth-of-type(6) {
  background-color: #89c736;
}
.single__content__content .separator-circle span:nth-last-of-type(1) {
  margin-left: 0;
}
.single__content__content h1 {
  color: #000000;
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 20px;
}
.single__content__content h2 {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 23px;
  line-height: 27.9px;
}
.single__content__content h2:after {
  content: "";
  display: block;
  height: 1px;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
  margin-top: 26px;
}
.single__content__content h3 {
  color: #000000;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}
.single__content__content h4 {
  font-size: 19px;
  line-height: 30px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 20px;
}
.single__content__content h5 {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 20px;
}
.single__content__content h6 {
  font-size: 17px;
  line-height: 30px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 20px;
}
.single__content__content ul {
  margin-bottom: 20px;
}
.single__content__content ul li {
  color: #000000;
  font-size: 16px;
  line-height: 35px;
  display: flex;
}
.single__content__content ul li:before {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 10px;
  color: #000000;
  margin-left: 25px;
}
.single__content__content ul li span {
  text-align: right;
  width: auto;
  height: auto;
  justify-content: center;
  display: contents;
}
.single__content__content ul li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.single__content__content ol {
  counter-reset: section;
  position: relative;
  margin-bottom: 20px;
}
.single__content__content ol li {
  color: #000000;
  font-size: 16px;
  position: relative;
  z-index: 100;
  margin-bottom: 10px;
  line-height: 35px;
  display: flex;
}
.single__content__content ol li:before {
  counter-increment: section;
  content: counter(section);
  display: inline-flex;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  min-width: 25px;
  margin-left: 15px;
}
.single__content__content ol li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.single__content__content ol li span {
  text-align: right;
  width: auto;
  height: auto;
  justify-content: center;
  display: contents;
}
.single__content__content ol:before {
  content: "";
  background-color: #f01919;
  position: absolute;
  top: -12px;
  bottom: -12px;
  right: 0;
  border-radius: 60px;
  width: 25px;
  z-index: 90;
}
.single__content__content .big-img figcaption {
  margin-right: 50vh;
}
.single__content__content .big-img img {
  width: 100%;
  border-radius: 20px;
}
.single__content__content blockquote {
  color: #646464;
  font-size: 14px;
  font-weight: 600;
  line-height: 41px;
  text-align: justify;
  padding-right: 47px;
  margin-bottom: 44px;
  position: relative;
}
.single__content__content blockquote cite {
  display: flex;
  align-items: center;
  font-style: normal;
  position: relative;
  margin-top: 22px;
}
.single__content__content blockquote cite img {
  margin-left: 18px;
}
.single__content__content blockquote cite:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #dfdfdf;
  right: 180px;
  left: 0;
  top: 19px;
}
.single__content__content blockquote:before {
  content: "\e92d";
  font-family: "icomoon";
  font-size: 17px;
  color: #f01919;
  position: absolute;
  right: 0;
  top: 2px;
}
.single__content__content blockquote:after {
  content: "\e92d";
  font-family: "icomoon";
  font-size: 17px;
  color: #e3e3e3;
  position: absolute;
  right: 0;
  bottom: 64px;
  transform: rotate(180deg);
}
.single__content__content span {
  text-align: right;
  width: auto;
  height: auto;
  justify-content: center;
  display: contents;
}
.single__content--blog {
  margin-bottom: 67px;
}
.single__content--blog .single__content__content .big-img {
  margin-left: -80vh;
  margin-right: -90vh;
}
[data-theme=dark] .single__content__content h3 {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content p {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content p span {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
[data-theme=dark] .single__content__content table th {
  background-color: #0C093E;
  border-color: #191737;
  color: #bbb9e1;
}
[data-theme=dark] .single__content__content table td {
  color: #bbb9e1;
  border-color: #191737;
}
[data-theme=dark] .single__content__content span {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content a {
  color: #436edc !important;
}
[data-theme=dark] .single__content__content a span {
  color: #436edc !important;
}
[data-theme=dark] .single__content__content ul li {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content ul li::before {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content ol li {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content h2 {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content h1 {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content h4 {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content h5 {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__content h6 {
  color: #c7c5ee !important;
}
[data-theme=dark] .single__content__title {
  border-bottom: 1px solid #1b1939;
}
[data-theme=dark] .single__content__title .single__content__title-name {
  color: #c7c5ee;
}
[data-theme=dark] .single__content__title .single__content__title-en {
  color: #c7c5ee;
}
[data-theme=dark] .single__content figure figcaption {
  color: #c7c5ee;
}
[data-theme=dark] .single__content figure figcaption::before {
  color: #c7c5ee;
}
[data-theme=dark] .single__content blockquote {
  color: #6c6aa0;
}
[data-theme=dark] .single__content blockquote cite {
  color: #bbb9e1;
}
[data-theme=dark] .single__content blockquote cite::before {
  border-bottom: 1px solid #110f3f;
}
.faq_content {
  padding: 23px 21px 42px 27px;
  background-color: #fff;
  box-shadow: 0px 0px 24px 13px rgba(0, 0, 0, 0.1);
  border-radius: 26px;
  margin-bottom: 21px;
  margin-top: 19px;
}
.faq_content__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}
.faq_content__header .faq_content__header-title_fa {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 18px;
  font-weight: 800;
  line-height: 53px;
  background-color: #fff;
  z-index: 1;
  padding-left: 8px;
}
.faq_content__header .faq_content__header-title_fa i {
  background-color: #ffce00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 30px;
  height: 30px;
  color: #000000;
  border: 1px solid #000;
  padding: 3px;
  margin-left: 12px;
  transform: scaleX(-1);
  font-size: 20px;
}
.faq_content__header .faq_content__header-title_en {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 18px;
  font-weight: 800;
  line-height: 53px;
  background-color: #fff;
  padding-right: 12px;
  z-index: 1;
}
.faq_content__header .faq_content__header-title_en i {
  background-color: #ffce00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 30px;
  height: 30px;
  color: #000000;
  border: 1px solid #000;
  padding: 3px;
  margin-left: 12px;
  transform: scaleX(-1);
  font-size: 20px;
}
.faq_content__header:before {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-color: #f1f1f1;
  z-index: 0;
  content: "";
}
.faq_content__header .faq_content__header-search {
  height: 50px;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  position: relative;
  max-width: 330px;
  width: 100%;
}
.faq_content__header .faq_content__header-search form {
  height: 100%;
  border-radius: 8px;
  width: 100%;
}
.faq_content__header .faq_content__header-search input {
  width: 100%;
  color: #000000;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  padding: 0 23px;
  height: 100%;
}
.faq_content__header .faq_content__header-search input::-moz-placeholder {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
}
.faq_content__header .faq_content__header-search input::placeholder {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
}
.faq_content__header .faq_content__header-search button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  padding: 0;
  background-color: #fff;
  left: 22px;
}
.faq_content__header .faq_content__header-search button i {
  font-size: 17px;
  color: #000000;
}
.faq_content__item {
  display: flex;
  flex-direction: column;
  background: #fefefe;
  box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  transition: 0.3s;
  justify-content: center;
  padding: 6.2px 30px;
  margin-bottom: 11px;
}
.faq_content__item .faq_content__item-ask {
  color: #252424;
  font-size: 16px;
  font-weight: 700;
  line-height: 29.45px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  margin-bottom: 0px;
  cursor: pointer;
}
.faq_content__item .faq_content__item-ask:before {
  content: "\e902";
  font-family: "icomoon";
  font-size: 13px;
  font-weight: 800;
  color: #ff4c4c;
  margin-left: 25px;
  transition: 0.2s;
}
.faq_content__item .faq_content__item-question {
  color: #444242;
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
  line-height: 26px;
  display: none;
}
.faq_content__item.active {
  padding-bottom: 34px;
}
.faq_content__item.active .faq_content__item-ask {
  margin-bottom: 31px;
}
.faq_content__item.active .faq_content__item-ask:before {
  transform: rotate(180deg);
}
.faq_content__item.active .faq_content__item-ask:after {
  transform: rotateX(180deg);
}
[data-theme=dark] .faq_content {
  background-color: #110f3f;
}
[data-theme=dark] .faq_content__header .faq_content__header-title_fa {
  color: #c7c5ee;
  background-color: #110f3f;
}
[data-theme=dark] .faq_content__header .faq_content__header-title_en {
  color: #c7c5ee;
  background-color: #110f3f;
}
[data-theme=dark] .faq_content__header .faq_content__header-search {
  border-color: #1b1939;
}
[data-theme=dark] .faq_content__header .faq_content__header-search input {
  color: #c7c5ee;
  background-color: transparent;
}
[data-theme=dark] .faq_content__header .faq_content__header-search input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .faq_content__header .faq_content__header-search input::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .faq_content__header .faq_content__header-search button {
  background-color: #110f3f;
}
[data-theme=dark] .faq_content__header .faq_content__header-search button i {
  color: #c7c5ee;
}
[data-theme=dark] .faq_content__item {
  background-color: #070525;
}
[data-theme=dark] .faq_content__item .faq_content__item-ask {
  color: #e9e9e9;
}
[data-theme=dark] .faq_content__item .faq_content__item-question {
  color: #b6b6b6;
}
@media (max-width: 850px) {
  .faq_content__header {
    margin-bottom: 18px;
  }
  .faq_content__header__item {
    display: flex;
    flex-direction: column;
    background: #fefefe;
    box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    transition: 0.3s;
    justify-content: center;
    padding: 4.2px 20px;
    margin-bottom: 11px;
  }
  .faq_content__header__item .faq_content__item-ask {
    font-size: 12px;
  }
  .faq_content__header__item .faq_content__item-question {
    font-size: 12px;
  }
}
.related-single {
  overflow: hidden;
}
.related-single__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 46px;
}
.related-single__header h2 {
  color: #000000;
  font-size: 27px;
  font-weight: 600;
  padding-left: 30px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
  background-color: #fff;
}
.related-single__header h2 img {
  margin-left: 25px;
}
.related-single__header .related-single__header-more {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  padding-right: 21px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
  background-color: #fff;
}
.related-single__header .related-single__header-more i {
  font-size: 12px;
  color: #000000;
  margin-right: 32px;
}
.related-single__header:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #d9d9d9;
  top: 16px;
  right: 0;
  left: 0;
  z-index: 90;
}
.related-single__swiper {
  padding: 25px;
  margin: -25px;
}
.product__big-horizontal {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.product__big-horizontal > a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
}
.product__big-horizontal .product__big-img img {
  height: 407px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.product__big-horizontal .product__big-info {
  position: absolute;
  bottom: 50px;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product__big-horizontal .product__big-info .product__big-info-title {
  color: #ffffff;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 12px;
}
.product__big-horizontal .product__big-info .product__big-info-title-en {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
}
.product__big-horizontal .product__big-info .product__big-info-buy {
  display: flex;
  height: 49px;
  border-radius: 60px;
  overflow: hidden;
}
.product__big-horizontal .product__big-info .product__big-info-buy .text {
  color: #ffffff;
  font-size: 19px;
  font-weight: 400;
  background-color: #f01919;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  position: relative;
  overflow: hidden;
}
.product__big-horizontal .product__big-info .product__big-info-buy .text:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #fff;
  transition: 0.3s;
  z-index: 90;
}
.product__big-horizontal .product__big-info .product__big-info-buy .text span {
  position: relative;
  z-index: 90;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.product__big-horizontal .product__big-info .product__big-info-buy .icon {
  font-size: 25px;
  color: #f01919;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  box-shadow: 0 7px 12px -3px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  position: relative;
  z-index: 100;
}
.product__big-horizontal .product__big-info .product__big-info-buy .icon:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #f01919;
  transition: 0.3s;
  z-index: 90;
}
.product__big-horizontal .product__big-info .product__big-info-buy .icon i {
  position: relative;
  left: 0;
  z-index: 1000;
  transition: 0.3s;
}
.product__big-horizontal .product__big-info .product__big-info-buy .icon span {
  position: absolute;
  opacity: 0;
  font-size: 19px;
  font-weight: 400;
  color: #f01919;
  transition: 0.3s;
  left: -40px;
  z-index: 10000;
}
.product__big-horizontal .logo {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/corner-curve.svg");
  background-repeat: no-repeat;
  width: 97px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 11px;
  padding-bottom: 15px;
}
.product__big-horizontal:before {
  content: "";
  position: absolute;
  top: 25px;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.86;
  transition: 0.3s;
  background-image: linear-gradient(to top, #000 26%, transparent 100%);
}
.product__big-horizontal:hover:before {
  top: -50px;
}
.product__big-horizontal:hover .product__big-info .product__big-info-buy .text span {
  opacity: 0;
  visibility: hidden;
}
.product__big-horizontal:hover .product__big-info .product__big-info-buy .text:before {
  width: 100%;
}
.product__big-horizontal:hover .product__big-info .product__big-info-buy .icon {
  box-shadow: 0 7px 12px -3px rgba(0, 0, 0, 0.5);
}
.product__big-horizontal:hover .product__big-info .product__big-info-buy .icon:before {
  width: 100%;
}
.product__big-horizontal:hover .product__big-info .product__big-info-buy .icon i {
  left: 61px;
}
.product__big-horizontal:hover .product__big-info .product__big-info-buy .icon span {
  left: 14px;
  color: #ffffff;
  opacity: 1;
}
.product--cart-empty .product__big-horizontal .logo {
  background-image: url("../img/corner-curve-cart-empty.svg");
}
.product--cart-empty .product__big-horizontal .product__big-img img {
  height: 484px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
[data-theme=dark] .related-single__header:before {
  border-bottom: 1px solid #110f3f;
}
[data-theme=dark] .related-single__header h2 {
  color: #c7c5ee;
  background-color: #09072c;
}
[data-theme=dark] .related-single__header .related-single__header-more {
  color: #c7c5ee;
  background-color: #09072c;
}
[data-theme=dark] .related-single__header .related-single__header-more i {
  color: #c7c5ee;
}
.comments {
  margin-bottom: 82px;
  padding-top: 58px;
  padding-bottom: 71px;
  background: #FEFEFE;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 18px;
}
.comments.mobile {
  display: none;
}
.comments__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 41px;
  position: relative;
  padding: 0 34px;
  z-index: 1;
}
.comments__header .comments__header-title {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-left: 10px;
  line-height: 35px;
  list-style: circle;
}
.comments__header .comments__header-count {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.comments__header .comments__header-count .count {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-left: 5px;
}
.comments__header .comments__header-count a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 35px;
  color: #fff;
  background-color: #436EDC;
  border-radius: 10px;
  padding: 10px 15px;
}
.comments__header .comments__header-count a i {
  margin-right: 15px;
  font-size: 20px;
  border-radius: 50%;
}
.comments__content {
  display: flex;
  flex-direction: column;
}
.comments__content ul {
  padding-right: 20px;
  padding-left: 34px;
}
.comments__content .comments__content-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 21px;
}
.comments__content .comments__content-item .comments__content-meta {
  margin-left: 31px;
  padding-top: 10px;
}
.comments__content .comments__content-item .comments__content-meta .comments__content-date {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comments__content .comments__content-item .comments__content-meta .comments__content-date .day {
  color: #8c8c8c;
  font-size: 17px;
  font-weight: 600;
  line-height: 13px;
  margin-bottom: 5px;
}
.comments__content .comments__content-item .comments__content-meta .comments__content-date .month {
  color: #8c8c8c;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.comments__content .comments__content-item .comments__content-meta .comments__content-date .year {
  color: #8c8c8c;
  font-size: 13px;
  font-weight: 600;
}
.comments__content .comments__content-item .comments__content-body {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 15px;
  box-shadow: 0 1px 2px rgba(0, 1, 1, 0.09);
  padding: 5px 29px 10px 36px;
  border: 1px solid #EAEAEA;
  border-radius: 25px;
  position: relative;
}
.comments__content .comments__content-item .comments__content-body-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #DFDFDF;
}
.comments__content .comments__content-item .comments__content-body-title .comments__content-like {
  display: flex;
  align-items: center;
  background-color: #FFE7E7;
  padding: 8.25px 10px;
  border-radius: 7px;
}
.comments__content .comments__content-item .comments__content-body-title .comments__content-like .icon {
  cursor: pointer;
  margin-left: 5px;
}
.comments__content .comments__content-item .comments__content-body-title .comments__content-like .icon i {
  font-size: 15px;
}
.comments__content .comments__content-item .comments__content-body-title .comments__content-like .icon i::before {
  color: #FD4242;
}
.comments__content .comments__content-item .comments__content-body-title .comments__content-like .count {
  color: #FD4242;
  font-size: 11px;
  font-weight: 700;
}
.comments__content .comments__content-item .comments__content-body .comments__content-name {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
}
.comments__content .comments__content-item .comments__content-body .comments__content-name .comments__content-name-avatar {
  border: 3px solid #CFCFCF;
  border-radius: 50%;
  margin-left: 20px;
}
.comments__content .comments__content-item .comments__content-body .comments__content-name .comments__content-name-avatar img {
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.comments__content .comments__content-item .comments__content-body .comments__content-name-text {
  display: flex;
  flex-direction: column;
}
.comments__content .comments__content-item .comments__content-body .comments__content-name-text small {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  color: #424242;
}
.comments__content .comments__content-item .comments__content-body .comments__content-name .name {
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  margin-left: 15px;
  line-height: 35px;
  padding-left: 20px;
  position: relative;
}
.comments__content .comments__content-item .comments__content-body .comments__content-name .date {
  padding-right: 20px;
}
.comments__content .comments__content-item .comments__content-body .comments__content-name .rule {
  color: #fbfbfb;
  font-size: 13px;
  font-weight: 600;
  background-color: #ef473a;
  height: 20px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  padding: 0 4px;
  padding-bottom: 2px;
}
.comments__content .comments__content-item .comments__content-body .comments__content-name .rule--buying {
  background-color: #17a404;
}
.comments__content .comments__content-item .comments__content-body .comments__content-text {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  line-height: 31px;
  text-align: justify;
  margin-bottom: 21px;
}
.comments__content .comments__content-item .comments__content-body .comments__content-text p {
  font-size: 14px;
  font-weight: 500;
  line-height: 35px;
  color: #5B5B5B;
}
.comments__content .comments__content-item .comments__content-body .comments__content-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comments__content .comments__content-item .comments__content-body .comments__content-footer .comments__content-reply {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36.47px;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 2px 2px rgba(0, 1, 1, 0.15);
  background-color: #f0f0f0;
  border-radius: 18.23px;
  padding: 0 29.3px;
}
.comments__content .comments__content-item .comments__content-body .comments__content-footer .comments__content-reply i {
  font-size: 10px;
  color: #000000;
  margin-right: 22px;
}
.comments__content .comments__content-item ul {
  width: 100%;
  padding-left: 0;
}
.comments__content .comments__content-item--reply {
  padding-right: 52px;
}
.comments__content .comments__content-item--reply .comments__content-body {
  position: relative;
  background-color: #F6F6F6;
}
.comments__content .comments__content-item--reply .comments__content-body::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -31px;
  width: 31px;
  height: 2px;
  background-color: #ECECEC;
  content: "";
}
.comments__content .comments__content-item--reply .comments__content-body:after {
  position: absolute;
  width: 2px;
  height: calc(50% + 17px);
  right: -31px;
  background-color: #ECECEC;
  content: "";
  top: -17px;
}
.comments__content .comments__content-more ul {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.comments__content .comments__content-more ul li {
  margin-left: 12px;
}
.comments__content .comments__content-more ul li:last-child {
  margin-left: 0;
}
.comments__content .comments__content-more ul li a i {
  color: #B8B8B8;
  font-size: 20px;
  transition: 0.2s;
  line-height: 31px;
}
.comments__content .comments__content-more ul li a span {
  border: 1px solid #CDCDCD;
  border-radius: 4px;
  color: #B8B8B8;
  font-size: 20px;
  line-height: 31px;
  font-weight: 700;
  padding: 0 12.61px;
  transition: 0.2s;
}
.comments__content .comments__content-more ul li a:hover i::before {
  color: #436EDC;
}
.comments__content .comments__content-more ul li a:hover span {
  background-color: #DCE3F4;
  color: #436EDC;
  border-color: #DCE3F4;
}
.comments__content .comments__content-more ul li.active a span {
  background-color: #DCE3F4;
  color: #436EDC;
  border-color: #DCE3F4;
}
.comments__content .comments__content-form {
  display: flex;
  margin-top: 35px;
}
.comments__content .comments__content-form .comments__content-avatar {
  margin-left: 31px;
  padding-top: 10px;
}
.comments__content .comments__content-form .comments__content-textarea {
  box-shadow: 0 1px 2px rgba(0, 1, 1, 0.09);
  background-color: #fbfbfb;
  border-radius: 10px;
  padding: 0 30px;
  padding-top: 29px;
  padding-bottom: 32px;
  flex-grow: 1;
}
.comments__content .comments__content-form .comments__content-textarea .comments__content-textarea-header {
  color: #5e5e5e;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 25px;
}
.comments__content .comments__content-form .comments__content-textarea .comments__content-textarea-header .name {
  font-weight: 600;
  color: #000000;
}
.comments__content .comments__content-form .comments__content-textarea textarea {
  width: 100%;
  background-color: #fbfbfb;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  resize: none;
  display: block;
  border: none;
  padding-right: 8px;
  background: url(../img/comentbg.png) 0 3px;
  margin-bottom: 25px;
  line-height: 34px;
}
.comments__content .comments__content-form .comments__content-textarea textarea::-moz-placeholder {
  color: #cdcdcd;
  font-size: 18px;
  font-weight: 400;
}
.comments__content .comments__content-form .comments__content-textarea textarea::placeholder {
  color: #cdcdcd;
  font-size: 18px;
  font-weight: 400;
}
.comments__content .comments__content-form .comments__content-textarea .comments__content-form-btn {
  height: 43px;
  box-shadow: 0 2px 2px rgba(0, 1, 1, 0.15);
  background-color: #16a40b;
  color: #fbfbfb;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 0 17px;
  border-radius: 5px;
}
.comments__content .comments__content-form .comments__content-textarea .comments__content-form-btn i {
  font-size: 10px;
  color: #fbfbfb;
  margin-right: 47px;
}
[data-theme=dark] .comments {
  background: #0C093E;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body {
  border-color: #3D3D3D;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-body-title {
  border-color: #3D3D3D;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-name:before {
  background-color: #3a3678;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-name span {
  color: #ffffff;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-name small {
  color: #C2C2C2;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-name .name {
  color: #ffffff;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-like {
  background-color: #313131;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body p {
  color: #ffffff;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-footer .comments__content-like .title {
  color: #c7c5ee;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-footer .comments__content-like .count {
  background-color: #555192;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-footer .comments__content-like .icon i {
  color: #555192;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-footer .comments__content-reply {
  color: #c7c5ee;
  background-color: #292467;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-body .comments__content-footer .comments__content-reply i {
  color: #555192;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-meta .comments__content-date .day {
  color: #535091;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-meta .comments__content-date .month {
  color: #535091;
}
[data-theme=dark] .comments__content .comments__content-item .comments__content-meta .comments__content-date .year {
  color: #535091;
}
[data-theme=dark] .comments__content .comments__content-item--reply .comments__content-body {
  background-color: #050426;
}
[data-theme=dark] .comments__content .comments__content-item--reply .comments__content-body::before {
  background-color: #3D3D3D;
}
[data-theme=dark] .comments__content .comments__content-item--reply .comments__content-body::after {
  background-color: #3D3D3D;
}
[data-theme=dark] .comments__content .comments__content-more .comments__content-more-ajax {
  color: #c7c5ee;
}
[data-theme=dark] .comments__content .comments__content-more ul li a span {
  background-color: transparent;
  color: #E8E8E8;
  border-color: #3D3D3D;
  transition: 0.2s;
}
[data-theme=dark] .comments__content .comments__content-more ul li a:hover span {
  background-color: #0B056D;
  border-color: #0B056D;
}
[data-theme=dark] .comments__content .comments__content-more .comments__content-more-count {
  color: #6562ac;
}
[data-theme=dark] .comments__content .comments__content-form .comments__content-textarea .comments__content-textarea-header {
  color: #0b082f;
}
[data-theme=dark] .comments__content .comments__content-form .comments__content-textarea .comments__content-textarea-header .name {
  color: #c7c5ee;
}
[data-theme=dark] .comments__content .comments__content-form .comments__content-textarea {
  background-color: #0b082f;
}
[data-theme=dark] .comments__content .comments__content-form .comments__content-textarea textarea {
  color: #c7c5ee;
  background: url("../img/comentbg2.png") 0 3px;
}
[data-theme=dark] .comments__content .comments__content-item--reply i {
  color: #08f908;
}
[data-theme=dark] .comments__header .comments__header-title {
  color: #F2F2F2;
}
[data-theme=dark] .comments__header .comments__header-title i {
  color: #08f908;
}
[data-theme=dark] .comments__header .comments__header-count {
  color: #ffffff;
}
[data-theme=dark] .comments__header .comments__header-count .count {
  color: #ffffff;
}
.forms .forms__header-title {
  text-align: right;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.forms .forms__header-title h4 {
  line-height: 50px;
}
.forms .forms__header-title p {
  line-height: 30px;
}
.forms .forms__headerimage {
  padding-bottom: 50px;
}
.forms .forms__content {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.44);
  border-radius: 20px;
  margin: 50px 0px;
  padding-top: 30px;
  padding-bottom: 60px;
  padding-right: 30px;
  padding-left: 30px;
}
.forms .forms__content .forms__content-header {
  width: 100%;
  display: flex;
  padding-bottom: 20px;
}
.forms .forms__content .forms__content-header .forms__content-body-title {
  display: inline-flex;
  width: 50%;
  font-size: 20px;
}
.forms .forms__content .forms__content-header .forms__content-body-describe {
  text-align: left;
  display: inline-flex;
  width: 50%;
  text-align: center;
  font-size: 12px;
  color: #828282;
}
.forms .forms__content .forms__content-body {
  width: 100%;
}
.forms .forms__content .forms__content-body .form-group {
  display: flex;
}
.forms .forms__content .forms__content-body input {
  overflow: visible;
  display: inline-flex;
  width: 47%;
  padding: 10px;
  background-color: #eaeaea;
  margin: 10px;
  border-radius: 13px;
}
.forms .forms__content .forms__content-body button {
  display: block;
  padding: 10px;
  background-color: #9900ff;
  border-radius: 13px;
  color: #fff;
  position: absolute;
  left: 54px;
  width: 288px;
  margin-top: 45px;
  text-align: center;
  height: 50px;
}
[data-theme=dark] .forms .forms__header-title {
  color: #fff;
}
[data-theme=dark] .forms .forms__header-title h4 {
  color: #fff;
  line-height: 50px;
}
[data-theme=dark] .forms .forms__header-title p {
  color: #fff;
  line-height: 30px;
}
[data-theme=dark] .forms .forms__headerimage {
  padding-bottom: 50px;
}
[data-theme=dark] .forms .forms__content {
  box-shadow: 0px 10px 30px rgba(252, 249, 249, 0.44);
  background: #0c093e;
}
[data-theme=dark] .forms .forms__content .forms__content-header .forms__content-body-title {
  color: #fff;
}
[data-theme=dark] .forms .forms__content .forms__content-header .forms__content-body-describe {
  color: #fff;
}
[data-theme=dark] .forms .forms__content .forms__content-body input {
  background-color: #000;
}
.zamandar {
  background-image: url("../img/zamandar_back.svg");
  display: flex;
  padding: 50px;
  align-items: center;
  justify-content: start;
}
.zamandar__photo {
  box-shadow: 0px 0px 4.59px 4.41px rgba(0, 0, 0, 0.11);
  height: 232px;
  width: 232px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 18px;
  margin-left: 15px;
}
.zamandar__photo-title {
  -o-object-fit: contain;
     object-fit: contain;
  height: 60px;
  margin: 0px 40px;
}
.zamandar__details {
  background-color: rgba(0, 0, 0, 0.17);
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  height: 232px;
}
.zamandar__details__title {
  margin: 0px 90px;
  font-size: 16px;
  color: white;
  font-weight: 400;
  margin-bottom: 40px;
}
.zamandar__details__time {
  margin-bottom: 40px;
}
.zamandar__details__time__number {
  font-size: 20px;
  color: white;
  font-weight: 700;
}
.zamandar__details__time__number span {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 3px;
}
.zamandar__details__time__word {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: white;
  font-weight: 400;
}
.zamandar__details__button {
  background-color: #fff112;
  border-radius: 0px 0px 14px 14px;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  width: 100%;
  color: black;
  font-weight: 500;
}
.zamandar__details__button :last-child {
  font-weight: 400;
  font-size: 14px;
}
/* blog-single */
.aside-blog {
  position: sticky;
  position: -webkit-sticky;
  top: 0; /* required */
}
.aside-blog__img {
  margin-bottom: 47px;
}
.aside-blog__img figure {
  position: relative;
}
.aside-blog__img figure > img {
  position: relative;
  z-index: 100;
}
.aside-blog__img figure .shadow {
  position: absolute;
  top: 13px;
  bottom: 0;
  right: 10px;
  left: 11px;
  z-index: 90;
  filter: blur(10px);
}
.aside-blog__title {
  margin-bottom: 53px;
}
.aside-blog__title h2 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
.aside-blog__info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 51px;
}
.aside-blog__info .aside-blog__info-grid {
  flex: 1 0 50%;
}
.aside-blog__info .aside-blog__info-grid .aside-blog__info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 31px;
}
.aside-blog__info .aside-blog__info-grid .aside-blog__info-item .name {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.aside-blog__info .aside-blog__info-grid .aside-blog__info-item i {
  color: #000000;
  width: 20px;
  display: flex;
  justify-content: center;
}
.aside-blog__info .aside-blog__info-grid .aside-blog__info-item i.icon-profile {
  font-size: 17px;
}
.aside-blog__info .aside-blog__info-grid .aside-blog__info-item i.icon-hour {
  font-size: 19px;
}
.aside-blog__info .aside-blog__info-grid .aside-blog__info-item i.icon-statistics {
  font-size: 15px;
}
.aside-blog__info .aside-blog__info-grid .aside-blog__info-item i.icon-calender {
  font-size: 19px;
}
.aside-blog__info .aside-blog__info-grid .aside-blog__info-item i.icon-cat {
  font-size: 16px;
}
.aside-blog__info .aside-blog__info-grid .aside-blog__info-item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.aside-blog__info .aside-blog__info-grid:nth-of-type(1) {
  padding-left: 26px;
  border-left: 1px solid #e6e6e6;
}
.aside-blog__info .aside-blog__info-grid:nth-of-type(2) {
  padding-right: 26px;
}
.aside-blog__rates {
  background-color: #17a404;
  border-radius: 10px;
  padding: 0 30px;
  padding-top: 31px;
  padding-bottom: 32px;
  margin-bottom: 40px;
}
.aside-blog__rates .aside-blog__rates-rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}
.aside-blog__rates .aside-blog__rates-rate .aside-blog__rates-rating {
  display: flex;
  align-items: center;
}
.aside-blog__rates .aside-blog__rates-rate .aside-blog__rates-rating .item {
  margin-left: 21px;
  cursor: pointer;
}
.aside-blog__rates .aside-blog__rates-rate .aside-blog__rates-rating .item i {
  font-size: 25px;
  color: #ffffff;
  transition: 0.3s;
}
.aside-blog__rates .aside-blog__rates-rate .aside-blog__rates-rating .item:nth-last-of-type(1) {
  margin-left: 0;
}
.aside-blog__rates .aside-blog__rates-rate .aside-blog__rates-rating .item:hover i {
  color: #cbffc4;
}
.aside-blog__rates .aside-blog__rates-rate .aside-blog__rates-numb {
  color: #ffffff;
  font-size: 42px;
  font-weight: 600;
  line-height: 40px;
}
.aside-blog__rates .aside-blog__rates-vote {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.aside-blog__rates .aside-blog__rates-vote .title {
  color: #cbffc4;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  z-index: 100;
  background-color: #17a404;
  padding-left: 19px;
}
.aside-blog__rates .aside-blog__rates-vote .vote {
  color: #cbffc4;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  z-index: 100;
  background-color: #17a404;
  padding-right: 17px;
}
.aside-blog__rates .aside-blog__rates-vote .vote__numb {
  color: #ffffff;
}
.aside-blog__rates .aside-blog__rates-vote:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 11px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 90;
}
.aside-blog__related .aside-blog__related-img {
  margin-bottom: 27px;
}
.aside-blog__related .aside-blog__related-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 15px;
  margin-bottom: 19px;
}
.aside-blog__related .aside-blog__related-title .aside-blog__related-title-fa .title {
  color: #000000;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 4px;
}
.aside-blog__related .aside-blog__related-title .aside-blog__related-title-fa .title-cat {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
}
.aside-blog__related .aside-blog__related-title .aside-blog__related-title-en {
  text-align: left;
}
.aside-blog__related .aside-blog__related-title .aside-blog__related-title-en .title {
  color: #000000;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 4px;
}
.aside-blog__related .aside-blog__related-title .aside-blog__related-title-en .title-cat {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
}
.aside-blog__related .aside-blog__related-info {
  margin-bottom: 20px;
}
.aside-blog__related .aside-blog__related-info .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.aside-blog__related .aside-blog__related-info .item__title {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
}
.aside-blog__related .aside-blog__related-info .item__value {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
}
.aside-blog__related .aside-blog__related-info .item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.aside-blog__related .aside-blog__related-wiki {
  background-color: #000000;
  display: inline-flex;
  align-items: center;
  height: 26px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 60px;
  padding: 0 12px;
}
.aside-blog__related .aside-blog__related-wiki i {
  font-size: 9px;
  color: #ffffff;
  margin-left: 17px;
}
.aside-blog:before {
  content: "";
  position: absolute;
  left: -35px;
  width: 30px;
  top: 80px;
  bottom: 110px;
  box-shadow: -13px 0px 21px -14px rgba(0, 0, 0, 0.3);
}
/* panel */
.header-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.header-panel__home {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
}
.header-panel__home img {
  margin-left: 17px;
}
.header-panel .header-panel__nav {
  display: flex;
  align-items: center;
}
.header-panel .header-panel__nav li {
  color: #7b7b7b;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-left: 20px;
  transition: 0.3s;
}
.header-panel .header-panel__nav li:after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 60px;
  background-color: #d9d9d9;
  margin-right: 20px;
}
.header-panel .header-panel__nav li:last-child {
  margin-left: 0;
}
.header-panel .header-panel__nav li:last-child:after {
  display: none;
}
.header-panel .header-panel__nav li:hover {
  color: #f31212;
}
[data-theme=dark] .header-panel .header-panel__nav li {
  color: #908dd3;
}
[data-theme=dark] .header-panel .header-panel__nav li:after {
  background-color: #1f1c53;
}
[data-theme=dark] .header-panel .header-panel__nav li a::after {
  color: #c7c5ee;
}
.panel-menu {
  display: none;
}
.mask-shadow {
  display: none;
}
.aside-panel__close {
  display: none;
}
.aside-panel__info .aside-panel__info-image {
  z-index: 1;
}
.aside-panel__info .aside-panel__info-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  z-index: 1;
}
.aside-panel__info .aside-panel__info-avatar img {
  width: 104px;
  height: 104px;
  border-radius: 50%;
}
.aside-panel__info .aside-panel__info-user {
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  border-radius: 21px;
  padding: 15px 102.5px 15px 21px;
  margin-right: -81.5px;
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 0;
}
.aside-panel__info .aside-panel__info-personal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.aside-panel__info .aside-panel__info-personal .aside-panel__info-name {
  color: #000000;
  font-size: 18.21px;
  font-weight: 600;
}
.aside-panel__info .aside-panel__info-personal .aside-panel__info-phone {
  color: #000000;
  font-size: 15.4px;
  font-weight: 600;
}
.aside-panel__info .aside-panel__info-wallet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 21px;
  padding: 10px 20px;
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  border-radius: 21px;
}
.aside-panel__info .aside-panel__info-wallet .aside-panel__info-title {
  color: #000000;
  font-size: 16.35px;
  font-weight: 600;
}
.aside-panel__info .aside-panel__info-wallet .aside-panel__info-price {
  color: #4ab82d;
  font-size: 22.53px;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-decoration: none;
  letter-spacing: -1.56px;
}
.aside-panel__info .aside-panel__info-wallet .aside-panel__info-price .unit {
  color: #000000;
  font-size: 12.71px;
  font-weight: 600;
  letter-spacing: 0;
  margin-right: 7px;
}
.aside-panel__info .aside-panel__info-rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  padding: 10px 20px;
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  border-radius: 21px;
}
.aside-panel__info .aside-panel__info-rate .aside-panel__info-rate-number {
  color: #000;
  font-size: 22.53px;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-decoration: none;
  letter-spacing: -1.56px;
}
.aside-panel__info .aside-panel__info-wallet-increment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: #5ed040;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  border-radius: 21px;
  margin-bottom: 21px;
}
.aside-panel__info .aside-panel__info-wallet-increment .aside-panel__info-wallet-add {
  color: #000000;
  font-size: 14.22px;
  font-weight: 800;
  display: flex;
  align-items: center;
  line-height: 31px;
}
.aside-panel__info .aside-panel__info-wallet-increment .aside-panel__info-wallet-add i {
  font-size: 10px;
  color: #5ed040;
  background-color: #fff;
  width: 18.93px;
  height: 18.93px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 14px;
}
.aside-panel__info .aside-panel__info-wallet-increment .aside-panel__info-wallet-return {
  color: #706e6e;
  font-size: 14px;
  font-weight: 600;
}
.aside-panel__menu ul li {
  margin-bottom: 4px;
  max-width: 269px;
  margin: 0px auto 4px;
}
.aside-panel__menu ul li a {
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  border-radius: 21px;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 14.79px;
  font-weight: 800;
  padding: 0 56px 0 21px;
  height: 51px;
  position: relative;
  transition: 0.3s;
  width: 100%;
}
.aside-panel__menu ul li a i {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  margin-left: 18px;
  transition: 0.3s;
}
.aside-panel__menu ul li a.active {
  color: #f01919;
}
.aside-panel__menu ul li a.active:before {
  height: 100%;
}
.aside-panel__menu ul li a.active:after {
  color: #f01919;
}
.aside-panel__menu ul li a.active i {
  color: #f01919;
}
.aside-panel__menu ul li a.ticket .ticket__numb {
  height: 21px;
  background-color: #f01919;
  color: #ffffff;
  font-size: 19px;
  font-weight: 400;
  border-radius: 60px;
  display: flex;
  align-items: center;
  padding: 0 9px;
  margin-right: auto;
  margin-left: 11px;
}
.aside-panel__menu ul li a.ticket:after {
  margin-right: 0;
}
.aside-panel__menu ul li:last-child a {
  border-bottom: none;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-user {
  background-color: #0d0b32;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-personal .aside-panel__info-name {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-personal .aside-panel__info-phone {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-wallet {
  background-color: #0d0b32;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-wallet .aside-panel__info-title {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-wallet .aside-panel__info-price {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-wallet .aside-panel__info-price .unit {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-rate {
  background-color: #0d0b32;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-rate .aside-panel__info-title {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-rate .aside-panel__info-rate-number {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__info .aside-panel__info-rate .aside-panel__info-rate-number .unit {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__menu ul li a {
  color: #c7c5ee;
  background-color: #0d0b32;
}
[data-theme=dark] .aside-panel__menu ul li a i {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__menu ul li a::after {
  color: #c7c5ee;
}
[data-theme=dark] .aside-panel__menu ul li a.active, [data-theme=dark] .aside-panel__menu ul li a:hover {
  color: #fff;
  background-color: #09072c;
}
[data-theme=dark] .aside-panel__menu ul li a.active i, [data-theme=dark] .aside-panel__menu ul li a:hover i {
  color: #f01919;
}
[data-theme=dark] .aside-panel__menu ul li a.active::after, [data-theme=dark] .aside-panel__menu ul li a:hover::after {
  color: #f01919;
}
.notification {
  display: flex;
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  height: 72px;
  padding: 0 26px 0 33px;
  margin-bottom: 20px;
}
.notification__title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 25px;
  margin-left: 24px;
  white-space: nowrap;
}
.notification__title i {
  font-size: 22px;
  color: #f01919;
  margin-left: 12px;
}
.notification__title:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  bottom: -4px;
  border-left: 1px solid #dbdbdb;
}
.notification__desc {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-left: auto;
  margin-left: 20px;
}
.notification__link {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-left: 20px;
  opacity: 1;
  transition: 0.3s;
}
.notification__link i {
  font-size: 14px;
  color: #000000;
  margin-right: 9px;
}
.notification__link:hover {
  opacity: 0.7;
}
.notification__close {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  opacity: 1;
  transition: 0.3s;
  white-space: nowrap;
  margin-right: auto;
}
.notification__close i {
  font-size: 9px;
  color: #000000;
  margin-right: 11px;
  transition: 0.3s;
}
.notification__close:hover {
  opacity: 0.7;
  color: #86615f;
}
.notification__close:hover i {
  color: #86615f;
}
.notification--style-2 {
  height: 66px;
  margin-bottom: 12px;
}
.notification--style-2 .notification__title {
  padding-left: 0;
  margin-left: 0;
}
.notification--style-2 .notification__title i {
  margin-left: 0;
}
.notification--style-2 .notification__title:before {
  display: none;
}
.notification--style-2 .notification__close {
  font-size: 12px;
}
.notification--style-2 .notification__close i {
  font-size: 9px;
}
.notification--style-3 {
  height: 66px;
  border: none;
  margin-bottom: 12px;
  padding: 0;
}
.notification--style-3 .notification__wrapper {
  border: 1px solid #dbdbdb;
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 0 26px 0 33px;
  border-radius: 10px;
  height: 100%;
  margin-left: 10px;
}
.notification--style-3 .notification__wrapper .notification__title {
  padding-left: 0;
  margin-left: 0;
}
.notification--style-3 .notification__wrapper .notification__title i {
  margin-left: 0;
}
.notification--style-3 .notification__wrapper .notification__title:before {
  display: none;
}
.notification--style-3 .notification__close {
  border: 1px solid #dbdbdb;
  height: 100%;
  border-radius: 10px;
  padding: 0 30px;
  font-size: 12px;
}
.notification--style-3 .notification__close i {
  font-size: 9px;
  margin-right: 16px;
}
.notification.success .notification__title {
  margin-left: 22px;
}
.notification.success .notification__title i {
  color: #17a404;
}
[data-theme=dark] .notification-cart {
  border: 1px solid #110f3f;
}
[data-theme=dark] .notification-cart__title {
  color: #c7c5ee;
}
[data-theme=dark] .notification-cart__title::before {
  border-color: #110f3f;
  color: #c7c5ee;
}
[data-theme=dark] .notification-cart__info .notification-cart__info-desc {
  color: #c7c5ee;
}
[data-theme=dark] .notification-cart__info .notification-cart__info-button .link {
  color: #c7c5ee;
}
[data-theme=dark] .notification-cart__info .notification-cart__info-button .link i {
  color: #c7c5ee;
}
[data-theme=dark] .notification-cart__info .notification-cart__info-button .close {
  color: #c7c5ee;
}
[data-theme=dark] .notification-cart__info .notification-cart__info-button .close i {
  color: #c7c5ee;
}
[data-theme=dark] .notification {
  background-color: #0d0b32;
  border: 1px solid #18164d;
}
[data-theme=dark] .notification__title {
  color: #c7c5ee;
}
[data-theme=dark] .notification__title::before {
  border-left: 1px solid #18164d;
}
[data-theme=dark] .notification__desc {
  color: #c7c5ee;
}
[data-theme=dark] .notification__link {
  color: #c7c5ee;
}
[data-theme=dark] .notification__link i {
  color: #c7c5ee;
}
[data-theme=dark] .notification__close {
  color: #c7c5ee;
}
[data-theme=dark] .notification__close i {
  color: #c7c5ee;
}
[data-theme=dark] .notification--style-3 {
  background-color: transparent;
  border-color: transparent;
}
[data-theme=dark] .notification--style-3 .notification__wrapper {
  border-color: #18164d;
}
[data-theme=dark] .notification--style-3 .notification__close {
  border-color: #18164d;
}
.my-buy {
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 40px;
}
.my-buy__order {
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  border-radius: 21px;
  padding: 17px 27px 38px 22px;
}
.my-buy__header {
  color: #000000;
  font-size: 18.21px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 33px;
}
.my-buy__header i {
  font-size: 27px;
  color: #0690cf;
  margin-left: 12px;
}
.my-buy__info table.defult-table {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.my-buy__info table.defult-table thead tr td {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 15px;
}
.my-buy__info table.defult-table tbody tr:nth-child(even) {
  background-color: #f6f8f9;
}
.my-buy__info table.defult-table tbody tr:nth-child(4n+3) {
  background-color: #f6f8f9;
}
.my-buy__info table.defult-table tbody tr td {
  border-left: 1px solid #e8e8e8;
}
.my-buy__info table.defult-table tbody tr td:first-child {
  border-right: 1px solid #e8e8e8;
}
.my-buy__info table.defult-table .item {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e8e8e8;
  font-family: Yekan Bakh ExtraExpanded;
}
.my-buy__info table.defult-table .item--number {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
}
.my-buy__info table.defult-table .item--price .price {
  font-size: 16px;
  color: #000000;
  font-weight: 600;
  text-decoration: none;
  margin-left: 1px;
}
.my-buy__info table.defult-table .item--price .unit {
  font-size: 12px;
  color: #000000;
  font-weight: 600;
}
.my-buy__info table.defult-table .item--status {
  color: #17a404;
}
.my-buy__info table.defult-table .item--show a {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.my-buy__info table.defult-table .item--show a i {
  font-size: 13px;
  color: #000000;
  margin-right: 15px;
  transition: 0.3s;
  transform: rotate(0);
  display: inline-block;
}
.my-buy__info table.defult-table .item--show a:hover {
  color: #f01919;
}
.my-buy__info table.defult-table .item--show a:hover i {
  color: #f01919;
}
.my-buy__info table.defult-table .item--show.active a i {
  transform: rotate(90deg);
}
.my-buy__info table.defult-table .item__discount {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  height: 17px;
  background-color: #ef473a;
  border-radius: 20px;
  width: 39px;
  letter-spacing: -0.53px;
  justify-content: center;
}
.my-buy__info table.defult-table .item__discount i {
  font-size: 9px;
  color: #ffffff;
  margin-right: 2px;
}
.my-buy__info table.defult-table .item__copy {
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  width: 205px;
}
.my-buy__info table.defult-table .item__copy-code {
  width: 154px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  justify-content: center;
}
.my-buy__info table.defult-table .item__copy-icon {
  width: 51px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  border-right: 1px solid #d9d9d9;
  cursor: pointer;
}
.my-buy__info table.defult-table .item__copy-icon i {
  font-size: 17px;
  color: #000000;
}
.my-buy__info table.defult-table .item .license-key {
  color: #1271ff;
  display: flex;
  align-items: center;
  line-height: 15px;
  justify-content: center;
  cursor: pointer;
}
.my-buy__info table.defult-table .item .license-key i {
  margin-right: 10px;
  font-size: 13px;
  cursor: pointer;
  margin-top: -12px;
}
.my-buy__info table.defult-table .item .license-key--dont-show {
  color: #323232;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 15px;
  transform: translateY(7px);
}
.my-buy__info table {
  width: 100%;
  margin-bottom: 30px;
}
.my-buy__info__head__item {
  background-color: #0690cf;
}
.my-buy__info__head__item:first-child {
  border-radius: 0px 21px 21px 0px;
}
.my-buy__info__head__item:last-child {
  border-radius: 21px 0px 0px 21px;
}
.my-buy__info__head__item:nth-child(1) {
  padding-right: 12px;
}
.my-buy__info__head__item:last-child {
  padding-left: 28px;
}
.my-buy__info__head__item span {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
  align-items: center;
  text-align: center;
}
.my-buy__info__body {
  margin-bottom: 20px;
}
.my-buy__info__body__list {
  margin-bottom: 6px;
  padding: 0;
}
.my-buy__info__body__list__item {
  padding: 0px 0px 4px 0px;
  position: relative;
  overflow-x: clip;
  margin: 2px 0;
}
.my-buy__info__body__list__item:first-child {
  overflow-x: visible;
}
.my-buy__info__body__list__item:first-child span,
.my-buy__info__body__list__item:first-child a {
  border-radius: 0px 21px 21px 0px;
}
.my-buy__info__body__list__item:nth-child(1) span,
.my-buy__info__body__list__item:nth-child(1) a {
  padding-right: 12px;
}
.my-buy__info__body__list__item:nth-last-child(2) span,
.my-buy__info__body__list__item:nth-last-child(2) a {
  border-radius: 21px 0px 0px 21px;
  z-index: 1;
}
.my-buy__info__body__list__item:nth-last-child(2) span:after,
.my-buy__info__body__list__item:nth-last-child(2) a:after {
  content: unset;
}
.my-buy__info__body__list__item:last-child {
  overflow-x: visible;
}
.my-buy__info__body__list__item:last-child span,
.my-buy__info__body__list__item:last-child a {
  box-shadow: none;
  z-index: 0;
  padding: 16px 14px;
  text-align: left;
  background-color: #ff0000;
  border-radius: 21px;
  margin-right: -50px;
  display: block;
  height: 49px;
}
.my-buy__info__body__list__item:last-child span:after,
.my-buy__info__body__list__item:last-child a:after {
  content: unset;
}
.my-buy__info__body__list__item span,
.my-buy__info__body__list__item a {
  box-shadow: 0px 0px 10.66px 2.34px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: relative;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  padding-top: 0;
  text-align: center;
  max-height: 73px;
  height: 65.98px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-buy__info__body__list__item span.item--price .price,
.my-buy__info__body__list__item a.item--price .price {
  font-size: 16px;
  color: #000000;
  font-weight: 600;
  text-decoration: none;
  margin-left: 1px;
}
.my-buy__info__body__list__item span.item--price .unit,
.my-buy__info__body__list__item a.item--price .unit {
  font-size: 12px;
  color: #000000;
  font-weight: 600;
}
.my-buy__info__body__list__item span::after,
.my-buy__info__body__list__item a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 2px;
  height: 85%;
  background-color: #d3d3d3;
  content: "";
}
.my-buy__info__body__list__item .operate {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  transition: 0.3s;
}
.my-buy__info__body__list__item .operate i {
  font-size: 12px;
  color: #fff;
  margin-right: 10px;
  position: relative;
  top: 2px;
  transition: 0.3s;
}
.my-buy__info__body__list__item .delete {
  color: #f01919;
  padding: 0 14px;
}
.my-buy__info__body__list__item a.ticket-title {
  opacity: 1;
  transition: 0.3s;
}
.my-buy__info__body__list__item a.ticket-title:hover {
  opacity: 0.6;
}
.my-buy__info__body__list.back-switch .my-buy__info__body__list__item span,
.my-buy__info__body__list.back-switch .my-buy__info__body__list__item a {
  background-color: #eaeaea;
  box-shadow: none;
}
.my-buy__info__body__list.back-switch .my-buy__info__body__list__item:last-child span,
.my-buy__info__body__list.back-switch .my-buy__info__body__list__item:last-child a {
  background-color: #ff0000;
}
.my-buy__info--wallet-report table tbody tr:nth-child(4n+3) {
  background-color: #fff;
}
.my-buy__info.mobile {
  display: none;
}
.my-buy__info.mobile .mobile_table__body {
  margin-bottom: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  border-radius: 21px;
  padding: 25px 20px 22px 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-column-gap: 3.5px;
  -moz-column-gap: 3.5px;
       column-gap: 3.5px;
  grid-row-gap: 9px;
  row-gap: 9px;
  position: relative;
  z-index: 2;
}
.my-buy__info.mobile .mobile_table__body__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 39px;
  background-color: #fff;
  padding: 0 12px 0 14px;
  position: relative;
  flex: calc(50% - 3.5px);
  max-width: calc(50% - 3.5px);
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  border-radius: 19.5px;
}
.my-buy__info.mobile .mobile_table__body__list.title {
  flex: 0 0 100%;
  max-width: 100%;
}
.my-buy__info.mobile .mobile_table__body__list a {
  font-size: 14px;
  white-space: nowrap;
  z-index: 1;
}
.my-buy__info.mobile .mobile_table__body__list a.operate {
  display: inline-block;
  background-color: #ff0000;
  color: #fff;
  width: 137px;
  text-align: center;
  border-radius: 17px;
  line-height: 39px;
}
.my-buy__info.mobile .mobile_table__body__list a.operate i {
  font-size: 11px;
  margin-right: 15px;
}
.my-buy__info.mobile .mobile_table__body__list span {
  z-index: 1;
  background-color: #fff;
  padding-right: 20px;
  white-space: nowrap;
  font-size: 16px;
  display: block;
  line-height: 39px;
  color: #000000;
}
.my-buy__info.mobile .mobile_table__body__list span:first-child {
  padding-right: 0;
  color: #6b6b6b;
  line-height: 39px;
  padding-left: 20px;
  background-color: #fff;
  font-size: 12px;
}
.my-buy__info.mobile .mobile_table__body__list:last-child {
  padding-left: 0;
}
.my-buy__info.mobile .mobile_table__body.back-switch {
  background-color: #ececec;
  box-shadow: none;
}
.my-buy__info.mobile .mobile_table__body.back-switch .mobile_table__body__list {
  background-color: #ffffff;
}
.my-buy__info.mobile .mobile_table__body.back-switch .mobile_table__body__list span {
  background-color: #ffffff;
}
.my-buy__info.mobile .mobile_table__body.back-switch .mobile_table__footer__list {
  background-color: #ececec;
}
.my-buy__info.mobile .mobile_table__footer .item-drop-down {
  display: none;
}
.my-buy__info.mobile .mobile_table__footer__list {
  padding-left: 0px;
  padding-right: 20px;
  background-color: #fff;
  justify-content: flex-end;
  margin-top: 6px;
  padding-left: 0;
  line-height: 37px;
  text-align: left;
}
.my-buy__info.mobile .mobile_table__footer__list span {
  color: #000000;
  margin-left: 8px;
  background-color: transparent;
  width: unset;
}
.my-buy__info.mobile .mobile_table__footer__list a {
  display: inline-block;
  background-color: #ff0000;
  color: #fff;
  width: 137px;
  text-align: center;
  border-radius: 17px;
  line-height: 37px;
}
.my-buy__info.mobile .mobile_table__footer__list a i {
  font-size: 11px;
  margin-right: 15px;
}
.my-buy__top-item {
  display: grid;
  grid-template-columns: 265.64px 281.01px 226.01px;
  align-items: flex-end;
  margin-bottom: 31px;
  justify-content: space-between;
}
.my-buy__top-item__value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 72%;
}
.my-buy__top-item .bootstrap-select .dropdown-toggle {
  border: none;
  border-radius: 21px;
  background-color: #ececec;
  line-height: 45.77px;
  height: 45.77px;
  font-size: 15px;
  color: #858484;
}
.my-buy__top-item .bootstrap-select .dropdown-toggle .filter-option {
  text-align: right;
}
.my-buy__top-item .bootstrap-select .dropdown-toggle:before {
  color: #858484;
}
.my-buy__top-item span.title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  display: inline-block;
}
.my-buy__top-item .input {
  margin-bottom: 0;
  min-width: 282px;
  border: none;
  border-radius: 21px;
  background-color: #ececec;
  line-height: 45.77px;
  height: 45.77px;
  font-size: 15px;
  color: #858484;
  display: flex;
  align-items: center;
}
.my-buy__top-item .input input {
  background-color: transparent;
  border: none;
  border-radius: 21px;
  padding-left: 0;
  font-size: 15px;
}
.my-buy__top-item .input button {
  border-radius: 21px;
  max-width: 81px;
}
.my-buy__top-item .input.search {
  min-width: 220px;
}
.my-buy__top-item .input.search button {
  background-color: transparent;
  width: unset;
  padding: 0 0 0 15px;
}
.my-buy__top-item .input.search button i {
  color: #1d99d2;
  font-size: 26px;
  line-height: 45.77px;
}
.my-buy__top-item .button {
  margin: 0;
  height: 45.77px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.license-show-input.active {
  padding: 0 !important;
}
.remove-marginBootstrapSelect.bootstrap-select {
  margin-bottom: 0 !important;
}
.panel-license__image img {
  width: 58px;
  height: 58px;
  -o-object-fit: cover;
     object-fit: cover;
}
.panel-license__content {
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
.panel-license__content__label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 3px;
}
.panel-license__content__label label {
  font-size: 11.87px;
  color: #000;
  margin-left: 9px;
  margin-bottom: 0;
}
.panel-license__content__label_input {
  width: 295px;
  background-color: #fff;
  border-radius: 13.79px;
  height: 27.57px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 100px;
  margin-left: 2px;
}
.panel-license__content__label_input input {
  background-color: transparent;
  line-height: 27.57px;
  max-width: 73px;
  color: #8b8b8b;
}
.panel-license__content__label_input i {
  color: #8b8b8b;
  font-size: 15.47px;
  cursor: pointer;
}
.panel-license__content__label_input.active input {
  max-width: 100%;
  text-align: center;
  padding: 0px !important;
}
.panel-license__content__label_input.active > i {
  display: none;
}
.panel-license__content__label a {
  width: 61px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #068fce;
  font-size: 11.87px;
  border-radius: 13.79px;
  color: #fff;
}
.panel-license__content__label a i {
  margin-right: 5px;
  font-size: 11px;
  color: #fff;
}
.panel-license__close {
  margin-right: auto;
}
.panel-license__close a {
  width: 71px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5ed040;
  color: #fff;
  border-radius: 13.79px;
  font-size: 11.87px;
}
.panel-license__action {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 7px;
}
.panel-license__action ul {
  grid-row-gap: 7px;
  row-gap: 7px;
}
.pagination {
  display: flex;
  align-items: center;
  padding-right: 16px;
  margin-bottom: 23px;
  justify-content: center;
}
.pagination .item {
  color: #000000;
  font-size: 17px;
  font-weight: 600;
  border-radius: 4px;
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.pagination .item.active {
  background-color: #f01919;
  color: #ffffff;
}
.pagination .item:not(.active):hover {
  color: #f01919;
}
.last-td {
  text-align: left;
  display: flex;
  justify-content: flex-end;
  padding-left: 30px;
}
[data-theme=dark] .my-buy {
  background-color: transparent;
}
[data-theme=dark] .my-buy__order {
  background-color: #0d0b32;
}
[data-theme=dark] .my-buy__header {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__header i {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info table.defult-table .item {
  color: #c7c5ee;
  border-color: #18164d;
}
[data-theme=dark] .my-buy__info table.defult-table .item--status {
  color: #17a404;
}
[data-theme=dark] .my-buy__info table.defult-table .item .license-key--dont-show {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info table.defult-table .item--show a {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info table.defult-table .item--show a i {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info table.defult-table .item--price .price {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info table.defult-table .item--price .unit {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info table.defult-table tbody tr:nth-child(even) {
  background-color: #0d0b32;
}
[data-theme=dark] .my-buy__info table.defult-table tbody tr:nth-child(4n+3) {
  background-color: #0d0b32;
}
[data-theme=dark] .my-buy__info table.defult-table tbody tr td {
  border-left: 1px solid #18164d;
}
[data-theme=dark] .my-buy__info table.defult-table tbody tr td:first-child {
  border-right: 1px solid #18164d;
}
[data-theme=dark] .my-buy__info table.defult-table thead tr td {
  color: #c7c5ee;
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .my-buy__info__body__list__item span,
[data-theme=dark] .my-buy__info__body__list__item a {
  background-color: #0d0b32;
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info__body__list__item span:after,
[data-theme=dark] .my-buy__info__body__list__item a:after {
  background-color: #18164d;
}
[data-theme=dark] .my-buy__info__body__list__item span.item--price .price,
[data-theme=dark] .my-buy__info__body__list__item a.item--price .price {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info__body__list__item span.item--price .unit,
[data-theme=dark] .my-buy__info__body__list__item a.item--price .unit {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info__body__list__item:last-child span,
[data-theme=dark] .my-buy__info__body__list__item:last-child a {
  background-color: #ff0000;
  color: #fff;
}
[data-theme=dark] .my-buy__info__body__list.back-switch .my-buy__info__body__list__item span,
[data-theme=dark] .my-buy__info__body__list.back-switch .my-buy__info__body__list__item a {
  background-color: #070525 !important;
}
[data-theme=dark] .my-buy__info__body__list.back-switch .my-buy__info__body__list__item:last-child span,
[data-theme=dark] .my-buy__info__body__list.back-switch .my-buy__info__body__list__item:last-child a {
  background-color: #ff0000 !important;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__body {
  background-color: #070525;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__body__list {
  background-color: #0d0b32;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__body__list span,
[data-theme=dark] .my-buy__info.mobile .mobile_table__body__list a {
  background-color: #0d0b32;
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__body__list:last-child span {
  background-color: #0d0b32;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__body__list:last-child a {
  background-color: #ff0000;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__body__list:last-child a:after {
  content: unset;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__body.back-switch .mobile_table__body__list {
  background-color: #070525;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__body.back-switch .mobile_table__body__list span,
[data-theme=dark] .my-buy__info.mobile .mobile_table__body.back-switch .mobile_table__body__list a {
  background-color: #070525;
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__body .mobile_table__footer__list {
  background-color: transparent;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__footer__list {
  background-color: transparent;
}
[data-theme=dark] .my-buy__info.mobile .mobile_table__footer__list span {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__top-item .input {
  background-color: #18164d;
}
[data-theme=dark] .my-buy__top-item .bootstrap-select .dropdown-toggle {
  background-color: #18164d;
}
[data-theme=dark] .my-buy .panel-license__content__label label {
  color: #c7c5ee;
}
[data-theme=dark] .pagination .item {
  color: #c7c5ee;
}
.favorites {
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 21px;
}
.favorites__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  padding-top: 34px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e8e8e8;
}
.favorites__head .favorites__head-title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.favorites__head .favorites__head-title i {
  font-size: 22px;
  color: #000000;
  margin-left: 19px;
}
.favorites__head .favorites__head-remove-list {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: 0.3s;
  cursor: pointer;
}
.favorites__head .favorites__head-remove-list i {
  font-size: 22px;
  color: #000000;
  margin-right: 19px;
  transition: 0.3s;
}
.favorites__head .favorites__head-remove-list:hover {
  color: #f01919;
}
.favorites__head .favorites__head-remove-list:hover i {
  color: #f01919;
}
.favorites__lists .favorites__lists-item {
  display: flex;
  align-items: center;
  padding: 29px 29px 33px 30px;
  border-bottom: 1px solid #e8e8e8;
}
.favorites__lists .favorites__lists-item .favorites__lists-img {
  margin-left: 28px;
}
.favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-title {
  color: #000000;
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 20px;
}
.favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-meta {
  display: flex;
  align-items: center;
}
.favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-meta .item {
  display: flex;
  flex-direction: column;
  margin-left: 34px;
}
.favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-meta .item__title {
  color: #848484;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 3px;
}
.favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-meta .item__value {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
}
.favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-meta .item:nth-last-of-type(1) {
  margin-left: 0;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy {
  margin-right: auto;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 15px;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-price .discount-favorites {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  height: 17px;
  background-color: #ef473a;
  border-radius: 60px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  margin-left: 8px;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-price .discount-favorites i {
  font-size: 9px;
  color: #ffffff;
  margin-right: 2px;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-price .price {
  color: #000000;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  margin-left: 4px;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-price .unit {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-operate {
  display: flex;
  align-items: center;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-operate .favorites__lists-remove {
  cursor: pointer;
  width: 100px;
  height: 41px;
  border: 1px solid #e3e3e3;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  transition: 0.3s;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-operate .favorites__lists-remove i {
  font-size: 20px;
  color: #f01919;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-operate .favorites__lists-remove:hover {
  background-color: #e3e3e3;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-operate .favorites__lists-add-cart {
  cursor: pointer;
  width: 120px;
  height: 41px;
  background-color: #17a404;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: 0.3s;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-operate .favorites__lists-add-cart i {
  font-size: 20px;
  color: #ffffff;
}
.favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-operate .favorites__lists-add-cart:hover {
  opacity: 0.8;
}
.favorites__lists .favorites__lists-item:nth-last-of-type(1) {
  border-bottom: none;
}
.favorites__lists .favorites__lists-item--unavailable .favorites__lists-buy .favorites__lists-price {
  color: #929292;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 18px;
}
.favorites__lists .favorites__lists-item--unavailable .favorites__lists-buy .favorites__lists-operate .favorites__lists-add-cart {
  background-color: #cdcdcd;
}
[data-theme=dark] .favorites {
  background-color: #070525;
}
[data-theme=dark] .favorites__head {
  border-bottom: 1px solid #18164d;
  background-color: #0d0b32;
}
[data-theme=dark] .favorites__head .favorites__head-title {
  color: #c7c5ee;
}
[data-theme=dark] .favorites__head .favorites__head-title i {
  color: #c7c5ee;
}
[data-theme=dark] .favorites__head .favorites__head-remove-list {
  color: #c7c5ee;
}
[data-theme=dark] .favorites__head .favorites__head-remove-list i {
  color: #c7c5ee;
}
[data-theme=dark] .favorites__lists {
  background-color: #0d0b32;
}
[data-theme=dark] .favorites__lists .favorites__lists-item {
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-title {
  color: #c7c5ee;
}
[data-theme=dark] .favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-meta .item__title {
  color: #6f6cab;
}
[data-theme=dark] .favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-meta .item__value {
  color: #c7c5ee;
}
[data-theme=dark] .favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-operate .favorites__lists-remove {
  border-color: transparent;
  background-color: #110e3c;
}
[data-theme=dark] .favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-price .price {
  color: #c7c5ee;
}
[data-theme=dark] .favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-price .unit {
  color: #c7c5ee;
}
[data-theme=dark] .favorites__lists .favorites__lists-item--unavailable .favorites__lists-buy .favorites__lists-operate .favorites__lists-add-cart {
  background-color: #110e3c;
}
[data-theme=dark] .favorites__lists .favorites__lists-item--unavailable .favorites__lists-buy .favorites__lists-price {
  color: #c7c5ee;
}
.my-accounts {
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 21px;
  overflow: hidden;
}
.my-accounts__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  padding: 33px 32px 32px 29px;
}
.my-accounts__head .my-accounts__head-title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.my-accounts__head .my-accounts__head-title i {
  font-size: 20px;
  color: #000000;
  margin-left: 22px;
}
.my-accounts__head .my-accounts__head-add-account a {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.my-accounts__head .my-accounts__head-add-account a i {
  font-size: 22px;
  color: #000000;
  margin-right: 18px;
  transition: 0.3s;
}
.my-accounts__head .my-accounts__head-add-account a:hover {
  color: #f01919;
}
.my-accounts__head .my-accounts__head-add-account a:hover i {
  color: #f01919;
}
.my-accounts__list .my-accounts__list-item {
  display: flex;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 100px;
  border-bottom: 1px solid #e8e8e8;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-logo {
  margin-left: 10px;
  width: 50px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-left: 10px;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-logo img {
  max-width: 40px;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-logo:before {
  position: absolute;
  content: "";
  top: -8px;
  left: 0;
  bottom: -8px;
  width: 1px;
  background-color: #e8e8e8;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-info {
  display: flex;
  align-items: center;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-info .my-accounts__list-title {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-info .my-accounts__list-address {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-right: auto;
  direction: ltr;
  text-align: left;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-info--full {
  flex: 0 0 calc(100% - 60px);
  max-width: calc(100% - 60px);
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-status {
  font-weight: 600;
  margin-right: auto;
  display: flex;
  align-items: center;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-status--success {
  color: #17a404;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-status--danger {
  color: #f01919;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-remove {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  border-right: 1px solid #e8e8e8;
  cursor: pointer;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-remove i {
  font-size: 20px;
  color: #f01919;
  opacity: 1;
  transition: 0.3s;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-remove i.icon-arrow-left {
  font-size: 16px;
  color: #f01919;
}
.my-accounts__list .my-accounts__list-item .my-accounts__list-remove:hover i {
  opacity: 0.6;
}
.my-accounts__list .my-accounts__list-item--yahoo .my-accounts__list-info {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.my-accounts__list .my-accounts__list-item--yahoo .my-accounts__list-remove {
  width: 80px;
}
.my-accounts__list .my-accounts__list-item:nth-last-of-type(1) {
  border-bottom: none;
}
[data-theme=dark] .my-accounts {
  background-color: #0d0b32;
}
[data-theme=dark] .my-accounts__head {
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .my-accounts__head .my-accounts__head-title {
  color: #c7c5ee;
}
[data-theme=dark] .my-accounts__head .my-accounts__head-title i {
  color: #c7c5ee;
}
[data-theme=dark] .my-accounts__head .my-accounts__head-add-account a {
  color: #c7c5ee;
}
[data-theme=dark] .my-accounts__head .my-accounts__head-add-account a i {
  color: #c7c5ee;
}
[data-theme=dark] .my-accounts__list .my-accounts__list-item {
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .my-accounts__list .my-accounts__list-item .my-accounts__list-logo:before {
  background-color: #18164d;
}
[data-theme=dark] .my-accounts__list .my-accounts__list-item .my-accounts__list-remove {
  border-right: 1px solid #18164d;
}
[data-theme=dark] .my-accounts__list .my-accounts__list-info .my-accounts__list-title {
  color: #c7c5ee;
}
[data-theme=dark] .my-accounts__list .my-accounts__list-info .my-accounts__list-address {
  color: #c7c5ee;
}
[data-theme=dark] .my-accounts__list .my-accounts__list-item--yahoo .my-accounts__list-info {
  color: #c7c5ee;
}
.panel-add-account {
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  border-radius: 21px;
  padding: 17px 27px 28px 22px;
}
.panel-add-account__header {
  color: #000000;
  font-size: 18.21px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 23px;
}
.panel-add-account__header i {
  font-size: 27px;
  color: #0690cf;
  margin-left: 12px;
}
.panel-add-account__form form {
  width: 100%;
}
.panel-add-account__form form .row {
  justify-content: space-between;
  align-items: center;
}
.panel-add-account__form form .bootstrap-select .dropdown-toggle {
  border-radius: 21px;
  background-color: #ececec;
  line-height: 45.77px;
  height: 45.77px;
  font-size: 15px;
}
.panel-add-account__form form .bootstrap-select .dropdown-toggle .filter-option {
  text-align: right;
}
.panel-add-account__form form .bootstrap-select .dropdown-toggle:before {
  color: #858484;
}
.panel-add-account__form form button {
  margin-right: auto;
  display: block;
  margin-top: 20px;
}
.panel-add-account__form form .check {
  margin-top: 25px;
}
[data-theme=dark] .panel-add-account {
  background-color: #0d0b32;
}
[data-theme=dark] .panel-add-account__header {
  color: #c7c5ee;
}
[data-theme=dark] .panel-add-account__header i {
  color: #c7c5ee;
}
[data-theme=dark] .panel-add-account__form form .bootstrap-select .dropdown-toggle {
  background-color: #18164d;
}
@media (max-width: 768px) {
  .panel-add-account__form form button {
    margin-left: 0;
  }
}
.tickets {
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 21px;
}
.tickets__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 34px 30px 32px 30px;
}
.tickets__head .tickets__head-title {
  display: flex;
  align-items: center;
  color: #0690cf;
  font-size: 19.2px;
  font-weight: 600;
}
.tickets__head .tickets__head-title img {
  width: 30px;
  margin-left: 21px;
}
.tickets__head .tickets__head-search form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.16);
  border-radius: 16.5px;
  max-height: 33px;
  padding: 7px 18px 7px 12px;
  min-width: 320px;
}
.tickets__head .tickets__head-search form input {
  background-color: transparent;
  line-height: 33px;
  border: none;
  font-size: 15.64px;
  color: #b2b2b2;
  width: 100%;
}
.tickets__head .tickets__head-search form input::-moz-placeholder {
  color: #b2b2b2;
}
.tickets__head .tickets__head-search form input::placeholder {
  color: #b2b2b2;
}
.tickets__head .tickets__head-search form input:focus {
  outline: none;
}
.tickets__head .tickets__head-search form button {
  background-color: transparent;
  border: none;
  font-size: 19px;
  color: #0690cf;
  height: 33px;
  line-height: 17px;
  font-weight: 700;
}
.tickets__head .tickets__head-add-ticket {
  color: #000000;
  font-size: 15.64px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.tickets__head .tickets__head-add-ticket i {
  font-size: 14px;
  color: #0690cf;
  margin-right: 18px;
  transition: 0.3s;
  border: 3px solid #000000;
  border-radius: 50%;
  padding: 4px;
  line-height: 13px;
}
.tickets__head .tickets__head-add-ticket:hover {
  color: #f01919;
}
.tickets__head .tickets__head-add-ticket:hover i {
  color: #f01919;
}
.tickets__info {
  width: 100%;
}
.tickets__info table {
  width: 100%;
  margin-bottom: 30px;
}
.tickets__info__head__item {
  background-color: #0690cf;
}
.tickets__info__head__item:first-child {
  border-radius: 0px 21px 21px 0px;
}
.tickets__info__head__item:last-child {
  border-radius: 21px 0px 0px 21px;
}
.tickets__info__head__item:nth-child(1) {
  padding-right: 30px;
}
.tickets__info__head__item:last-child {
  padding-left: 50px;
}
.tickets__info__head__item span {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
  align-items: center;
}
.tickets__info__body {
  margin-bottom: 20px;
}
.tickets__info__body__list {
  margin-bottom: 6px;
  padding: 0;
}
.tickets__info__body__list__item {
  padding: 0;
  position: relative;
  overflow-x: clip;
}
.tickets__info__body__list__item:first-child {
  overflow-x: visible;
}
.tickets__info__body__list__item:first-child span,
.tickets__info__body__list__item:first-child a {
  border-radius: 0px 21px 21px 0px;
}
.tickets__info__body__list__item:nth-child(1) span,
.tickets__info__body__list__item:nth-child(1) a {
  padding-right: 30px;
}
.tickets__info__body__list__item:nth-last-child(2) span,
.tickets__info__body__list__item:nth-last-child(2) a {
  border-radius: 21px 0px 0px 21px;
  z-index: 1;
}
.tickets__info__body__list__item:last-child {
  overflow-x: visible;
}
.tickets__info__body__list__item:last-child span,
.tickets__info__body__list__item:last-child a {
  box-shadow: none;
  z-index: 0;
  padding: 16px 14px;
  text-align: left;
  background-color: #ff0000;
  border-radius: 21px;
  margin-right: -50px;
  display: block;
  height: 49px;
}
.tickets__info__body__list__item span,
.tickets__info__body__list__item a {
  padding-left: 30px;
  box-shadow: 0px 0px 10.66px 2.34px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: relative;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  padding-top: 0;
  margin-bottom: 4px;
  max-height: 73px;
  height: 65.98px;
  display: flex;
  align-items: center;
}
.tickets__info__body__list__item span i,
.tickets__info__body__list__item a i {
  margin-left: 5px;
  font-size: 16px;
  color: red;
}
.tickets__info__body__list__item .operate {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  transition: 0.3s;
}
.tickets__info__body__list__item .operate i {
  font-size: 12px;
  color: #fff;
  margin-right: 20px;
  position: relative;
  top: 2px;
  transition: 0.3s;
}
.tickets__info__body__list__item .status--answer {
  color: #17a404;
}
.tickets__info__body__list__item .status--close {
  color: #8b8b8b;
}
.tickets__info__body__list__item .status--pending {
  color: #f01919;
}
.tickets__info__body__list__item a.ticket-title {
  opacity: 1;
  transition: 0.3s;
}
.tickets__info__body__list__item a.ticket-title:hover {
  opacity: 0.6;
}
.tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item span,
.tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item a {
  background-color: #eaeaea;
  box-shadow: none;
}
.tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item:last-child span,
.tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item:last-child a {
  background-color: #ff0000;
}
.tickets_mobile {
  display: none;
}
[data-theme=dark] .tickets {
  background-color: #0d0b32;
}
[data-theme=dark] .tickets__head {
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .tickets__head .tickets__head-title {
  color: #c7c5ee;
}
[data-theme=dark] .tickets__head .tickets__head-title i {
  color: #c7c5ee;
}
[data-theme=dark] .tickets__head .tickets__head-add-ticket {
  color: #c7c5ee;
}
[data-theme=dark] .tickets__head .tickets__head-add-ticket i {
  color: #c7c5ee;
}
[data-theme=dark] .tickets__info table thead td {
  color: #c7c5ee;
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .tickets__info table thead td:nth-child(1) {
  color: #c7c5ee;
}
[data-theme=dark] .tickets__info table tbody tr td {
  color: #c7c5ee;
  border-bottom: 1px solid #18164d;
}
[data-theme=dark] .tickets__info table tbody tr td.status--pending {
  color: #f01919;
}
[data-theme=dark] .tickets__info table tbody tr td.status--answer {
  color: #17a404;
}
[data-theme=dark] .tickets__info table tbody tr td.status--close {
  color: #544f6e;
}
[data-theme=dark] .tickets__info table tbody tr td.operate i {
  color: #c7c5ee;
}
[data-theme=dark] .tickets__info__body__list__item .status--answer {
  color: #17a404;
}
[data-theme=dark] .tickets__info__body__list__item .status--close {
  color: #8b8b8b;
}
[data-theme=dark] .tickets__info__body__list__item .status--pending {
  color: #f01919;
}
[data-theme=dark] .tickets__info__body__list__item:last-child span,
[data-theme=dark] .tickets__info__body__list__item:last-child a {
  background-color: #ff0000;
}
[data-theme=dark] .tickets__info__body__list__item span,
[data-theme=dark] .tickets__info__body__list__item a {
  background-color: #0d0b32;
  color: #c7c5ee;
}
[data-theme=dark] .tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item .status--answer {
  color: #17a404;
}
[data-theme=dark] .tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item .status--close {
  color: #8b8b8b;
}
[data-theme=dark] .tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item .status--pending {
  color: #f01919;
}
[data-theme=dark] .tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item span,
[data-theme=dark] .tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item a {
  background-color: #070525;
  color: #c7c5ee;
}
[data-theme=dark] .tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item:last-child span,
[data-theme=dark] .tickets__info__body__list:nth-child(2n) .tickets__info__body__list__item:last-child a {
  background-color: #ff0000;
}
.back-panel {
  display: none;
}
.recent-ticket-btn {
  display: none;
}
.close-recent-ticket {
  display: none;
}
.ticket__item {
  box-shadow: 0px 0px 10.66px 2.34px rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  margin-bottom: 13px;
  border-radius: 16.5px;
  max-width: 764px;
  overflow: hidden;
}
.ticket__item .ticket__item-head {
  background-color: #0690cf;
  border-radius: 16.5px 16.5px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 46px;
  padding-left: 23px;
  padding-right: 28px;
}
.ticket__item .ticket__item-head .ticket__item-name {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.ticket__item .ticket__item-head .ticket__item-date {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.ticket__item .ticket__item-body {
  padding: 26px 28px 23px;
}
.ticket__item .ticket__item-body p {
  color: #515151;
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
  line-height: 22px;
}
.ticket__item .ticket__item-footer a {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  float: left;
  padding-left: 7px;
}
.ticket__item .ticket__item-footer a i {
  font-size: 19px;
  color: #f01919;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background-color: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 17px;
}
.ticket__item--answer {
  margin-right: 110px;
}
.ticket__item--answer .ticket__item-head {
  background-color: #d6d6d6;
}
.ticket__item--answer .ticket__item-head .ticket__item-name {
  color: #000;
}
.ticket__item--answer .ticket__item-head .ticket__item-date {
  color: #000;
}
[data-theme=dark] .ticket .ticket__item--answer {
  border: 1px solid #18164d;
}
[data-theme=dark] .ticket .ticket__item--answer .ticket__item-head {
  background-color: #18164d;
}
[data-theme=dark] .ticket__item {
  border: unset;
  background-color: #0d0b32;
}
[data-theme=dark] .ticket__item .ticket__item-head .ticket__item-name {
  color: #c7c5ee;
}
[data-theme=dark] .ticket__item .ticket__item-head .ticket__item-date {
  color: #c7c5ee;
}
[data-theme=dark] .ticket__item .ticket__item-body p {
  color: #c7c5ee;
}
[data-theme=dark] .ticket__item .ticket__item-footer a {
  color: #c7c5ee;
}
[data-theme=dark] .ticket__item .ticket__item-footer i {
  background-color: #161246;
}
.aside-ticket {
  margin-bottom: 20px;
}
.aside-ticket__back-ticket {
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
  background-color: #d6d6d6;
  border-radius: 16.5px;
  width: 100%;
  padding: 11.77px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 19px;
  transition: 0.3s;
}
.aside-ticket__back-ticket i {
  font-size: 15px;
  font-weight: 600;
  margin-right: 15px;
  transition: 0.3s;
}
.aside-ticket__back-ticket i:before {
  color: #000000;
}
.aside-ticket__back-ticket:hover {
  color: #f01919;
}
.aside-ticket__back-ticket:hover i {
  color: #f01919;
}
.aside-ticket__info {
  margin-bottom: 27px;
}
.aside-ticket__info .aside-ticket__info-current {
  box-shadow: 0px 0px 10.66px 2.34px rgba(0, 0, 0, 0.16);
  border-radius: 16.5px;
  padding: 13px;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 {
  margin-bottom: 14px;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 .aside-ticket__info-title {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 .aside-ticket__info-title .code {
  display: flex;
  align-items: center;
  height: 28px;
  background-color: #f01919;
  border-radius: 14px;
  color: #ffffff;
  font-size: 16.33px;
  font-weight: 400;
  padding: 0px 12px;
  padding-top: 2px;
  margin-left: 13px;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 .aside-ticket__info-title .title {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 {
  display: flex;
  flex-direction: column;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status .title {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-left: 4px;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status .value {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 4px;
  margin-bottom: 4px;
  width: 100%;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item:last-child {
  border-bottom: none;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item__value {
  color: #646464;
  font-size: 14px;
  font-weight: 600;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item__name {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item:nth-last-of-type(1) {
  margin-left: 0;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-3 {
  padding: 0 22px;
  padding-bottom: 13px;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-3 .item a {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-3 .item a .item__name {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-right: 24px;
}
.aside-ticket__recent {
  background-color: #fff;
  box-shadow: 0px 0px 10.66px 2.34px rgba(0, 0, 0, 0.16);
  border-radius: 16.5px;
  margin-bottom: 9px;
}
.aside-ticket__recent > .title {
  text-align: center;
  background-color: #979797;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: -5px;
  border-radius: 16.5px 16.5px 0px 0px;
  line-height: 29px;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item {
  padding: 13px 13px 16px;
  display: block;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-title .code {
  display: flex;
  align-items: center;
  height: 28px;
  background-color: #f01919;
  border-radius: 14px;
  color: #ffffff;
  font-size: 16.33px;
  font-weight: 400;
  padding: 0px 12px;
  padding-top: 2px;
  margin-left: 13px;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-title .title {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  opacity: 1;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-title .title:hover {
  opacity: 0.6;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-meta .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-meta .item:last-child {
  border-bottom: none;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-meta .item__value {
  color: #646464;
  font-size: 14px;
  font-weight: 600;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-meta .item__name {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-meta .item:nth-last-of-type(1) {
  margin-left: 0;
}
[data-theme=dark] .aside-ticket__back-ticket {
  background-color: #0d0b32;
  color: #c7c5ee;
}
[data-theme=dark] .aside-ticket__back-ticket i:before {
  color: #c7c5ee;
}
[data-theme=dark] .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 {
  background-color: #0d0b32;
}
[data-theme=dark] .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 .aside-ticket__info-title .title {
  color: #c7c5ee;
}
[data-theme=dark] .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 {
  background-color: #0d0b32;
}
[data-theme=dark] .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status .title {
  color: #c7c5ee;
}
[data-theme=dark] .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status .value {
  color: #c7c5ee;
}
[data-theme=dark] .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item__name {
  color: #908dd3;
}
[data-theme=dark] .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item__value {
  color: #c7c5ee;
}
[data-theme=dark] .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-3 {
  background-color: #0d0b32;
}
[data-theme=dark] .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-3 .item a .item__name {
  color: #c7c5ee;
}
[data-theme=dark] .aside-ticket__recent {
  background-color: #0d0b32;
}
[data-theme=dark] .aside-ticket__recent > .title {
  background-color: #18164d;
}
[data-theme=dark] .aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-title .title {
  color: #c7c5ee;
}
[data-theme=dark] .aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-meta .item__name {
  color: #908dd3;
}
[data-theme=dark] .aside-ticket__recent .aside-ticket__recent-list .aside-ticket__recent-item .aside-ticket__recent-item-meta .item__value {
  color: #c7c5ee;
}
.new-ticket__top {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
  grid-row-gap: 20px;
  row-gap: 20px;
}
.new-ticket__top .new-ticket__top-item {
  display: flex;
  flex-direction: column;
  flex: 0 1 calc(33.3333% - 31px);
  margin-left: 31px;
}
.new-ticket__top .new-ticket__top-item .title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
}
.new-ticket__top .new-ticket__top-item .selectize-control {
  height: 43px;
}
.new-ticket__top .new-ticket__top-item .selectize-input {
  box-shadow: none;
  border-radius: 7px;
  border: 1px solid #d9d9d9;
  padding: 8px 15px;
  height: 43px;
}
.new-ticket__top .new-ticket__top-item .selectize-input .item {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  top: 3px;
}
.new-ticket__top .new-ticket__top-item .selectize-input:after {
  content: "\e93e";
  font-family: "icomoon";
  font-size: 8px;
  color: #000000;
  right: auto;
  right: initial;
  left: 19px !important;
  margin-top: 0;
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  border-style: none;
  border-width: 0;
  border-color: transparent;
  transform: translate(0, -50%) rotateX(0);
  transition: 0.3s;
}
.new-ticket__top .new-ticket__top-item .selectize-input.dropdown-active:after {
  transform: translate(0, -50%) rotateX(180deg);
}
.new-ticket__subject {
  display: flex;
  flex-direction: column;
  padding: 0 31px;
  margin-bottom: 27px;
}
.new-ticket__subject .title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 17px;
}
.new-ticket__subject input {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  height: 43px;
  border: 1px solid #d9d9d9;
  border-radius: 7px;
  padding-right: 15px;
}
.new-ticket__subject input::-moz-placeholder {
  color: #7b7b7b;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
}
.new-ticket__subject input::placeholder {
  color: #7b7b7b;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
}
.new-ticket__message {
  box-shadow: 0px 0px 10.66px 2.34px rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  border-radius: 16.5px;
  padding: 19px 28px 22px 22px;
  display: flex;
  align-items: flex-end;
}
.new-ticket__message .title {
  display: block;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
.new-ticket__message textarea {
  border: 3px solid #e4e4e4;
  background-color: #ffffff;
  border-radius: 16.5px;
  resize: none;
  padding: 29px 22px;
  width: 528px;
  height: 177.99px;
  color: #7b7b7b;
}
.new-ticket__message textarea::-moz-placeholder {
  color: #7b7b7b;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
}
.new-ticket__message textarea::placeholder {
  color: #7b7b7b;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
}
.new-ticket__button {
  width: 100%;
  margin-right: 21px;
  padding-bottom: 14.5px;
}
.new-ticket__button .new-ticket__button-file {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  margin-top: 22px;
  margin-bottom: 22px;
}
.new-ticket__button .new-ticket__button-file .title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}
.new-ticket__button .new-ticket__button-file .allowed {
  color: #979696;
  font-size: 16px;
}
.new-ticket__button .upload {
  background-color: #e9e9e9;
  border-radius: 16.5px;
  height: 88px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.new-ticket__button .upload input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.new-ticket__button .upload > i {
  font-size: 32px;
  display: flex;
  align-items: end;
}
.new-ticket__button .upload > i i {
  font-size: 11px;
  background-color: #17a404;
  border-radius: 50%;
  color: #fff;
  padding: 4px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  line-height: 14px;
  justify-content: center;
  margin-right: -10px;
  margin-left: 5px;
}
.new-ticket__button .upload span {
  font-size: 16px;
  font-weight: 600;
  color: #17a404;
}
.new-ticket__button-submit {
  margin-top: 15px;
  width: 276px;
  height: 55px;
  margin-right: auto;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 53px;
  background-color: #17a404;
  border-radius: 14px;
  padding: 0 21px;
}
.new-ticket__button-submit i {
  line-height: 20px;
  font-size: 11px;
  margin-right: 36px;
  transition: 0.3s;
  position: relative;
}
.new-ticket__button-submit i:before {
  color: #ffffff;
}
.new-ticket__button-submit:hover i {
  right: 10px;
}
.new-ticket__attaches {
  display: flex;
  align-items: center;
  padding: 0 26px;
}
.new-ticket__attaches .new-ticket__attaches-item {
  display: flex;
  align-items: center;
  border: 1px solid #efefef;
  border-radius: 60px;
  padding: 5px 5px 5px 32px;
}
.new-ticket__attaches .new-ticket__attaches-item .remove {
  cursor: pointer;
  margin-left: 27px;
}
.new-ticket__attaches .new-ticket__attaches-item .remove i {
  width: 48px;
  height: 48px;
  background-color: #efefef;
  font-size: 20px;
  color: #f01919;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-ticket__attaches .new-ticket__attaches-item .name {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-left: 108px;
}
.new-ticket__attaches .new-ticket__attaches-item .size {
  color: #363636;
  font-size: 12px;
  font-weight: 600;
}
[data-theme=dark] .new-ticket__top .new-ticket__top-item .title {
  color: #c7c5ee;
}
[data-theme=dark] .new-ticket__subject .title {
  color: #c7c5ee;
}
[data-theme=dark] .new-ticket__subject input {
  color: #c7c5ee;
  background-color: transparent;
  border-color: #1e1b52;
}
[data-theme=dark] .new-ticket__subject input::-moz-placeholder {
  color: #908dd3;
}
[data-theme=dark] .new-ticket__subject input::placeholder {
  color: #908dd3;
}
[data-theme=dark] .new-ticket__message {
  background-color: #0d0b32;
}
[data-theme=dark] .new-ticket__message .title {
  color: #c7c5ee;
}
[data-theme=dark] .new-ticket__message textarea {
  border-color: #1e1b52;
  background-color: transparent;
}
[data-theme=dark] .new-ticket__message textarea::-moz-placeholder {
  color: #908dd3;
}
[data-theme=dark] .new-ticket__message textarea::placeholder {
  color: #908dd3;
}
[data-theme=dark] .new-ticket__button {
  background-color: #0d0b32;
}
[data-theme=dark] .new-ticket__button .upload {
  background-color: #0d0b32;
  border: 3px solid #1e1b52;
}
[data-theme=dark] .new-ticket__button .upload i {
  color: #908dd3;
}
[data-theme=dark] .new-ticket__button .new-ticket__button-file > i {
  background-color: #161246;
}
[data-theme=dark] .new-ticket__button .new-ticket__button-file .title {
  color: #c7c5ee;
}
[data-theme=dark] .new-ticket__button .new-ticket__button-file .allowed {
  color: #908dd3;
}
[data-theme=dark] .new-ticket .new-ticket__attaches .new-ticket__attaches-item {
  border: 1px solid #18164d;
  background-color: #161246;
}
[data-theme=dark] .new-ticket .new-ticket__attaches .new-ticket__attaches-item .remove i {
  background-color: #201e56;
}
[data-theme=dark] .new-ticket .new-ticket__attaches .new-ticket__attaches-item .name {
  color: #c7c5ee;
}
[data-theme=dark] .new-ticket .new-ticket__attaches .new-ticket__attaches-item .size {
  color: #908dd3;
}
.panel-setting {
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  padding: 30px 68px 4px;
  border-radius: 21px;
}
.panel-setting form .form-group-button {
  text-align: left;
}
.panel-setting form .form-group-button i {
  color: #fff;
}
.panel-setting form i {
  color: #a2a2a2;
}
.panel-setting form input {
  border: none;
  border-radius: 21px;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  line-height: 47px;
  height: 47px;
  margin-bottom: 26px;
  color: #a2a2a2;
  font-size: 14.79px;
}
.panel-setting form input::-moz-placeholder {
  color: #a2a2a2;
}
.panel-setting form input::placeholder {
  color: #a2a2a2;
}
.panel-setting form .input.required:before {
  content: "*";
  background-color: transparent;
  font-size: 23.25px;
  color: #ff0000;
  right: 0;
  top: 60%;
  transform: translateY(-50%);
  bottom: unset;
  width: unset;
  height: unset;
  margin-right: -16px;
  border: none;
}
.panel-setting form button {
  width: 241px;
  margin-bottom: 26px;
  margin-left: 0;
  height: 47px;
  border-radius: 14px;
  text-align: center;
  justify-content: center;
}
.panel-setting form button i {
  font-size: 11px;
  line-height: 20px;
  margin-right: 36px;
  transition: 0.3s;
  position: relative;
}
@media (max-width: 992px) {
  .panel-setting .pl-3 {
    padding-left: 0 !important;
  }
  .panel-setting .pr-3 {
    padding-right: 0 !important;
  }
}
@media (max-width: 768px) {
  .panel-setting {
    padding: 28px 32px 41px 21px;
  }
  .panel-setting form .form-group-button {
    text-align: center;
    margin: 0 auto;
  }
}
[data-theme=dark] .panel-setting {
  background-color: #0d0b32;
  margin-bottom: 50px;
}
/* cart */
.cart-steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 54px;
  max-width: 1133px;
  margin-right: auto;
  margin-left: auto;
}
.cart-steps__step {
  flex: 0 1 272.9px;
  max-width: 272.9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3e3e3e;
  font-size: 18px;
  font-weight: 600;
  line-height: 59.96px;
  max-height: 59.96px;
  position: relative;
  background-color: #fff;
  border: 2px solid #cbcbcb;
  border-radius: 21px;
}
.cart-steps__step i {
  font-size: 14px;
  color: #9e9e9e;
  margin-left: 18px;
}
.cart-steps__step.active {
  color: #fff;
  border-color: #46b000;
  background-color: #46b000;
}
.cart-steps__step.active i {
  color: #a8cf45;
  text-shadow: none;
}
.cart-steps__step:nth-last-of-type(1):after {
  display: none;
}
[data-theme=dark] .cart-steps__step {
  color: #c7c5ee;
  border: 1px solid #1a103b;
  background-color: #070525;
}
[data-theme=dark] .cart-steps__step i {
  color: #8583bf;
}
[data-theme=dark] .cart-steps__step.active {
  color: #ffffff;
}
[data-theme=dark] .cart-steps__step.active i {
  color: #8583bf;
}
[data-theme=dark] .cart-steps__step::after {
  color: #110f3f;
  border-left: 1px solid #1a103b;
}
@media (max-width: 1200px) {
  .cart-steps__step {
    flex: 0 1 220.9px;
    max-width: 220.9px;
  }
}
@media (max-width: 992px) {
  .cart-steps__step {
    flex: 0 1 170.9px;
    max-width: 170.9px;
  }
}
@media (max-width: 768px) {
  .cart-steps__step {
    font-size: 13.79px;
    flex: 0 1 130.9px;
    max-width: 130.9px;
    white-space: nowrap;
  }
  .cart-steps__step i {
    margin-left: 5px;
  }
}
@media (max-width: 576px) {
  .cart-steps__step {
    flex: 0 1 109px;
    max-width: 109px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.notification-cart {
  display: flex;
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  padding: 23px 26px 25px 33px;
  margin-bottom: 10px;
}
.notification-cart__title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  padding-left: 25px;
  margin-left: 24px;
  position: relative;
}
.notification-cart__title i {
  font-size: 22px;
  color: #f01919;
  margin-left: 12px;
}
.notification-cart__title:before {
  content: "";
  position: absolute;
  left: 0;
  top: -31px;
  bottom: -36px;
  border-left: 1px solid #dbdbdb;
}
.notification-cart__info {
  display: flex;
  flex-direction: column;
}
.notification-cart__info .notification-cart__info-desc {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 23px;
}
.notification-cart__info .notification-cart__info-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.notification-cart__info .notification-cart__info-button .link {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-left: 33px;
  transition: 0.3s;
  opacity: 1;
  padding: 0 10px;
  border-radius: 5px;
  background-color: #f31212;
  color: #fff;
}
.notification-cart__info .notification-cart__info-button .link i {
  font-size: 12px;
  margin-right: 9px;
}
.notification-cart__info .notification-cart__info-button .link:hover {
  opacity: 0.7;
}
.notification-cart__info .notification-cart__info-button .close {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  opacity: 1;
  transition: 0.3s;
}
.notification-cart__info .notification-cart__info-button .close i {
  font-size: 18px;
  color: #000000;
  margin-right: 11px;
  transition: 0.3s;
}
.notification-cart__info .notification-cart__info-button .close:hover {
  opacity: 0.7;
  color: #86615f;
}
.notification-cart__info .notification-cart__info-button .close:hover i {
  color: #86615f;
}
.cart-info {
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 21px;
  border: 2px solid #cbcbcb;
  border-radius: 21px;
}
.cart-info__header-remove-all {
  margin-bottom: 8px;
  max-width: 176px;
  margin-right: auto;
  transition: 0.3s;
}
.cart-info__header-remove-all a {
  color: #3e3e3e;
  text-align: center;
  background-color: #e0e0e0;
  font-size: 14.35px;
  border-radius: 11.38px;
  border: 2px solid #cbcbcb;
  line-height: 26.64px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.cart-info__header-remove-all a i {
  font-size: 17px;
  color: #9b9b9b;
  margin-right: 5px;
  transition: 0.3s;
}
.cart-info__header-remove-all:hover a {
  color: #f01919;
}
.cart-info__header-remove-all:hover a i {
  color: #f01919;
}
.cart-info__close {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 60px;
  border-radius: 60px 60px 0 0;
  background-color: #ef473a;
}
.cart-info__close i {
  color: #fff;
  font-size: 14px;
}
.cart-info__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d6e5d3;
  padding: 0 25px;
  line-height: 37px;
}
.cart-info__item .cart-info__item-title {
  color: #3e3e3e;
  font-size: 14.21px;
  font-weight: 500;
}
.cart-info__item .cart-info__item-value {
  color: #000;
  font-size: 19.34px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.cart-info__item .cart-info__item-value .price {
  color: #000;
  font-size: 19.34px;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: -0.44px;
  margin-left: 8px;
}
.cart-info__item .cart-info__item-value .unit {
  color: #000;
  font-size: 14.21px;
  font-weight: 600;
}
.cart-info__item:first-of-type {
  padding-bottom: 10px;
}
.cart-info__item:nth-last-of-type(1) {
  border-bottom: none;
  margin-bottom: 0;
}
.cart-info__item--discount {
  margin-bottom: 10px;
}
.cart-info__item--discount .cart-info__item-title {
  color: #e02d1f;
}
.cart-info__item--discount .cart-info__item-value .price {
  color: #000;
}
.cart-info__item--discount .cart-info__item-value .unit {
  color: #000;
}
.cart-info__item--total .cart-info__item-title {
  font-weight: 600;
}
.cart-info__item--total .cart-info__item-value .price {
  font-weight: 600;
  font-size: 22px;
  color: #ff0000;
}
.cart-info__item--total .cart-info__item-value .unit {
  font-weight: 600;
}
.cart-info__btns form {
  display: flex;
  align-items: center;
  background-color: #d7ffbc;
  padding: 0 25px;
  height: 50px;
  border: 2px solid #cbcbcb;
  border-radius: 21px;
  justify-content: space-between;
  margin-bottom: 21px;
}
.cart-info__btns form input {
  background-color: transparent;
  border: none;
  outline: none;
  font-weight: 500;
  color: #000;
  line-height: 50px;
}
.cart-info__btns form input::-moz-placeholder {
  color: #000;
}
.cart-info__btns form input::placeholder {
  color: #000;
}
.cart-info__btns form button {
  background-color: transparent;
  border: none;
  font-size: 14.11px;
  font-weight: 500;
  color: #000;
}
.cart-info__btns__left {
  line-height: 50px;
  background-color: #46b000;
  border-radius: 21px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px;
  width: 100%;
  margin-bottom: 15px;
}
.cart-info__btns__left i {
  font-size: 34.4px;
  color: #ffffff;
  transition: 0.3s;
  font-weight: 800;
  position: relative;
  right: 0;
}
.cart-info__btns__left i:before {
  color: #ffffff;
}
.cart-info__btns__left:hover i {
  right: 10px;
}
.cart-info__btns__right {
  line-height: 53px;
  background-color: #888;
  border-radius: 8px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 0 20px;
  width: 100%;
  margin-bottom: 15px;
}
.cart-info__btns__right i {
  font-size: 17px;
  color: #ffffff;
  transition: 0.3s;
  position: relative;
  left: 0;
}
.cart-info__btns__right:hover i {
  left: 10px;
}
.pr6 {
  padding-right: 6.3333333px;
}
.item-drop-down td {
  display: none;
  transition: 0s !important;
}
.peyment-mobile {
  display: none;
  position: fixed;
  bottom: 75px;
  z-index: 9999999;
  width: 100%;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.peyment-mobile__item {
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: #25a913;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.12);
  border-radius: 18px;
  padding: 0 20px;
  position: relative;
  min-height: 63px;
}
.peyment-mobile__item a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.peyment-mobile__item__discount {
  position: absolute;
  top: 10px;
  left: -10px;
}
.peyment-mobile__item__discount span {
  font-size: 12px;
  font-weight: 700;
  color: #D93838;
  background: #FFCECE;
  border-radius: 18px;
  padding: 0 11px;
}
.peyment-mobile__item__price {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.peyment-mobile__item__price__title span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 34px;
}
.peyment-mobile__item__price__number del {
  font-size: 14px;
  font-weight: 500;
  line-height: 31px;
  color: #fff;
}
.peyment-mobile__item__price__number p {
  font-size: 18px;
  font-weight: 700;
  line-height: 31px;
  color: #fff;
}
.peyment-mobile__item__price__number p small {
  font-size: 12px;
}
.peyment-mobile__item__cart {
  padding-left: 10px;
  border-left: 1px solid #D9D9D9;
}
.peyment-mobile__item__cart span {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  border-radius: 18px;
  padding: 10px 15px;
  color: #fff;
  font-weight: 800;
}
.peyment-mobile__item__cart__count {
  display: flex;
  align-items: center;
}
.peyment-mobile__item__cart__count label {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 34px;
  margin: 0 0 0 5px;
}
.peyment-mobile__item__cart__count form {
  margin-left: 5px;
}
.peyment-mobile__item__cart__count form span {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  width: 18px;
  height: 18px;
  background-color: #E3E3E3;
  color: #777777;
  padding: 0 5.04666666px;
  display: inline-block;
  border-radius: 7px;
}
.peyment-mobile__item__cart__count form input {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  background-color: transparent;
  text-align: center;
  max-width: 20px;
}
[data-theme=dark] .cart-info {
  background-color: #03021a;
}
[data-theme=dark] .cart-info .cart-info__item {
  border-color: #110f3f;
}
[data-theme=dark] .cart-info .cart-info__item-title {
  color: #c7c5ee;
}
[data-theme=dark] .cart-info .cart-info__item-value {
  color: #c7c5ee;
}
[data-theme=dark] .cart-info .cart-info__item-value .price {
  color: #c7c5ee;
}
[data-theme=dark] .cart-info .cart-info__item-value .unit {
  color: #c7c5ee;
}
.cart-factor {
  display: none;
}
.cart {
  margin-bottom: 41px;
}
.cart__header .cart__header-title a {
  color: #000000;
  font-size: 12.25px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.cart__header .cart__header-title i {
  display: flex;
  align-items: center;
  width: 18.61px;
  height: 20.16px;
  justify-content: center;
  background-color: #e0e0e0;
  color: #888888;
  border-radius: 50%;
  font-size: 9px;
  border: 1px solid #cccccc;
  margin-left: 5px;
}
.cart__header .cart__header-remove-all {
  color: #919191;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.cart__header .cart__header-remove-all i {
  font-size: 17px;
  color: #919191;
  margin-right: 18px;
  transition: 0.3s;
}
.cart__header .cart__header-remove-all:hover {
  color: #f01919;
}
.cart__header .cart__header-remove-all:hover i {
  color: #f01919;
}
.cart__list {
  padding-left: 133px;
}
.cart__list .cart__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 2px solid #cbcbcb;
  padding: 10px 0 16px 0;
  margin-bottom: 16px;
}
.cart__list .cart__list-item .cart__list-info {
  display: flex;
  align-items: flex-start;
  flex: 0 0 100%;
  width: 100%;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-img {
  margin-left: 25px;
  min-width: 221px;
  min-height: 219px;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-title {
  border-bottom: 2px solid #cbcbcb;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 53px;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-title .title {
  font-size: 16px;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-title h2 {
  color: #000000;
  font-size: 14.21px;
  font-weight: 700;
  margin-bottom: 0px;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-title > span {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14.21px;
  line-height: 20px;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-title > span del {
  font-size: 13px;
  margin-left: 10px;
  color: #999;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-title > span small {
  font-size: 12px;
  margin-right: 5px;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-title .receive-method {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 600;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-title .receive-method__title {
  color: #848484;
  margin-bottom: 4px;
}
.cart__list .cart__list-item .cart__list-info .cart__list-info-title .receive-method__value {
  color: #000000;
}
.cart__list .cart__list-item .cart__list-meta {
  flex: 0 0 400px;
  max-width: 400px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-table {
  border: 2px solid #cbcbcb;
  border-radius: 21px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 53px;
  border-bottom: 2px solid #cbcbcb;
  padding: 0 17px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .value {
  display: flex;
  align-items: center;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .discount {
  height: 17px;
  border-radius: 60px;
  background-color: #ef473a;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  padding: 0 7px;
  margin: 0 0 0 5px;
  letter-spacing: -0.53px;
  direction: rtl;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .discount i {
  font-size: 9px;
  color: #ffffff;
  margin-right: 2px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .price {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.46px;
  text-decoration: none;
  margin-left: 6px;
  display: flex;
  align-items: center;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-price small {
  margin-left: 5px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 53px;
  padding: 0 17px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .value span {
  font-size: 14.21px;
  font-weight: 700;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account {
  width: 218px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  height: 43px;
  padding: 0 15px 0 15px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__title {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  margin-left: 51px;
  flex: 1 0 auto;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts {
  display: flex;
  align-items: center;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item {
  margin-left: 8px;
  position: relative;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item:nth-last-of-type(1) {
  margin-left: 0;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item img {
  max-width: none;
  max-width: initial;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item .info-user {
  position: absolute;
  top: -35px;
  background-color: #000;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  font-size: 13px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item .info-user:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #000;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%, 0) rotate(45deg);
  display: inline-block;
  border-radius: 2px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item:hover .info-user {
  opacity: 1;
  visibility: visible;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item label .close {
  position: absolute;
  top: -7px;
  right: -15px;
  visibility: hidden;
  opacity: 0;
  font-size: 16px;
  color: #0f5a05;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item label .email {
  display: none;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item input {
  display: none;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active {
  margin-left: 0;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active label {
  display: flex;
  align-items: center;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active label .email {
  color: #0f5a05;
  margin-left: 14px;
  padding-top: 2px;
  width: 142px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  direction: ltr;
  font-size: 13px;
  font-weight: 600;
  flex: 1 0 auto;
  display: block;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active label .close {
  visibility: visible;
  opacity: 1;
  font-size: 16px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose {
  border: 1px solid #17a404;
  background-color: #fafff9;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose .choose-account__title {
  display: none;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose .choose-account__accounts-item {
  display: none;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose .choose-account__accounts-item.active {
  display: block;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector {
  display: flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  width: 225px;
  line-height: 41px;
  cursor: pointer;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector span {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector i {
  font-size: 8px;
  margin-right: auto;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector--fill {
  flex-direction: row-reverse;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector--fill i {
  margin-left: auto;
  margin-right: unset;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector--fill span {
  direction: ltr;
  text-align: left;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product {
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  height: 43px;
  padding: 0 15px;
  margin-left: 8px;
  margin-right: 8px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item {
  cursor: pointer;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item i {
  font-size: 10px;
  color: #000000;
  transition: 0.3s;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item:hover i {
  color: #17a404;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item--minus {
  padding-bottom: 6px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item--minus i {
  font-size: 2.5px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__count {
  width: 40px;
  text-align: center;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin: 0 5px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item {
  width: 48px;
  height: 43px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item a {
  display: flex;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  border-radius: 8px;
  line-height: 41px;
  align-items: center;
  justify-content: center;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item a i {
  font-size: 17px;
  color: #919191;
  transition: 0.3s;
  line-height: 41px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item:hover i {
  color: #f01919;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-account {
  display: flex;
  align-items: center;
  background-color: #d7ffbc;
  padding: 0 17px;
  height: 54px;
  border: 2px solid #cbcbcb;
  border-radius: 21px;
  margin-top: 5px;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-account i {
  font-size: 11px;
  font-weight: 700;
}
.cart__list .cart__list-item .cart__list-meta .cart__list-meta-account span {
  font-size: 14.21px;
  font-weight: 600;
  margin-right: 20px;
  margin-left: auto;
}
.cart__list .cart__list-item .cart__list-link {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 13px;
  font-weight: 600;
  margin-top: 10px;
}
.cart__list .cart__list-item .cart__list-link a {
  color: #ef473a;
  border-bottom: 1px dashed #ef473a;
}
.cart__list .cart__list-item .cart__list-item-account {
  display: none;
  align-items: center;
  background-color: #d7ffbc;
  padding: 0 17px;
  height: 54px;
  border: 2px solid #cbcbcb;
  border-radius: 21px;
  margin-top: 5px;
}
.cart__list .cart__list-item .cart__list-item-account i {
  font-size: 11px;
  font-weight: 700;
}
.cart__list .cart__list-item .cart__list-item-account span {
  font-size: 14.21px;
  font-weight: 600;
  margin-right: 20px;
  margin-left: auto;
}
.cart__list .cart__list-item .cart__allow-accounts {
  background-color: #f6f6f6;
  padding: 19px 30px 9px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 0 0 100%;
  max-width: 100%;
  border-radius: 8px;
  margin-top: 10px;
}
.cart__list .cart__list-item .cart__allow-accounts span {
  font-weight: 600;
  font-size: 12px;
  margin-left: 40px;
  margin-bottom: 10px;
}
.cart__list .cart__list-item .cart__allow-accounts ul {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
.cart__list .cart__list-item .cart__allow-accounts ul li {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
  border-radius: 23px;
  line-height: 45px;
  padding: 0 20px;
  margin-left: 15px;
  background-color: #fff;
  font-weight: 600;
  font-size: 12px;
}
.cart__list .cart__list-item .cart__allow-accounts ul li:last-child {
  margin-left: 0;
}
.cart__list .cart__list-item .cart__allow-accounts ul li img {
  margin-left: 15px;
}
.cart__list .cart__list-item:nth-last-of-type(1) {
  border-bottom: none;
}
.cart__list .cart__list-item--choose .cart__list-meta .cart__list-meta-operator .choose-account {
  border: 1px solid #17a404;
  background-color: #fafff9;
  flex-direction: row-reverse;
}
.cart__list .cart__list-item--choose .cart__list-meta .cart__list-meta-operator .choose-account__title {
  color: #0f5a05;
  padding-top: 2px;
  margin-right: 15px;
  margin-left: unset;
  width: 142px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  direction: ltr;
  text-align: left;
}
.cart__list-payment {
  border: 2px solid #cbcbcb;
  border-radius: 21px;
  max-width: 646px;
}
.cart__list-payment-online {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 62px;
}
.cart__list-payment-online table {
  width: 100%;
}
.cart__list-payment-online table tbody tr {
  padding-left: 22px;
  border-bottom: 2px solid #cbcbcb;
  line-height: 62px;
}
.cart__list-payment-online table tbody tr td {
  line-height: 62px;
}
.cart__list-payment-online table tbody tr td:nth-child(even) {
  border-right: 2px solid #cbcbcb;
}
.cart__list-payment-online table tbody tr:last-child {
  border-bottom: none;
}
.cart__list-payment-online .title {
  background-color: #d7ffbc;
  padding: 0 22px 0 0;
  font-size: 19.54px;
  flex: 0 0 225px;
  font-size: 19.54px;
  border-radius: 0 21px 0 0;
  display: flex;
  align-items: center;
}
.cart__list-payment-online .title::before {
  display: inline-block;
  width: 12.8px;
  height: 12.42px;
  border-radius: 5.72px;
  background-color: #46b000;
  margin-left: 15px;
  content: " ";
}
.cart__list-payment-online .value {
  padding: 0 22px;
}
.cart__list-payment-online .value label {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 800;
}
.cart__list-payment-online .value label i {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #9e9e9e;
  color: #b2b2b2;
  width: 34px;
  height: 34px;
  margin-left: 15px;
  font-size: 14px;
}
.cart__list-payment-online .value input[type=radio],
.cart__list-payment-online .value input[type=checkbox] {
  display: none;
}
.cart__list-payment-online .value input[type=radio]:checked + label i,
.cart__list-payment-online .value input[type=checkbox]:checked + label i {
  background-color: #46b000;
  color: #fff;
  border: none;
}
.cart__list-payment-wallet {
  display: flex;
  align-items: center;
  line-height: 62px;
  padding-left: 22px;
}
.cart__list-payment-wallet .title {
  padding: 0 22px 0 0;
  border-left: 2px solid #cbcbcb;
  border-radius: 0 21px 0 0;
  display: flex;
  flex: 0 0 225px;
  max-width: 225px;
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 800;
}
.cart__list-payment-wallet .title i {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #9e9e9e;
  border-radius: 50%;
  color: #b2b2b2;
  width: 34px;
  height: 34px;
  margin-left: 10px;
  font-size: 14px;
}
.cart__list-payment-wallet .value {
  padding: 0 22px;
}
.cart__list-payment-wallet .value label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
}
.cart__list-payment-wallet .value label i {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #9e9e9e;
  border-radius: 50%;
  color: #b2b2b2;
  width: 34px;
  height: 34px;
  margin-left: 15px;
  font-size: 14px;
}
.cart__list-payment-wallet .value input[type=radio] {
  display: none;
}
.cart__list-payment-wallet .value input[type=radio]:checked + label i {
  background-color: #46b000;
  color: #fff;
  border: none;
}
.cart__list .cart__list-select {
  display: flex;
  align-items: center;
}
.cart__list .cart__list-select img {
  margin-left: 10px;
}
.cart--sure {
  box-shadow: none;
  background-color: transparent;
  padding: 0 0 0 0;
}
.cart--sure .cart__header {
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
  border-radius: 10px;
  padding: 41px 40px 42px 0;
  border-bottom: none;
  margin-bottom: 15px;
}
.cart--sure .cart__list .cart__list-item {
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
  border-bottom: none;
  border-radius: 10px;
  padding: 0 20px;
  margin-bottom: 10px;
  padding-top: 17px;
  padding-bottom: 19px;
}
.cart--sure .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count {
  width: 48px;
  height: 43px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  border-radius: 8px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart--sure .cart__list .cart__list-item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.cart--my-buy {
  margin-bottom: 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.cart--my-buy__more {
  text-align: left;
  padding: 10px 0;
}
.cart--my-buy__more a {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: end;
  transition: 0.3s;
  width: 65px;
  margin-right: auto;
  transition: 0.3s;
  background-color: #bcb7b7;
  width: 126px;
  text-align: left;
  height: 30px;
  border-radius: 15.04px;
  margin-right: -30px;
  padding-left: 15px;
  z-index: 0;
  position: relative;
}
.cart--my-buy__footer {
  display: none;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 0px;
  z-index: 0;
  position: relative;
}
.cart--my-buy .cart__list {
  margin-bottom: 35px;
}
.cart--my-buy .cart__list .cart__list-info {
  flex: unset;
  max-width: unset;
}
.cart--my-buy .cart__list .cart__list-item {
  border-bottom: 1px solid #e8e8e8;
}
.cart--my-buy .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count {
  width: 48px;
  height: 43px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart--my-buy .cart-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #ececec;
  border-radius: 21px;
  padding: 9px 15px 7px 21px;
  margin: 4px 0;
  max-width: 730.52px;
}
.cart--my-buy .cart-footer__right {
  flex: 0 1 50%;
  padding-left: 41px;
  border-left: 1px solid #d3d3d3;
  grid-row-gap: 11px;
  row-gap: 11px;
  display: flex;
  flex-direction: column;
}
.cart--my-buy .cart-footer__left {
  flex: 0 1 50%;
  padding-right: 41px;
  grid-row-gap: 11px;
  row-gap: 11px;
  display: flex;
  flex-direction: column;
}
.cart--my-buy .cart-footer .item {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
  display: flex;
  align-items: center;
}
.cart--my-buy .cart-footer .item__key {
  margin-left: auto;
}
.cart--my-buy .cart-footer .item__val {
  display: flex;
  align-items: center;
}
.cart .more-table {
  position: relative;
  flex: calc(100% - 96px);
  max-width: calc(100% - 96px);
  z-index: 1;
  display: flex;
  text-align: right;
  align-items: center;
  padding: 9px 15px 7px 21px;
  border-radius: 21px;
  background-color: #ececec;
}
.cart .more-table.license {
  flex: calc(100% - 116px);
  max-width: calc(100% - 116px);
  flex-wrap: wrap;
}
.cart .more-table__image {
  flex: 0 0 74px;
  max-width: 74px;
  height: 73px;
  border-radius: 50%;
}
.cart .more-table__image img {
  width: 100%;
  height: 100%;
  border-radius: 16px 16px 8px 8px;
}
.cart .more-table__content {
  padding-right: 15px;
}
.cart .more-table__content > a {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  display: inline-block;
}
.cart .more-table ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 10px;
}
.cart .more-table ul.status {
  margin-right: 25px;
}
.cart .more-table ul.status li {
  margin-left: 12px;
  color: #fff;
  color: #fff;
  line-height: 30px;
  padding: 0px 15px 0px 13px;
  border-radius: 15px;
  font-size: 13px;
}
.cart .more-table ul.status li.red {
  background-color: #f01919;
}
.cart .more-table ul.status li.green {
  background-color: #17a404;
}
.cart .more-table ul.status li.yellow {
  background-color: #fdcb57;
}
.cart .more-table ul.status li.white {
  color: #000;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  background-color: #fff;
  text-align: center;
  min-width: 164px;
  justify-content: center;
  margin-left: 0;
}
.cart .more-table ul li.price {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.cart .more-table ul li.price i {
  font-size: 14px;
  margin: 0 4px;
  color: #f01919;
}
.cart .more-table ul li.price small {
  margin-right: 5px;
}
[data-theme=dark] .cart__list-payment-online .value span {
  color: #c7c5ee;
}
[data-theme=dark] .cart__list-payment-online .value label {
  color: #c7c5ee !important;
}
[data-theme=dark] .cart__list-payment-wallet .title {
  color: #c7c5ee;
}
[data-theme=dark] .cart__list-payment-wallet .value span {
  color: #c7c5ee;
}
[data-theme=dark] .cart__list-payment-wallet .value label {
  color: #c7c5ee !important;
}
[data-theme=dark] .cart__header {
  background-color: #070525;
}
[data-theme=dark] .cart__header .cart__header-title a {
  color: #c7c5ee;
}
[data-theme=dark] .cart__header .cart__header-title .cart__title-count {
  background-color: #100d3f;
}
[data-theme=dark] .cart__header .cart__header-remove-all {
  color: #6965b9;
}
[data-theme=dark] .cart__header .cart__header-remove-all i {
  color: #fff;
}
[data-theme=dark] .cart .cart__list-info-title .title {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-info-title h2 a {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item {
  background-color: #070525;
  border-color: #110f3f;
}
[data-theme=dark] .cart .cart__list-item .cart__list-info .cart__list-info-title > span {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__list-info .cart__list-info-title > span del {
  color: #6965b9;
}
[data-theme=dark] .cart .cart__list-item .cart__list-info .cart__list-info-title .receive-method__title {
  color: #6965b9;
}
[data-theme=dark] .cart .cart__list-item .cart__list-info .cart__list-info-title .receive-method__value {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta-operator .title {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta-operator span {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-price {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-price .price {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector {
  border-color: #110f3f;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector span {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector i {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__count {
  color: #c7c5ee;
  background-color: transparent;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product {
  border-color: #110f3f;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item--plus i {
  color: #6965b9;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item--minus i {
  color: #6965b9;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item a {
  border-color: #110f3f;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item a i {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account {
  background-color: #050c1a;
  border-color: transparent;
}
[data-theme=dark] .cart .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__title {
  color: #1d8215;
}
[data-theme=dark] .cart .cart__list-item .cart__list-link span {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__allow-accounts span {
  color: #c7c5ee;
}
[data-theme=dark] .cart .cart__list-item .cart__allow-accounts {
  background-color: #070525;
}
[data-theme=dark] .cart .cart__list-item .cart__allow-accounts span {
  color: #dbdbdb !important;
}
[data-theme=dark] .cart .cart__list-item .cart__allow-accounts ul li {
  color: #c7c5ee;
  background-color: #0b082f;
  border-color: #262445;
  box-shadow: 0 1px 0 #262445;
}
[data-theme=dark] .cart--my-buy .cart-footer__right {
  border-color: #18164d;
}
[data-theme=dark] .cart--my-buy .cart-footer {
  background-color: #0b082f;
}
[data-theme=dark] .cart--my-buy .cart-footer .item {
  color: #c7c5ee;
  background-color: #0d0b32;
  padding: 0px 10px;
}
[data-theme=dark] .cart .more-table {
  background-color: #070525;
}
[data-theme=dark] .cart .more-table__content > a {
  color: #c7c5ee;
}
[data-theme=dark] .cart .more-table__content ul li.price {
  color: #c7c5ee;
}
[data-theme=dark] .cart .more-table__content ul li:not(.price) {
  background-color: transparent;
  color: #c7c5ee;
}
[data-theme=dark] .cart .more-table__content ul li.white {
  background-color: #fff;
  color: #000;
}
@media (max-width: 1200px) {
  .cart__list {
    padding-left: 0;
  }
  .cart .more-table.license {
    flex: calc(100% - 96px);
    max-width: calc(100% - 96px);
  }
}
@media (max-width: 991px) {
  .cart__list .cart__list-meta {
    flex: 0 0 494px !important;
    max-width: 494px !important;
  }
  .cart__list .cart__list-payment {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .cart__list .cart__list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 0 31px 0;
  }
  .cart__list .cart__list-item .cart__list-item-account {
    display: flex;
    margin-top: 10px;
    border-bottom: 2px solid #cbcbcb;
  }
  .cart__list .cart__list-item .cart__list-info {
    display: flex;
    align-items: flex-start;
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-img {
    margin-left: 25px;
    min-width: 221px;
    min-height: 219px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50px 50px 20px 20px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title {
    border-bottom: 2px solid #cbcbcb;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 51px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title .title {
    font-size: 14px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title h2 {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title > span {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14.21px;
    line-height: 20px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title > span del {
    font-size: 13px;
    margin-left: 10px;
    color: #999;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title > span small {
    font-size: 12px;
    margin-right: 5px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title .receive-method {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 600;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title .receive-method__title {
    color: #848484;
    margin-bottom: 4px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title .receive-method__value {
    color: #000000;
  }
  .cart__list .cart__list-item .cart__list-meta {
    flex: 0 0 400px;
    max-width: 400px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-table {
    border: 2px solid #cbcbcb;
    border-radius: 21px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 45px;
    border-bottom: 2px solid #cbcbcb;
    padding: 0 17px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .title {
    font-size: 14px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .value {
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .discount {
    height: 17px;
    border-radius: 60px;
    background-color: #ef473a;
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-left: 8px;
    padding: 0 7px;
    margin: 0 0 0 5px;
    letter-spacing: -0.53px;
    direction: rtl;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .discount i {
    font-size: 9px;
    color: #ffffff;
    margin-right: 2px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .price {
    color: #000000;
    font-size: 18.98px;
    font-weight: 600;
    letter-spacing: -0.46px;
    text-decoration: none;
    margin-left: 6px;
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price small {
    margin-left: 5px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 43px;
    padding: 0 17px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .title {
    font-size: 14px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .value span {
    font-size: 14px;
    font-weight: 700;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account {
    width: 218px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    margin-right: 12px;
    height: 43px;
    padding: 0 15px 0 15px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__title {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    margin-left: 51px;
    flex: 1 0 auto;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts {
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item {
    margin-left: 8px;
    position: relative;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item:nth-last-of-type(1) {
    margin-left: 0;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item img {
    max-width: none;
    max-width: initial;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item .info-user {
    position: absolute;
    top: -35px;
    background-color: #000;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    font-size: 13px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item .info-user:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #000;
    bottom: -4px;
    left: 50%;
    transform: translate(-50%, 0) rotate(45deg);
    display: inline-block;
    border-radius: 2px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item:hover .info-user {
    opacity: 1;
    visibility: visible;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item label .close {
    position: absolute;
    top: -7px;
    right: -15px;
    visibility: hidden;
    opacity: 0;
    font-size: 16px;
    color: #0f5a05;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item label .email {
    display: none;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item input {
    display: none;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active {
    margin-left: 0;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active label {
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active label .email {
    color: #0f5a05;
    margin-left: 14px;
    padding-top: 2px;
    width: 142px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction: ltr;
    font-size: 13px;
    font-weight: 600;
    flex: 1 0 auto;
    display: block;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active label .close {
    visibility: visible;
    opacity: 1;
    font-size: 16px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose {
    border: 1px solid #17a404;
    background-color: #fafff9;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose .choose-account__title {
    display: none;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose .choose-account__accounts-item {
    display: none;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose .choose-account__accounts-item.active {
    display: block;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector {
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    width: 225px;
    line-height: 41px;
    cursor: pointer;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector span {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector i {
    font-size: 8px;
    margin-right: auto;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector--fill {
    flex-direction: row-reverse;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector--fill i {
    margin-left: auto;
    margin-right: unset;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector--fill span {
    direction: ltr;
    text-align: left;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product {
    display: flex;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    height: 43px;
    padding: 0 15px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item {
    cursor: pointer;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item i {
    font-size: 10px;
    color: #000000;
    transition: 0.3s;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item:hover i {
    color: #17a404;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item--minus {
    padding-bottom: 6px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item--minus i {
    font-size: 2.5px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__count {
    width: 40px;
    text-align: center;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    margin: 0 5px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item {
    width: 48px;
    height: 43px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item a {
    display: flex;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    border-radius: 8px;
    line-height: 41px;
    align-items: center;
    justify-content: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item a i {
    font-size: 17px;
    color: #919191;
    transition: 0.3s;
    line-height: 41px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item:hover i {
    color: #f01919;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-account {
    display: none;
    align-items: center;
    background-color: #d7ffbc;
    padding: 0 17px;
    height: 54px;
    border: 2px solid #cbcbcb;
    border-radius: 21px;
    margin-top: 5px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-account i {
    font-size: 11px;
    font-weight: 700;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-account span {
    font-size: 14.21px;
    font-weight: 600;
    margin-right: 20px;
    margin-left: auto;
  }
  .cart__list .cart__list-item .cart__list-link {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
  }
  .cart__list .cart__list-item .cart__list-link a {
    color: #ef473a;
    border-bottom: 1px dashed #ef473a;
  }
  .cart__list .cart__list-item .cart__allow-accounts {
    background-color: #f6f6f6;
    padding: 19px 30px 9px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 8px;
    margin-top: 10px;
  }
  .cart__list .cart__list-item .cart__allow-accounts span {
    font-weight: 600;
    font-size: 12px;
    margin-left: 40px;
    margin-bottom: 10px;
  }
  .cart__list .cart__list-item .cart__allow-accounts ul {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__allow-accounts ul li {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
    border-radius: 23px;
    line-height: 45px;
    padding: 0 20px;
    margin-left: 15px;
    background-color: #fff;
    font-weight: 600;
    font-size: 12px;
  }
  .cart__list .cart__list-item .cart__allow-accounts ul li:last-child {
    margin-left: 0;
  }
  .cart__list .cart__list-item .cart__allow-accounts ul li img {
    margin-left: 15px;
  }
  .cart__list .cart__list-item:nth-last-of-type(1) {
    border-bottom: none;
  }
  .cart__list .cart__list-item--choose .cart__list-meta .cart__list-meta-operator .choose-account {
    border: 1px solid #17a404;
    background-color: #fafff9;
    flex-direction: row-reverse;
  }
  .cart__list .cart__list-item--choose .cart__list-meta .cart__list-meta-operator .choose-account__title {
    color: #0f5a05;
    padding-top: 2px;
    margin-right: 15px;
    margin-left: unset;
    width: 142px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction: ltr;
    text-align: left;
  }
  .cart__list .cart__list-payment .cart__list-payment-online {
    padding-left: 15px;
  }
  .cart__list .cart__list-payment .cart__list-payment-online .title {
    font-size: 16.41px;
  }
  .cart__list .cart__list-payment .cart__list-payment-online .value {
    padding: 0 15px 0 0;
  }
  .cart__list .cart__list-payment .cart__list-payment-online .value label {
    font-size: 15.12px;
  }
  .cart__list .cart__list-payment .cart__list-payment-online .value label i {
    width: 34px;
    height: 34px;
    margin-left: 15px;
    font-size: 14px;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet {
    display: flex;
    align-items: center;
    line-height: 62px;
    padding-left: 15px;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet .title {
    padding: 0 22px 0 0;
    border-left: 2px solid #cbcbcb;
    border-radius: 0 21px 0 0;
    display: flex;
    flex: 0 0 225px;
    max-width: 225px;
    align-items: center;
    display: flex;
    font-size: 15.12px;
    font-weight: 800;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet .title i {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    color: #b2b2b2;
    width: 34px;
    height: 34px;
    margin-left: 10px;
    font-size: 14px;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet .value {
    padding: 0 15px 0 0;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet .value label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15.12px;
    font-weight: 800;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet .value label i {
    width: 34px;
    height: 34px;
    margin-left: 15px;
    font-size: 14px;
  }
  .cart .more-table {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 60px 13px 10px 11px;
    align-items: flex-start;
    margin: -56px 0 18px 0;
    border-radius: 0 0 21px 21px;
    z-index: 1;
    flex-wrap: wrap;
  }
  .cart .more-table.license {
    flex: 0 0 100%;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
  .cart .more-table__image {
    flex: 0 0 91px;
    max-width: 91px;
    height: 91px;
  }
  .cart .more-table__content {
    padding-right: 11px;
  }
  .cart .more-table__content > a {
    margin-bottom: 5px;
  }
  .cart .more-table ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .cart .more-table ul li.price {
    margin-bottom: 10px;
  }
  .cart .more-table ul li.white {
    color: #000;
    box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
    text-align: center;
    width: 164px;
    justify-content: center;
    margin-left: 0;
    border-radius: 13.4px;
    line-height: 27px;
  }
  .cart .more-table ul.status {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 15px;
    justify-content: flex-start;
    margin-right: 0;
  }
  .cart .more-table ul.status > li {
    margin-left: 10px;
    color: #fff;
    padding: 0px 15px 0px 13px;
    margin-bottom: 10px;
  }
  .cart .more-table ul.status > li.f-width {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .cart .more-table ul.status > li.red {
    background-color: #f01919;
    margin-bottom: 10px;
  }
  .cart .more-table ul.status > li.green {
    background-color: #17a404;
    margin-bottom: 10px;
  }
  .cart .more-table ul.status > li.action {
    display: block;
    color: #000;
    background-color: #d3d3d3;
    border-radius: 14.99px;
    line-height: 30px;
    padding: 0px 15px;
    flex: 0 0 100%;
    text-align: center;
  }
  .cart .more-table ul.status > li.action a {
    font-size: 12px;
  }
  .cart .more-table ul.status > li.action i {
    color: #000;
    font-size: 8px;
  }
}
@media (max-width: 576px) {
  .cart__list .cart__list-item {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 0 31px 0;
  }
  .cart__list .cart__list-item .cart__list-info {
    flex-direction: column;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-img {
    min-width: 221px;
    min-height: 219px;
    margin: 0 auto;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50px 50px 20px 20px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title {
    border-bottom: 2px solid #cbcbcb;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 53px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title .title {
    font-size: 16px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title h2 {
    color: #000000;
    font-size: 14.21px;
    font-weight: 700;
    margin-bottom: 0px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title > span {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14.21px;
    line-height: 20px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title > span del {
    font-size: 13px;
    margin-left: 10px;
    color: #999;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title > span small {
    font-size: 12px;
    margin-right: 5px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title .receive-method {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 600;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title .receive-method__title {
    color: #848484;
    margin-bottom: 4px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title .receive-method__value {
    color: #000000;
  }
  .cart__list .cart__list-item .cart__list-meta {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-table {
    border: 2px solid #cbcbcb;
    border-radius: 21px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 53px;
    border-bottom: 2px solid #cbcbcb;
    padding: 0 17px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .value {
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .discount {
    height: 17px;
    border-radius: 60px;
    background-color: #ef473a;
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-left: 8px;
    padding: 0 7px;
    margin: 0 0 0 5px;
    letter-spacing: -0.53px;
    direction: rtl;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .discount i {
    font-size: 9px;
    color: #ffffff;
    margin-right: 2px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price .price {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.46px;
    text-decoration: none;
    margin-left: 6px;
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price small {
    margin-left: 5px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 53px;
    padding: 0 17px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .value span {
    font-size: 14.21px;
    font-weight: 700;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account {
    width: 218px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    margin-right: 12px;
    height: 43px;
    padding: 0 15px 0 15px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__title {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    margin-left: 51px;
    flex: 1 0 auto;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts {
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item {
    margin-left: 8px;
    position: relative;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item:nth-last-of-type(1) {
    margin-left: 0;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item img {
    max-width: none;
    max-width: initial;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item .info-user {
    position: absolute;
    top: -35px;
    background-color: #000;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    font-size: 13px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item .info-user:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #000;
    bottom: -4px;
    left: 50%;
    transform: translate(-50%, 0) rotate(45deg);
    display: inline-block;
    border-radius: 2px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item:hover .info-user {
    opacity: 1;
    visibility: visible;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item label .close {
    position: absolute;
    top: -7px;
    right: -15px;
    visibility: hidden;
    opacity: 0;
    font-size: 16px;
    color: #0f5a05;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item label .email {
    display: none;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item input {
    display: none;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active {
    margin-left: 0;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active label {
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active label .email {
    color: #0f5a05;
    margin-left: 14px;
    padding-top: 2px;
    width: 142px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction: ltr;
    font-size: 13px;
    font-weight: 600;
    flex: 1 0 auto;
    display: block;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account__accounts-item.active label .close {
    visibility: visible;
    opacity: 1;
    font-size: 16px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose {
    border: 1px solid #17a404;
    background-color: #fafff9;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose .choose-account__title {
    display: none;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose .choose-account__accounts-item {
    display: none;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account.choose .choose-account__accounts-item.active {
    display: block;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector {
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    width: 225px;
    line-height: 41px;
    cursor: pointer;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector span {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector i {
    font-size: 8px;
    margin-right: auto;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector--fill {
    flex-direction: row-reverse;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector--fill i {
    margin-left: auto;
    margin-right: unset;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector--fill span {
    direction: ltr;
    text-align: left;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product {
    display: flex;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    height: 43px;
    padding: 0 15px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item {
    cursor: pointer;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item i {
    font-size: 10px;
    color: #000000;
    transition: 0.3s;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item:hover i {
    color: #17a404;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item--minus {
    padding-bottom: 6px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__item--minus i {
    font-size: 2.5px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product__count {
    width: 40px;
    text-align: center;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    margin: 0 5px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item {
    width: 48px;
    height: 43px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item a {
    display: flex;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    border-radius: 8px;
    line-height: 41px;
    align-items: center;
    justify-content: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item a i {
    font-size: 17px;
    color: #919191;
    transition: 0.3s;
    line-height: 41px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .remove-item:hover i {
    color: #f01919;
  }
  .cart__list .cart__list-item .cart__list-link {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
  }
  .cart__list .cart__list-item .cart__list-link a {
    color: #ef473a;
    border-bottom: 1px dashed #ef473a;
  }
  .cart__list .cart__list-item .cart__allow-accounts {
    background-color: #f6f6f6;
    padding: 19px 30px 9px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 8px;
    margin-top: 10px;
  }
  .cart__list .cart__list-item .cart__allow-accounts span {
    font-weight: 600;
    font-size: 12px;
    margin-left: 40px;
    margin-bottom: 10px;
  }
  .cart__list .cart__list-item .cart__allow-accounts ul {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
  }
  .cart__list .cart__list-item .cart__allow-accounts ul li {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
    border-radius: 23px;
    line-height: 45px;
    padding: 0 20px;
    margin-left: 15px;
    background-color: #fff;
    font-weight: 600;
    font-size: 12px;
  }
  .cart__list .cart__list-item .cart__allow-accounts ul li:last-child {
    margin-left: 0;
  }
  .cart__list .cart__list-item .cart__allow-accounts ul li img {
    margin-left: 15px;
  }
  .cart__list .cart__list-item:nth-last-of-type(1) {
    border-bottom: none;
  }
  .cart__list .cart__list-item--choose .cart__list-meta .cart__list-meta-operator .choose-account {
    border: 1px solid #17a404;
    background-color: #fafff9;
    flex-direction: row-reverse;
  }
  .cart__list .cart__list-item--choose .cart__list-meta .cart__list-meta-operator .choose-account__title {
    color: #0f5a05;
    padding-top: 2px;
    margin-right: 15px;
    margin-left: unset;
    width: 142px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction: ltr;
    text-align: left;
  }
  .cart__list .cart__list-payment {
    border: none;
    border-radius: 21px;
    max-width: 100%;
  }
  .cart__list .cart__list-payment .cart__list-payment-online {
    padding-left: 0px;
    flex-direction: column;
    border: 2px solid #cbcbcb;
    border-radius: 21px;
    max-width: 646px;
  }
  .cart__list .cart__list-payment .cart__list-payment-online table tbody {
    display: block;
    width: 100%;
  }
  .cart__list .cart__list-payment .cart__list-payment-online table tbody tr {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .cart__list .cart__list-payment .cart__list-payment-online table tbody tr td {
    display: block;
    width: 100%;
  }
  .cart__list .cart__list-payment .cart__list-payment-online table tbody tr td:nth-child(even) {
    border: none;
  }
  .cart__list .cart__list-payment .cart__list-payment-online .title {
    font-size: 16.41px;
    flex: 100%;
    width: 100%;
    border-radius: 21px 21px 0 0;
    border: none;
  }
  .cart__list .cart__list-payment .cart__list-payment-online .value {
    padding: 0 15px 0 0;
    width: 100%;
  }
  .cart__list .cart__list-payment .cart__list-payment-online .value label {
    font-size: 15.12px;
    justify-content: flex-start;
  }
  .cart__list .cart__list-payment .cart__list-payment-online .value label i {
    width: 34px;
    height: 34px;
    margin-left: 15px;
    font-size: 14px;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet {
    flex-direction: column;
    flex-direction: column;
    border: 2px solid #cbcbcb;
    margin-top: 20px;
    border-radius: 21px;
    line-height: 62px;
    padding-left: 0px;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet .title {
    font-size: 15.12px;
    flex: 100%;
    width: 100%;
    border-radius: 21px 21px 0 0;
    border-left: none;
    border-bottom: 2px solid #cbcbcb;
    justify-content: flex-start;
    max-width: 100%;
    padding: 0 15px 0 0;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet .value {
    padding: 0 15px 0 0;
    width: 100%;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet .value label {
    font-size: 15.12px;
    justify-content: flex-start;
  }
  .cart__list .cart__list-payment .cart__list-payment-wallet .value label i {
    width: 34px;
    height: 34px;
    margin-left: 15px;
    font-size: 14px;
  }
  .cart .more-table__image {
    flex: 0 0 60px;
    max-width: 60px;
    height: 61px;
  }
  .cart .more-table__content {
    padding-right: 6px;
  }
  .cart .more-table__content > a {
    margin-bottom: 5px;
    font-size: 13px;
  }
  .cart .more-table ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .cart .more-table ul li.price {
    font-size: 14px;
  }
  .cart .more-table ul li.white {
    font-size: 13px;
    width: 80px;
  }
  .cart .more-table ul.status > li {
    font-size: 13px;
    white-space: nowrap;
  }
  .cart .more-table ul.status > li.action {
    font-size: 13px;
  }
}
.payment {
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 41px;
  padding: 0 40px 46px 39px;
}
.payment__header .payment__header-title {
  color: #000000;
  font-size: 19px;
  font-weight: 600;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 31px;
  padding-top: 40px;
}
.payment__list .payment__list-item {
  border-bottom: 1px solid #e3e3e3;
  padding-top: 39px;
  padding-bottom: 39px;
}
.payment__list .payment__list-item .item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.payment__list .payment__list-item .item__tick {
  width: 33px;
  height: 33px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 39px;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
}
.payment__list .payment__list-item .item__tick i {
  font-size: 13px;
  color: #e9e9e9;
  position: relative;
  z-index: 100;
  transition: 0.3s;
}
.payment__list .payment__list-item .item__tick:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 60px;
  transform: translate(-50%, -50%) scale(0);
  z-index: 90;
  background-color: #25a913;
  transition: 0.3s;
}
.payment__list .payment__list-item .item__info {
  display: flex;
  flex-direction: column;
}
.payment__list .payment__list-item .item__info .title {
  color: #000000;
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 14px;
}
.payment__list .payment__list-item .item__info .desc {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 600;
  line-height: 23px;
}
.payment__list .payment__list-item .item__logo {
  margin-right: auto;
}
.payment__list .payment__list-item > input {
  display: none;
}
.payment__list .payment__list-item > input:checked + .item .item__tick {
  border-color: transparent;
}
.payment__list .payment__list-item > input:checked + .item .item__tick i {
  color: #ffffff;
}
.payment__list .payment__list-item > input:checked + .item .item__tick:after {
  transform: translate(-50%, -50%) scale(2);
}
.payment__discount-code {
  margin-top: 43px;
}
.payment__discount-code > form {
  display: flex;
  align-items: center;
}
.payment__discount-code .payment__discount-code-input {
  flex: 1 0 auto;
  margin-left: 23px;
}
.payment__discount-code .payment__discount-code-input input {
  width: 100%;
  height: 53px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  padding: 0 15px;
}
.payment__discount-code .payment__discount-code-input input::-moz-placeholder {
  font-size: 13px;
  font-weight: 600;
  color: #727272;
  opacity: 1;
}
.payment__discount-code .payment__discount-code-input input::placeholder {
  font-size: 13px;
  font-weight: 600;
  color: #727272;
  opacity: 1;
}
.payment__discount-code .payment__discount-code-button {
  height: 53px;
  background-color: transparent;
  border-radius: 8px;
  color: #666;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 21px;
}
.payment__discount-code .payment__discount-code-button i {
  font-size: 17px;
  color: #ffffff;
  transition: 0.3s;
  position: relative;
  right: 0;
}
.payment__discount-code .payment__discount-code-button.fill {
  background-color: #888;
  color: #ffffff;
}
.payment__discount-code .payment__discount-code-button:hover i {
  right: 10px;
}
[data-theme=dark] .payment {
  background-color: #03021a;
}
[data-theme=dark] .payment__header .payment__header-title {
  border-color: #1b1939;
  color: #c7c5ee;
}
[data-theme=dark] .payment__list .payment__list-item {
  border-color: #1b1939;
}
[data-theme=dark] .payment__list .payment__list-item .item__tick {
  border-color: #1b1939;
  color: #c7c5ee;
}
[data-theme=dark] .payment__list .payment__list-item .item__tick i {
  color: #c7c5ee;
}
[data-theme=dark] .payment__list .payment__list-item .item__info .title {
  color: #c7c5ee;
}
[data-theme=dark] .payment__list .payment__list-item .item__info .desc {
  color: #c7c5ee;
}
[data-theme=dark] .payment .payment__discount-code .payment__discount-code-input input {
  color: #c7c5ee;
  border-color: #1b1939;
  background-color: #03021a;
}
[data-theme=dark] .payment .payment__discount-code .payment__discount-code-input input::-moz-placeholder {
  color: #908dd3;
}
[data-theme=dark] .payment .payment__discount-code .payment__discount-code-input input::placeholder {
  color: #908dd3;
}
[data-theme=dark] .payment .payment__discount-code .payment__discount-code-button.fill {
  background-color: #5a5976;
}
.finish-wrapper {
  margin-bottom: 41px;
}
.finish-buy {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fbfbfb;
  border-radius: 0 10px 10px 0;
  padding: 179px 0 159px 0;
  border-left: 1px solid #d9d9d9;
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
}
.finish-buy__wrapper {
  max-width: 305px;
  width: 100%;
}
.finish-buy__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 38px;
}
.finish-buy__header .finish-buy__header-thank {
  display: flex;
  flex-direction: column;
}
.finish-buy__header .finish-buy__header-thank .title {
  color: #000000;
  font-size: 29px;
  font-weight: 400;
  margin-bottom: 2px;
}
.finish-buy__header .finish-buy__header-thank .desc {
  color: #000000;
  font-weight: 400;
  font-size: 13.2px;
}
.finish-buy__info {
  margin-bottom: 22px;
}
.finish-buy__info .finish-buy__info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}
.finish-buy__info .finish-buy__info-item .finish-buy__info-item-title {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
}
.finish-buy__info .finish-buy__info-item .finish-buy__info-item-value {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
}
.finish-buy__info .finish-buy__info-item--date .finish-buy__info-item-value {
  display: flex;
  align-items: center;
}
.finish-buy__info .finish-buy__info-item--date .finish-buy__info-item-value .date {
  margin-left: 8px;
}
.finish-buy__account .finish-buy__account-title {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 16px;
  margin-top: 10px;
}
.finish-buy__account .finish-buy__account-address {
  box-shadow: 0 2px 1px rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-bottom: 10px;
  line-height: 35px;
  position: relative;
  z-index: 2;
}
.finish-buy__account .finish-buy__account-address .title {
  flex: 0 0 100%;
  max-width: 100%;
  line-height: 35px;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 600;
  font-size: 12px;
}
.finish-buy__account .finish-buy__account-address .address {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  padding-top: 2px;
  margin-left: 14px;
}
.finish-buy__account .finish-buy__account-address .copy {
  position: absolute;
  left: 100%;
  bottom: 10px;
  padding-left: 10px;
  color: #878787;
  z-index: -1;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
}
.finish-buy__account .finish-buy__account-address:hover .copy {
  opacity: 1;
  visibility: visible;
}
[data-theme=dark] .finish-buy {
  background-color: #050423;
  border-color: #1b1939;
}
[data-theme=dark] .finish-buy__header .finish-buy__header-thank .title {
  color: #c7c5ee;
}
[data-theme=dark] .finish-buy__header .finish-buy__header-thank .desc {
  color: #c7c5ee;
}
[data-theme=dark] .finish-buy__info .finish-buy__info-item-title {
  color: #c7c5ee;
}
[data-theme=dark] .finish-buy__info .finish-buy__info-item-value {
  color: #c7c5ee;
}
[data-theme=dark] .finish-buy__account .finish-buy__account-title {
  color: #c7c5ee;
}
[data-theme=dark] .finish-buy__account .finish-buy__account-address {
  color: #c7c5ee;
  box-shadow: 0 2px 1px #1b1939;
  background-color: #0b082f;
}
[data-theme=dark] .finish-buy__account .finish-buy__account-address .address {
  color: #c7c5ee;
}
[data-theme=dark] .finish-buy__account .finish-buy__account-address .title {
  border-color: #1b1939;
}
[data-theme=dark] .finish-buy__account .finish-buy__account-address .copy {
  color: #c7c5ee;
}
[data-theme=dark] .finish-buy-time__timing svg .circle-two {
  stroke: #1b1939;
}
.finish-buy-time {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffff;
  height: 100%;
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
  border-radius: 10px 0 0 10px;
}
.finish-buy-time__timing {
  position: relative;
  margin-bottom: 50px;
}
.finish-buy-time__timing svg {
  position: absolute;
  top: 92px;
  right: 93px;
  width: 40px;
  height: 40px;
  transform: rotateZ(-90deg) scale(7.15);
}
.finish-buy-time__timing svg .circle-two {
  stroke: #e7e7e7;
  stroke-dasharray: 113px;
  stroke-linecap: round;
  stroke-width: 0.5px;
  fill: none;
}
.finish-buy-time__timing svg .circle-one {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 0.5px;
  stroke: #25a913;
  fill: none;
  animation: countdown linear forwards;
}
.finish-buy-time__timing figure {
  border-radius: 100%;
  width: 227px;
  height: 227px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 7px 18px 36px -11px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.finish-buy-time__timing figure img {
  width: 160px;
  height: 215px;
}
.finish-buy-time__count-down {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
}
.finish-buy-time__count-down .sec {
  color: #25a913;
  font-size: 40px;
  font-weight: 600;
  margin-left: 6px;
}
.finish-buy-time__count-down .separator {
  color: #25a913;
  font-size: 40px;
  font-weight: 600;
}
.finish-buy-time__count-down .minutes {
  color: #25a913;
  font-size: 40px;
  font-weight: 600;
  margin-right: 6px;
  margin-left: 10px;
}
.finish-buy-time__count-desc {
  color: #000000;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 30px;
}
.finish-buy-time__delay {
  width: 143px;
  height: 53px;
  box-shadow: 0 2px 1px rgba(0, 1, 1, 0.1);
  background-color: #f01919;
  border-radius: 8px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.finish-buy-time__delay:hover {
  box-shadow: 0 2px 10px rgba(0, 1, 1, 0.1);
}
@keyframes countdown {
  from {
    stroke-dashoffset: 113px;
  }
  to {
    stroke-dashoffset: 0;
  }
}
[data-theme=dark] .finish-buy-time {
  background-color: #03021a;
}
[data-theme=dark] .finish-buy-time__count-down {
  color: #c7c5ee;
}
[data-theme=dark] .finish-buy-time__count-desc {
  color: #c7c5ee;
}
.cart-empty-wrapper {
  margin-bottom: 96px;
}
.empty {
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 120px 0 97px 0;
}
.empty__icon {
  margin-bottom: 54px;
}
.empty__icon i {
  font-size: 54px;
  color: #f01919;
}
.empty__title {
  color: #5b5b5b;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 13px;
}
.empty__desc {
  color: #767676;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 39px;
}
.empty__offer {
  height: 48px;
  background-color: #f01919;
  border-radius: 8px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
}
[data-theme=dark] .empty {
  background-color: #03021a;
}
[data-theme=dark] .empty__title {
  color: #c7c5ee;
}
[data-theme=dark] .empty__desc {
  color: #c7c5ee;
}
/* cat */
.ai-cat-header__slider {
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
  row-gap: 20px;
}
.ai-cat-header__slider__single__image {
  position: relative;
}
.ai-cat-header__slider__single__image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 23px;
}
.ai-cat-header__slider__single__image a {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ai-cat-header__slider__multi {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  gap: 20px;
}
.ai-cat-header__slider__multi__small__image {
  max-width: 344px;
  width: 100%;
  position: relative;
}
.ai-cat-header__slider__multi__small__image img {
  width: 100%;
  height: 325px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 23px;
}
.ai-cat-header__slider__multi__small__image a {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ai-cat-header__slider__multi__small__title h2,
.ai-cat-header__slider__multi__small__title h3,
.ai-cat-header__slider__multi__small__title h4,
.ai-cat-header__slider__multi__small__title h5,
.ai-cat-header__slider__multi__small__title h6 {
  color: #fff;
  font-size: 24px;
  position: absolute;
  bottom: 35px;
  width: 100%;
  right: 0;
  font-weight: 300;
  text-align: center;
}
.ai-cat-header__slider__multi__large__image {
  max-width: 453px;
  width: 100%;
  position: relative;
}
.ai-cat-header__slider__multi__large__image img {
  width: 100%;
  height: 325px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 23px;
}
.ai-cat-header__slider__multi__large__image a {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ai-cat-header__slider__multi__large__title h2, .ai-cat-header__slider__multi__large__title h3, .ai-cat-header__slider__multi__large__title h4, .ai-cat-header__slider__multi__large__title h5, .ai-cat-header__slider__multi__large__title h6 {
  display: flex;
  flex-direction: column;
  color: #532b77;
  font-size: 34px;
  position: absolute;
  bottom: 30px;
  left: 30px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 40px;
}
.ai-cat-header__slider__multi__large__title h2 span, .ai-cat-header__slider__multi__large__title h3 span, .ai-cat-header__slider__multi__large__title h4 span, .ai-cat-header__slider__multi__large__title h5 span, .ai-cat-header__slider__multi__large__title h6 span {
  font-size: 24px;
  color: #fff;
  font-weight: 300;
}
@media (max-width: 1200px) {
  .ai-cat-header__slider__multi__small__title h2, .ai-cat-header__slider__multi__small__title h3, .ai-cat-header__slider__multi__small__title h4, .ai-cat-header__slider__multi__small__title h5, .ai-cat-header__slider__multi__small__title h6 {
    font-size: 20px;
  }
  .ai-cat-header__slider__multi__large__title h2, .ai-cat-header__slider__multi__large__title h3, .ai-cat-header__slider__multi__large__title h4, .ai-cat-header__slider__multi__large__title h5, .ai-cat-header__slider__multi__large__title h6 {
    font-size: 30px;
  }
  .ai-cat-header__slider__multi__large__title h2 span, .ai-cat-header__slider__multi__large__title h3 span, .ai-cat-header__slider__multi__large__title h4 span, .ai-cat-header__slider__multi__large__title h5 span, .ai-cat-header__slider__multi__large__title h6 span {
    font-size: 20;
  }
}
@media (max-width: 991px) {
  .ai-cat-header__slider__multi__small__title h2, .ai-cat-header__slider__multi__small__title h3, .ai-cat-header__slider__multi__small__title h4, .ai-cat-header__slider__multi__small__title h5, .ai-cat-header__slider__multi__small__title h6 {
    font-size: 16px;
  }
  .ai-cat-header__slider__multi__large__title h2, .ai-cat-header__slider__multi__large__title h3, .ai-cat-header__slider__multi__large__title h4, .ai-cat-header__slider__multi__large__title h5, .ai-cat-header__slider__multi__large__title h6 {
    left: 15px;
    font-size: 24px;
  }
  .ai-cat-header__slider__multi__large__title h2 span, .ai-cat-header__slider__multi__large__title h3 span, .ai-cat-header__slider__multi__large__title h4 span, .ai-cat-header__slider__multi__large__title h5 span, .ai-cat-header__slider__multi__large__title h6 span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .ai-cat-header__slider__multi {
    flex-wrap: wrap;
  }
  .ai-cat-header__slider__multi__large__image {
    order: 3;
    max-width: 100%;
    width: 100%;
  }
  .ai-cat-header__slider__multi__large__title h2, .ai-cat-header__slider__multi__large__title h3, .ai-cat-header__slider__multi__large__title h4, .ai-cat-header__slider__multi__large__title h5, .ai-cat-header__slider__multi__large__title h6 {
    left: 15px;
    font-size: 34px;
  }
  .ai-cat-header__slider__multi__large__title h2 span, .ai-cat-header__slider__multi__large__title h3 span, .ai-cat-header__slider__multi__large__title h4 span, .ai-cat-header__slider__multi__large__title h5 span, .ai-cat-header__slider__multi__large__title h6 span {
    font-size: 24px;
  }
  .ai-cat-header__slider__multi__small__image {
    max-width: 48%;
  }
  .ai-cat-header__slider__multi__small h2, .ai-cat-header__slider__multi__small h3, .ai-cat-header__slider__multi__small h4, .ai-cat-header__slider__multi__small h5, .ai-cat-header__slider__multi__small h6 {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .ai-cat-header {
    display: none;
  }
}
.ai-cat-products__list {
  margin-bottom: 13px;
}
.ai-cat-products__list__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 48px;
  gap: 48px;
}
.ai-cat-products__item {
  background-color: #fff;
  box-shadow: 0px 0px 19.2px 4.8px rgba(0, 0, 0, 0.21);
  border-radius: 23px;
  padding: 9px 9px 9px 12px;
  max-width: 566px;
}
.ai-cat-products__item__list {
  min-height: 182px;
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  position: relative;
  max-height: 182px;
}
.ai-cat-products__item__list:before {
  position: absolute;
  top: 0;
  height: 100%;
  width: 53px;
  right: 146px;
  background-color: #f55723;
  content: "";
  z-index: 1;
  border-radius: 15px;
}
.ai-cat-products__item .ai-cat-products__item-img {
  flex: 0 0 186px;
  width: 186px;
  z-index: 3;
  position: relative;
}
.ai-cat-products__item .ai-cat-products__item-img figure img {
  width: 186px;
  height: 182px;
  border-radius: 23px;
}
.ai-cat-products__item .ai-cat-products__item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #e0e0e0;
  border-radius: 12px;
  height: 60px;
  margin-right: -69px;
  padding-right: 87px;
  padding-left: 14px;
  position: relative;
  z-index: 2;
}
.ai-cat-products__item .ai-cat-products__item-title h1,
.ai-cat-products__item .ai-cat-products__item-title h2,
.ai-cat-products__item .ai-cat-products__item-title h3,
.ai-cat-products__item .ai-cat-products__item-title h4,
.ai-cat-products__item .ai-cat-products__item-title h5,
.ai-cat-products__item .ai-cat-products__item-title h6 {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 19px;
  margin-left: 10px;
}
.ai-cat-products__item .ai-cat-products__item-title h1 a,
.ai-cat-products__item .ai-cat-products__item-title h2 a,
.ai-cat-products__item .ai-cat-products__item-title h3 a,
.ai-cat-products__item .ai-cat-products__item-title h4 a,
.ai-cat-products__item .ai-cat-products__item-title h5 a,
.ai-cat-products__item .ai-cat-products__item-title h6 a {
  line-height: 30px;
  display: block;
}
.ai-cat-products__item .ai-cat-products__item-title h1:before,
.ai-cat-products__item .ai-cat-products__item-title h2:before,
.ai-cat-products__item .ai-cat-products__item-title h3:before,
.ai-cat-products__item .ai-cat-products__item-title h4:before,
.ai-cat-products__item .ai-cat-products__item-title h5:before,
.ai-cat-products__item .ai-cat-products__item-title h6:before {
  margin-left: 6px;
  width: 14.06px;
  height: 14.06px;
  background-color: #f55723;
  border-radius: 50%;
  content: "";
  min-width: 14.06px;
}
.ai-cat-products__item .ai-cat-products__item-title a {
  line-height: 10px;
}
.ai-cat-products__item .ai-cat-products__item-title a i {
  font-size: 27px;
}
.ai-cat-products__item .ai-cat-products__item-title a i:before {
  color: #fff;
}
.ai-cat-products__item .ai-cat-products__item-title a.active i:before {
  color: #f75823;
}
.ai-cat-products__item .ai-cat-products__item-footer {
  margin-right: 31px;
  margin-top: 21px;
}
.ai-cat-products__item .ai-cat-products__item-footer p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  color: #757575;
  text-align: justify;
}
[data-theme=dark] .ai-cat-products__title h1,
[data-theme=dark] .ai-cat-products__title h2,
[data-theme=dark] .ai-cat-products__title h3,
[data-theme=dark] .ai-cat-products__title h4 {
  color: #fff;
}
[data-theme=dark] .ai-cat-products__item {
  background-color: #3b426b;
}
[data-theme=dark] .ai-cat-products__item .ai-cat-products__item-title {
  background-color: #110f3f;
}
[data-theme=dark] .ai-cat-products__item .ai-cat-products__item-title h4 {
  color: #fff;
}
[data-theme=dark] .ai-cat-products__item .ai-cat-products__item-footer p {
  color: #c7c5ee;
}
[data-theme=dark] .ai-cat-products__list__item {
  border-color: #1f1c50 !important;
}
@media (max-width: 1200px) {
  .ai-cat-products__list__item {
    grid-gap: 20px;
    gap: 20px;
  }
  .ai-cat-products__item {
    max-width: 470px;
  }
  .ai-cat-products__item__list {
    min-height: 152px;
    max-height: 152px;
  }
  .ai-cat-products__item__list:before {
    height: 100%;
    right: 116px;
  }
  .ai-cat-products__item .ai-cat-products__item-img {
    flex: 0 0 156px;
    width: 156px;
    z-index: 3;
    position: relative;
  }
  .ai-cat-products__item .ai-cat-products__item-img figure img {
    width: 156px;
    height: 152px;
    border-radius: 23px;
  }
  .ai-cat-products__item .ai-cat-products__item-title h1,
.ai-cat-products__item .ai-cat-products__item-title h2,
.ai-cat-products__item .ai-cat-products__item-title h3,
.ai-cat-products__item .ai-cat-products__item-title h4,
.ai-cat-products__item .ai-cat-products__item-title h5,
.ai-cat-products__item .ai-cat-products__item-title h6 {
    font-size: 17px;
  }
  .ai-cat-products__item .ai-cat-products__item-title a i {
    font-size: 25px;
  }
  .ai-cat-products__item .ai-cat-products__item-footer {
    margin-top: 10px;
    margin-right: 20px;
  }
  .ai-cat-products__item .ai-cat-products__item-footer p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    color: #757575;
    text-align: justify;
  }
}
@media (max-width: 992px) {
  .ai-cat-products__list__item {
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
  }
  .ai-cat-products__item {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .ai-cat-products__list__item {
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
  }
  .ai-cat-products__item {
    max-width: 100%;
  }
  .ai-cat-products__item__list {
    min-height: 145px;
    max-height: 145px;
  }
  .ai-cat-products__item__list:before {
    height: 100%;
    right: 105px;
  }
  .ai-cat-products__item .ai-cat-products__item-img {
    flex: 0 0 149px;
    width: 149px;
    z-index: 3;
    position: relative;
  }
  .ai-cat-products__item .ai-cat-products__item-img figure img {
    width: 149px;
    height: 145px;
  }
  .ai-cat-products__item .ai-cat-products__item-title {
    height: 48.35px;
  }
  .ai-cat-products__item .ai-cat-products__item-title h1,
.ai-cat-products__item .ai-cat-products__item-title h2,
.ai-cat-products__item .ai-cat-products__item-title h3,
.ai-cat-products__item .ai-cat-products__item-title h4,
.ai-cat-products__item .ai-cat-products__item-title h5,
.ai-cat-products__item .ai-cat-products__item-title h6 {
    font-size: 16px;
    line-height: 25px;
  }
  .ai-cat-products__item .ai-cat-products__item-title h1 a,
.ai-cat-products__item .ai-cat-products__item-title h2 a,
.ai-cat-products__item .ai-cat-products__item-title h3 a,
.ai-cat-products__item .ai-cat-products__item-title h4 a,
.ai-cat-products__item .ai-cat-products__item-title h5 a,
.ai-cat-products__item .ai-cat-products__item-title h6 a {
    line-height: 25px;
  }
  .ai-cat-products__item .ai-cat-products__item-title h1:before,
.ai-cat-products__item .ai-cat-products__item-title h2:before,
.ai-cat-products__item .ai-cat-products__item-title h3:before,
.ai-cat-products__item .ai-cat-products__item-title h4:before,
.ai-cat-products__item .ai-cat-products__item-title h5:before,
.ai-cat-products__item .ai-cat-products__item-title h6:before {
    width: 11.06px;
    height: 11.06px;
    min-width: 11.06px;
  }
  .ai-cat-products__item .ai-cat-products__item-title a i {
    font-size: 21px;
  }
  .ai-cat-products__item .ai-cat-products__item-footer {
    margin-top: 15px;
    margin-right: 17px;
  }
  .ai-cat-products__item .ai-cat-products__item-footer p {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .ai-cat-products__item .ai-cat-products__item-title {
    height: 48.35px;
  }
  .ai-cat-products__item .ai-cat-products__item-title h1,
.ai-cat-products__item .ai-cat-products__item-title h2,
.ai-cat-products__item .ai-cat-products__item-title h3,
.ai-cat-products__item .ai-cat-products__item-title h4,
.ai-cat-products__item .ai-cat-products__item-title h5,
.ai-cat-products__item .ai-cat-products__item-title h6 {
    font-size: 14px;
  }
  .ai-cat-products__item .ai-cat-products__item-title h1 a,
.ai-cat-products__item .ai-cat-products__item-title h2 a,
.ai-cat-products__item .ai-cat-products__item-title h3 a,
.ai-cat-products__item .ai-cat-products__item-title h4 a,
.ai-cat-products__item .ai-cat-products__item-title h5 a,
.ai-cat-products__item .ai-cat-products__item-title h6 a {
    line-height: 23px;
  }
  .ai-cat-products__item .ai-cat-products__item-title a i {
    font-size: 21px;
  }
  .ai-cat-products__item .ai-cat-products__item-footer {
    margin-top: 7px;
    margin-right: 17px;
  }
  .ai-cat-products__item .ai-cat-products__item-footer p {
    font-size: 12px;
    height: 83px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 460px) {
  .ai-cat-products__item__list {
    min-height: 130px;
    max-height: 130px;
  }
  .ai-cat-products__item__list:before {
    height: 100%;
    right: 85px;
  }
  .ai-cat-products .ai-cat-products__item-title {
    padding-right: 75px;
    padding-left: 7px;
    height: 48px;
  }
  .ai-cat-products .ai-cat-products__item-title h1,
.ai-cat-products .ai-cat-products__item-title h2,
.ai-cat-products .ai-cat-products__item-title h3,
.ai-cat-products .ai-cat-products__item-title h4,
.ai-cat-products .ai-cat-products__item-title h5,
.ai-cat-products .ai-cat-products__item-title h6 {
    font-size: 13px;
    line-height: 23px;
    margin-left: 7px;
  }
  .ai-cat-products .ai-cat-products__item-title a i {
    font-size: 16px;
  }
  .ai-cat-products .ai-cat-products__item-img {
    flex: 0 0 130px;
    width: 130px;
    z-index: 3;
    position: relative;
  }
  .ai-cat-products .ai-cat-products__item-img figure img {
    width: 130px;
    height: 130px;
  }
  .ai-cat-products .ai-cat-products__item-footer {
    margin-top: 7px;
    margin-right: 17px;
  }
  .ai-cat-products .ai-cat-products__item-footer p {
    font-size: 12px;
  }
}
.ai-top-cat {
  margin-bottom: 40px;
}
.ai-top-cat__item {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 35px 18px;
  gap: 35px 18px;
}
.ai-top-cat__item__list {
  display: flex;
  align-items: center;
  height: 74px;
  background-color: #fff;
  border-radius: 21px;
  box-shadow: 0px 0px 19.2px 4.8px rgba(0, 0, 0, 0.21);
  position: relative;
}
.ai-top-cat__item__list > a {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ai-top-cat__item__list__image img {
  width: 100%;
  height: auto;
}
.ai-top-cat__item__list__title {
  margin-right: 16px;
}
.ai-top-cat__item__list__title h3 {
  font-size: 17px;
  color: #7d7d7d;
}
.ai-top-cat__item__list__title h3 strong {
  color: #4c4b4b;
}
.ai-catNew__breadcrumb {
  margin-top: 55px;
  display: inline-block;
  align-items: center;
  margin-bottom: -12px;
  line-height: 62px;
}
.ai-catNew__breadcrumb a {
  color: #f75823;
  font-size: 16.23px;
  line-height: 62px;
}
.ai-catNew__breadcrumb a:after {
  content: "...";
  font-size: 30px;
  color: #f75823;
  margin: 0 5px;
}
.ai-catNew__breadcrumb span {
  color: #454545;
  font-size: 16.23px;
  line-height: 62px;
}
.ai-catNew__title {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}
.ai-catNew__title__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  background-color: #e5e5e5;
  border-radius: 0 20px 20px 0;
  flex: 1;
}
.ai-catNew__title__item h2 {
  text-align: center;
  margin: 0;
  font-size: 26px;
  line-height: 68px;
  color: #000000;
}
.ai-catNew__title__item form {
  justify-content: space-between;
  display: flex;
}
.ai-catNew__title__item form .form-select {
  padding: 0 15px;
  margin-left: 15px;
  border-radius: 20px;
  border: 2px solid #4f4f4f;
  background-color: transparent;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ai-catNew__title__item form label {
  font-size: 13.04px;
  color: #4f4f4f;
  line-height: 35px;
  margin: 0;
}
.ai-catNew__title__item form select {
  border: none;
  background-color: transparent;
  color: #f36030;
  font-size: 13.04px;
  line-height: 35px;
}
.ai-catNew__title__showFavorite {
  flex: 0 0 195px;
  max-width: 195px;
}
.ai-catNew__title__showFavorite input {
  display: none;
}
.ai-catNew__title__showFavorite input:checked + label {
  background-color: #f75823;
}
.ai-catNew__title__showFavorite label {
  background-color: rgba(247, 88, 35, 0.4666666667);
  border-radius: 20px 0 0 20px;
  font-size: 17.67px;
  color: #fff;
  line-height: 68px;
  display: block;
}
.ai-catNew__title__showFavorite label i:before {
  color: #fff;
}
[data-theme=dark] .ai-top-cat__item__list {
  background-color: #3b426b;
}
[data-theme=dark] .ai-top-cat__item__list__title h3 {
  color: #c7c5ee;
}
[data-theme=dark] .ai-top-cat__item__list__title h3 strong {
  color: #c7c5ee;
}
[data-theme=dark] .ai-catNew__breadcrumb a {
  color: #f75823;
}
[data-theme=dark] .ai-catNew__breadcrumb a:after {
  color: #f75823;
}
[data-theme=dark] .ai-catNew__breadcrumb span {
  color: #c7c5ee;
}
[data-theme=dark] .ai-catNew__title__item {
  background-color: #3b426b;
}
[data-theme=dark] .ai-catNew__title__item h2 {
  color: #c7c5ee;
}
[data-theme=dark] .ai-catNew__title__item form .form-select {
  border: 2px solid #110f3f;
}
[data-theme=dark] .ai-catNew__title__item form select {
  color: #f36030;
}
[data-theme=dark] .ai-catNew__title__showFavorite input:checked + label {
  background-color: #f75823;
}
[data-theme=dark] .ai-catNew__title__showFavorite label {
  background-color: #f75823;
}
@media (max-width: 1200px) {
  .ai-catNew__title__item h2 {
    font-size: 18.04px;
  }
  .ai-catNew_row {
    justify-content: space-between;
  }
  .ai-catNew__item {
    min-width: unset;
    border-radius: 20px;
    margin-bottom: 43px;
    min-height: 403px;
    max-width: 290px;
    margin-left: unset;
    width: 100%;
  }
  .ai-catNew__item:nth-child(4n) {
    margin-left: unset;
  }
  .ai-catNew__item__image img {
    max-width: unset;
    width: 100%;
  }
  .ai-catNew__item__buy {
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .ai-catNew__item__buy a {
    flex: 0 0 213px;
    max-width: 213px;
  }
  .ai-catNew__item__buy a.favorite {
    flex: 0 0 82px;
    max-width: 82px;
  }
}
@media (max-width: 992px) {
  .ai-top-cat__item {
    grid-template-columns: auto auto;
    grid-gap: 38px 18px;
    gap: 38px 18px;
  }
  .ai-catNew__title__item {
    height: 68px;
  }
  .ai-catNew__title__item h2 {
    display: none;
  }
  .ai-catNew__item {
    min-width: unset;
    border-radius: 20px;
    margin-bottom: 43px;
    min-height: 403px;
    max-width: 46.8111111111%;
    margin-left: 45px;
    width: 100%;
  }
  .ai-catNew__item:nth-child(5n) {
    margin-left: 45px;
  }
  .ai-catNew__item:nth-child(4n) {
    margin-left: 45px;
  }
  .ai-catNew__item:nth-child(3n) {
    margin-left: 45px;
  }
  .ai-catNew__item:nth-child(2n) {
    margin-left: 0px;
  }
  .ai-catNew__item__image img {
    max-width: unset;
    width: 100%;
  }
  .ai-catNew__item__buy {
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .ai-catNew__item__buy a {
    flex: 0 0 72%;
    max-width: 72%;
  }
  .ai-catNew__item__buy a.favorite {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (max-width: 768px) {
  .ai-top-cat {
    margin-bottom: 25px;
  }
  .ai-top-cat__item {
    grid-template-columns: auto;
    grid-gap: 20px 18px;
    gap: 20px 18px;
  }
  .ai-top-cat__item__list__title h3 {
    font-size: 18px;
    color: #7d7d7d;
  }
  .ai-top-cat__item__list__title h3 strong {
    color: #4c4b4b;
  }
  .ai-catNew__breadcrumb {
    margin-top: 1px;
  }
  .ai-catNew__breadcrumb a {
    font-size: 13.23px;
    line-height: 62px;
  }
  .ai-catNew__breadcrumb a:after {
    content: "...";
    font-size: 13px;
    margin: 0 5px;
  }
  .ai-catNew__breadcrumb span {
    font-size: 13.23px;
    line-height: 62px;
  }
  .ai-catNew__title {
    margin-bottom: 20px;
  }
  .ai-catNew__title__item form .form-select {
    padding: 0 15px;
    margin-left: 15px;
    border-radius: 20px;
    border: 2px solid #4f4f4f;
    background-color: transparent;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .ai-catNew__title__item form label {
    font-size: 13.04px;
    color: #4f4f4f;
    line-height: 35px;
    margin: 0;
  }
  .ai-catNew__title__item form select {
    border: none;
    background-color: transparent;
    color: #f36030;
    font-size: 13.04px;
    line-height: 35px;
  }
  .ai-catNew__title__showFavorite {
    flex: 0 0 120px;
    max-width: 120px;
  }
  .ai-catNew__title__showFavorite label {
    font-size: 12.67px;
  }
  .ai-catNew__item {
    min-width: unset;
    border-radius: 20px;
    margin-bottom: 34px;
    min-height: 403px;
    max-width: 46.8111111111%;
    margin-left: 34px;
    width: 100%;
  }
  .ai-catNew__item:nth-child(5n) {
    margin-left: 34px;
  }
  .ai-catNew__item:nth-child(4n) {
    margin-left: 34px;
  }
  .ai-catNew__item:nth-child(3n) {
    margin-left: 34px;
  }
  .ai-catNew__item:nth-child(2n) {
    margin-left: 0px;
  }
  .ai-catNew__item__image img {
    max-width: unset;
    width: 100%;
  }
  .ai-catNew__item__buy {
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .ai-catNew__item__buy a {
    flex: 0 0 72%;
    max-width: 72%;
  }
  .ai-catNew__item__buy a.favorite {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (max-width: 576px) {
  .ai-catNew__title__item {
    border-radius: 20px;
  }
  .ai-catNew__title__item form {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .ai-catNew__title__item form .form-select {
    margin: 2.5px 0 2.5px 0px;
    margin-left: 15px;
    border-radius: 20px;
  }
  .ai-catNew__title__item form select {
    border: none;
    background-color: transparent;
    color: #f36030;
    font-size: 13.04px;
    line-height: 35px;
  }
  .ai-catNew__title__showFavorite {
    display: none;
    flex: 0 0 120px;
    max-width: 120px;
  }
  .ai-catNew__title__showFavorite label {
    font-size: 12.67px;
  }
}
.top-cat {
  margin-top: -46px;
  position: relative;
  margin-bottom: 60px;
}
.top-cat__share {
  position: absolute;
  top: 38px;
  left: 45px;
  display: flex;
  align-items: center;
}
.top-cat__share .share {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  margin-left: 40px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  opacity: 1;
}
.top-cat__share .share:hover {
  opacity: 0.7;
}
.top-cat__share .share i {
  font-size: 23px;
  color: #ffffff;
  margin-right: 13px;
}
.top-cat__share .favorite {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: 0.3s;
  opacity: 1;
}
.top-cat__share .favorite:hover {
  opacity: 0.7;
}
.top-cat__share .favorite i {
  font-size: 21px;
  color: #ffffff;
  margin-right: 11px;
}
.top-cat__title-en {
  position: absolute;
  bottom: 40px;
  left: 44px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.top-cat__title-en h2 {
  text-shadow: 0 3px 5px rgba(0, 1, 1, 0.55);
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 5px;
}
.top-cat__title-en .top-cat__title-en-cat {
  text-shadow: 0 3px 5px rgba(0, 1, 1, 0.55);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
.top-cat__logo {
  position: absolute;
  top: -26px;
  left: 50%;
  background-image: url("../img/logo-bg-top-single.svg");
  transform: translate(-50%, 0);
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 100px;
}
.top-cat__info {
  display: flex;
  align-items: flex-start;
  position: absolute;
  right: 28px;
  bottom: -43px;
}
.top-cat__info .top-cat__info-logo {
  width: 141px;
  height: 181px;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 25px;
  margin-left: 35px;
  position: relative;
}
.top-cat__info .top-cat__info-logo img {
  position: relative;
  z-index: 110;
}
.top-cat__info .top-cat__info-logo:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 35px;
  background-image: linear-gradient(69deg, #6a4fa0 0%, #6a4fa0 2%, #6a4fa0 33%, #16a2bd 42%, #89c736 52%, #fcc43f 61%, #d02054 69%, #d02054 100%);
  opacity: 0.5;
  filter: blur(10px);
  border-radius: 10px;
  z-index: 90;
}
.top-cat__info .top-cat__info-logo:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  background-color: #fff;
  z-index: 100;
}
.top-cat__info .top-cat__info-title {
  margin-top: 33px;
}
.top-cat__info .top-cat__info-title .top-cat__info-title-tlt {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.top-cat__info .top-cat__info-title .top-cat__info-title-tlt .title {
  text-shadow: 0 3px 5px rgba(0, 1, 1, 0.55);
  color: #ffffff;
  font-size: 27px;
  font-weight: 400;
  margin-left: 13px;
}
.top-cat__info .top-cat__info-title .top-cat__info-title-tlt .count {
  height: 29px;
  background-color: #f01919;
  border-radius: 60px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  padding: 0 10px 0 12px;
  display: flex;
  align-items: center;
}
.top-cat__info .top-cat__info-title .top-cat__info-title-tlt .count__numb {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  margin-left: 4px;
}
.top-cat__info .top-cat__info-title .top-cat__info-title-cat {
  text-shadow: 0 3px 5px rgba(0, 1, 1, 0.55);
  color: #ffffff;
  font-size: 14px;
}
[data-theme=dark] .top-cat__logo {
  background-image: url(../img/logo-bg-top-single-dark.svg);
}
[data-theme=dark] .top-cat__info .top-cat__info-logo {
  background-color: #070525;
}
[data-theme=dark] .top-cat__info .top-cat__info-logo:after {
  background-color: #070525;
}
.cat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 70px;
}
.cat-header__breadcrumb {
  display: flex;
  align-items: center;
}
.cat-header__breadcrumb i {
  font-size: 23px;
  color: #000000;
  margin-left: 28px;
}
.cat-header__breadcrumb a {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.cat-header__breadcrumb a:after {
  content: "...";
  color: #a2a2a2;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.6px;
  margin-right: 20px;
  position: relative;
  bottom: 2px;
}
.cat-header__breadcrumb span {
  color: #a2a2a2;
  font-size: 15px;
  font-weight: 600;
}
.cat-header__amazing {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: 27px;
}
.cat-header__amazing .cat-header__amazing-title {
  color: #606060;
  font-size: 12px;
  font-weight: 600;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.cat-header__amazing .cat-header__amazing-title i {
  font-size: 25px;
  color: #f01919;
}
.cat-header__amazing .cat-header__amazing-button {
  width: 33px;
  height: 53px;
}
.cat-header__amazing .cat-header__amazing-button label {
  width: 100%;
  height: 100%;
  background-color: rgb(215, 215, 215);
  border-radius: 60px;
  position: relative;
  cursor: pointer;
}
.cat-header__amazing .cat-header__amazing-button label:after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 60px;
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translate(-50%, 0);
  transition: 0.3s;
}
.cat-header__amazing .cat-header__amazing-button input {
  display: none;
}
.cat-header__amazing .cat-header__amazing-button input:checked + label:after {
  top: calc(100% - 30px);
  background-color: #f01919;
}
.cat-header__sort .bootstrap-select .dropdown-toggle {
  border: 1px solid #d7d7d7;
  padding-right: 60px;
  padding-left: 55px;
  border-radius: 30px;
  font-size: 13px;
}
.cat-header__sort .bootstrap-select .dropdown-toggle:after {
  content: "مشاهده";
  color: #a1a1a1;
  font-size: 13px;
  font-weight: 600;
  display: block;
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 40px;
  border: unset;
}
.cat-header__sort .bootstrap-select .dropdown-toggle:before {
  left: 0;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border-right: 1px solid #d7d7d7;
}
[data-theme=dark] .cat-header__breadcrumb i {
  color: #c7c5ee;
}
[data-theme=dark] .cat-header__breadcrumb a {
  color: #c7c5ee;
}
[data-theme=dark] .cat-header__breadcrumb span {
  color: #908dd3;
}
[data-theme=dark] .cat-header__amazing .cat-header__amazing-title {
  color: #908dd3;
}
[data-theme=dark] .cat-header__amazing .cat-header__amazing-button label {
  background-color: #110f3f;
}
[data-theme=dark] .cat-header__amazing .cat-header__amazing-button label::after {
  background-color: #c7c5ee;
}
[data-theme=dark] .cat-header__sort .bootstrap-select .dropdown-toggle {
  border: 1px solid #110f3f;
}
[data-theme=dark] .cat-header__sort .bootstrap-select .dropdown-toggle::before {
  border-right: 1px solid #110f3f;
}
[data-theme=dark] .cat-header__sort .bootstrap-select .dropdown-toggle::after {
  color: #908dd3;
}
[data-theme=dark] .cat-header__sort .bootstrap-select .dropdown-toggle .filter-option {
  color: #c7c5ee;
}
[data-theme=dark] .cat-header__sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  border-radius: 5px;
  border: 1px solid #110f3f;
  background-color: #070525;
}
.cat-products {
  margin-bottom: 13px;
}
.cat-products__title {
  text-align: center;
  margin: 30px 0px 50px 0px;
}
.cat-products__title h1, .cat-products__title h2, .cat-products__title h3, .cat-products__title h4 {
  font-size: 35.09px;
  position: relative;
  padding-bottom: 20px;
  display: inline-block;
}
.cat-products__title h1:before, .cat-products__title h2:before, .cat-products__title h3:before, .cat-products__title h4:before {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  height: 6px;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
  border-radius: 100%;
  content: "";
}
.cat-products__title h1:after, .cat-products__title h2:after, .cat-products__title h3:after, .cat-products__title h4:after {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  height: 9px;
  background-color: #a2a2a2;
  background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
  filter: blur(12px);
  opacity: 0.5;
  content: "";
}
.cat-products_paginate {
  margin: 50px 0;
}
.cat-products__item {
  margin-top: 57px;
}
.cat-products__item__list {
  max-width: 200px;
  background-color: #fff;
  box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.36);
  border-radius: 13px;
  margin: 0 auto;
  min-height: 236px;
}
.cat-products__item .cat-products__item-img {
  max-width: 174px;
  max-height: 174px;
  margin: 0 auto;
}
.cat-products__item .cat-products__item-img figure {
  position: relative;
}
.cat-products__item .cat-products__item-img figure img {
  position: relative;
  z-index: 100;
  border-radius: 30px;
  margin-top: -57px;
}
.cat-products__item .cat-products__item-title {
  text-align: center;
  padding: 0px 7px;
  padding: 0px 7px;
  max-height: 71px;
  height: 71px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-bottom: 2px solid #e4e4e4;
}
.cat-products__item .cat-products__item-title h4 {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}
.cat-products__item .cat-products__item-title h4 a {
  display: block;
}
.cat-products__item .cat-products__item-title h4 span {
  display: none;
}
.cat-products__item .cat-products__item-footer ul {
  display: none;
}
.cat-products__item .cat-products__item-footer .cat-products__item-footer-icon {
  align-items: center;
  padding: 7px;
}
.cat-products__item .cat-products__item-footer .cat-products__item-footer-icon a {
  background-color: #68509e;
  border-radius: 0px 0px 25px 25px;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 34px;
  font-size: 17px;
  font-weight: 600;
}
.cat-products__item .cat-products__item-footer .cat-products__item-footer-icon a i {
  margin-left: 5px;
}
.cat-products__item .cat-products__item-footer .cat-products__item-footer-price {
  display: flex;
  align-items: center;
}
.cat-products__item .cat-products__item-footer .cat-products__item-footer-price .price {
  color: #000000;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: -0.38px;
  margin-left: 4px;
}
.cat-products__item .cat-products__item-footer .cat-products__item-footer-price .unit {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.cat-products__item .cat-products__item-range {
  width: 100%;
  padding: 0 21px;
}
.cat-products__item .cat-products__item-range .cat-products__range-title {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.cat-products__item .cat-products__item-range .cat-products__range-title .range-discount {
  height: 17px;
  background-color: #ef473a;
  border-radius: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 0 6px;
}
.cat-products__item .cat-products__item-range .cat-products__range-title .range-discount i {
  font-size: 9px;
  color: #ffffff;
  margin-right: 2px;
}
.cat-products__item .cat-products__item-range .cat-products__range-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border-radius: 60px 0 60px 60px;
  background-image: linear-gradient(to right, #f1fff1 0%, #fff6f5 100%);
}
.cat-products__item .cat-products__item-range .cat-products__range-content .min {
  display: flex;
  align-items: center;
}
.cat-products__item .cat-products__item-range .cat-products__range-content .min ins {
  color: #ef473a;
  font-size: 17px;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.cat-products__item .cat-products__item-range .cat-products__range-content .min .unit {
  color: #ef473a;
  font-size: 13px;
  font-weight: 600;
  margin-right: 5px;
}
.cat-products__item .cat-products__item-range .cat-products__range-content .to {
  color: #000000;
  font-size: 17px;
  font-weight: 600;
  margin-right: 14px;
  margin-left: 14px;
}
.cat-products__item .cat-products__item-range .cat-products__range-content .max {
  display: flex;
  align-items: center;
}
.cat-products__item .cat-products__item-range .cat-products__range-content .max ins {
  color: #2b8728;
  font-size: 17px;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.cat-products__item .cat-products__item-range .cat-products__range-content .max .unit {
  color: #2b8728;
  font-size: 13px;
  font-weight: 600;
  margin-right: 5px;
}
.cat-products__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 30px;
  border-left: 1px solid #e1e1e1;
}
.cat-products .row > [class*=col-]:nth-of-type(4n + 1) .cat-products__item {
  justify-content: flex-start;
}
.cat-products .row > [class*=col-]:nth-of-type(4n) .cat-products__item {
  justify-content: flex-start;
}
.cat-products .row > [class*=col-]:nth-of-type(4n) .cat-products__item:before {
  display: none;
}
.cat-products__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.cat-products__list__item {
  width: 252px;
  max-width: 252px;
  border-left: 8px solid #e4e4e4;
  padding-top: 30px;
  padding-bottom: 20px;
}
.cat-products__list__item:nth-child(4n) {
  border-left: none;
}
.cat-products__list__item:nth-child(1), .cat-products__list__item:nth-child(2), .cat-products__list__item:nth-child(3), .cat-products__list__item:nth-child(4) {
  padding-top: 0px !important;
}
[data-theme=dark] .cat-products__title h1, [data-theme=dark] .cat-products__title h2, [data-theme=dark] .cat-products__title h3, [data-theme=dark] .cat-products__title h4 {
  color: #fff;
}
[data-theme=dark] .cat-products__item__list {
  background-color: #3b426b;
}
[data-theme=dark] .cat-products__item .cat-products__item-title {
  border-bottom: 2px solid #1f1c50;
}
[data-theme=dark] .cat-products__item .cat-products__item-title h4 {
  color: #fff;
}
[data-theme=dark] .cat-products__item .cat-products__item-range .cat-products__range-title {
  color: #c7c5ee;
}
[data-theme=dark] .cat-products__item .cat-products__item-footer .cat-products__item-footer-icon {
  color: #c7c5ee;
}
[data-theme=dark] .cat-products__item .cat-products__item-footer .cat-products__item-footer-icon i {
  color: #c7c5ee;
}
[data-theme=dark] .cat-products__item .cat-products__item-footer .cat-products__item-footer-price .price {
  color: #c7c5ee;
}
[data-theme=dark] .cat-products__item .cat-products__item-footer .cat-products__item-footer-price .unit {
  color: #c7c5ee;
}
[data-theme=dark] .cat-products__list__item {
  border-color: #1f1c50 !important;
}
.cat-info {
  background-color: #373737;
  margin-bottom: 79px;
  height: 406px;
  position: relative;
}
.cat-info__img {
  height: 100%;
}
.cat-info__img figure {
  height: 100%;
}
.cat-info__img figure img {
  height: 100%;
}
.cat-info__wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.cat-info__wrapper .wrapper {
  display: flex;
  padding-top: 50px;
}
.cat-info__wrapper .cat-info__information {
  flex-grow: 1;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 24px;
  margin-bottom: 21px;
  margin-top: -8px;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate {
  display: flex;
  align-items: center;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate .item {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate .item__name {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.6;
  margin-left: 9px;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate .item__value {
  display: flex;
  align-items: center;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate .item__value-full {
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate .item__value-rate {
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate .item:nth-last-of-type(1) {
  margin-left: 0;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-title {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-title .title {
  color: #ffffff;
  font-size: 33px;
  font-weight: 600;
}
.cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-title .cat {
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  margin-top: -6px;
}
.cat-info__wrapper .cat-info__information .cat-info__information-main {
  display: flex;
  justify-content: space-between;
}
.cat-info__wrapper .cat-info__information .cat-info__information-main .cat-info__information-main-item {
  display: flex;
  flex-direction: column;
}
.cat-info__wrapper .cat-info__information .cat-info__information-main .cat-info__information-main-item .item {
  margin-bottom: 3px;
  display: inline-block;
}
.cat-info__wrapper .cat-info__information .cat-info__information-main .cat-info__information-main-item .item__title {
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
.cat-info__wrapper .cat-info__information .cat-info__information-main .cat-info__information-main-item .item__value {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  opacity: 0.8;
}
.cat-info__wrapper .cat-info__information .cat-info__information-main .cat-info__information-main-item .item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.cat-info__wrapper .cat-info__information .cat-info__information-main .cat-info__information-main-item--fa {
  max-width: 309px;
  width: 100%;
}
.cat-info__wrapper .cat-info__information .cat-info__information-main .cat-info__information-main-item--en {
  max-width: 348px;
  width: 100%;
  direction: ltr;
  text-align: left;
}
.cat-info__wrapper .cat-info__thumbnail {
  margin-right: 37px;
}
[data-theme=dark] .cat-info {
  background-color: transparent;
}
[data-theme=dark] .cart-info__btns__right {
  background-color: #4a4781;
}
/* blog */
.header-blog {
  margin-bottom: 61px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.header-blog h2 {
  color: #000000;
  font-size: 25px;
  font-weight: 600;
  width: 100%;
  margin-bottom: 28px;
}
.header-blog__cat {
  display: flex;
  align-items: center;
  margin-left: 21px;
}
.header-blog__cat .header-blog__cat-item {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  min-width: 111px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  margin-left: 11px;
  transition: 0.3s;
}
.header-blog__cat .header-blog__cat-item:hover {
  background-color: #d7d7d7;
}
.header-blog__cat .header-blog__cat-item:nth-last-of-type(1) {
  margin-left: 0;
}
.header-blog__search {
  flex-grow: 1;
}
.header-blog__search form {
  position: relative;
}
.header-blog__search form input {
  height: 50px;
  background-color: #efefef;
  border-radius: 8px;
  width: 100%;
  padding-right: 15px;
  padding-left: 40px;
}
.header-blog__search form button {
  position: absolute;
  display: flex;
  padding: 0;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}
.header-blog__search form button i {
  font-size: 17px;
  color: #000000;
}
[data-theme=dark] .header-blog h2 {
  color: #c7c5ee;
}
[data-theme=dark] .header-blog__search form input {
  background-color: transparent;
  border: 1px solid #1b1939;
  color: #c7c5ee;
}
[data-theme=dark] .header-blog__search form button {
  background-color: #070525;
}
[data-theme=dark] .header-blog__search form button i {
  color: #c7c5ee;
}
[data-theme=dark] .header-blog .header-blog__cat .header-blog__cat-item {
  color: #c7c5ee;
  border-color: #1b1939;
  background-color: #070525;
}
.slider-blog {
  overflow: hidden;
  margin-bottom: 61px;
}
.slider-blog__swiper {
  overflow: visible;
}
.slider-blog__item {
  position: relative;
  border-radius: 10px;
}
.slider-blog__item .slider-blog__item-info {
  position: absolute;
  right: 49px;
  bottom: 51px;
}
.slider-blog__item .slider-blog__item-info .slider-blog__item-info-title {
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 22px;
}
.slider-blog__item .slider-blog__item-info .slider-blog__item-info-meta {
  display: flex;
  align-items: center;
}
.slider-blog__item .slider-blog__item-info .slider-blog__item-info-meta .item {
  display: flex;
  align-items: center;
  margin-left: 22px;
}
.slider-blog__item .slider-blog__item-info .slider-blog__item-info-meta .item i {
  font-size: 17px;
  color: #ffffff;
  margin-left: 9px;
}
.slider-blog__item .slider-blog__item-info .slider-blog__item-info-meta .item__value {
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
.slider-blog__item:before {
  content: "";
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 14%, transparent 85%);
  border-radius: 23px;
  transition: 0.3s;
  pointer-events: none;
}
.slider-blog__item:hover:before {
  top: 0;
}
.single-blog__content {
  font-size: 15px;
  line-height: 35px;
  text-align: justify;
}
.single-blog__content video,
.single-blog__content img,
.single-blog__content iframe {
  max-width: 100%;
}
.article-blog {
  margin-bottom: 50px;
}
.article-blog__header {
  display: flex;
  align-content: center;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}
.article-blog__header .article-blog__header-title {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
}
.article-blog__header .article-blog__header-sort {
  display: flex;
  align-items: center;
}
.article-blog__header .article-blog__header-sort:before {
  content: "مشاهده";
  margin-left: 10px;
  font-weight: 600;
  color: #a1a1a1;
  font-size: 13px;
}
.article-blog__header .article-blog__header-sort .bootstrap-select .dropdown-toggle {
  border: none;
  padding-right: 0;
  padding-left: 25px;
  font-size: 13px;
}
.article-blog__header .article-blog__header-sort .bootstrap-select .dropdown-toggle:before {
  left: 0;
}
.article-blog__article .article-blog__article-footer {
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: flex-end;
}
.article-blog__article .article-blog__article-footer .article-blog__article-show {
  width: 251px;
  height: 50px;
  background-color: #f01919;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.article-blog__article .article-blog__article-footer .article-blog__article-pagination {
  display: flex;
  align-items: center;
}
.article-blog__article .article-blog__article-footer .article-blog__article-pagination .item {
  color: #000000;
  font-size: 17px;
  font-weight: 600;
  margin-left: 40px;
  transition: 0.3s;
}
.article-blog__article .article-blog__article-footer .article-blog__article-pagination .item:hover {
  color: #f01919;
}
.article-blog__article .article-blog__article-footer .article-blog__article-pagination .item.active {
  color: #f01919;
}
.article-blog__article .article-blog__article-footer .article-blog__article-pagination .item:nth-last-of-type(1) {
  margin-left: 0;
}
[data-theme=dark] .article-blog .article-blog__header-title {
  color: #c7c5ee;
}
[data-theme=dark] .article-blog__header {
  border-color: #1b1939;
}
[data-theme=dark] .article-blog__header .article-blog__header-sort:before {
  color: #44426e;
}
[data-theme=dark] .article-blog__header .article-blog__header-sort .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #c7c5ee;
}
[data-theme=dark] .article-blog__header .article-blog__header-sort .bootstrap-select .dropdown-toggle:before {
  color: #c7c5ee;
}
[data-theme=dark] .article-blog__article .article-blog__article-footer .article-blog__article-pagination .item {
  color: #c7c5ee;
}
/* news */
.aside-new {
  position: sticky;
  position: -webkit-sticky;
  top: 0; /* required */
}
.aside-new__img {
  margin-bottom: 47px;
}
.aside-new__img figure {
  position: relative;
}
.aside-new__img figure > img {
  position: relative;
  z-index: 100;
}
.aside-new__img figure .shadow {
  position: absolute;
  top: 13px;
  bottom: 0;
  right: 10px;
  left: 11px;
  z-index: 90;
  filter: blur(10px);
}
.aside-new__title {
  margin-bottom: 53px;
}
.aside-new__title h2 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
.aside-new__info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 51px;
}
.aside-new__info-grid {
  flex: 1 0 50%;
}
.aside-new__info-grid:nth-of-type(1) {
  padding-left: 26px;
  border-left: 1px solid #e6e6e6;
}
.aside-new__info-grid:nth-of-type(2) {
  padding-right: 26px;
}
.aside-new__info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 31px;
}
.aside-new__info-item .name {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.aside-new__info-item i {
  color: #000000;
  width: 20px;
  display: flex;
  justify-content: center;
}
.aside-new__info-item i.icon-profile {
  font-size: 17px;
}
.aside-new__info-item i.icon-hour {
  font-size: 19px;
}
.aside-new__info-item i.icon-statistics {
  font-size: 15px;
}
.aside-new__info-item i.icon-calender {
  font-size: 19px;
}
.aside-new__info-item i.icon-cat {
  font-size: 16px;
}
.aside-new__info-item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.aside-new__rates {
  background-color: #17a404;
  border-radius: 10px;
  padding: 0 30px;
  padding-top: 31px;
  padding-bottom: 32px;
  margin-bottom: 40px;
}
.aside-new__rates .aside-new__rates-rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}
.aside-new__rates .aside-new__rates-rate .aside-new__rates-rating {
  display: flex;
  align-items: center;
}
.aside-new__rates .aside-new__rates-rate .aside-new__rates-rating .item {
  margin-left: 21px;
  cursor: pointer;
}
.aside-new__rates .aside-new__rates-rate .aside-new__rates-rating .item i {
  font-size: 25px;
  color: #ffffff;
  transition: 0.3s;
}
.aside-new__rates .aside-new__rates-rate .aside-new__rates-rating .item:nth-last-of-type(1) {
  margin-left: 0;
}
.aside-new__rates .aside-new__rates-rate .aside-new__rates-rating .item:hover i {
  color: #cbffc4;
}
.aside-new__rates .aside-new__rates-rate .aside-new__rates-numb {
  color: #ffffff;
  font-size: 42px;
  font-weight: 600;
  line-height: 40px;
}
.aside-new__rates .aside-new__rates-vote {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.aside-new__rates .aside-new__rates-vote .title {
  color: #cbffc4;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  z-index: 100;
  background-color: #17a404;
  padding-left: 19px;
}
.aside-new__rates .aside-new__rates-vote .vote {
  color: #cbffc4;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  z-index: 100;
  background-color: #17a404;
  padding-right: 17px;
}
.aside-new__rates .aside-new__rates-vote .vote__numb {
  color: #ffffff;
}
.aside-new__rates .aside-new__rates-vote:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 11px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 90;
}
.aside-new__famous-title {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: #eeeeee;
  border-radius: 20px 20px 0 0;
}
.aside-new__famous-title .title {
  color: #000000;
  font-size: 18.5px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 45px;
}
.aside-new__famous-info {
  margin-bottom: 20px;
}
.aside-new__famous-info ul {
  background-color: #f6f6f6;
  padding: 15px 25px;
  border-radius: 0 0 20px 20px;
}
.aside-new__famous-info ul li {
  line-height: 40px;
}
.aside-new__famous-info ul li a {
  font-size: 14px;
  font-weight: 600;
}
.aside-new__related {
  padding-bottom: 20px;
}
.aside-new__related-title {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: #eeeeee;
  border-radius: 20px 20px 0 0;
}
.aside-new__related-title .title {
  color: #000000;
  font-size: 18.5px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 45px;
}
.aside-new__related-info {
  margin-bottom: 20px;
}
.aside-new__related-info__img {
  width: 121px;
  height: 78px;
  margin-left: 10px;
  border-radius: 15px 15px 0 15px;
}
.aside-new__related-info__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px 15px 0 15px;
}
.aside-new__related-info__title {
  flex: 0 0 50%;
  max-width: 50%;
}
.aside-new__related-info__title h3 {
  font-size: 14px;
  font-weight: 600;
}
.aside-new__related-info__title h3 a {
  line-height: 25px;
  display: block;
}
.aside-new__related-info ul {
  background-color: #f6f6f6;
  padding: 15px 25px;
  border-radius: 0 0 20px 20px;
}
.aside-new__related-info ul li {
  line-height: 40px;
  display: flex;
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0;
}
.aside-new__related-info ul li:last-child {
  border-bottom: none;
}
.aside-new__related-info ul li > a {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
[data-theme=dark] .aside-new__info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 51px;
}
[data-theme=dark] .aside-new__info-grid {
  flex: 1 0 50%;
}
[data-theme=dark] .aside-new__info-grid:nth-of-type(1) {
  padding-left: 26px;
  border-left: 1px solid #e6e6e6;
}
[data-theme=dark] .aside-new__info-grid:nth-of-type(2) {
  padding-right: 26px;
}
[data-theme=dark] .aside-new__info-item .name {
  color: #a9a7ce;
}
[data-theme=dark] .aside-new__info-item i {
  color: #a9a7ce;
}
[data-theme=dark] .aside-new__famous-title {
  background-color: #171154;
}
[data-theme=dark] .aside-new__famous-title .title {
  color: #ffffff;
}
[data-theme=dark] .aside-new__famous-info {
  margin-bottom: 20px;
}
[data-theme=dark] .aside-new__famous-info ul {
  background-color: #0f0b3c;
}
[data-theme=dark] .aside-new__famous-info ul li a {
  color: #ffffff;
}
[data-theme=dark] .aside-new__related {
  padding-bottom: 20px;
}
[data-theme=dark] .aside-new__related-title {
  background-color: #171154;
}
[data-theme=dark] .aside-new__related-title .title {
  color: #ffffff;
}
[data-theme=dark] .aside-new__related-info {
  margin-bottom: 20px;
}
[data-theme=dark] .aside-new__related-info__img {
  width: 121px;
  height: 78px;
  margin-left: 10px;
  border-radius: 15px 15px 0 15px;
}
[data-theme=dark] .aside-new__related-info__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px 15px 0 15px;
}
[data-theme=dark] .aside-new__related-info__title {
  flex: 0 0 50%;
  max-width: 50%;
}
[data-theme=dark] .aside-new__related-info__title h3 {
  font-size: 14px;
  font-weight: 600;
}
[data-theme=dark] .aside-new__related-info__title h3 a {
  line-height: 25px;
  display: block;
  color: #fff;
}
[data-theme=dark] .aside-new__related-info ul {
  background-color: #0f0b3c;
}
[data-theme=dark] .aside-new__related-info ul li {
  border-color: #191259;
}
[data-theme=dark] .aside-new__related-info ul li > a {
  color: #fff;
}
/* contactus */
.contactus__text {
  line-height: 30px;
}
.contactus__text h2 {
  padding-top: 20px;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-size: 18px;
}
.contactus__socials {
  padding: 40px 0;
  display: flex;
  justify-content: space-around;
}
.contactus__socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 10px 10px;
  min-width: 80px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  color: #555;
  transition: 0.3s;
}
.contactus__socials a i {
  font-size: 25px;
  margin-bottom: 10px;
}
.contactus__socials a:hover {
  background-color: #d02054;
  color: #fff;
}
.contactus__form .form-group {
  margin-bottom: 15px;
}
.contactus__form__content {
  margin-bottom: -15px;
  position: relative;
}
.contactus__form__content .form-comment-btn {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.contactus__form__content .form-comment-btn button {
  background-color: #d02054;
  border-radius: 8px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 600;
  line-height: 25px;
  color: #fff;
}
.contactus__form input {
  line-height: 46px;
  padding: 0 15px;
  background-color: #f4f4f4;
  border-radius: 23px;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
}
.contactus__form textarea {
  line-height: 46px;
  padding: 5px 15px;
  background-color: #f4f4f4;
  border-radius: 23px;
  min-width: 100%;
  max-width: 100%;
  min-height: 168px;
  display: block;
  font-size: 14px;
  font-weight: 600;
}
[data-theme=dark] .contactus__text {
  color: #c7c5ee;
}
[data-theme=dark] .contactus__text h2 {
  color: #7f7da2;
  border-bottom: 1px solid #1e1b52;
}
[data-theme=dark] .contactus__socials a {
  background-color: #03021a;
}
[data-theme=dark] .contactus__socials a i {
  color: #c7c5ee;
}
[data-theme=dark] .contactus__socials a span {
  color: #c7c5ee;
}
[data-theme=dark] .contactus__form input {
  background-color: #070525;
  border: 1px solid #1e1b52;
}
[data-theme=dark] .contactus__form input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .contactus__form input::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .contactus__form textarea {
  background-color: #070525;
  border: 1px solid #1e1b52;
}
[data-theme=dark] .contactus__form textarea::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .contactus__form textarea::placeholder {
  color: #c7c5ee;
}
/* faq */
.faq {
  margin-bottom: 71px;
  margin-top: 19px;
}
.faq__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 45px;
}
.faq__header .faq__header-title {
  background-image: url("../img/back-title-faq.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  color: #000000;
  font-size: 20px;
  font-weight: 800;
  line-height: 53px;
}
.faq__header .faq__header-search {
  height: 50px;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  position: relative;
  max-width: 330px;
  width: 100%;
}
.faq__header .faq__header-search form {
  height: 100%;
  border-radius: 8px;
  width: 100%;
}
.faq__header .faq__header-search input {
  width: 100%;
  color: #000000;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  padding: 0 23px;
  height: 100%;
}
.faq__header .faq__header-search input::-moz-placeholder {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
}
.faq__header .faq__header-search input::placeholder {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
}
.faq__header .faq__header-search button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  padding: 0;
  background-color: #fff;
  left: 22px;
}
.faq__header .faq__header-search button i {
  font-size: 17px;
  color: #000000;
}
.faq__item {
  display: flex;
  flex-direction: column;
  background: #FEFEFE;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  transition: 0.3s;
  justify-content: center;
  padding: 20.7px 30px;
  margin-bottom: 15px;
}
.faq__item .faq__item-ask {
  color: #252424;
  font-size: 16px;
  font-weight: 700;
  line-height: 29.45px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  margin-bottom: 0;
  cursor: pointer;
}
.faq__item .faq__item-ask:before {
  content: "\e904";
  font-family: "dicardo";
  font-size: 19px;
  font-weight: 500;
  color: #575757;
  margin-left: 24px;
  background: #E8E8E8;
  line-height: 34px;
  padding: 0 7.5px;
  border-radius: 8px;
}
.faq__item .faq__item-ask:after {
  content: "\e901";
  font-family: "dicardo";
  font-size: 14px;
  color: #ACACAC;
  margin-right: auto;
  transition: 0.3s;
  display: inline-block;
  transform: rotateX(0);
}
.faq__item .faq__item-question {
  color: #444242;
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
  line-height: 24.8px;
  display: none;
}
.faq__item.active {
  padding-bottom: 34px;
}
.faq__item.active .faq__item-ask {
  margin-bottom: 15px;
}
.faq__item.active .faq__item-ask:before {
  background-color: #DDE7FF;
  color: #436EDC;
}
.faq__item.active .faq__item-ask:after {
  transform: rotateX(180deg);
}
[data-theme=dark] .faq__header {
  border-bottom: 1px solid #110f3f;
}
[data-theme=dark] .faq__header .faq__header-title {
  color: #c7c5ee;
}
[data-theme=dark] .faq__header .faq__header-search {
  border-color: #1b1939;
}
[data-theme=dark] .faq__header .faq__header-search input {
  color: #c7c5ee;
  background-color: transparent;
}
[data-theme=dark] .faq__header .faq__header-search input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .faq__header .faq__header-search input::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .faq__header .faq__header-search button {
  background-color: #110f3f;
}
[data-theme=dark] .faq__header .faq__header-search button i {
  color: #c7c5ee;
}
[data-theme=dark] .faq__item {
  background-color: #0C093E;
  border-bottom: 1px solid #1b1939;
}
[data-theme=dark] .faq__item .faq__item-ask {
  color: #E9E9E9;
}
[data-theme=dark] .faq__item .faq__item-ask::before {
  background-color: #07052C;
  color: #E7E7E7;
}
[data-theme=dark] .faq__item .faq__item-ask::after {
  color: #E9E9E9;
}
[data-theme=dark] .faq__item .faq__item-question {
  color: #B6B6B6;
}
/* login */
.login {
  border: 1px solid #dadada;
  max-width: 490px;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
  padding-top: 40px;
  padding-bottom: 66px;
  border-radius: 20px;
}
.login__header {
  border-bottom: 1px solid #dadada;
  display: flex;
  justify-content: center;
  padding-bottom: 26px;
  margin-bottom: 50px;
  display: none;
}
.login__desc {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
.login__desc i {
  font-size: 21px;
  color: #b0084f;
  margin-left: 30px;
}
.login__desc .login__desc-title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 13px;
}
.login__desc .login__desc-description {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
}
.login__input {
  position: relative;
  margin-bottom: 28px;
}
.login__input input {
  height: 53px;
  background-color: #f4f3f3;
  border-radius: 6px;
  width: 100%;
  color: #717171;
  font-size: 14px;
  font-weight: 400;
  padding-right: 20px;
  padding-left: 35px;
}
.login__input i {
  font-size: 16px;
  color: #b7b7b7;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translate(0, -50%);
}
.login__input--referral-show {
  display: none;
}
.login__btn {
  height: 53px;
  box-shadow: 0 2px 4px rgba(0, 1, 1, 0.38);
  background-color: #17a404;
  border-radius: 6px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login__footer {
  display: flex;
  align-items: center;
  margin-top: 37px;
}
.login__footer .login__footer-item {
  width: 178px;
  height: 53px;
  box-shadow: 0 8px 12px rgba(0, 1, 1, 0.11);
  background-color: #ffffff;
  border-radius: 7px;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login__footer .login__footer-item:nth-of-type(1) {
  margin-left: 32px;
}
.login--password .login__input input {
  font-size: 20px;
  letter-spacing: 12px;
  color: #b7b7b7;
}
.login--password .login__input input::-moz-placeholder {
  letter-spacing: 0;
  font-size: 14px;
}
.login--password .login__input input::placeholder {
  letter-spacing: 0;
  font-size: 14px;
}
.login--code .login__input {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.login--code .login__input input {
  font-size: 20px;
  color: #444;
  margin-left: 12px;
  font-weight: 500;
  text-align: center;
  padding: 0;
  flex: 0 0 calc(25% - 10px);
  max-width: calc(25% - 10px);
  justify-content: center;
}
.login--code .login__input input::-moz-placeholder {
  letter-spacing: 0;
  font-size: 14px;
}
.login--code .login__input input::placeholder {
  letter-spacing: 0;
  font-size: 14px;
}
.login--code .login__input input:first-child {
  margin-left: 0;
}
.login--code .login__footer .login__footer-item {
  width: 100%;
  margin-left: 0;
}
@media (max-width: 576px) {
  .login {
    border: none;
    padding: 20px;
  }
  .login--password, .login--code {
    padding: 20px;
  }
  .login__desc {
    margin-bottom: 10px;
  }
  .login__footer {
    margin-left: -5px;
    margin-right: -5px;
  }
  .login__footer .login__footer-item {
    font-size: 13px;
    margin: 0 5px;
  }
  .login__footer .login__footer-item:nth-of-type(1) {
    margin-left: 5px;
  }
}
[data-theme=dark] .login {
  border: none;
  background-color: #0d0b32;
}
[data-theme=dark] .login__desc .login__desc-title {
  color: #c7c5ee;
}
[data-theme=dark] .login__desc .login__desc-description {
  color: #c7c5ee;
}
[data-theme=dark] .login__input i {
  color: #c7c5ee;
}
[data-theme=dark] .login__input input {
  background-color: #0d0b32;
  border: 1px solid #18164d;
  color: #c7c5ee;
}
[data-theme=dark] .login__input input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .login__input input::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .login__input input i {
  color: #c7c5ee;
}
[data-theme=dark] .login__footer .login__footer-item {
  background-color: #13113f;
  color: #c7c5ee;
}
/* tournament */
.special-tournament {
  margin-bottom: 66px;
}
.special-tournament__title-tournament {
  margin-bottom: 30px;
}
.special-tournament__title-tournament__title {
  position: relative;
}
.special-tournament__title-tournament__title h3 {
  color: #000000;
  font-size: 23px;
  font-weight: 700;
  padding-left: 21px;
  padding-right: 36px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.special-tournament__title-tournament__title h3::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ec3237;
  color: #ec3237;
  top: 4px;
  right: 2px;
}
.special-tournament__title-tournament__title::after {
  content: "";
  position: absolute;
  background-color: #d9d9d9;
  height: 1px;
  width: 100%;
  top: 13px;
  right: 0px;
  left: 0px;
  z-index: -1;
}
.special-tournament__special-banner__img {
  height: 400px;
  position: relative;
}
.special-tournament__special-banner__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
.special-tournament__special-banner__img__context {
  position: absolute;
  display: flex;
  z-index: 2;
  top: 4px;
  left: 0;
  right: 0;
  bottom: 0;
}
.special-tournament__special-banner__img__context__right {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 294px;
  top: 134px;
}
.special-tournament__special-banner__img__context__right__total__time__date span {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}
.special-tournament__special-banner__img__context__right__total__time__prize span {
  color: #c4f424;
  font-weight: 600;
  font-size: 16px;
}
.special-tournament__special-banner__img__context__right__total__time__expense span {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}
.special-tournament__special-banner__img__context__right__total__time__capacit {
  text-align: center;
  margin: 0 auto;
}
.special-tournament__special-banner__img__context__right__total__time__capacit span {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.special-tournament__special-banner__img__context__right__total__remaining {
  display: flex;
  flex-direction: column;
}
.special-tournament__special-banner__img__context__right__total__remaining__top__date {
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 6px 14px 2px 11px;
  margin-bottom: 3px;
  width: 184px;
  justify-content: center;
}
.special-tournament__special-banner__img__context__right__total__remaining__top__date span {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
}
.special-tournament__special-banner__img__context__right__total__remaining__bottom {
  display: flex;
  padding-left: 3px;
}
.special-tournament__special-banner__img__context__right__total__remaining__bottom__number {
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 10px 14px 2px 11px;
  flex: 0 0 50%;
  max-width: 50%;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.special-tournament__special-banner__img__context__right__total__remaining__bottom__number:first-child {
  margin-left: 3px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.special-tournament__special-banner__img__context__right__total__remaining__bottom__number:first-child span {
  color: #c4f424;
  font-size: 30px;
  font-weight: 600;
}
.special-tournament__special-banner__img__context__right__total__remaining__bottom__number:last-child {
  padding: 15px 14px 2px 11px;
}
.special-tournament__special-banner__img__context__right__total__remaining__bottom__number:last-child span {
  display: flex;
  flex-direction: column;
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  line-height: 17px;
}
.special-tournament__special-banner__img__context__right__total__remaining__bottom__number:last-child span span {
  font-size: 12px;
  font-weight: 600;
}
.special-tournament__special-banner__img__context__right__logo {
  width: 205px;
  margin-bottom: 10px;
}
.special-tournament__special-banner__img__context__right__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.special-tournament__special-banner__img__context__right__number-capacit span {
  display: flex;
  flex-direction: column;
}
.special-tournament__special-banner__img__context__right ul > li {
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  padding: 4px 11px 4px 30px;
  margin-bottom: 3px;
  display: flex;
}
.special-tournament__special-banner__img__context__right ul > li span {
  font-size: 15px;
}
.special-tournament__special-banner__img__context__right ul > li:nth-child(1) span {
  color: #fff;
}
.special-tournament__special-banner__img__context__right ul > li:nth-child(2) span {
  color: #c4f424;
  font-weight: 600;
}
.special-tournament__special-banner__img__context__right ul > li:nth-child(3) {
  margin-bottom: 5px;
}
.special-tournament__special-banner__img__context__right ul > li:nth-child(3) span {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
.special-tournament__special-banner__img__context__right ul > li:nth-child(4) {
  justify-content: center;
  padding: 10px 14px 6px 11px;
  margin-bottom: 3px;
}
.special-tournament__special-banner__img__context__right ul > li:nth-child(4) span {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}
.special-tournament__special-banner__img__context__right ul > li:last-child {
  background: none;
  display: flex;
  padding: 0 0 2px 5px;
}
.special-tournament__special-banner__img__context__right ul > li:last-child > span {
  flex: 0 0 50%;
  max-width: 50%;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.special-tournament__special-banner__img__context__right ul > li:last-child > span:first-child {
  margin-left: 5px;
  color: #c4f424;
  font-weight: 600;
  font-size: 33px;
  padding: 3px 0;
}
.special-tournament__special-banner__img__context__right ul > li:last-child > span:last-child {
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  padding-top: 9px;
  line-height: 18px;
}
.special-tournament__special-banner__img__context__right ul > li:last-child > span:last-child a {
  font-size: 11px;
  font-weight: 500;
}
.special-tournament__special-banner__img__context__left {
  position: absolute;
  top: 56px;
  left: 57px;
  margin-right: 23px;
  text-align: center;
}
.special-tournament__special-banner__img__context__left__title {
  margin-bottom: 34px;
  max-width: 210px;
}
.special-tournament__special-banner__img__context__left__title h2 {
  color: #3c3c3c;
  font-size: 33px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  line-height: 38px;
  min-height: 54px;
}
.special-tournament__special-banner__img__context__left__time-none {
  display: none;
  background: rgba(255, 255, 255, 0.2);
  text-align: center;
  margin-bottom: 15px;
  padding: 4px 0 1px 0;
}
.special-tournament__special-banner__img__context__left__time-none span {
  font-weight: 600;
  font-size: 19px;
  color: #000;
}
.special-tournament__special-banner__img__context__left__timer {
  text-align: center;
  justify-content: center;
  display: flex;
  margin-bottom: 14px;
}
.special-tournament__special-banner__img__context__left__timer--list-tournament {
  margin-bottom: 4px;
}
.special-tournament__special-banner__img__context__left__timer--list-tournament .timer .div-total .div > span {
  background-color: #110e47;
  background: #110e47;
}
.special-tournament__special-banner__img__context__left__timer .timer {
  display: flex;
  margin-left: 2px;
}
.special-tournament__special-banner__img__context__left__timer .timer .div-total {
  display: flex;
}
.special-tournament__special-banner__img__context__left__timer .timer .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.special-tournament__special-banner__img__context__left__timer .timer .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.special-tournament__special-banner__img__context__left__timer .timer .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.special-tournament__special-banner__img__context__left__timer .timer .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.special-tournament__special-banner__img__context__left__timer .timer-one {
  display: flex;
  margin-left: 2px;
}
.special-tournament__special-banner__img__context__left__timer .timer-one .div-total {
  display: flex;
}
.special-tournament__special-banner__img__context__left__timer .timer-one .div-total > span {
  color: #fff;
  display: flex;
  font-size: 64px;
  margin: -20px 2px 0 2px;
}
.special-tournament__special-banner__img__context__left__timer .timer-one .div-total .div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.special-tournament__special-banner__img__context__left__timer .timer-one .div-total .div > span {
  display: flex;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  padding: 2px 11px 0px 11px;
  margin-bottom: 5px;
}
.special-tournament__special-banner__img__context__left__timer .timer-one .div-total .div > span:last-child {
  background: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.special-tournament__special-banner__img__context__left__button a {
  color: #110d47;
  background-color: #c4f424;
  font-size: 25px;
  font-weight: 700;
  border-radius: 40px;
  padding: 8px 50px 5px 50px;
}
.special-tournament__special-banner__img__context__left__button a i {
  display: none;
}
.special-tournament__special-banner__responsive {
  display: none;
}
[data-theme=dark] .special-tournament__title-tournament__title h3 {
  background-color: #070525;
  color: #fff;
}
[data-theme=dark] .special-tournament__title-tournament__title::after {
  background-color: #292945;
}
@media (max-width: 1200px) {
  .special-tournament__special-banner__img__context__left {
    top: 125px;
    left: 28px;
    margin-right: 0;
  }
  .special-tournament__special-banner__img__context__left__title {
    margin-bottom: 22px;
  }
  .special-tournament__special-banner__img__context__left__title h2 {
    line-height: 36px;
    font-size: 30px;
  }
  .special-tournament__special-banner__img__context__left__timer {
    margin-bottom: 5px;
  }
  .special-tournament__special-banner__img__context__right {
    left: 264px;
    top: 146px;
  }
}
@media (max-width: 992px) {
  .special-tournament__special-banner__img {
    margin-bottom: 7px;
  }
  .special-tournament__special-banner__img__context {
    left: 15px;
  }
  .special-tournament__special-banner__img__context__left {
    top: 122px;
    left: 40px;
  }
  .special-tournament__special-banner__img__context__left__title {
    margin-bottom: 32px;
  }
  .special-tournament__special-banner__img__context__left__title h2 {
    line-height: 35px;
    font-size: 31px;
  }
  .special-tournament__special-banner__img__context__left__timer {
    margin-bottom: 4px;
  }
  .special-tournament__special-banner__img__context__right__total {
    display: none;
  }
  .special-tournament__special-banner__img__context__right__logo {
    width: 160px;
  }
  .special-tournament__special-banner__img__context__right ul li {
    background: rgba(0, 0, 0, 0.6);
  }
  .special-tournament__special-banner__img__context__right ul li:last-child span {
    background: rgba(0, 0, 0, 0.6);
  }
  .special-tournament__special-banner__responsive {
    display: block;
  }
  .special-tournament__special-banner__responsive__row {
    display: flex;
    margin-bottom: 40px;
    flex-wrap: wrap;
  }
  .special-tournament__special-banner__responsive__row__col-capacity {
    flex: 0 0 36%;
    max-width: 36%;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__title {
    background-color: #525066;
    margin-bottom: 0%;
    padding: 17px 0 14px 0;
    margin-bottom: 4px;
    text-align: center;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__title h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul {
    display: flex;
    margin: 0 -2px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li {
    background-color: #525066;
    flex: 0 0 calc(50% - 4px);
    max-width: 50%;
    margin: 0 2px;
    margin-bottom: 0px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    padding-top: 8px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:first-child span {
    color: #c4f424;
    font-size: 30px;
    font-weight: 600;
    position: relative;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:last-child span {
    display: flex;
    flex-direction: column;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    line-height: 17px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:last-child span span {
    font-size: 11px;
  }
  .special-tournament__special-banner__responsive__row__col-register {
    flex: 0 0 calc(64% - 4px);
    max-width: 64%;
    margin-right: 4px;
    padding-top: 0;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li {
    background-color: #525066;
    margin-bottom: 0%;
    padding: 12px 0 9px 0;
    margin-bottom: 5px;
    text-align: center;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li span {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li:first-child span {
    color: #c4f424;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .special-tournament {
    margin-bottom: 50px;
  }
  .special-tournament__special-banner__img__context__left {
    left: -5px;
    margin-right: 0;
  }
  .special-tournament__special-banner__img__context__left__title h2 {
    line-height: 33px;
    font-size: 27px;
  }
}
@media (max-width: 576px) {
  .special-tournament__title-tournament {
    margin-bottom: 20px;
  }
  .special-tournament__title-tournament__title h3 {
    font-size: 19px;
    padding-left: 8px;
    padding-right: 28px;
  }
  .special-tournament__title-tournament__title h3::before {
    width: 16px;
    height: 16px;
  }
  .special-tournament__special-banner__img {
    height: 350px;
    margin-bottom: 10px;
  }
  .special-tournament__special-banner__img img {
    -o-object-fit: unset;
       object-fit: unset;
  }
  .special-tournament__special-banner__img__context {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .special-tournament__special-banner__img__context__right {
    position: absolute;
    bottom: -7px;
    right: 8px;
  }
  .special-tournament__special-banner__img__context__right__total {
    display: none;
  }
  .special-tournament__special-banner__img__context__right__logo {
    position: unset;
    width: 140px;
  }
  .special-tournament__special-banner__img__context__left {
    position: absolute;
    top: 36px;
    left: 25px;
  }
  .special-tournament__special-banner__img__context__left__title {
    margin-bottom: 35px;
  }
  .special-tournament__special-banner__img__context__left__title h2 {
    line-height: 34px;
    font-size: 27px;
  }
  .special-tournament__special-banner__img__context__left__time-none {
    display: inline-block;
  }
  .special-tournament__special-banner__img__context__left__time-none span {
    font-size: 21px;
    color: #fff;
    padding: 0 6px;
  }
  .special-tournament__special-banner__img__context__left__timer {
    text-align: center;
    justify-content: center;
    display: flex;
    margin-bottom: 14px;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament {
    margin-bottom: 4px;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament .timer .div-total > span {
    font-size: 20px;
    margin: 0 2px 0 2px;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament .timer .div-total .div > span {
    height: 31px !important;
    font-size: 18px;
    padding: 2px 4px 0px 4px;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament .timer .div-total .div > span:first-child {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament .timer .div-total .div > span:last-child {
    background: none;
  }
  .special-tournament__special-banner__img__context__left__timer .timer .div-total .div > span {
    font-size: 29px;
    font-weight: 700;
    padding: 0 5px 0px 6px;
    height: 41px;
    align-items: center;
    margin-bottom: 0;
  }
  .special-tournament__special-banner__img__context__left__timer .timer .div-total .div > span:last-child {
    font-size: 12px;
    margin-top: -5px;
  }
  .special-tournament__special-banner__img__context__left__button a {
    padding: 7px 35px 6px 35px;
    display: flex;
    justify-content: center;
    font-size: 22px;
  }
  .special-tournament__special-banner__img__context__left__button a i {
    display: block;
    font-size: 12px;
    transform: rotate(90deg);
    color: #b00000;
  }
  .special-tournament__special-banner__responsive {
    display: block;
  }
  .special-tournament__special-banner__responsive__row {
    display: flex;
    margin-bottom: 40px;
    flex-wrap: wrap;
  }
  .special-tournament__special-banner__responsive__row__col-capacity {
    flex: 0 0 36%;
    max-width: 36%;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__title {
    background-color: #525066;
    margin-bottom: 0%;
    padding: 17px 0 14px 0;
    margin-bottom: 4px;
    text-align: center;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__title h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul {
    display: flex;
    margin: 0 -2px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li {
    background-color: #525066;
    flex: 0 0 calc(50% - 4px);
    max-width: 50%;
    margin: 0 2px;
    margin-bottom: 0px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    padding-top: 8px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:first-child span {
    color: #c4f424;
    font-size: 30px;
    font-weight: 600;
    position: relative;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:last-child span {
    display: flex;
    flex-direction: column;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    line-height: 17px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:last-child span span {
    font-size: 11px;
  }
  .special-tournament__special-banner__responsive__row__col-register {
    flex: 0 0 calc(64% - 4px);
    max-width: 64%;
    margin-right: 4px;
    padding-top: 0;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li {
    background-color: #525066;
    margin-bottom: 0%;
    padding: 12px 0 9px 0;
    margin-bottom: 5px;
    text-align: center;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li span {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li:first-child span {
    color: #c4f424;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 450px) {
  .special-tournament__special-banner__img__context__left {
    margin-right: 0;
    top: 36px;
    left: 10px;
  }
  .special-tournament__special-banner__img__context__left__title {
    margin-bottom: 25px;
  }
  .special-tournament__special-banner__img__context__left__title h2 {
    line-height: 27px;
    font-size: 22px;
  }
  .special-tournament__special-banner__img__context__left__time-none span {
    font-size: 19.5px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__title {
    padding: 14px 0 11px 0;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__title h4 {
    font-size: 16px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li {
    padding-top: 6px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:first-child span {
    font-size: 26px;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li {
    padding: 8px 0 7px 0;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li span {
    font-size: 19px;
  }
}
@media (max-width: 400px) {
  .special-tournament__special-banner__responsive__row__col-capacity__title {
    margin-bottom: 5px;
    padding: 13px 0 10px 0;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__title h4 {
    font-size: 13px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li {
    padding-top: 6px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:last-child span {
    font-size: 21px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:last-child span span {
    font-size: 8px;
  }
  .special-tournament__special-banner__responsive__row__col-capacity__number ul li:first-child span {
    font-size: 21px;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li {
    padding: 8px 0 6px 0;
  }
  .special-tournament__special-banner__responsive__row__col-register ul li span {
    font-size: 15px;
  }
  .special-tournament__special-banner__img__context__right {
    position: absolute;
    bottom: 3px;
    right: 6px;
  }
  .special-tournament__special-banner__img__context__right__logo {
    width: 105px;
  }
  .special-tournament__special-banner__img__context__left {
    left: 8px;
  }
  .special-tournament__special-banner__img__context__left__timer {
    text-align: center;
    justify-content: center;
    display: flex;
    margin-bottom: 6px;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament {
    margin-bottom: 2px;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament .timer .div-total > span {
    font-size: 20px;
    margin: 0 2px 0 2px;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament .timer .div-total .div > span {
    height: 27px !important;
    font-size: 18px;
    padding: 2px 4px 0px 4px;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament .timer .div-total .div > span:first-child {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
  .special-tournament__special-banner__img__context__left__timer--list-tournament .timer .div-total .div > span:last-child {
    background: none;
  }
  .special-tournament__special-banner__img__context__left__title h2 {
    line-height: 24px;
    font-size: 19px;
  }
  .special-tournament__special-banner__img__context__left__button a {
    padding: 7px 32px 6px 31px;
    font-size: 17px;
  }
}
.list-tournament__content {
  border-radius: 20px;
}
.list-tournament__content__row {
  display: flex;
  border-bottom: 1px solid #b7b7b7;
  padding-bottom: 56px;
  margin-bottom: 56px;
  flex-wrap: wrap;
}
.list-tournament__content__row:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 66px;
}
.list-tournament__content__row__col-img {
  flex: 0 0 447px;
  max-width: 447px;
  margin-left: 8px;
}
.list-tournament__content__row__col-img__img {
  height: 277px;
}
.list-tournament__content__row__col-img__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 19px 19px 0;
}
.list-tournament__content__row__col-time {
  flex: 0 0 251px;
  max-width: 251px;
  margin-left: 8px;
  background-color: #110e47;
}
.list-tournament__content__row__col-time__menu {
  padding: 39px 14px 0 24px;
}
.list-tournament__content__row__col-time__menu ul li {
  border-bottom: 1px solid #605e84;
  padding-right: 31px;
  padding-bottom: 10px;
  margin-bottom: 22px;
}
.list-tournament__content__row__col-time__menu ul li:last-child {
  border-bottom: none;
}
.list-tournament__content__row__col-time__menu ul li:first-child span {
  font-size: 18px;
}
.list-tournament__content__row__col-time__menu ul li span {
  position: relative;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
}
.list-tournament__content__row__col-time__menu ul li span::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #ed1c24;
  top: 6px;
  right: -25px;
  border-radius: 50%;
}
.list-tournament__content__row__col-capacity {
  flex: 0 0 180px;
  max-width: 180px;
  margin-left: 8px;
  background-color: #110e47;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 33px;
}
.list-tournament__content__row__col-capacity__title {
  margin-bottom: 53px;
}
.list-tournament__content__row__col-capacity__title h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}
.list-tournament__content__row__col-capacity__number ul li:first-child {
  margin-bottom: 28px;
}
.list-tournament__content__row__col-capacity__number ul li:first-child span {
  color: #c4f424;
  font-size: 33px;
  font-weight: 600;
  position: relative;
}
.list-tournament__content__row__col-capacity__number ul li:first-child span::before {
  content: "";
  position: absolute;
  left: -68px;
  right: -19px;
  top: 57px;
  height: 1px;
  width: 87px;
  color: #706e91;
  background-color: #706e91;
}
.list-tournament__content__row__col-capacity__number ul li:last-child span {
  display: flex;
  flex-direction: column;
  font-size: 35px;
  font-weight: 600;
  color: #fff;
  line-height: 24px;
}
.list-tournament__content__row__col-capacity__number ul li:last-child span span {
  font-size: 11px;
  font-weight: 500;
}
.list-tournament__content__row__col-register {
  flex: 0 0 268px;
  max-width: 268px;
  border-radius: 19px 0 0 19px;
  background-color: #110e47;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 42px;
}
.list-tournament__content__row__col-register__total {
  display: flex;
  flex-direction: column;
}
.list-tournament__content__row__col-register__total__title {
  margin-bottom: 30px;
}
.list-tournament__content__row__col-register__total__title h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}
.list-tournament__content__row__col-register__tag a {
  color: #110d47;
  background-color: #c4f424;
  font-size: 21px;
  font-weight: 700;
  border-radius: 40px;
  padding: 5px 44px 3px 44px;
}
.list-tournament__content__row__col-register__tag a i {
  display: none;
}
@media (max-width: 1200px) {
  .list-tournament__content__row__col-img {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 8px;
    margin-left: 0;
    margin-bottom: 7px;
    border-radius: 0 19px 0 0;
  }
  .list-tournament__content__row__col-img img {
    border-radius: 0 19px 0 0;
  }
  .list-tournament__content__row__col-time {
    flex: 0 0 50%;
    max-width: 50%;
    border-radius: 19px 0 0 0;
    margin-left: 0;
    margin-bottom: 7px;
  }
  .list-tournament__content__row__col-capacity {
    flex: 0 0 49%;
    max-width: 49%;
    border-radius: 0 0 19px 0;
    margin-left: 9px;
    padding-top: 30px;
    padding-bottom: 28px;
  }
  .list-tournament__content__row__col-capacity__title {
    margin-bottom: 34px;
  }
  .list-tournament__content__row__col-register {
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 30px;
    border-radius: 0 0 0 19px;
  }
  .list-tournament__content__row__col-register__total__title {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .list-tournament__content__row__col-img {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 8px;
    margin-left: 0;
    margin-bottom: 7px;
  }
  .list-tournament__content__row__col-time {
    flex: 0 0 50%;
    max-width: 50%;
    border-radius: 19px 0 0 0;
    margin-left: 0;
    margin-bottom: 7px;
  }
  .list-tournament__content__row__col-capacity {
    flex: 0 0 49%;
    max-width: 49%;
    border-radius: 0 0 19px 0;
    margin-left: 7px;
    padding-top: 30px;
    padding-bottom: 28px;
  }
  .list-tournament__content__row__col-capacity__title {
    margin-bottom: 34px;
  }
  .list-tournament__content__row__col-register {
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 30px;
  }
  .list-tournament__content__row__col-register__total__title {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .list-tournament__content__row {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .list-tournament__content__row__col-capacity {
    flex: 0 0 48%;
    max-width: 48%;
    margin-left: 10px;
  }
  .list-tournament__content__row__col-img {
    padding-left: 11px;
  }
  .list-tournament__content__row:last-child {
    margin-bottom: 50px;
  }
}
@media (max-width: 576px) {
  .list-tournament__content__row__col-img {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    margin-bottom: 4px;
  }
  .list-tournament__content__row__col-img__img img {
    border-radius: 19px 19px 0 0;
  }
  .list-tournament__content__row__col-time {
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 0;
    background-color: unset;
    margin-bottom: 2px;
  }
  .list-tournament__content__row__col-time__menu {
    padding: 0;
  }
  .list-tournament__content__row__col-time__menu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
  }
  .list-tournament__content__row__col-time__menu ul li {
    background-color: #110e47;
    flex: 0 0 calc(55% - 4px);
    max-width: 55%;
    margin: 0 2px 4px 2px;
    text-align: center;
    padding: 7px 0 5px 0;
  }
  .list-tournament__content__row__col-time__menu ul li span::before {
    top: 4px;
  }
  .list-tournament__content__row__col-time__menu ul li:first-child {
    flex: 0 0 calc(45% - 4px);
    max-width: 45%;
  }
  .list-tournament__content__row__col-time__menu ul li:first-child span {
    font-size: 15px;
  }
  .list-tournament__content__row__col-time__menu ul li:nth-child(2) span {
    font-size: 15px;
  }
  .list-tournament__content__row__col-time__menu ul li:nth-child(3) {
    flex: 0 0 calc(45% - 4px);
    max-width: 45%;
  }
  .list-tournament__content__row__col-time__menu ul li:nth-child(3) span {
    color: #c4f424;
  }
  .list-tournament__content__row__col-time__menu ul li:nth-child(3) span::before {
    display: none;
  }
  .list-tournament__content__row__col-time__menu ul li:nth-child(4) span::before {
    display: none;
  }
  .list-tournament__content__row__col-capacity {
    flex: 0 0 34%;
    max-width: 34%;
    margin-left: 0;
    background-color: unset;
    padding-top: 0;
    padding-bottom: 0;
  }
  .list-tournament__content__row__col-capacity__title {
    background-color: #525066;
    margin-bottom: 0%;
    padding: 12px 0 9px 0;
    margin-bottom: 4px;
  }
  .list-tournament__content__row__col-capacity__title h4 {
    font-size: 16px;
  }
  .list-tournament__content__row__col-capacity__number ul {
    display: flex;
    margin: 0 -2px;
  }
  .list-tournament__content__row__col-capacity__number ul li {
    background-color: #525066;
    flex: 0 0 calc(50% - 4px);
    max-width: 50%;
    margin: 0 2px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    padding-top: 8px;
  }
  .list-tournament__content__row__col-capacity__number ul li:first-child {
    margin-bottom: 0;
  }
  .list-tournament__content__row__col-capacity__number ul li:first-child span {
    font-size: 30px;
  }
  .list-tournament__content__row__col-capacity__number ul li:first-child span::before {
    display: none;
  }
  .list-tournament__content__row__col-capacity__number ul li:last-child span {
    line-height: 17px;
    font-size: 28px;
  }
  .list-tournament__content__row__col-register {
    flex: 0 0 calc(66% - 4px);
    max-width: 66%;
    margin-right: 4px;
    background-color: #525066;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-top: 0;
    align-items: center;
  }
  .list-tournament__content__row__col-register__total {
    padding-top: 12px;
  }
  .list-tournament__content__row__col-register__total__title {
    margin-bottom: 4px;
  }
  .list-tournament__content__row__col-register__tag {
    padding-top: 0;
  }
  .list-tournament__content__row__col-register__tag a {
    display: flex;
    justify-content: center;
    padding: 15px 18px 13px 18px;
    border-radius: 18px;
    font-size: 19px;
  }
  .list-tournament__content__row__col-register__tag a i {
    display: block;
    font-size: 12px;
    transform: rotate(90deg);
    color: #b00000;
  }
}
@media (max-width: 450px) {
  .list-tournament__content__row__col-register__tag a {
    padding: 15px 15px 13px 15px;
    font-size: 14px;
  }
  .list-tournament__content__row__col-register__total__title h4 {
    font-size: 15px;
  }
  .list-tournament__content__row__col-capacity__number ul li:first-child span {
    font-size: 28px;
  }
}
@media (max-width: 400px) {
  .list-tournament__content__row {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .list-tournament__content__row__col-time__menu ul li span {
    font-size: 13px;
  }
  .list-tournament__content__row__col-time__menu ul li span::before {
    width: 11px;
    height: 11px;
    right: -15px;
    top: 5px;
  }
  .list-tournament__content__row__col-time__menu ul li:first-child span {
    font-size: 13px;
  }
  .list-tournament__content__row__col-time__menu ul li:nth-child(2) span {
    font-size: 13px;
  }
  .list-tournament__content__row__col-capacity {
    flex: 0 0 29%;
    max-width: 29%;
  }
  .list-tournament__content__row__col-capacity__title h4 {
    font-size: 14px;
  }
  .list-tournament__content__row__col-capacity__number ul li:first-child span {
    font-size: 22px;
  }
  .list-tournament__content__row__col-capacity__number ul li:last-child span {
    font-size: 20px;
  }
  .list-tournament__content__row__col-capacity__number ul li:last-child span span {
    font-size: 8px;
  }
  .list-tournament__content__row__col-register {
    flex: 0 0 calc(71% - 4px);
    max-width: 71%;
    padding-top: 0;
  }
  .list-tournament__content__row__col-register__tag a {
    padding: 13px 10px 11px 10px;
  }
  .list-tournament__content__row__col-register__total__title h4 {
    font-size: 14px;
  }
}
.player-tournament {
  margin-bottom: 66px;
}
.player-tournament__table {
  padding-right: 36px;
}
.player-tournament__table table {
  border-collapse: collapse;
  width: 100%;
}
.player-tournament__table table td {
  border: 6px solid #060525;
  padding: 9px 8px;
  text-align: center;
}
.player-tournament__table table td > a svg {
  height: 30px;
}
.player-tournament__table table th {
  border: 6px solid #060525;
  padding: 17px 8px;
  text-align: left;
  background-color: #c4f424;
  color: #0c065e;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
}
.player-tournament__table table tr {
  text-align: center;
  background-color: #110e47;
  color: #fff;
}
.player-tournament__table table tr td {
  font-size: 18px;
}
@media (max-width: 992px) {
  .player-tournament__table table th {
    padding: 11px 8px;
  }
  .player-tournament__table table tr td {
    padding: 5px 8px;
  }
  .player-tournament__table table tr td svg {
    height: 30px;
  }
}
@media (max-width: 768px) {
  .player-tournament {
    margin-bottom: 50px;
  }
  .player-tournament__table table th {
    padding: 4px 9px;
    font-size: 15px;
  }
  .player-tournament__table table tr td svg {
    height: 25px;
  }
}
@media (max-width: 576px) {
  .player-tournament__table {
    padding-right: 0;
  }
}
@media (max-width: 400px) {
  .player-tournament__table table th {
    font-size: 12px;
  }
  .player-tournament__table table tr td {
    padding: 2px 8px;
    font-size: 14px;
  }
  .player-tournament__table table tr td svg {
    height: 21px;
  }
}
.rules-tournament {
  margin-bottom: 100px;
}
.rules-tournament__content {
  padding-right: 15px;
}
.rules-tournament__content p {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 41px;
  text-align: justify;
}
.rules-tournament__content h4 {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  padding-top: 45px;
  padding-bottom: 5px;
}
.rules-tournament__content__tik__checkt {
  display: flex;
  align-items: center;
  padding-top: 40px;
}
.rules-tournament__content__tik__checkt form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rules-tournament__content__tik__checkt__item {
  display: flex;
  align-items: center;
}
.rules-tournament__content__tik__checkt__item__checked {
  width: 28px;
  height: 28px;
  border: 3px solid #cdcdcd;
  border-radius: 8px;
  margin-left: 11px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.rules-tournament__content__tik__checkt__item__checked:before {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: 0.3s;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  color: #c6c6c6;
}
.rules-tournament__content__tik__checkt__item label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.rules-tournament__content__tik__checkt__item label em {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.rules-tournament__content__tik__checkt__item input {
  display: none;
}
.rules-tournament__content__tik__checkt__item input:checked + label .rules-tournament__content__tik__checkt__item__checked {
  border-color: #17a404;
  background-color: #17a404;
}
.rules-tournament__content__tik__checkt__item input:checked + label .rules-tournament__content__tik__checkt__item__checked:before {
  transform: scale(1);
  color: #ffffff;
}
.rules-tournament__content__tik__checkt__input {
  margin-right: 99px;
}
.rules-tournament__content__tik__checkt__input input {
  background: none;
  display: block;
  color: #fff;
  background-color: #cdcdcd;
  font-size: 18px;
  width: 270px;
  border: 1px solid #959595;
  border-radius: 10px;
  padding: 10px;
}
.rules-tournament__content__tik__checkt__input input::-moz-placeholder {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  opacity: 0.8;
}
.rules-tournament__content__tik__checkt__input input::placeholder {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  opacity: 0.8;
}
.rules-tournament__content__tik__tag {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-top: 0;
}
.rules-tournament__content__tik__tag button {
  color: #fff;
  background-color: #00a651;
  font-weight: 600;
  font-size: 18px;
  border-radius: 10px;
  text-align: center;
  width: 270px;
  max-width: 100%;
  line-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-theme=dark] .rules-tournament__content p {
  color: #fff;
}
[data-theme=dark] .rules-tournament__content h4 {
  color: #fff;
}
[data-theme=dark] .rules-tournament__content__tik__checkt__item__checked {
  border: 3px solid #fff;
}
[data-theme=dark] .rules-tournament__content__tik__checkt__item label {
  display: flex;
  align-items: center;
}
[data-theme=dark] .rules-tournament__content__tik__checkt__item label em {
  color: #fff;
  background-color: #0f0b4d;
  border-radius: 6px;
  padding: 8px 14px 6px 36px;
}
@media (max-width: 1200px) {
  .rules-tournament__content__tik__checkt__input {
    margin-right: 11px;
  }
}
@media (max-width: 992px) {
  .rules-tournament__content__tik__checkt form {
    flex-direction: column;
  }
  .rules-tournament__content__tik__checkt__item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }
  .rules-tournament__content__tik__checkt__input {
    margin-right: 0;
  }
  .rules-tournament__content__tik__tag {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .rules-tournament__content__tik__checkt {
    flex-direction: column;
  }
  .rules-tournament__content__tik__checkt__item {
    margin-left: 0;
    margin-bottom: 15px;
    flex-direction: column;
    align-items: center;
  }
  .rules-tournament__content__tik__checkt__input {
    padding-top: 20px;
  }
  .rules-tournament__content__tik__tag {
    padding-top: 18px;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .rules-tournament__content {
    padding-right: 0;
  }
  .rules-tournament__content p {
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .rules-tournament {
    margin-bottom: 60px;
  }
  .rules-tournament__content__tik__checkt__item label em {
    font-size: 15px;
  }
}
.forms-tournament {
  margin-bottom: 100px;
}
.forms-tournament__total {
  background-color: #0c093c;
  border-radius: 20px;
  width: 100%;
  max-width: 580px;
  padding: 25px 25px 35px 25px;
  margin: 0 auto;
}
.forms-tournament__total__head {
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;
}
.forms-tournament__total__head__icon {
  margin-left: 10px;
  width: 30px;
}
.forms-tournament__total__head__icon img {
  width: 100%;
  height: 100%;
}
.forms-tournament__total__head__title h3 {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
}
.forms-tournament__total__form {
  padding: 0 12px;
}
.forms-tournament__total__form form {
  width: 100%;
}
.forms-tournament__total__form form input {
  background: none;
  color: #fff;
  font-size: 18px;
  width: 100%;
  border: 2px solid #2e3192;
  border-radius: 10px;
  padding: 12px 10px;
}
.forms-tournament__total__form form input::-moz-placeholder {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  opacity: 0.8;
}
.forms-tournament__total__form form input::placeholder {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  opacity: 0.8;
}
.forms-tournament__total__form form .form-group {
  margin-bottom: 20px;
}
.forms-tournament__total__form form button {
  background-color: #00a651;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  border-radius: 10px;
  width: 100%;
  line-height: 70px;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .forms-tournament__total {
    padding: 25px 10px 20px 10px;
  }
  .forms-tournament__total__form {
    padding: 0;
  }
  .forms-tournament__total__form form button {
    font-size: 19px;
    line-height: 50px;
  }
  .forms-tournament__total__head__title h3 {
    font-size: 20px;
  }
}
.ticket-tournament {
  padding-bottom: 90px;
}
.ticket-tournament__total {
  background-color: #0c093c;
  margin: 0 auto;
  max-width: 580px;
  border-radius: 20px;
  padding-right: 0;
  margin-bottom: 20px;
}
.ticket-tournament__total__head {
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;
  background-color: #ed1c24;
  padding: 6px 25px;
  border-radius: 20px 20px 0 0;
}
.ticket-tournament__total__head__icon {
  margin-left: 10px;
  width: 30px;
}
.ticket-tournament__total__head__icon img {
  width: 100%;
  height: 100%;
}
.ticket-tournament__total__head__title h3 {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
}
.ticket-tournament__total__head__icon-color {
  display: none;
  margin-left: 10px;
  width: 30px;
}
.ticket-tournament__total__head__icon-color img {
  width: 100%;
  height: 100%;
}
.ticket-tournament__total__content {
  padding: 0 46px 0 55px;
}
.ticket-tournament__total__content__code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.ticket-tournament__total__content__code__right h4 {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.ticket-tournament__total__content__code__left {
  width: 100%;
  max-width: 178px;
}
.ticket-tournament__total__content__code__left span {
  background-color: #39b54a;
  border-radius: 10px;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  width: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 9px 0 2px 0;
}
.ticket-tournament__total__content__form {
  margin-bottom: 22px;
}
.ticket-tournament__total__content__form--border {
  border-bottom: 1px solid #6a679b;
  margin-bottom: 21px;
  padding-bottom: 13px;
}
.ticket-tournament__total__content__form__label {
  margin-bottom: 6px;
}
.ticket-tournament__total__content__form__label--margin {
  margin-bottom: 0;
}
.ticket-tournament__total__content__form__label span {
  color: #6a679b;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 22px;
  font-weight: 600;
}
.ticket-tournament__total__content__form__label span::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #00a651;
  right: 0;
}
.ticket-tournament__total__content__form__input {
  border-radius: 10px;
  background-color: #110d52;
  margin-bottom: 10px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 11px 0 5px 0;
}
.ticket-tournament__total__content__form__input--date {
  justify-content: left;
  text-align: left;
  padding-left: 20px;
}
.ticket-tournament__total__content__form__input--back {
  background: none;
  margin-bottom: 10px;
  padding: 0;
}
.ticket-tournament__total__content__form__input span {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
}
.ticket-tournament__total__content__data {
  display: flex;
  justify-content: space-between;
}
.ticket-tournament__total__content__data--border {
  border-bottom: 1px solid #6a679b;
  margin-bottom: 17px;
  padding-bottom: 3px;
}
.ticket-tournament__total__content__tag {
  text-align: center;
  justify-content: center;
  display: flex;
  padding-bottom: 15px;
}
.ticket-tournament__total__content__tag span {
  color: #5e5b8e;
  font-size: 17px;
  font-weight: 600;
}
.ticket-tournament__total__content .mybox {
  max-width: 800px;
  margin: 10px auto;
  background-color: #fff;
  text-align: center;
  padding: 10px;
  box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.1);
}
.ticket-tournament__footer {
  margin: 0 auto;
  max-width: 580px;
}
.ticket-tournament__footer a {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 21px;
  font-weight: 600;
}
.ticket-tournament__footer a img {
  margin-left: 7px;
}
[data-theme=dark] .ticket-tournament__footer a {
  color: #fff;
}
@media (max-width: 576px) {
  .ticket-tournament__total__content {
    padding: 0 15px;
  }
  .ticket-tournament__total__content__code {
    flex-direction: column;
  }
  .ticket-tournament__total__content__code__right {
    margin-bottom: 10px;
  }
  .ticket-tournament__total__content__data {
    flex-direction: column;
  }
  .ticket-tournament__total__content__form__input span {
    font-size: 17px;
  }
  .ticket-tournament__footer a {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .ticket-tournament__total__head__title h3 {
    font-size: 20px;
  }
}
@media print {
  @page {
    size: A4;
    margin: 0 auto;
  }
  * {
    box-sizing: border-box;
  }
  .ticket-tournament {
    padding-bottom: 90px;
  }
  .ticket-tournament__total {
    max-width: 580px;
    margin: 0 auto;
    border-radius: 20px;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .ticket-tournament__total__head {
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
    background-color: #ed1c24;
    padding: 20px 25px;
    border-radius: 20px 20px 0 0;
    border-bottom: 2px solid #ed1c24;
  }
  .ticket-tournament__total__head__icon {
    margin-left: 10px;
    width: 30px;
    display: none;
  }
  .ticket-tournament__total__head__icon img {
    width: 100%;
    height: 100%;
  }
  .ticket-tournament__total__head__icon-color {
    display: block;
    margin-left: 10px;
    width: 30px;
    height: 43px;
  }
  .ticket-tournament__total__head__icon-color img {
    width: 100%;
    height: 100%;
  }
  .ticket-tournament__total__head__title h3 {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
  }
  .ticket-tournament__total__content__code {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    border-bottom: 2px solid #39b54a;
  }
  .ticket-tournament__total__content__code__right h4 {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
  }
  .ticket-tournament__total__content__code__left {
    width: 100%;
    max-width: 178px;
  }
  .ticket-tournament__total__content__code__left span {
    background-color: #39b54a;
    border-radius: 10px;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 9px 0 2px 0;
  }
  .ticket-tournament__total__content__form {
    margin-bottom: 22px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 2px dashed #000;
  }
  .ticket-tournament__total__content__form--border {
    border-bottom: 1px solid #6a679b;
    margin-bottom: 21px;
    padding-bottom: 13px;
  }
  .ticket-tournament__total__content__form__label {
    margin-bottom: 6px;
  }
  .ticket-tournament__total__content__form__label--margin {
    margin-bottom: 0;
  }
  .ticket-tournament__total__content__form__label span {
    color: #6a679b;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 22px;
    font-weight: 600;
  }
  .ticket-tournament__total__content__form__label span::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #00a651;
    right: 0;
  }
  .ticket-tournament__total__content__form__input {
    border-radius: 10px;
    background-color: #110d52;
    margin-bottom: 10px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 11px 0 5px 0;
  }
  .ticket-tournament__total__content__form__input--date {
    justify-content: left;
    text-align: left;
    padding-left: 20px;
  }
  .ticket-tournament__total__content__form__input--back {
    background: none;
    margin-bottom: 10px;
    padding: 0;
  }
  .ticket-tournament__total__content__form__input span {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
  }
  .ticket-tournament__total__content__data {
    display: flex;
    justify-content: space-between;
    border: 2px dashed #000;
    margin-bottom: 22px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .ticket-tournament__total__content__data--border {
    margin-bottom: 17px;
    padding-bottom: 3px;
  }
  .ticket-tournament__total__content__tag {
    text-align: center;
    justify-content: center;
    display: flex;
    padding-bottom: 15px;
  }
  .ticket-tournament__total__content__tag span {
    color: #5e5b8e;
    font-size: 17px;
    font-weight: 600;
  }
  .ticket-tournament__total__content .mybox {
    max-width: 800px;
    margin: 10px auto;
    background-color: #fff;
    text-align: center;
    padding: 10px;
    box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.1);
  }
  .ticket-tournament__footer {
    display: none;
  }
}
/* landing */
.landing {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  align-items: center;
  background-color: #060525;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  margin-top: -60px;
  padding-bottom: 60px;
  overflow: hidden;
}
.landing__content {
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
}
.landing__content--display {
  justify-content: unset;
  display: unset;
  flex-direction: unset;
}
.landing__content__logo {
  position: relative;
}
.landing__content__logo img {
  width: 350px;
  height: 100%;
}
.landing__content__logo::before {
  content: "";
  position: absolute;
  top: -116px;
  right: -442px;
  background-image: linear-gradient(to left, rgba(255, 0, 0, 0), rgb(4, 52, 93));
  border-radius: 50%;
  width: 400px;
  height: 400px;
}
.landing__content__logo::after {
  content: "";
  position: absolute;
  top: 57px;
  left: -236px;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgb(4, 52, 93));
  border-radius: 50%;
  width: 150px;
  height: 150px;
  transform: rotate(26deg);
}
.landing__content__logo--width::before {
  top: -121px;
  right: -191px;
}
.landing__content__logo--width::after {
  top: 82px;
  left: 34px;
}
.landing__content__logo--width img {
  margin-top: 80px;
}
.landing__content__img {
  margin-top: 50px;
  margin-bottom: 10px;
  width: 100%;
}
.landing__content__img img {
  width: 100%;
  height: 100%;
}
.landing__content__img--margin {
  margin-bottom: 30px;
}
.landing__content__img--margin img {
  width: 100%;
  height: 100%;
}
.landing__content__product {
  margin-bottom: 75px;
}
.landing__content__product--back {
  position: relative;
}
.landing__content__product--back::before {
  content: "";
  position: absolute;
  top: -143px;
  left: -184px;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #04345d);
  border-radius: 50%;
  width: 250px;
  height: 250px;
  z-index: 0;
}
.landing__content__product--back2 {
  position: relative;
}
.landing__content__product--back2::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -195px;
  background-image: linear-gradient(to left, rgba(255, 0, 0, 0), #04345d);
  border-radius: 50%;
  width: 250px;
  height: 250px;
  z-index: 0;
}
.landing__content__product--back2::after {
  content: "";
  position: absolute;
  top: -35px;
  left: 50px;
  background-image: linear-gradient(to top, rgba(255, 0, 0, 0), #04345d);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  transform: rotate(26deg);
}
.landing__content__product__top {
  margin-bottom: 25px;
  position: relative;
  z-index: 4;
  border-radius: 25px 25px 0 0;
  box-shadow: 0 -2px 17px 4px rgba(255, 255, 255, 0.42);
}
.landing__content__product__top img {
  width: 100%;
  height: 100%;
  border-radius: 25px 25px 0 0;
}
.landing__content__product__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 4;
}
.landing__content__product__bottom__title__text {
  max-width: 366px;
  padding-right: 15px;
}
.landing__content__product__bottom__title__text a span {
  color: #fff;
  font-size: 27px;
  font-weight: 700;
  position: relative;
  padding-left: 0;
  display: flex;
  align-items: center;
  text-align: justify;
  line-height: 45px;
}
.landing__content__product__bottom__title__text a span::before {
  content: "";
  position: absolute;
  left: -108px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 44px solid transparent;
  border-top: 15px solid transparent;
  border-right: 44px solid #ceff00;
  border-bottom: 15px solid transparent;
}
.landing__content__product__bottom__btn a {
  color: #383536;
  display: inline-block;
  line-height: 55px;
  font-size: 29px;
  font-weight: 700;
  padding: 0 36px;
  background-color: #ceff00;
  border-radius: 14px;
}
.landing__content__swiper {
  margin-bottom: 25px;
}
.landing__content__swiper .swiper {
  overflow: hidden;
}
.landing__content__swiper__img img {
  height: 100%;
}
.landing__content__footer {
  width: 100%;
  padding: 0 50px;
  position: relative;
  z-index: 4;
}
.landing__content__footer::before {
  content: "";
  position: absolute;
  top: -38px;
  left: -200px;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #04345d);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  z-index: 0;
}
.landing__content__footer::after {
  content: "";
  position: absolute;
  top: -10px;
  right: -30px;
  background-image: linear-gradient(to left, rgba(255, 0, 0, 0), #04345d);
  border-radius: 50%;
  width: 160px;
  height: 160px;
  transform: rotate(26deg);
}
.landing__content__footer__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
  z-index: 4;
}
.landing__content__footer__top__right span {
  font-size: 42px;
  font-weight: 700;
  color: #8746be;
}
.landing__content__footer__top__left {
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.landing__content__footer__top__left__text span {
  color: #c4f424;
  font-size: 42px;
  font-weight: 700;
  padding-left: 15px;
}
.landing__content__footer__top__left__icon i {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
}
.landing__content__footer__bottom {
  position: relative;
  z-index: 4;
}
.landing__content__footer__bottom span {
  color: #c4f424;
  font-size: 90px;
  font-weight: 700;
  text-align: center;
}
.landing__content__title {
  margin-bottom: 10px;
}
.landing__content__title--margin {
  margin-bottom: 30px;
}
.landing__content__title h3 {
  color: #c4f424;
  font-weight: 700;
  font-size: 32px;
}
.landing__content__title h3 span {
  color: #fff;
}
.landing__content__menu {
  margin-bottom: 30px;
}
.landing__content__menu ul {
  display: flex;
  align-items: center;
  background-color: #c4f424;
  border-radius: 30px;
  justify-content: space-between;
  padding: 2px 13px;
}
.landing__content__menu ul li a {
  color: #2b2b2e;
  font-weight: 600;
  font-size: 21px;
  border-left: 3px solid #fff;
  padding-left: 15px;
  margin-left: 15px;
}
.landing__content__menu ul li:last-child a {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}
.landing__content__menu-logo ul {
  display: flex;
  align-items: center;
}
.landing__content__menu-logo ul li {
  width: 100px;
  background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgb(71, 70, 93));
  border-radius: 50%;
  padding: 9px;
  margin-left: -2px;
  transition: 0.5s;
}
.landing__content__menu-logo ul li:last-child {
  margin-left: 0;
}
.landing__content__menu-logo ul li a img {
  width: 100%;
  height: 100%;
}
.landing__content__menu-logo ul li:hover {
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(71, 70, 93));
}
.landing__content__address {
  margin-bottom: 15px;
}
.landing__content__address span {
  color: #c4f424;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
}
.landing__content__tag {
  display: flex;
  align-items: center;
  position: relative;
}
.landing__content__tag::before {
  content: "";
  position: absolute;
  top: 26px;
  right: -68px;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), #04345d);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
.landing__content__tag::after {
  content: "";
  position: absolute;
  top: -43px;
  left: -236px;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgb(4, 52, 93));
  border-radius: 50%;
  width: 170px;
  height: 170px;
  transform: rotate(26deg);
}
.landing__content__tag__right {
  transform: rotate(90deg);
  margin-left: 8px;
}
.landing__content__tag__right i {
  color: #ed3237;
  font-size: 12px;
}
.landing__content__tag__left {
  transform: rotate(-90deg);
  margin-right: 8px;
}
.landing__content__tag__left i {
  color: #ed3237;
  font-size: 12px;
}
.landing__content__tag a {
  display: flex;
  align-items: center;
  color: #2c434c;
  border: 2px solid #657d24;
  background-color: #c4f424;
  border-radius: 30px;
  font-weight: 700;
  font-size: 28px;
  padding: 7px 45px 5px 45px;
  transition: 0.3s;
}
.landing__content__tag a:hover {
  border: 2px solid #c4f424;
}
@media (max-width: 992px) {
  .landing__content__img--margin {
    margin-bottom: 30px;
  }
  .landing__content__img--margin img {
    width: 530px;
  }
  .landing__content__title h3 {
    font-size: 22px;
  }
  .landing__content__footer__top {
    margin-bottom: 5px;
  }
  .landing__content__footer__top__right span {
    font-size: 35px;
  }
  .landing__content__footer__bottom span {
    font-size: 80px;
  }
}
@media (max-width: 768px) {
  .landing .container {
    width: 540px;
  }
  .landing__content__menu ul li a {
    font-size: 19px;
  }
  .landing__content__logo {
    width: 250px;
  }
  .landing__content__logo--width {
    width: unset;
  }
  .landing__content__img {
    width: 500px;
  }
  .landing__content__product {
    margin-bottom: 45px;
  }
  .landing__content__product__bottom__title__text a span {
    font-size: 28px;
  }
  .landing__content__product__bottom__title__text a span::before {
    left: -85px;
    border-left: 40px solid transparent;
    border-top: 15px solid transparent;
    border-right: 40px solid #ceff00;
    border-bottom: 15px solid transparent;
  }
  .landing__content__product__bottom__btn a {
    line-height: 50px;
    font-size: 28px;
    padding: 0 30px;
  }
  .landing__content__footer__top {
    margin-bottom: 5px;
  }
  .landing__content__footer__top__right span {
    font-size: 25px;
  }
  .landing__content__footer__top__left__text span {
    font-size: 30px;
  }
  .landing__content__footer__top__left__icon i {
    font-size: 35px;
  }
  .landing__content__footer__bottom span {
    font-size: 60px;
  }
}
@media (max-width: 576px) {
  .landing .container {
    width: 400px;
  }
  .landing__content {
    padding-top: 40px;
  }
  .landing__content__logo {
    width: 200px;
    margin-bottom: 10px;
  }
  .landing__content__logo::before {
    top: -33px;
    right: -131px;
    width: 120px;
    height: 120px;
  }
  .landing__content__logo::after {
    width: 100px;
    height: 100px;
    top: -12px;
    left: -111px;
  }
  .landing__content__logo--width {
    width: unset;
  }
  .landing__content__img {
    width: 330px;
  }
  .landing__content__img--margin {
    width: 375px;
    margin-bottom: 20px;
  }
  .landing__content__product {
    margin-bottom: 30px;
  }
  .landing__content__product__bottom__btn a {
    line-height: 45px;
    font-size: 20px;
    padding: 0 22px;
  }
  .landing__content__product__bottom__title__text a span {
    font-size: 18px;
  }
  .landing__content__product__bottom__title__text a span::before {
    left: -57px;
    border-left: 30px solid transparent;
    border-top: 12px solid transparent;
    border-right: 30px solid #ceff00;
    border-bottom: 12px solid transparent;
  }
  .landing__content__product h3 {
    font-size: 15px;
  }
  .landing__content__product--margin {
    margin-bottom: 20px;
  }
  .landing__content__product__top {
    margin-bottom: 15px;
  }
  .landing__content__swiper {
    margin-bottom: 30px;
  }
  .landing__content__menu ul li a {
    padding-left: 7px;
    margin-left: 7px;
    font-size: 15px;
  }
  .landing__content__menu-logo ul li {
    width: 80px;
  }
  .landing__content__footer {
    padding: 0 20px;
  }
  .landing__content__footer::before {
    top: -15px;
  }
  .landing__content__footer__top {
    margin-bottom: 5px;
  }
  .landing__content__footer__top__right span {
    font-size: 20px;
  }
  .landing__content__footer__top__left__text span {
    font-size: 20px;
    padding-left: 10px;
  }
  .landing__content__footer__top__left__icon i {
    font-size: 25px;
  }
  .landing__content__footer__bottom span {
    font-size: 45px;
  }
}
@media (max-width: 430px) {
  .landing .container {
    width: 300px;
  }
  .landing__content__menu ul {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    padding: 8px 13px 0 13px;
  }
  .landing__content__menu ul li {
    margin-bottom: 10px;
  }
  .landing__content__menu ul li a {
    font-size: 13px;
    border-left: none;
  }
  .landing__content__menu-logo ul {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .landing__content__menu-logo ul li {
    width: 70px;
  }
  .landing__content__tag a {
    font-size: 22px;
  }
  .landing__content__tag::before {
    top: 16px;
  }
  .landing__content__tag::after {
    top: 7px;
    left: -101px;
    width: 80px;
    height: 80px;
  }
  .landing__content__img--margin {
    width: 275px;
    margin-bottom: 15px;
    margin-top: 30px;
  }
  .landing__content__title h3 {
    font-size: 18px;
  }
  .landing__content__title--margin {
    margin-bottom: 15px;
  }
  .landing__content__product__bottom__title__text a span {
    font-size: 14px;
  }
  .landing__content__product__bottom__title__text a span::before {
    left: -47px;
    border-left: 25px solid transparent;
    border-top: 8px solid transparent;
    border-right: 25px solid #ceff00;
    border-bottom: 8px solid transparent;
  }
  .landing__content__product__bottom__btn a {
    line-height: 30px;
    font-size: 15px;
    padding: 0px 10px;
  }
  .landing__content__footer {
    padding: 0 10px;
  }
  .landing__content__footer::after {
    width: 80px;
    height: 80px;
  }
  .landing__content__footer::before {
    width: 250px;
    height: 250px;
    left: -120px;
  }
  .landing__content__footer__top {
    margin-bottom: 5px;
  }
  .landing__content__footer__top__right span {
    font-size: 16px;
  }
  .landing__content__footer__top__left__text span {
    font-size: 16px;
    padding-left: 5px;
  }
  .landing__content__footer__top__left__icon i {
    font-size: 18px;
  }
  .landing__content__footer__bottom span {
    font-size: 30px;
  }
}
/* footer */
.site-footer {
  background-color: #f3f3f3;
  padding-top: 40px;
  margin-bottom: 20px;
  position: relative;
}
.site-footer:before {
  content: "";
  width: 60px;
  height: 60px;
  border-radius: 60px;
  position: absolute;
  box-shadow: 0 10px 39px -15px rgba(0, 0, 0, 0.9);
  top: 0;
  left: 49.8%;
  transform: translate(-50%, 0);
  z-index: 90;
}
.site-footer:after {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 60px;
  position: absolute;
  box-shadow: 0 -40px 49px -15px rgba(0, 0, 0, 0.9);
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 90;
}
.site-footer__top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-image: url("../img/upcurve.svg");
  background-repeat: no-repeat;
  background-position: center top;
  width: 195px;
  height: 80px;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 33px;
  z-index: 100;
}
.site-footer__bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-image: url("../img/cp-curve.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 134px;
  height: 54px;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transition: 0.3s ease-in-out;
  padding-top: 5px;
}
.site-footer__bottom i {
  font-size: 34px;
  color: #ff4342;
}
.site-footer__bottom:hover {
  padding-top: 20px;
}
.site-footer__info {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.site-footer__info .site-footer__info-work {
  color: #000000;
  font-size: 17px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.site-footer__info .site-footer__info-work i {
  font-size: 19px;
  color: #000000;
  margin-left: 27px;
}
.site-footer__info .site-footer__info-contact {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.site-footer__info .site-footer__info-contact .item {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-left: 40px;
}
.site-footer__info .site-footer__info-contact .item:nth-last-of-type(1) {
  margin-left: 0;
}
.site-footer__info .site-footer__info-contact .item i {
  font-size: 17px;
  color: #000000;
  margin-right: 10px;
}
.site-footer__info .site-footer__info-contact .item .phone {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  margin-left: 4px;
}
.site-footer__info .site-footer__info-contact .item .pre-phone {
  color: #000000;
  font-size: 20px;
  font-weight: 400;
}
.site-footer__main {
  display: flex;
  flex-direction: column;
  margin-bottom: 66px;
  background: #fff;
}
.site-footer__main .site-footer__main-item {
  display: flex;
  align-items: center;
}
.site-footer__main .site-footer__main-item .title {
  flex: 0 0 13%;
  max-width: 13%;
  color: #7f7f7f;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  padding-right: 20px;
  line-height: 50px;
  white-space: nowrap;
}
.site-footer__main .site-footer__main-item .title:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 10px;
  height: 10px;
  background-color: #c4f424;
  border-radius: 50%;
  content: "";
}
.site-footer__main .site-footer__main-item--first {
  position: relative;
}
.site-footer__main .site-footer__main-item--first:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  border-radius: 100%;
  background-color: #f3f3f3;
  content: "";
}
.site-footer__main .site-footer__main-item ul {
  display: flex;
  margin-right: 15px;
  flex-wrap: wrap;
  flex: 0 0 87%;
  max-width: 87%;
}
.site-footer__main .site-footer__main-item ul li {
  color: #000000;
  margin-left: 30px;
  font-size: 14px;
  font-weight: 600;
  transition: 0.3s;
  line-height: 50px;
}
.site-footer__main .site-footer__main-item ul li a {
  white-space: nowrap;
}
.site-footer__main .site-footer__main-item ul li:last-child(1) {
  margin-left: 0;
}
.site-footer__main .site-footer__main-item ul li:hover {
  color: #f31212;
}
.site-footer__main .site-footer__main-item--desc {
  margin-top: -9px;
  margin-left: 68px;
  width: 431px;
}
.site-footer__main .site-footer__main-item--desc p {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  text-align: justify;
  line-height: 41px;
}
.site-footer__main .site-footer__main-item--meta {
  width: 300px;
}
.site-footer__main .site-footer__main-item--meta .title {
  color: #7f7f7f;
  font-size: 16px;
  font-weight: 400;
}
.site-footer__main .site-footer__main-item--meta .discount-footer {
  margin-bottom: 25px;
}
.site-footer__main .site-footer__main-item--meta .discount-footer__title {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 22px;
  display: inline-block;
}
.site-footer__main .site-footer__main-item--meta .discount-footer__wrapper {
  position: relative;
  height: 51px;
  box-shadow: inset 0 3px 4px rgba(0, 1, 1, 0.07);
  background-color: #f3f3f3;
  border-radius: 60px;
  display: flex;
  align-items: center;
  padding-left: 22px;
  overflow: hidden;
}
.site-footer__main .site-footer__main-item--meta .discount-footer #mydiv {
  position: absolute;
  top: 50%;
  margin-right: 8px;
}
.site-footer__main .site-footer__main-item--meta .discount-footer #mydiv #mydivheader {
  display: flex;
  align-items: center;
  width: 82px;
  height: 34px;
  box-shadow: 0 1px 1px rgba(0, 1, 1, 0.13);
  background-color: #ffffff;
  border-radius: 60px;
  justify-content: center;
  margin-left: 31px;
  position: absolute;
  transform: translate(0, -50%);
}
.site-footer__main .site-footer__main-item--meta .discount-footer #mydiv #mydivheader i.icon-six-pad {
  font-size: 9px;
  color: #000000;
  opacity: 0.2;
}
.site-footer__main .site-footer__main-item--meta .discount-footer #mydiv #mydivheader i.icon-arrow-left {
  font-size: 12px;
  color: #000000;
  padding-right: 19px;
  padding-left: 17px;
}
.site-footer__main .site-footer__main-item--meta .discount-footer__scroll-title {
  color: #949494;
  font-size: 13px;
  font-weight: 400;
  background-color: transparent;
  width: 100%;
  text-align: left;
}
.site-footer__main .site-footer__main-item--meta .discount-footer__scroll-title::-moz-placeholder {
  opacity: 1;
}
.site-footer__main .site-footer__main-item--meta .discount-footer__scroll-title::placeholder {
  opacity: 1;
}
.site-footer__main .site-footer__main-item--meta .social-media {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.site-footer__main .site-footer__main-item--meta .social-media__title {
  color: #7f7f7f;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 18px;
}
.site-footer__main .site-footer__main-item--meta .social-media__items {
  display: flex;
  align-items: center;
}
.site-footer__main .site-footer__main-item--meta .social-media__items a {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  transition: 0.3s;
  margin-left: 28px;
}
.site-footer__main .site-footer__main-item--meta .social-media__items a i {
  transition: 0.3s;
}
.site-footer__main .site-footer__main-item--meta .social-media__items a i.icon-drop-down {
  font-size: 0;
  color: #000000;
  display: inline-block;
  transform: rotate(-90deg);
  margin-left: 0;
}
.site-footer__main .site-footer__main-item--meta .social-media__items a i.icon {
  font-size: 19px;
  line-height: 21px;
  color: #cacaca;
}
.site-footer__main .site-footer__main-item--meta .social-media__items a span {
  color: #000000;
  font-size: 0;
  font-weight: 600;
  margin-left: 0;
  transition: 0.3s;
  white-space: nowrap;
}
.site-footer__main .site-footer__main-item--meta .social-media__items a:hover a, .site-footer__main .site-footer__main-item--meta .social-media__items a.active a {
  color: #000;
}
.site-footer__main .site-footer__main-item--meta .social-media__items a:hover i, .site-footer__main .site-footer__main-item--meta .social-media__items a.active i {
  color: #000;
}
.site-footer__main .site-footer__main-item--meta .social-media__items a:hover i.icon-drop-down, .site-footer__main .site-footer__main-item--meta .social-media__items a.active i.icon-drop-down {
  font-size: 6px;
  margin-left: 20px;
}
.site-footer__main .site-footer__main-item--meta .social-media__items a:hover span, .site-footer__main .site-footer__main-item--meta .social-media__items a.active span {
  font-size: 14px;
  margin-left: 17px;
}
.site-footer__main .site-footer__main-item--meta .get-app__title {
  color: #7f7f7f;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 17px;
  display: inline-block;
}
.site-footer__main .site-footer__main-item--meta .get-app__items {
  display: flex;
  align-items: center;
}
.site-footer__main .site-footer__main-item--meta .get-app__items-item {
  width: 90px;
  height: 66px;
  box-shadow: 0 2px 2px rgba(0, 1, 1, 0.15);
  background-color: #ffffff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  transition: 0.3s;
}
.site-footer__main .site-footer__main-item--meta .get-app__items-item:nth-last-of-type(1) {
  margin-left: 0;
}
.site-footer__main .site-footer__main-item--meta .get-app__items-item:hover {
  box-shadow: 0 2px 12px rgba(0, 1, 1, 0.15);
}
.site-footer__about__content {
  padding: 0 15px;
}
.site-footer__about__content p {
  font-size: 15px;
  color: #0f0b3c;
  margin: 0;
  line-height: 35px;
  font-weight: bold;
  text-align: justify;
}
.site-footer__about__enamad {
  text-align: center;
  padding: 0 20px;
}
.site-footer__about__enamad span {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #0f0b3c;
  line-height: 40px;
}
.site-footer__about__enamad ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-footer__about__enamad ul li {
  flex: 0 0 25%;
  max-width: 25%;
}
.site-footer__about__enamad ul li a img {
  width: 100%;
  height: 100%;
}
.site-footer__copy-right {
  padding-top: 20px;
}
.site-footer__copy-right__item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
}
.site-footer__copy-right span {
  padding: 0 20px;
  font-size: 14px;
  font-weight: bold;
  color: #0f0b3c;
  line-height: 30px;
}
.site-footer__copy-right__social-media {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}
.site-footer__copy-right__social-media span {
  font-size: 14px;
  font-weight: bold;
  color: #0f0b3c;
}
.site-footer__copy-right__social-media ul {
  display: flex;
  align-items: center;
}
.site-footer__copy-right__social-media ul li {
  padding: 0 10px;
  line-height: 60px;
  overflow: hidden;
  position: relative;
}
.site-footer__copy-right__social-media ul li a {
  width: 28px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  line-height: 60px;
}
.site-footer__copy-right__social-media ul li a.active {
  width: 132px;
}
.site-footer__copy-right__social-media ul li a.active span {
  display: block;
}
.site-footer__copy-right__social-media ul li a span {
  display: none;
  white-space: nowrap;
}
.site-footer__copy-right__social-media ul li a i {
  font-size: 14px;
}
.site-footer__copy-right__social-media ul li a i.rotate {
  transform: rotate(180deg);
}
.site-footer__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-footer__footer .site-footer__footer-copy-right {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.site-footer__footer .site-footer__footer-enamad {
  display: flex;
  align-items: center;
}
.site-footer__footer .site-footer__footer-enamad .title {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-left: 35px;
}
.site-footer__footer .site-footer__footer-enamad a {
  margin-left: 22px;
}
.site-footer__footer .site-footer__footer-enamad a:nth-last-of-type(1) {
  margin-left: 0;
}
.report-bug {
  position: fixed;
  left: 30px;
  bottom: 10px;
  z-index: 9999999;
}
.report-bug a {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #0f0b3c;
}
.report-bug a i {
  height: 50px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f31212;
  padding: 0;
  width: 50px;
  justify-content: center;
  box-shadow: 0 0 0 4px #fff, 0 0 0 5px #eee, 0 0 0 8px #fff, 0 0 0 9px #f5f5f5;
  font-size: 21px;
  color: #fdfdfd;
  transition: 0.2s;
  transform: rotate(180deg);
}
.report-bug a:hover i {
  font-size: 27px;
}
.alert {
  position: fixed;
  right: 30px;
  bottom: 10px;
  z-index: 9999999;
}
.alert a {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #0f0b3c;
}
.alert a i {
  margin-left: 15px;
  height: 50px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f31212;
  animation: shake 0.5s;
  animation-iteration-count: infinite;
  padding: 0;
  width: 50px;
  justify-content: center;
  box-shadow: 0 0 0 4px #fff, 0 0 0 5px #eee, 0 0 0 8px #fff, 0 0 0 9px #f5f5f5;
  font-size: 21px;
  color: #fdfdfd;
  transition: 0.2s;
  transform: rotate(180deg);
}
.alert a:hover i {
  font-size: 27px;
}
@keyframes shake {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(5deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  45% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}
#drag-btn {
  position: relative;
}
#mydiv {
  position: absolute;
  z-index: 9;
}
#mydiv.active {
  transition: 0.3s;
}
#mydivheader {
  cursor: move;
  z-index: 10;
}
[data-theme=dark] .site-footer {
  background-color: #0f0b3c;
}
[data-theme=dark] .site-footer__info .site-footer__info-work {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__info .site-footer__info-work i {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__info .site-footer__info-contact {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__info .site-footer__info-contact .item {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__info .site-footer__info-contact .item i {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__info .site-footer__info-contact .item .phone {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__info .site-footer__info-contact .item .pre-phone {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main {
  background-color: #070525;
}
[data-theme=dark] .site-footer__main-item--first:after {
  background-color: #0f0b3c;
}
[data-theme=dark] .site-footer__main-item .title {
  color: #7b77c5;
}
[data-theme=dark] .site-footer__main-item ul li {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--desc p {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .discount-footer__title {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .discount-footer #mydiv #mydivheader {
  background-color: #070425;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .discount-footer #mydiv #mydivheader i.icon-arrow-left {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .discount-footer__wrapper {
  background-color: #0c0833;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .social-media__title {
  color: #7b77c5;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .get-app__items-item {
  background-color: #0c0833;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .discount-footer__scroll-title {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .discount-footer__scroll-title::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .discount-footer__scroll-title::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .social-media__items a {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .social-media__items a i {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .social-media__items a span {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__main .site-footer__main-item--meta .get-app__title {
  color: #7b77c5;
}
[data-theme=dark] .site-footer__about__content p {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__about__enamad span {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__copy-right__item span {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__copy-right__item ul li a i {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__footer .site-footer__footer-copy-right {
  color: #c7c5ee;
}
[data-theme=dark] .site-footer__footer .site-footer__footer-enamad .title {
  color: #7b77c5;
}
[data-theme=dark] .site-footer__bottom {
  background-image: url("../img/cp-curve-dark.svg");
}
[data-theme=dark] .site-footer__top {
  background-image: url("../img/upcurve-dark.svg");
}
[data-theme=dark] .report-bug a {
  color: #fff;
}
[data-theme=dark] .report-bug a i {
  box-shadow: 0 0 0 4px #070525, 0 0 0 5px #1f1c53, 0 0 0 8px #070525, 0 0 0 9px #1f1c53;
}
[data-theme=dark] .alert a {
  color: #fff;
}
[data-theme=dark] .alert a i {
  box-shadow: 0 0 0 4px #070525, 0 0 0 5px #1f1c53, 0 0 0 8px #070525, 0 0 0 9px #1f1c53;
}
@media (max-width: 1500px) {
  .report-bug a span {
    display: none;
  }
  .alert a span {
    display: none;
  }
}
@media (max-width: 1200px) {
  .site-footer__copy-right__social-media {
    flex-direction: column;
    text-align: center;
  }
  .site-footer__copy-right__social-media ul {
    text-align: center;
  }
}
@media (max-width: 992px) {
  .site-footer__main-item {
    flex-wrap: wrap;
  }
  .site-footer__main-item .title {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    align-items: center;
  }
  .site-footer__main-item ul {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .site-footer__copy-right {
    padding-bottom: 60px;
  }
  .site-footer__copy-right__item {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
}
/* extra style */
.btns {
  background-color: #fff;
  padding: 10px;
  border-radius: 8px;
}
.select-box .selectize-input {
  border: 1px solid #d9d9d9;
  box-shadow: none;
  border-radius: 8px;
  padding: 15px 17px;
}
.select-box .selectize-input > input {
  color: #717171;
  font-size: 14px;
  font-weight: 600;
}
.select-box .selectize-input:after {
  content: "\e902" !important;
  font-family: "icomoon" !important;
  width: 9px !important;
  height: 9px !important;
  border-style: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  left: 25px !important;
  font-size: 8px;
  color: #494949;
  transform: translate(0, -50%);
  transition: 0.3s;
}
.select-box .selectize-input.dropdown-active {
  border-radius: 8px 8px 0 0;
}
.select-box .selectize-input.dropdown-active:after {
  transform: rotateX(180deg);
}
.select-box .selectize-dropdown {
  box-shadow: none;
}
.select-box .selectize-dropdown .option {
  color: #717171;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  height: 49px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 16px;
  cursor: pointer;
}
.select-box .selectize-dropdown .option:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 5px;
  left: 5px;
  border-bottom: 0.8px solid #dedede;
}
.select-box .selectize-dropdown .option.active {
  background-color: #f6f6f6;
  color: #000000;
}
.select-box .selectize-dropdown .option:nth-last-of-type(1):after {
  border-bottom: none;
}
.input {
  position: relative;
  margin-bottom: 28px;
}
.input input {
  width: 100%;
  height: 53px;
  border: 1px solid #d9d9d9;
  color: #717171;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  display: block;
  padding: 0 17px 0 40px;
}
.input input::-moz-placeholder {
  color: #717171;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
}
.input input::placeholder {
  color: #717171;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
}
.input i {
  position: absolute;
  transform: translate(0, -50%);
  left: 22px;
  top: 50%;
  font-size: 16px;
  color: #b7b7b7;
}
.input.required:before {
  content: "";
  position: absolute;
  bottom: -4.6px;
  right: 16px;
  width: 9px;
  height: 9px;
  border: 2px solid #ffffff;
  background-color: #f01919;
  border-radius: 60px;
}
.input--success input {
  border-color: #c2dabf;
  color: #168207;
}
.input--success i {
  color: #17a404;
}
.input--currency:before {
  content: "ریال";
  position: absolute;
  color: #717171;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  top: 7px;
  bottom: 7px;
  padding-right: 19px;
  border-right: 1px solid #f0f0f0;
  left: 22px;
}
.button {
  width: 128px;
  height: 53px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  padding: 0 21px;
  border-radius: 8px;
  margin-left: 50px;
  margin-bottom: 28px;
}
.button i {
  font-size: 13px;
  position: relative;
  right: 0;
  transition: 0.3s;
}
.button:hover i {
  right: 10px;
}
.button--style-1 {
  background-color: #17a404;
  color: #ffffff;
}
.button--style-1 i {
  color: #ffffff;
}
.button--style-2 {
  background-color: #797979;
  color: #ffffff;
}
.button--style-2 i {
  color: #ffffff;
}
.button--style-3 {
  border: 1px solid #d9d9d9;
  color: #000000;
}
.button--style-3 i {
  color: #17a404;
}
.button--style-4 {
  border: 1px solid #d9d9d9;
  color: #797979;
}
.button--style-4 i {
  color: #797979;
}
.button--style-5 {
  color: #000000;
  box-shadow: 0 8px 12px rgba(0, 1, 1, 0.11);
}
.button--style-5 i {
  color: #17a404;
}
.button--style-6 {
  color: #000000;
  box-shadow: 0 8px 12px rgba(0, 1, 1, 0.11);
}
.button--style-6 i {
  color: #17a404;
}
.button--style-7 {
  background-color: #17a404;
  box-shadow: 0 2px 4px rgba(0, 1, 1, 0.38);
  color: #ffffff;
}
.button--style-7 i {
  color: #ffffff;
}
.button--style-8 {
  background-color: #797979;
  box-shadow: 0 2px 4px rgba(0, 1, 1, 0.38);
  color: #ffffff;
}
.button--style-8 i {
  color: #ffffff;
}
.button--style-9 {
  background-color: #f6f6f6;
  color: #b4b4b4;
}
.button--style-9 i {
  color: #b5b5b5;
}
.radio {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.radio__item {
  display: flex;
  margin-left: 20px;
}
.radio label {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.radio label .radio__check {
  width: 22px;
  height: 22px;
  border: 1px solid #cdcdcd;
  border-radius: 60px;
  margin-left: 11px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.radio input {
  display: none;
}
.radio input:checked + label .radio__check {
  border-color: #17a404;
  border-width: 7px;
}
.radio input:checked + label .radio__check:before {
  top: 35%;
  bottom: 35%;
  right: 35%;
  left: 35%;
}
.check {
  display: flex;
  align-items: center;
}
.check__item {
  display: flex;
  margin-left: 20px;
}
.check label {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.check label .check__check {
  width: 22px;
  height: 22px;
  border: 1px solid #cdcdcd;
  border-radius: 8px;
  margin-left: 11px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.check label .check__check:before {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 9px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: 0.3s;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  color: #c6c6c6;
}
.check input {
  display: none;
}
.check input:checked + label .check__check {
  border-color: #17a404;
  background-color: #17a404;
}
.check input:checked + label .check__check:before {
  transform: scale(1);
  color: #ffffff;
}
.file {
  display: flex;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  margin-bottom: 38px;
  min-height: 115px;
}
.file__img {
  max-width: 138px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.file__img i {
  font-size: 20px;
  color: #000000;
}
.file__img img {
  max-height: 100px;
}
.file__img .file__img-remove {
  position: absolute;
  right: 23px;
  background-color: #f01919;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  height: 19px;
  padding: 0 7px;
  border-radius: 20px;
  cursor: pointer;
}
.file__img .file__img-remove i {
  font-size: 9px;
  color: #ffffff;
  margin-left: 5px;
}
.file__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.file__info .file__info-title {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 7px;
}
.file__info .file__info-desc {
  display: flex;
  align-items: center;
  color: #b1b1b1;
  font-size: 13px;
  font-weight: 600;
}
.file__status {
  margin-right: auto;
  border-right: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 10px 15px;
  max-width: 250px;
}
.file__status span {
  display: flex;
  align-items: center;
  padding: 0 10px;
  line-height: 30px;
  font-weight: 600;
  font-size: 13px;
  border-radius: 15px;
}
.file__status span i {
  margin-left: 10px;
  font-size: 14px;
}
.file__status span.red {
  background-color: rgba(164, 4, 4, 0.1);
  color: #f01919;
}
.file__status span.green {
  background-color: rgba(23, 164, 4, 0.1);
  color: #168207;
}
.file__status p {
  margin: 10px 0 0;
  padding: 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  background-color: rgba(164, 4, 4, 0.1);
  color: #f01919;
}
.file__choose {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 160px;
  width: 100%;
  border-right: 1px solid #d9d9d9;
  position: relative;
}
.file__choose > i {
  font-size: 19px;
  color: #000000;
  margin-right: 29px;
  position: relative;
}
.file__choose > i i {
  position: absolute;
  font-size: 11px;
  color: #ffffff;
  width: 18px;
  height: 18px;
  border-radius: 60px;
  background-color: #17a404;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 1px;
  right: 11px;
}
.file__choose input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  cursor: pointer;
}
.file__choose--last {
  margin-right: auto;
}
.information {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.information > i {
  font-size: 21px;
  margin-left: 27px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.information__desc {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  margin-left: auto;
}
.information__close {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  opacity: 1;
}
.information__close i {
  font-size: 9px;
  color: #000000;
  margin-right: 10px;
}
.information__close:hover {
  opacity: 0.6;
}
.information--wrning > i {
  color: #ce8b34;
}
.information--info > i {
  color: #5daf91;
}
.information--danger > i {
  color: #dd5757;
}
.information--news > i {
  color: #e47431;
}
.information--ask > i {
  color: #a6a6a6;
}
.information--time > i {
  color: #4fb9c2;
}
.information--success > i {
  color: #17a404;
}
.send-code {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
.send-code__input {
  display: flex;
  align-items: center;
  flex-grow: 1;
  border: 1px solid #d9d9d9;
  padding-right: 31px;
  height: 83px;
  border-radius: 8px;
  margin-left: 18px;
}
.send-code__input > input {
  color: #717171;
  font-size: 14px;
  font-weight: 600;
}
.send-code__input > input::-moz-placeholder {
  opacity: 1;
}
.send-code__input > input::placeholder {
  opacity: 1;
}
.send-code__input .send-code__input-sample {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: 36px;
}
.send-code__input .send-code__input-sample .phone {
  display: flex;
  align-items: center;
  color: #c2c2c2;
  font-size: 18px;
  font-weight: 600;
}
.send-code__input .send-code__input-sample .phone__pre {
  margin-right: 9px;
}
.send-code__input .send-code__input-sample i {
  font-size: 23px;
  color: #b6b6b6;
  margin-right: 29px;
}
.send-code__btn {
  height: 83px;
  box-shadow: 0 2px 4px rgba(0, 1, 1, 0.38);
  background-color: #17a404;
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  width: 142px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.send-code__btn:hover {
  box-shadow: 0 2px 10px rgba(0, 1, 1, 0.38);
}
.send-code--again .send-code__input {
  border-color: #c2dabf;
}
.send-code--again .send-code__input > input {
  color: #168207;
}
.send-code--again .send-code__input .send-code__input-sample .phone {
  color: #168207;
}
.send-code--again .send-code__input .send-code__input-sample i {
  color: #168207;
}
.send-code--again .send-code__btn {
  border: 1px solid #c2dabf;
  background-color: transparent;
  color: #63a45a;
  font-size: 13px;
  font-weight: 600;
  box-shadow: none;
}
.get-code {
  display: flex;
  align-items: center;
  border: 1px solid #f6f6f6;
  background-color: #f0faef;
  padding: 35px 46px;
  border-radius: 10px;
  margin-bottom: 39px;
}
.get-code__time {
  flex-grow: 1;
}
.get-code__time .get-code__time-numb {
  color: #1c7e0f;
  font-size: 27px;
  font-weight: 600;
}
.get-code__time .get-code__time-title {
  color: #1c7e0f;
  font-size: 13px;
  font-weight: 600;
}
.get-code__inputs {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.get-code__inputs input {
  width: 71px;
  height: 74px;
  line-height: 74px;
  background-color: #e5f4e4;
  border-radius: 5px;
  text-align: center;
  margin-left: 20px;
  color: #1c7e0f;
  font-size: 30px;
  font-weight: 600;
}
.get-code__inputs input:nth-of-type(1) {
  margin-left: 0;
}
.change-number {
  display: flex;
  align-items: center;
}
.change-number__input {
  display: flex;
  align-items: center;
  flex-grow: 1;
  border: 1px solid #c2dabf;
  padding: 27px 0;
  border-radius: 10px;
  padding-right: 31px;
  padding-left: 36px;
}
.change-number__input input {
  color: #168207;
  font-size: 14px;
  font-weight: 600;
}
.change-number__input input::-moz-placeholder {
  opacity: 1;
}
.change-number__input input::placeholder {
  opacity: 1;
}
.change-number__input .change-number__input-verify {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.change-number__input .change-number__input-verify .verify {
  background-color: rgba(23, 164, 4, 0.1);
  display: flex;
  align-items: center;
  color: #168207;
  font-size: 11px;
  font-weight: 600;
  height: 18px;
  padding: 0 6px;
  border-radius: 20px;
  margin-left: 14px;
}
.change-number__input .change-number__input-verify .verify i {
  font-size: 8px;
  color: #17a404;
  margin-left: 6px;
}
.change-number__input .change-number__input-verify .phone {
  display: flex;
  align-items: center;
  color: #168207;
  font-size: 18px;
  font-weight: 600;
}
.change-number__input .change-number__input-verify .phone__pre {
  margin-right: 6px;
}
.change-number__input .change-number__input-verify > i {
  font-size: 23px;
  color: #17a404;
  margin-right: 29px;
}
.change-number__btn {
  width: 142px;
  height: 83px;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 10px;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
}
.submited-number {
  border: 1px solid #c2dabf;
  padding: 27px 0;
  border-radius: 10px;
  padding-right: 31px;
  padding-left: 36px;
}
.submited-number__verify {
  display: flex;
  align-items: center;
}
.submited-number__verify .verify {
  background-color: rgba(23, 164, 4, 0.1);
  display: flex;
  align-items: center;
  color: #168207;
  font-size: 11px;
  font-weight: 600;
  height: 18px;
  padding: 0 6px;
  border-radius: 20px;
  margin-left: 14px;
}
.submited-number__verify .verify i {
  font-size: 8px;
  color: #17a404;
  margin-left: 6px;
}
.submited-number__verify .phone {
  display: flex;
  align-items: center;
  color: #168207;
  font-size: 18px;
  font-weight: 600;
}
.submited-number__verify .phone__pre {
  margin-right: 6px;
}
.submited-number__verify > i {
  font-size: 23px;
  color: #17a404;
  margin-right: auto;
}
.info-panel {
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
}
.info-panel__header {
  display: flex;
  align-items: center;
}
.info-panel__image {
  background-color: #0690cf;
  width: 218px;
  border-radius: 21px;
  padding: 12px 10px 15px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}
.info-panel__image img {
  width: 53px;
  height: 53px;
}
.info-panel__item {
  border-radius: 21px;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 4px;
  padding-bottom: 4px;
  height: 80px;
  margin-right: -160px;
  z-index: 1;
  background-color: #fff;
  width: 218px;
}
.info-panel__item .info-panel__item-head {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.info-panel__item .info-panel__item-head i {
  font-size: 21px;
  color: #000000;
}
.info-panel__item .info-panel__item-head .info-panel__item-val {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.info-panel__item .info-panel__item-head .info-panel__item-val .value {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  margin-left: 0px;
  margin-top: 10px;
  width: 24px;
  text-align: center;
}
.info-panel__item .info-panel__item-head .info-panel__item-val .title {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
}
.info-panel__item .info-panel__item-desc {
  color: #858484;
  font-size: 16px;
  font-weight: 600;
}
.info-panel__item--check .info-panel__item-head > i {
  color: #17a404;
}
.info-panel__item--check .info-panel__item-desc {
  display: flex;
  align-items: center;
  width: 100%;
}
.info-panel__item--check .info-panel__item-desc a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  height: 25px;
  box-shadow: 0 2px 4px rgba(0, 1, 1, 0.38);
  background-color: #17a404;
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 0 10px;
  margin-right: auto;
}
.intro-link {
  margin-bottom: 37px;
}
.intro-link__title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 21px;
}
.intro-link__copy {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  width: 100%;
}
.intro-link__copy .intro-link__copy-input {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  padding-left: 24px;
}
.intro-link__copy .intro-link__copy-btn {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  border-right: 1px solid #d9d9d9;
  padding: 18px 22px;
  cursor: pointer;
}
.intro-link__copy .intro-link__copy-btn i {
  font-size: 17px;
  color: #000000;
  margin-right: 22px;
}
.wallet {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 41px 58px 41px 46px;
  border-radius: 10px;
}
.wallet__right {
  display: flex;
  align-items: center;
}
.wallet__right .wallet__right-img {
  position: relative;
  margin-left: 73px;
}
.wallet__right .wallet__right-img .avatar {
  position: absolute;
  top: 35px;
  left: -23px;
}
.wallet__right .wallet__right-price .title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 2px;
}
.wallet__right .wallet__right-price .price {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 34px;
  font-weight: 400;
  letter-spacing: -2.16px;
}
.wallet__right .wallet__right-price .price__unit {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  margin-right: 9px;
  letter-spacing: 0;
}
.wallet__left {
  margin-right: auto;
}
.wallet__left .wallet__left-link {
  box-shadow: 0 1px 2px rgba(0, 1, 1, 0.25);
  background-color: #ffffff;
  border-radius: 8px;
  height: 52px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  transition: 0.3s;
  margin-bottom: 21px;
}
.wallet__left .wallet__left-link i {
  font-size: 11px;
  color: #ffffff;
  background-color: #17a404;
  border-radius: 60px;
  padding: 3px 3px;
  margin-left: 21px;
}
.wallet__left .wallet__left-link:hover {
  box-shadow: 0 1px 10px rgba(0, 1, 1, 0.25);
}
.wallet__left .wallet__left-back {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}
.wallet__left .wallet__left-back i {
  font-size: 15px;
  color: #000000;
}
.help__item {
  position: relative;
  box-shadow: 0 10px 23px rgba(0, 1, 1, 0.06);
  background-color: #ffffff;
  height: 306px;
  display: flex;
  flex-direction: column;
  padding: 0 36px;
  padding-bottom: 33px;
  border-radius: 15px;
}
.help__item > i {
  position: absolute;
  font-size: 23px;
  color: #b0084f;
  top: 35px;
  right: 32px;
}
.help__item .help__item-title {
  margin-top: auto;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 23px;
  margin-bottom: 24px;
}
.help__item .help__item-title .title {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 13px;
}
.help__item .help__item-title .desc {
  color: #656565;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
}
.help__item .help__item-footer a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  transition: 0.3s;
}
.help__item .help__item-footer a i {
  font-size: 13px;
  color: #000000;
  margin-right: 12px;
  transition: 0.3s;
}
.help__item .help__item-footer a:hover {
  color: #b0084f;
}
.help__item .help__item-footer a:hover i {
  color: #b0084f;
}
.help__item--adviser {
  position: relative;
  padding: 0;
  background-color: transparent;
  box-shadow: 0 10px 23px rgba(0, 1, 1, 0.06);
}
.help__item--adviser .help__item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: 0;
  bottom: 52px;
  left: 57px;
  right: 0;
}
.help__item--adviser .help__item-info .help__item-info-title {
  text-shadow: 0 1px 3px rgba(0, 1, 1, 0.94);
  color: #ffffff;
  font-size: 19px;
  font-weight: 400;
  margin-bottom: -5px;
  margin-top: auto;
}
.help__item--adviser .help__item-info .help__item-info-phone {
  display: flex;
  align-items: center;
  text-shadow: 0 3px 5px rgba(0, 1, 1, 0.75);
  color: #ffffff;
  font-size: 56px;
  margin-bottom: 11px;
}
.help__item--adviser .help__item-info .help__item-info-phone .phone-numb {
  font-weight: 600;
}
.help__item--adviser .help__item-info .help__item-info-phone .phone-pre {
  font-weight: 400;
  margin-right: 11px;
}
.help__item--adviser .help__item-info .help__item-info-social {
  display: flex;
  align-items: center;
}
.help__item--adviser .help__item-info .help__item-info-social > a {
  margin-left: 20px;
}
.help__item--adviser .help__item-info .help__item-info-social > a:last-child {
  margin-left: 0;
}
[data-theme=dark] .help__item {
  background-color: #03021a;
  box-shadow: 0 10px 23px rgba(10, 7, 54, 0.8);
}
[data-theme=dark] .help__item .help__item-title {
  border-bottom: 1px solid #110f3f;
}
[data-theme=dark] .help__item .help__item-title .title {
  color: #908dd3;
}
[data-theme=dark] .help__item .help__item-title .desc {
  color: #c7c5ee;
}
[data-theme=dark] .help__item .help__item-footer a {
  color: #c7c5ee;
}
[data-theme=dark] .help__item .help__item-footer i {
  color: #c7c5ee;
}
[data-theme=dark] .check label {
  color: #c7c5ee;
}
[data-theme=dark] .check label .check__check {
  border: 3px solid #fff;
}
[data-theme=dark] .input input {
  color: #c7c5ee;
  background-color: #18164d;
}
[data-theme=dark] .input input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .input input::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .input i {
  color: #c7c5ee;
}
[data-theme=dark] .input--currency:before {
  color: #c7c5ee;
  border-right: 1px solid #18164d;
}
[data-theme=dark] .button--style-3 {
  border: 1px solid #2b2950;
  color: #c7c5ee;
  background-color: #13113f;
}
[data-theme=dark] .button--style-3 i {
  color: #c7c5ee;
}
[data-theme=dark] .button--style-3:hover i {
  color: #17a404;
  transition: 0.3s;
}
[data-theme=dark] .button--style-5 {
  border: 1px solid #2b2950;
  color: #c7c5ee;
  background-color: #13113f;
}
[data-theme=dark] .button--style-5 i {
  color: #c7c5ee;
}
[data-theme=dark] .button--style-5:hover i {
  color: #17a404;
  transition: 0.3s;
}
[data-theme=dark] .button--style-6 {
  border: 1px solid #2b2950;
  color: #c7c5ee;
  background-color: #13113f;
}
[data-theme=dark] .button--style-6 i {
  color: #c7c5ee;
}
[data-theme=dark] .button--style-6:hover i {
  color: #17a404;
  transition: 0.3s;
}
[data-theme=dark] .button--style-2 {
  border: 1px solid transparent;
  color: #fff;
  background-color: #201e56;
}
[data-theme=dark] .button--style-2 i {
  color: #fff;
}
[data-theme=dark] .button--style-4 {
  border: 1px solid transparent;
  color: #fff;
  background-color: #201e56;
}
[data-theme=dark] .button--style-4 i {
  color: #fff;
}
[data-theme=dark] .button--style-8 {
  border: 1px solid transparent;
  color: #fff;
  background-color: #201e56;
}
[data-theme=dark] .button--style-8 i {
  color: #fff;
}
[data-theme=dark] .button--style-9 {
  border: 1px solid transparent;
  color: #fff;
  background-color: #201e56;
}
[data-theme=dark] .button--style-9 i {
  color: #fff;
}
[data-theme=dark] .button--style-9 .radio label .radio__check {
  border: 1px solid #c7c5ee;
}
[data-theme=dark] .button--style-9 .check label {
  color: #908dd3;
}
[data-theme=dark] .file {
  border: 1px solid #18164d;
  background-color: #0d0b32;
}
[data-theme=dark] .file__info .file__info-title {
  color: #c7c5ee;
}
[data-theme=dark] .file__info .file__info-desc {
  color: #8a87d6;
}
[data-theme=dark] .file__img i {
  color: #c7c5ee;
}
[data-theme=dark] .file__status {
  border-right: 1px solid #18164d;
}
[data-theme=dark] .file__choose {
  border-right: 1px solid #18164d;
  color: #8a87d6;
}
[data-theme=dark] .file__choose > i {
  color: #8a87d6;
}
[data-theme=dark] .file__choose > i i {
  background-color: #8a87d6;
}
[data-theme=dark] .file__choose > i .icon-pluse2 {
  background-color: #17a404;
}
[data-theme=dark] .information__desc {
  color: #c7c5ee;
}
[data-theme=dark] .information__close {
  color: #c7c5ee;
}
[data-theme=dark] .information__close i {
  color: #c7c5ee;
}
[data-theme=dark] .send-code__input {
  background-color: #0d0b32;
  border: 1px solid #18164d;
}
[data-theme=dark] .send-code__input > input {
  background-color: #0d0b32;
}
[data-theme=dark] .send-code__input > input::-moz-placeholder {
  color: #8a87d6;
}
[data-theme=dark] .send-code__input > input::placeholder {
  color: #8a87d6;
}
[data-theme=dark] .send-code__input .send-code__input-sample .phone {
  color: #c7c5ee;
}
[data-theme=dark] .send-code__input .send-code__input-sample i {
  color: #c7c5ee;
}
[data-theme=dark] .send-code--again .send-code__btn {
  background-color: #15124b;
  border: none;
  color: #c7c5ee;
}
[data-theme=dark] .send-code--again .send-code__btn:hover {
  color: #63a45a;
}
[data-theme=dark] .send-code--again .send-code__input > input {
  background-color: #0d0b32;
}
[data-theme=dark] .get-code {
  border: 1px solid #3ded67;
  background-color: #0d0b32;
}
[data-theme=dark] .get-code__time .get-code__time-numb {
  color: #3ded67;
}
[data-theme=dark] .get-code__time .get-code__time-title {
  color: #3ded67;
}
[data-theme=dark] .get-code .get-code__inputs input {
  color: #3ded67;
  background-color: #1d1b57;
}
[data-theme=dark] .change-number__input {
  background-color: #18164d;
  border-color: transparent;
}
[data-theme=dark] .change-number__input input {
  background-color: #18164d;
}
[data-theme=dark] .change-number__input input::-moz-placeholder {
  color: #3ded67;
}
[data-theme=dark] .change-number__input input::placeholder {
  color: #3ded67;
}
[data-theme=dark] .change-number__input .change-number__input-verify .verify {
  color: #3ded67;
}
[data-theme=dark] .change-number__input .change-number__input-verify .verify i {
  color: #3ded67;
}
[data-theme=dark] .change-number__input .change-number__input-verify .phone {
  color: #3ded67;
}
[data-theme=dark] .change-number__input .change-number__input-verify .phone i {
  color: #3ded67;
}
[data-theme=dark] .change-number__input .change-number__input-verify i {
  color: #3ded67;
}
[data-theme=dark] .change-number .change-number {
  background-color: #18164d;
}
[data-theme=dark] .change-number .change-number__btn {
  border-color: #18164d;
  background-color: #18164d;
  color: #c7c5ee;
}
[data-theme=dark] .submited-number {
  background-color: #18164d;
  border-color: transparent;
}
[data-theme=dark] .submited-number__verify .verify {
  color: #3ded67;
}
[data-theme=dark] .submited-number__verify .verify i {
  color: #3ded67;
}
[data-theme=dark] .submited-number__verify .phone {
  color: #3ded67;
}
[data-theme=dark] .submited-number__verify > i {
  color: #3ded67;
}
[data-theme=dark] .info-panel {
  background-color: #0d0b32;
}
[data-theme=dark] .info-panel__item {
  background-color: #0d0b32;
}
[data-theme=dark] .info-panel__item .info-panel__item-head i {
  color: #c7c5ee;
}
[data-theme=dark] .info-panel__item .info-panel__item-val .value {
  color: #c7c5ee;
}
[data-theme=dark] .info-panel__item .info-panel__item-val .title {
  color: #c7c5ee;
}
[data-theme=dark] .info-panel__item .info-panel__item-desc {
  color: #8a87d6;
}
[data-theme=dark] .btns {
  background-color: #0d0b32;
}
[data-theme=dark] .my-buy__info table .item__copy {
  border: 1px solid #18164d;
}
[data-theme=dark] .my-buy__info table .item__copy-code {
  color: #c7c5ee;
}
[data-theme=dark] .my-buy__info table .item__copy-icon {
  border-right: 1px solid #18164d;
  background-color: #18164d;
}
[data-theme=dark] .my-buy__info table .item__copy-icon i {
  color: #c7c5ee;
}
[data-theme=dark] .wallet {
  background-color: #18164d;
}
[data-theme=dark] .wallet__right .wallet__right-price .title {
  color: #c7c5ee;
}
[data-theme=dark] .wallet__right .wallet__right-price .price {
  color: #c7c5ee;
}
[data-theme=dark] .wallet__right .wallet__right-price .price__unit {
  color: #c7c5ee;
}
[data-theme=dark] .wallet__left .wallet__left-link {
  color: #c7c5ee;
  background-color: #13113f;
  border-bottom: 1px solid #343267;
}
[data-theme=dark] .wallet__left .wallet__left-back {
  color: #c7c5ee;
}
[data-theme=dark] .wallet__left .wallet__left-back i {
  color: #c7c5ee;
}
[data-theme=dark] .intro-link__title {
  color: #c7c5ee;
}
[data-theme=dark] .intro-link__copy {
  border-color: #18164d;
}
[data-theme=dark] .intro-link__copy .intro-link__copy-input {
  color: #c7c5ee;
}
[data-theme=dark] .intro-link__copy .intro-link__copy-btn {
  color: #c7c5ee;
  border-color: #18164d;
}
[data-theme=dark] .intro-link__copy .intro-link__copy-btn i {
  color: #c7c5ee;
}
[data-theme=dark] .radio label {
  color: #c7c5ee;
}
/* modal */
.modal {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  overflow: auto;
  z-index: 999999999999;
}
.modal__close {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  right: 10px;
  top: 10px;
  position: fixed;
  font-size: 16px;
  color: #fff;
  background-color: #cf2053;
  cursor: pointer;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal__content {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px 25px;
  width: calc(100% - 30px);
  max-width: 600px;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
  margin: 15px auto;
}
.modal__content.game-select {
  position: relative;
  max-width: 991px;
}
.modal__content.game-select .modal__close {
  position: relative;
  right: -35px;
  top: -30px;
}
.modal__content--report-bug {
  max-width: 450px;
}
.modal__content__add {
  border-bottom: 1px solid #d9d9d9;
}
.modal__content__add__title {
  margin-bottom: 15px;
}
.modal__content__add__title a {
  background-color: rgba(37, 169, 19, 0.2);
  line-height: 40px;
  color: #208b11;
  padding: 0 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.modal__content__add__title a i {
  margin-left: 15px;
}
.modal__content__add__content {
  display: none;
  margin-bottom: 15px;
}
.modal__content__search {
  border-bottom: 1px solid #eee;
  position: relative;
  margin-bottom: 15px;
}
.modal__content__search input {
  line-height: 45px;
  border: none;
  background-color: transparent;
  padding: 0;
  width: 100%;
}
.modal__content__search i {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 45px;
  width: 45px;
  text-align: center;
  color: #777;
}
.modal__content__radio {
  overflow: auto;
  overflow-x: hidden;
  margin-bottom: 15px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.modal__content__radio__item {
  margin-bottom: 10px;
}
.modal__content__radio__item label {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  line-height: 30px;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
}
.modal__content__radio__item label:before {
  content: "\e90a";
  font-family: "icomoon";
  position: absolute;
  right: -10px;
  bottom: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  font-size: 8px;
  background-color: #25a913;
  color: #fff;
  display: none;
}
.modal__content__radio__item label img {
  flex: 0 0 60px;
  max-width: 60px;
  margin-left: 10px;
}
.modal__content__radio__item label ul {
  flex: 0 0 calc(100% - 70px);
  max-width: calc(100% - 70px);
  margin-right: auto;
  padding-right: 5px;
  border-right: 1px solid #d9d9d9;
}
.modal__content__radio__item label ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.modal__content__radio__item label ul li span {
  font-size: 14px;
  font-weight: 600;
  color: #777;
}
.modal__content__radio__item label ul li span:last-child {
  color: #111;
  direction: ltr;
  text-align: left;
}
.modal__content__radio__item label ul li:last-child {
  border-bottom: unset;
}
.modal__content__radio__item input {
  display: none;
}
.modal__content__radio__item input:checked + label {
  border-color: #25a913;
}
.modal__content__radio__item input:checked + label:before {
  display: flex;
}
.modal__content__radio__item:last-child {
  margin-bottom: unset;
}
.modal__content__radio__item.no-result {
  display: none;
}
.modal__content__more {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal__content__more a {
  font-size: 14px;
  color: #ef473a;
  font-weight: 600;
  line-height: 30px;
  display: flex;
  align-items: center;
  margin-right: auto;
}
.modal__content__more a i {
  margin-left: 10px;
  font-size: 13px;
}
.modal__content__more a.btn {
  flex-direction: row-reverse;
  background-color: #25a913;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 0 15px;
}
.modal__content__more a.btn i {
  margin-right: 15px;
  margin-left: unset;
}
.modal__content__input {
  margin-bottom: 12px;
}
.modal__content__input--donate {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.modal__content__input--donate .donate-tournament {
  width: 80% !important;
  margin-right: auto;
}
.modal__content__input .bootstrap-select .dropdown-toggle {
  border-radius: 5px;
  border-color: #e8e8e8;
  font-size: 14px;
}
.modal__content__input input:not([type=checkbox]),
.modal__content__input textarea {
  line-height: 40px;
  padding: 0 15px;
  border: 1px solid #e8e8e8;
  background-color: #f4f3f3;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  display: block;
}
.modal__content__input label {
  color: #6b6b6b;
  line-height: 30px;
  text-align: justify;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.modal__content__input label.file-label {
  line-height: 45px;
  padding: 0 15px;
  background-color: #f4f3f3;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.modal__content__input label.file-label span:nth-child(2) {
  font-weight: 600;
  color: #000;
}
.modal__content__input label.file-label input {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
}
.modal__content__title {
  margin-bottom: 15px;
}
.modal__content__title span {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}
.modal__content__text {
  margin-bottom: 15px;
  color: #6b6b6b;
  line-height: 30px;
  text-align: justify;
  font-size: 14px;
  font-weight: 500;
  font-family: Yekan Bakh ExtraExpanded !important;
}
.modal__content__btn--donat {
  display: flex;
}
.modal__content__btn--donat button:first-child {
  margin-left: 10px;
  background-color: #c4f424;
  color: #000;
}
.modal__content__btn a,
.modal__content__btn button {
  line-height: 53px;
  background-color: #cf2053;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px;
  border: unset;
  display: block;
  width: 100%;
  font-size: 19px;
  font-weight: 600;
  color: #fff;
}
.modal__content__item__image {
  padding: 20px 0px;
  margin-bottom: 15px;
}
.modal__content__item__image img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal__content__text-name {
  margin-bottom: 15px;
  text-align: center;
  padding-top: 13px;
}
.modal__content__text-name p {
  font-size: 17px;
  font-weight: 600;
  color: #626262;
}
.modal__content__text-name p span {
  padding: 0 2px;
  font-size: 16px;
  color: #000;
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 576px) {
  .modal__content__radio__item label ul li.license {
    flex-wrap: wrap;
  }
  .modal__content__radio__item label ul li.license a {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}
[data-theme=dark] .modal {
  background-color: rgba(255, 255, 255, 0.15);
}
[data-theme=dark] .modal__content {
  background-color: #070525;
}
[data-theme=dark] .modal__content__add {
  border-color: #4b4974;
}
[data-theme=dark] .modal__content__text {
  color: #8784c8;
}
[data-theme=dark] .modal__content__input {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__input .bootstrap-select .dropdown-toggle {
  border-color: #4b4974;
}
[data-theme=dark] .modal__content__input label.file-label span:nth-child(2) {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__input input {
  background-color: #070525;
  border-color: #4b4974;
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__input input::-moz-placeholder {
  color: rgba(199, 197, 238, 0.5);
}
[data-theme=dark] .modal__content__input input::placeholder {
  color: rgba(199, 197, 238, 0.5);
}
[data-theme=dark] .modal__content__input textarea {
  background-color: #070525;
  border-color: #4b4974;
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__input textarea::-moz-placeholder {
  color: rgba(199, 197, 238, 0.5);
}
[data-theme=dark] .modal__content__input textarea::placeholder {
  color: rgba(199, 197, 238, 0.5);
}
[data-theme=dark] .modal__content__input label.file-label {
  background-color: #070525;
  border-color: #4b4974;
}
[data-theme=dark] .modal__content__input--donate input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__input--donate input::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__input--donate label {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__title h4 {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__title span {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__search {
  border-color: #4b4974;
}
[data-theme=dark] .modal__content__search i {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__search input {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__search input::-moz-placeholder {
  color: #908dd3;
}
[data-theme=dark] .modal__content__search input::placeholder {
  color: #908dd3;
}
[data-theme=dark] .modal__content__radio__item label {
  border-color: #4b4974;
}
[data-theme=dark] .modal__content__radio__item label ul {
  border-color: #4b4974;
}
[data-theme=dark] .modal__content__radio__item label ul li {
  border-color: #4b4974;
}
[data-theme=dark] .modal__content__radio__item label ul li span {
  color: #c7c5ee;
}
[data-theme=dark] .modal__content__text-name p {
  color: #8784c8;
}
[data-theme=dark] .modal__content__text-name p span {
  color: #c7c5ee;
}
/* responsive */
@media (max-width: 1600px) {
  .discount__nav {
    top: 30%;
  }
}
@media (max-width: 1200px) {
  .product__nav--prev {
    right: -60px;
  }
  .product__nav--next {
    left: -60px;
  }
  .discount {
    margin-top: 73px;
    padding-top: 30px;
  }
  .discount__nav {
    top: 0;
  }
  .discount__nav--next {
    left: 0;
  }
  .discount__nav--prev {
    right: 0;
  }
  .discount__header {
    margin-bottom: 50px;
  }
  .pre-order {
    margin-top: 114px;
  }
  .pre-order__icons .text {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .site-header:before {
    right: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff 0%, #fff 10%, #6a4fa0 25%, #16a2bd 35%, #89c736 50%, #fcc43f 65%, #d02054 70%, #fff 90%, #fff 100%);
  }
  .site-header:after {
    right: 0;
    left: 0;
    background-image: linear-gradient(to right, #fff 0%, #fff 10%, #6a4fa0 25%, #16a2bd 35%, #89c736 50%, #fcc43f 65%, #d02054 70%, #fff 90%, #fff 100%);
  }
  .top-product__big-horizontal {
    margin-bottom: 25px;
  }
  .top-product__big-horizontal figure img {
    width: 100%;
  }
  .top-product__center .top-product__center-vertical {
    margin-bottom: 25px;
  }
  .top-product__center .top-product__center-vertical figure img {
    width: 100%;
  }
  .top-product__center .top-product__center-small figure img {
    width: 100%;
  }
  .category__row {
    display: flex;
    align-items: center;
  }
  .category__row__larg {
    flex: 0 0 calc((100% - 220px) / 2);
    max-width: calc((100% - 220px) / 2);
  }
  .category__row__larg__item {
    margin-bottom: 20px;
  }
  .category__row__small {
    flex: 0 0 calc(100% - 220px);
    max-width: 220px;
    margin-bottom: 10px;
  }
  .product__content-swiper {
    overflow: visible;
  }
  .product__content-swiper .swiper-slide {
    filter: blur(6px);
    opacity: 0.1;
    transition: 0.3s;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active {
    filter: blur(0);
    opacity: 1;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide {
    filter: blur(0);
    opacity: 1;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    filter: blur(0);
    opacity: 1;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    filter: blur(6px);
    opacity: 0.1;
  }
  .discount__header {
    margin-top: 0;
  }
  .discount__header > i {
    font-size: 40px;
  }
  .discount__header .discount__header-info .discount__header-info-title {
    font-size: 15px;
  }
  .discount__header .discount__header-info .discount__header-info-title-big {
    font-size: 22px;
  }
  .pre-order {
    margin-top: 65px;
  }
  .pre-order__sticky img {
    width: 210px;
  }
  .pre-order__btn {
    bottom: 19px;
    left: 22px;
    width: 215px;
  }
  .pre-order__icons .icon {
    font-size: 17px;
    margin-left: 6px;
  }
  .pre-order__icons .icon i {
    font-size: 5px;
    width: 10px;
    height: 10px;
  }
  .pre-order__icons .text {
    font-size: 13px;
  }
  .pre-order__info {
    bottom: 19px;
  }
  .pre-order__info .pre-order__info-title {
    font-size: 30px;
  }
  .journal__content:before {
    width: 160px;
  }
}
@media (max-width: 768px) {
  .category__row {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .category__row__larg {
    flex-direction: row;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
  }
  .category__row__larg__item {
    margin-bottom: 0;
    width: 50vw;
    height: 34vw;
    border-radius: 20px;
  }
  .category__row__larg__item img {
    border-radius: 20px;
  }
  .category__row__larg__item:first-child {
    padding-left: 10px;
  }
  .category__row__larg__item:last-child {
    padding-right: 10px;
  }
  .category__row__small {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 15px;
    margin-top: 0;
    width: 100%;
  }
  .category__row__small__item {
    height: 35vw;
    border-radius: 20px;
  }
  .category__row__small__item img {
    border-radius: 20px;
  }
  .product__content-swiper {
    overflow: visible;
  }
  .product__content-swiper .swiper-slide {
    filter: blur(6px);
    opacity: 0.1;
    transition: 0.3s;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active {
    filter: blur(0);
    opacity: 1;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide {
    filter: blur(0);
    opacity: 1;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    filter: blur(6px);
    opacity: 0.1;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    filter: blur(6px);
    opacity: 0.1;
  }
  .product__header .product__header-title {
    font-size: 20px;
    padding-left: 8px;
  }
  .pre-order__info {
    right: 20px;
  }
  .pre-order__btn {
    left: 20px;
    width: 150px;
    font-size: 14px;
    padding: 0 15px;
    height: 40px;
  }
  .pre-order__wrapper {
    border-radius: 10px;
    overflow: hidden;
  }
  .pre-order__main-img img {
    height: 170px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .pre-order__icons {
    right: 10px;
    top: 10px;
  }
  .pre-order__icons .icon,
.pre-order__icons .text {
    color: #fff;
  }
}
@media (min-width: 576px) {
  .top-product__responsive {
    display: none;
  }
}
@media (max-width: 576px) {
  .wrapper {
    padding-top: 50px;
    overflow: hidden;
  }
  .wrapper.single--product {
    overflow: unset;
  }
  .container {
    padding: 0 15px;
  }
  .cart-header .site-header:before {
    background-image: linear-gradient(to right, #f7f7f7 0%, #f7f7f7 10%, #6a4fa0 20%, #16a2bd 40%, #89c736 50%, #fcc43f 60%, #d02054 80%, #f8f8f8 90%, #f8f8f8 0%);
    border-radius: 30%;
  }
  .top-product {
    margin-bottom: 20px;
  }
  .top-product__pc {
    display: none;
  }
  .feautures {
    margin-bottom: 15px;
  }
  .feautures__logo {
    margin-left: 15px;
  }
  .feautures__logo img {
    max-width: none;
    max-width: initial;
    width: 130px;
  }
  .feautures__items .feautures__items-swiper {
    padding-top: 5px;
    margin-top: -5px;
    overflow: hidden;
  }
  .feautures__items .feautures__items-item {
    padding: 0 15px 0 15px;
    font-size: 13px;
    text-align: center;
  }
  .feautures__items .feautures__items-item i {
    font-size: 20px;
    margin-left: 15px;
  }
  .category {
    margin-bottom: 0px;
  }
  .category__row__larg__item {
    height: 46vw;
  }
  .category__row__larg__item:first-child {
    padding-left: 5px;
  }
  .category__row__larg__item:last-child {
    padding-right: 5px;
  }
  .category__row__small__item {
    height: 46vw;
  }
  .product {
    margin-bottom: 0;
    margin-top: 0px;
  }
  .product__header {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
  .product__header:before {
    top: 17px;
  }
  .product__header .product__header-sort {
    order: 1;
    margin-top: 15px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .product__header .product__header-title {
    padding-left: 15px;
    font-size: 14px;
  }
  .product__header .product__header-more {
    font-size: 11px;
    padding-right: 15px;
  }
  .product__header .product__header-more i {
    display: none;
  }
  .product__content-swiper {
    overflow: visible;
  }
  .product__content-swiper .swiper-slide {
    filter: blur(6px);
    opacity: 0.1;
    transition: 0.3s;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active {
    filter: blur(0);
    opacity: 1;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide {
    filter: blur(0);
    opacity: 1;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    filter: blur(6px);
    opacity: 0.1;
  }
  .product__content-swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    filter: blur(6px);
    opacity: 0.1;
  }
  .product__item .product__item-img {
    margin-bottom: 15px;
  }
  .product__item .product__item-img .shadow {
    display: none;
  }
  .product__item .product__item-info .product__item-info-title {
    font-size: 12px;
    text-align: center;
    max-width: unset;
    flex: unset;
    margin-bottom: 5px;
  }
  .product__item .product__item-info .product__item-info-title-en {
    text-align: center;
    max-width: unset;
    flex: unset;
  }
  .product__item .product__item-meta h2 {
    font-size: 15px;
  }
  .product__item .product__item-meta .product__item-meta-right {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .product__item .product__item-meta .product__item-meta-right .item {
    margin-bottom: 0;
  }
  .product__item .product__item-meta .product__item-meta-right .item__link {
    width: auto;
  }
  .product__item .product__item-meta .product__item-meta-right .item__title {
    display: none;
  }
  .product__item .product__item-meta .product__item-meta-left {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    top: unset;
  }
  .product__item .product__item-meta .product__item-meta-left .count-rate {
    margin-bottom: 0;
  }
  .product__item .product__item-meta .product__item-meta-left .count-rate i {
    font-size: 16px;
  }
  .product__item .product__item-footer .product__item-footer-link .product__item-footer-title {
    font-size: 13px;
  }
  .product__item .product__item-footer .product__item-footer-link .product__item-footer-title .buy {
    font-size: 13px;
  }
  .product__content-animate .item:nth-of-type(2) {
    display: none;
  }
  .journal {
    margin-bottom: 15px;
  }
  .journal__content-swiper {
    margin-right: -15px;
  }
  .journal__content-swiper:before {
    display: none;
  }
  .journal__header {
    margin-bottom: 15px;
  }
  .journal__header .journal__header-title {
    font-size: 18px;
    padding-left: 15px;
  }
  .journal__header .journal__header-more {
    font-size: 12px;
    padding-right: 15px;
  }
  .journal__header .journal__header-more i {
    margin-right: 15px;
  }
  .journal__item {
    padding: 10px;
  }
  .journal__item .journal__item-img a img {
    width: 100%;
  }
  .journal__item .journal__item-info {
    margin-bottom: 3px;
    flex-direction: column;
  }
  .journal__item .journal__item-info .journal__item-info-date {
    flex-direction: row;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .journal__item .journal__item-info .journal__item-info-date .day {
    margin: 0 0 0 5px;
    font-size: 13px;
  }
  .journal__item .journal__item-info .journal__item-info-date .month {
    margin: 0 0 0 5px;
  }
  .journal__item .journal__item-info .journal__item-info-title {
    text-align: center;
  }
  .journal__item .journal__item-desc {
    margin-bottom: 10px;
  }
  .discount {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .discount__item .discount__item-img {
    max-width: 160.82px;
  }
  .discount__item .discount__item-img img {
    max-width: 160.82px;
  }
  .pre-order {
    margin-bottom: 15px;
    margin-top: 25px;
  }
  .pre-order__sticky {
    display: none;
  }
  .banner {
    margin-bottom: 0px;
  }
}
@media (max-width: 500px) {
  .discount {
    margin-top: 66px;
  }
  .discount__header {
    margin-bottom: 49px;
  }
  .discount__header > i {
    font-size: 35px;
    margin-left: 10px;
  }
  .discount__header .discount__header-more {
    flex-direction: row;
    justify-content: center;
    margin-top: 15px;
  }
  .discount__header .discount__header-more i {
    margin-bottom: 0;
    margin-left: 10px;
  }
  .discount__header .discount__header-info .discount__header-info-title-big {
    font-size: 15px;
    flex-wrap: wrap;
  }
  .discount__header .discount__header-info .discount__header-info-title {
    font-size: 13px;
  }
  .journal__content:before {
    content: unset;
  }
}
@media (max-width: 400px) {
  .feautures__logo img {
    width: 100px;
  }
  .discount {
    margin-top: 0px;
  }
}
@media (max-width: 370px) {
  .pre-order__btn {
    right: 20px;
    width: unset;
  }
  .pre-order__info {
    bottom: 65px;
    left: 20px;
    text-align: center;
  }
}
@media (max-width: 1200px) {
  .site-header__bottom {
    flex-wrap: wrap;
  }
  .site-header__bottom .site-header__bottom-cat {
    position: static;
    margin-left: 15px;
    font-size: 12px;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu {
    top: 105px;
    right: 0%;
    width: 100%;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu__tabs ul {
    overflow: auto;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu__tabs ul li .item__list__content ul {
    grid-template-columns: 170px 170px 170px;
  }
  .site-header__bottom .site-header__bottom-search {
    margin-top: 10px;
    order: 5;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .site-header__bottom .site-header__bottom-search input {
    width: 100%;
  }
  .site-header__bottom .site-header__bottom-search.active input {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .site-header__bottom {
    flex-wrap: wrap;
  }
  .site-header__bottom .site-header__bottom-cat {
    position: static;
    margin-left: 15px;
    font-size: 12px;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu {
    top: 105px;
    right: 0%;
    width: 100%;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu__tabs ul {
    overflow: auto;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu__tabs ul li .item__list__content ul {
    grid-template-columns: 170px 170px 170px;
  }
  .site-header__bottom .site-header__bottom-search {
    margin-top: 10px;
    order: 5;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .site-header__bottom .site-header__bottom-search input {
    width: 100%;
  }
  .site-header__bottom .site-header__bottom-search.active input {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .site-header__top {
    display: none;
  }
  .site-header__center {
    padding-bottom: 10px;
    margin-bottom: 10px;
    flex-direction: column;
  }
  .site-header__center .site-header__center-right {
    order: 1;
  }
  .site-header__center .site-header__center-nav {
    margin-right: 0;
    order: 0;
    margin-bottom: 20px;
  }
  .site-header__bottom {
    flex-wrap: wrap;
    justify-content: center;
  }
  .site-header__bottom .site-header__bottom-logo {
    margin-right: 0;
    margin-top: 10px;
  }
  .site-header__bottom .site-header__bottom-logo {
    flex: 0 0 100%;
    max-width: 100%;
    order: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .site-header__bottom .site-header__bottom-logo img {
    max-height: 50px;
  }
  .site-header__bottom .site-header__bottom-cat {
    position: static;
    margin-left: 15px;
    font-size: 12px;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu {
    max-width: 576px;
    min-height: 400px;
    overflow: auto;
    min-width: unset;
    top: 131px;
    right: 0%;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu__tabs ul {
    overflow: auto;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu__tabs .item__list__img {
    display: none;
  }
  .site-header__bottom .site-header__bottom-cat.active .megamenu__tabs .item__list__button {
    display: none;
  }
}
@media (max-width: 576px) {
  .site-header {
    height: unset;
    margin-bottom: 60px;
  }
  .site-header:before {
    bottom: -44px;
    background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
    border-radius: 0;
    content: "";
  }
  .site-header:after {
    display: none;
  }
  .site-header__rgb-color {
    display: none;
  }
  .site-header .site-header-responsive {
    display: flex;
    align-items: center;
    z-index: 8888;
  }
  .site-header .site-header-responsive__menu {
    box-shadow: none;
  }
  .site-header .site-header-responsive img {
    max-height: 45px;
  }
  .site-header__top {
    display: none;
  }
  .site-header__center {
    display: none;
  }
  .site-header__bottom {
    padding-top: 15px;
    align-items: center;
  }
  .site-header__bottom .site-header__bottom-search {
    flex: 0 0 calc(100% - 78px);
    max-width: calc(100% - 78px);
    z-index: 120;
    margin-top: unset;
  }
  .site-header__bottom .site-header__bottom-search .ajax-search {
    padding: 15px;
    left: -15px;
    right: -93px;
    border-radius: 0;
    top: calc(100% + 5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }
  .site-header__bottom .site-header__bottom-cart {
    display: none;
  }
  .site-header__bottom .site-header__bottom-cat {
    display: none;
  }
  .site-header__bottom .site-header__bottom-logo {
    display: none;
  }
  .site-header__bottom__theme-switch > span {
    display: none;
  }
  .panel-wrapper .site-header {
    padding-top: 0;
    margin-bottom: 0;
  }
  .panel-wrapper .site-header__bottom .site-header__bottom-search {
    margin-right: 56px;
    flex: 0 0 calc(100% - 148px);
    max-width: calc(100% - 148px);
  }
  .panel-wrapper .site-header__bottom__theme-switch {
    margin-right: 65px;
    margin-left: unset;
  }
}
@media (max-width: 1200px) {
  .site-footer__info .site-footer__info-contact .item {
    margin-left: 20px;
  }
  .site-footer__info .site-footer__info-contact .item .phone {
    font-size: 17px;
  }
  .site-footer__info .site-footer__info-contact .item .pre-phone {
    font-size: 17px;
  }
  .site-footer__info .site-footer__info-work {
    font-size: 15px;
  }
  .site-footer__info .site-footer__info-work i {
    margin-left: 15px;
  }
  .site-footer .site-footer__main-item--second {
    margin-left: 40px;
  }
  .site-footer .site-footer__main-item--desc p {
    font-size: 14px;
    line-height: 38px;
  }
  .site-footer .site-footer__main-item ul li {
    font-size: 13px;
  }
}
@media (max-width: 992px) {
  .site-footer {
    padding-top: 98px;
  }
  .site-footer__info {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .site-footer__info .site-footer__info-work {
    margin-bottom: 15px;
  }
  .site-footer__info .site-footer__info-contact {
    margin-right: 0;
  }
  .site-footer__main {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-around;
    justify-content: center;
  }
  .site-footer__main .site-footer__main-item .title {
    font-size: 15px;
  }
  .site-footer__main .site-footer__main-item ul li {
    font-size: 14px;
  }
  .site-footer__main .site-footer__main-item--first {
    margin-left: 0;
  }
  .site-footer__main .site-footer__main-item--second {
    margin-left: 0;
    text-align: right;
  }
  .site-footer__main .site-footer__main-item--desc {
    width: 100%;
    margin-left: 0;
  }
  .site-footer__main .site-footer__main-item--desc p {
    font-size: 13px;
    line-height: 36px;
  }
}
@media (max-width: 768px) {
  .site-footer__footer {
    flex-direction: column;
    margin-bottom: 10px;
  }
  .site-footer__footer .site-footer__footer-copy-right {
    margin-bottom: 15px;
  }
  .site-footer__main {
    margin-bottom: 20px;
  }
  .site-footer__main .site-footer__main-item ul {
    display: none;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .site-footer__main .site-footer__main-item ul.active {
    display: flex;
  }
  .site-footer__main .site-footer__main-item--first .title {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .site-footer__main .site-footer__main-item--first .title:after {
    content: "\e902";
    font-family: "icomoon";
    font-size: 8px;
    color: #7f7f7f;
    margin-right: 15px;
  }
  .site-footer__main .site-footer__main-item--second .title {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .site-footer__main .site-footer__main-item--second .title:after {
    content: "\e902";
    font-family: "icomoon";
    font-size: 8px;
    color: #7f7f7f;
    margin-right: 15px;
  }
  .site-footer__main .site-footer__main-item--desc {
    margin-bottom: 20px;
  }
  .site-footer__main .site-footer__main-item--meta .discount-footer {
    margin-bottom: 10px;
  }
  .site-footer__main .site-footer__main-item--meta .social-media {
    margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  .site-footer__info .site-footer__info-contact {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .single-top .pr38 {
    padding-right: 0;
  }
  .single-top .pl39 {
    padding-left: 0;
  }
  .single-top__info {
    margin-bottom: 30px;
  }
  .single-top .info .single-top__info {
    width: 230px;
  }
  .single-top__footer .single-top__footer-right .single-top__footer-feature {
    margin-left: 15px;
  }
  .single-top__footer .single-top__footer-right .single-top__footer-feature > i {
    margin-left: 15px;
  }
  .single-top__footer .single-top__footer-center {
    padding: 0 15px 0 15px;
    position: static;
    transform: translate(0, 0);
  }
  .single-top__footer .single-top__footer-center .single-top__footer-add-cart {
    margin-left: 10px;
    padding-left: 10px;
  }
  .single-top__footer .single-top__footer-center .single-top__footer-cart-basket .count {
    margin-right: 10px;
    margin-left: 10px;
  }
  .single-top__footer .single-top__footer-left .single-top__footer-notice i {
    margin-left: 10px;
  }
  .app-info__related .app-info__related-products .app-info__info-buying-title {
    font-size: 16px;
  }
  .app-info__related .app-info__related-products .item {
    padding-top: 19px;
  }
  .app-info__related .app-info__related-products .item__img {
    margin-left: 10px;
  }
  .app-info__related .app-info__related-products .item__info-buying-title {
    font-size: 15px;
  }
  .app-info__related .app-info__related-products .item__info-buying-title i {
    font-size: 18px;
    margin-left: 6px;
  }
  .app-info__related .app-info__related-products .item__info-title {
    margin-bottom: 15px;
  }
}
@media (max-width: 992px) {
  .mobile-hide {
    display: none;
  }
  .single-top .pl39 {
    padding-right: 30px;
  }
  .single-top__header {
    flex-wrap: wrap;
  }
  .single-top__header .single-top__header-center {
    position: static;
    transform: translate(0, 0);
    order: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .single-top__header .single-top__header-right {
    order: 1;
  }
  .single-top__header .single-top__header-left {
    order: 2;
  }
  .single-top__footer {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .single-top__footer .single-top__footer-center {
    padding: 0 25px 0 25px;
    flex: unset;
    max-width: unset;
  }
  .single-top__footer .single-top__footer-center .single-top__footer-add-cart {
    margin-left: 20px;
    padding-left: 20px;
  }
  .single-top__footer .single-top__footer-left {
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    flex: unset;
    max-width: unset;
  }
  .single-top__footer .single-top__footer-right {
    flex: unset;
    max-width: unset;
    margin-bottom: 20px;
  }
  .single-top__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -164px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100px;
    height: 88px;
    background-color: #fff;
    z-index: 90;
    border-radius: 50%;
  }
  .single-top__item__product__title {
    flex-direction: column;
    align-items: flex-start;
  }
  .single-top__item__product__title h1 {
    margin-bottom: 13px;
  }
  .single-top__item__product__title__rezayat {
    margin-bottom: 9px;
  }
  .single-top__item__product__sub-title {
    flex-direction: column;
    margin-top: 0;
    align-items: flex-start;
  }
  .single-top__item__product__sub-title ul {
    order: 2;
    text-align: right;
    align-items: flex-start;
    flex-direction: column;
  }
  .single-top__item__product__sub-title ul li {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .single-top__item__product__sub-title__rate ul {
    flex-direction: row;
  }
  .single-top__item__product__sub-title__image {
    display: block;
    order: 3;
  }
  .single-top__item__product__sub-title__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .single-gallery {
    margin-bottom: 40px;
  }
  .content__content h1 {
    font-size: 30px;
  }
  .content__content h2 {
    font-size: 28px;
  }
  .content__content h3 {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .single-top .pl39 {
    padding-right: 0;
  }
  .single-top__price {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .single-top__header {
    margin-bottom: 30px;
  }
  .single-top__header .single-top__header-center {
    margin-bottom: 20px;
  }
  .single-top__meta {
    justify-content: center;
    margin-bottom: 35px;
  }
  .single-top__info {
    margin-bottom: 15px;
  }
  .single-top__footer {
    justify-content: center;
  }
  .single-top__footer .single-top__footer-right {
    margin-bottom: 35px;
  }
  .single-top__footer .single-top__footer-right .single-top__footer-feature {
    margin-left: 30px;
  }
  .single-top__footer .single-top__footer-right .single-top__footer-feature > i {
    margin-left: 30px;
  }
  .single-top__item__product {
    padding: 20px 24px 20px;
    margin-bottom: 0px;
  }
  .single-top__item__product__alert {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .single-top__item__product__detail__account {
    margin-bottom: 0px;
  }
  .single-top__item__product__detail__price {
    display: none;
  }
  .single-gallery {
    margin-bottom: 20px;
  }
  .content-main .p30 {
    margin: 0 0;
  }
  .content-main .p30 > [class*=col-] {
    padding: 0 0;
  }
  .content__title {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .aside-info-single {
    margin: 0 auto;
    order: 2;
  }
  .comments {
    display: none;
  }
  .comments.mobile {
    display: block;
  }
  .app-info {
    margin-top: 24px;
    margin-bottom: 36px;
    display: none;
  }
  .app-info__info {
    margin: 0 45px 31px;
  }
  .app-info__info .app-info__info-img {
    margin-bottom: 21px;
  }
  .app-info__info .app-info__info-img figure img {
    width: 100%;
  }
  .app-info__info .app-info__info-titles {
    margin-left: 20px;
    margin-right: 20px;
  }
  .app-info__info .app-info__info-titles .app-info__info-titles-item .app-info__info-titles-name {
    font-size: 18px;
  }
  .app-info__info .app-info__info-rates {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .app-info__info .app-info__info-rates .app-info__info-rate {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .app-info__info .app-info__info-rates .app-info__info-rate .logo {
    margin-bottom: 5px;
  }
  .app-info__rates {
    padding-top: 29px;
    padding-bottom: 24px;
    margin: 0 25px 15px;
  }
  .app-info__rates .app-info__rates-rate {
    margin-bottom: 5px;
  }
  .app-info__rates .app-info__rates-rate .rate {
    margin-bottom: 11px;
  }
  .app-info__rates .app-info__rates-rate .vote {
    margin-bottom: 23px;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-header {
    margin-bottom: 15px;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-main {
    justify-content: center;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-main .item {
    flex: 0 0 23px;
    max-width: 23px;
    margin-left: 6px;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-main .item:last-child {
    margin-left: 0;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-main .item i {
    font-size: 23px;
  }
  .app-info__related {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .app-info__related .app-info__related-header {
    padding-bottom: 10px;
  }
  .app-info__related .app-info__related-products {
    margin-bottom: 15px;
  }
  .app-info__related .app-info__related-products .item {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .select-sec__item ul {
    padding: 0 24px;
  }
  .select-sec__item ul li a span {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
  }
  .price-mobile {
    display: block;
  }
}
@media (max-width: 576px) {
  .single-top {
    margin-bottom: 15px;
  }
  .single-top:before {
    top: -164px;
  }
  .single-top__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -109px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 54px;
    height: 49px;
    background-color: #fff;
    z-index: 90;
    border-radius: 50%;
  }
  .single-top__logo img {
    width: 35px;
    height: auto;
  }
  .single-top__header {
    justify-content: center;
  }
  .single-top__header .single-top__header-center {
    margin-bottom: 11px;
  }
  .single-top__header .single-top__header-center h2 {
    font-size: 25px;
  }
  .single-top__header .single-top__header-right .single-top__header-heart {
    height: 45px;
    width: 62px;
    padding: 0 10px;
    justify-content: center;
  }
  .single-top__header .single-top__header-right .single-top__header-heart i {
    margin-left: 0;
  }
  .single-top__header .single-top__header-right .single-top__header-heart .text {
    display: none;
  }
  .single-top__header .single-top__header-right .single-top__header-share {
    height: 45px;
  }
  .single-top__header .single-top__header-left {
    margin-right: 9px;
  }
  .single-top__header .single-top__header-left .single-top__header-agree {
    padding: 0 10px;
    height: 45px;
  }
  .single-top__header .single-top__header-left .single-top__header-agree .vote {
    margin-right: 0;
    margin-left: 8px;
  }
  .single-top__header .single-top__header-left .single-top__header-agree .text {
    display: none;
  }
  .single-top__info {
    margin-bottom: 0;
  }
  .single-top__meta ul li {
    margin-bottom: 12px;
  }
  .single-top__meta ul li .single-top__meta-title {
    font-size: 13px;
    min-width: 126px;
    margin-left: 100px;
  }
  .single-top__meta ul li .single-top__meta-value {
    font-size: 13px;
  }
  .single-top__price {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .single-top__price:before {
    right: -35px;
    left: -35px;
    background-image: linear-gradient(to right, #fff 7%, #c4c2c3, #c4c2c3 47%, #fff);
    top: 20px;
  }
  .single-top__price .single-top__price-item .discount-numb {
    font-size: 14px;
    padding: 0 8px 0 8px;
    height: 19px;
  }
  .single-top__price .single-top__price-item .discount-numb i {
    font-size: 9px;
  }
  .single-top__price .single-top__price-item .price {
    font-size: 25px;
  }
  .single-top__price .single-top__price-item .price__unit {
    font-size: 14px;
  }
  .single-top__footer {
    margin-bottom: 0;
  }
  .single-top__footer .single-top__footer-right {
    margin-bottom: 15px;
    justify-content: space-between;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .single-top__footer .single-top__footer-left {
    margin-top: 10px;
  }
  .single-top__footer .single-top__footer-left .single-top__footer-notice i {
    margin-left: 15px;
  }
  .single-top__footer .single-top__footer-left .single-top__footer-notice .single-top__footer-notice-desc .title {
    margin-bottom: 3px;
  }
  .single-top__item__product__type__item__price {
    background-color: transparent;
  }
  .single-top__item__product__sub-title {
    margin-bottom: 0;
  }
  .single-top__item__product__sub-title__image {
    margin-bottom: 34px;
  }
  .single-top__item__product__alert__content p {
    font-size: 14px;
  }
  .single-top__item__product__detail__price {
    flex-direction: column;
  }
  .single-top__item__product__detail__price__title {
    margin-bottom: 25px;
  }
  .single-top__item__product__detail__price__title span {
    margin-left: 0;
  }
  .single-top__item__product__detail__price__content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .single-top__item__product__detail__price__content del {
    margin-left: 0;
  }
  .single-top__item__product__detail__price__content p {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 17px;
  }
  .single-top__item__product__detail__cart {
    flex-direction: column;
    justify-content: center;
  }
  .single-top__item__product__detail__cart a {
    order: 2;
    margin-left: 0;
  }
  .single-top__item__product__detail__cart__count {
    flex-direction: column;
    justify-content: center;
  }
  .single-top__item__product__detail__cart__count label {
    margin-left: 0;
    margin-bottom: 14px;
  }
  .single-top__item__product__detail__cart__count form {
    margin-bottom: 43px;
  }
  .single-gallery {
    padding: 15px 0;
    margin-bottom: 15px;
  }
  .single-gallery__item:after {
    transform: translate(-50%, -50%) scale(1) rotateX(0);
    visibility: visible;
    opacity: 1;
  }
  .app-info {
    margin-bottom: 36px;
  }
  .app-info__info {
    margin: 0 45px 31px;
  }
  .app-info__info .app-info__info-img {
    margin-bottom: 21px;
  }
  .app-info__info .app-info__info-img figure img {
    width: 100%;
  }
  .app-info__info .app-info__info-titles {
    margin-left: 20px;
    margin-right: 20px;
  }
  .app-info__info .app-info__info-titles .app-info__info-titles-item .app-info__info-titles-name {
    font-size: 18px;
  }
  .app-info__info .app-info__info-rates {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .app-info__info .app-info__info-rates .app-info__info-rate {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .app-info__info .app-info__info-rates .app-info__info-rate .logo {
    margin-bottom: 5px;
  }
  .app-info__rates {
    padding-top: 29px;
    padding-bottom: 24px;
    margin: 0 25px 15px;
  }
  .app-info__rates .app-info__rates-rate {
    margin-bottom: 5px;
  }
  .app-info__rates .app-info__rates-rate .rate {
    margin-bottom: 11px;
  }
  .app-info__rates .app-info__rates-rate .vote {
    margin-bottom: 23px;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-header {
    margin-bottom: 15px;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-main {
    justify-content: center;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-main .item {
    flex: 0 0 23px;
    max-width: 23px;
    margin-left: 6px;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-main .item:last-child {
    margin-left: 0;
  }
  .app-info__rates .app-info__rates-rating .app-info__rates-main .item i {
    font-size: 23px;
  }
  .app-info__related {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .app-info__related .app-info__related-header {
    padding-bottom: 10px;
  }
  .app-info__related .app-info__related-products {
    margin-bottom: 15px;
  }
  .app-info__related .app-info__related-products .item {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .content {
    margin-bottom: 10px;
  }
  .content__title {
    padding-top: 0;
    padding-bottom: 10px;
  }
  .content__title .content__title-name {
    margin-bottom: 6px;
  }
  .content__content p {
    color: #000000;
    font-size: 14px;
    line-height: 35px;
    text-align: justify;
    font-weight: 600;
  }
  .content__content figure {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .content__content figure figcaption {
    margin-top: 5px;
  }
  .content__content .separator-circle {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .content__content h1 {
    margin-top: 31px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
  .content__content h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
  .content__content h2:after {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .content__content h3 {
    margin-top: 31px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
  .content__content h4 {
    margin-top: 31px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
  .content__content .table_of_content__title__icon h4 {
    margin-top: 0 !important;
  }
  .content__content h5 {
    margin-top: 31px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
  .content__content h6 {
    margin-top: 31px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
  .content__content ul {
    margin-bottom: 15px;
  }
  .content__content ul li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: right;
  }
  .content__content ol {
    margin-bottom: 15px;
  }
  .content__content ol li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: right;
  }
  .content__content .big-img {
    width: 100%;
  }
  .content__content .big-img figcaption {
    margin-right: 11vh;
  }
  .content__content blockquote {
    line-height: 35px;
    margin-bottom: 15px;
  }
  .content__content blockquote cite {
    margin-top: 3px;
  }
  .content__content blockquote:after {
    bottom: 40px;
  }
  .content__content span {
    text-align: right;
    width: auto;
    height: auto;
    justify-content: center;
    display: contents;
  }
  .product--related {
    margin-bottom: 0;
  }
  .comments {
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    padding-top: 0px;
  }
  .comments__header {
    flex-direction: column;
    margin-bottom: 5px;
    line-height: 60px;
    text-align: right;
    align-items: flex-start;
  }
  .comments__header-title {
    margin-bottom: 21px;
  }
  .comments__header-count {
    margin-bottom: 23px;
  }
  .comments__content ul {
    padding-right: 15px;
    padding-left: 15px;
  }
  .comments__content .comments__content-item--reply {
    padding-right: 15px;
  }
  .comments__content .comments__content-item .comments__content-meta {
    position: relative;
  }
  .comments__content .comments__content-item .comments__content-meta .comments__content-avatar {
    position: absolute;
    bottom: -40px;
  }
  .comments__content .comments__content-item .comments__content-meta .comments__content-date {
    margin-bottom: 15px;
    padding-right: 70px;
    flex-direction: row;
  }
  .comments__content .comments__content-item .comments__content-meta .comments__content-date .day {
    margin-bottom: 0;
    margin-left: 6px;
  }
  .comments__content .comments__content-item .comments__content-meta .comments__content-date .month {
    margin-bottom: 0;
    margin-left: 6px;
  }
  .comments__content .comments__content-item .comments__content-body {
    padding: 14px 16px;
  }
  .comments__content .comments__content-item .comments__content-body::after {
    right: -15px;
  }
  .comments__content .comments__content-item .comments__content-body:before {
    right: -15px;
    width: 15px;
  }
  .comments__content .comments__content-item .comments__content-body .comments__content-name {
    margin-bottom: 10px;
  }
  .comments__content .comments__content-item .comments__content-body .comments__content-name .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 35px;
  }
  .comments__content .comments__content-item .comments__content-body .comments__content-name-text small {
    font-size: 12px;
    font-weight: 500;
    line-height: 35px;
  }
  .comments__content .comments__content-item .comments__content-body .comments__content-text {
    margin-top: 21px;
  }
  .comments__content .comments__content-item .comments__content-body .comments__content-text p {
    font-size: 12px;
    font-weight: 500;
    line-height: 35px;
  }
  .comments__content .comments__content-item .comments__content-body .comments__content-like {
    display: none;
  }
  .comments__content .comments__content-item .comments__content-body .comments__content-footer {
    flex-wrap: wrap;
  }
  .comments__content .comments__content-item .comments__content-body .comments__content-footer .comments__content-like {
    margin-bottom: 10px;
    justify-content: center;
  }
  .comments__content .comments__content-item .comments__content-body .comments__content-footer .comments__content-reply {
    justify-content: center;
  }
  .comments__content .comments__content-more {
    margin-bottom: 20px;
    padding: 0 10px 0 10px;
    margin-top: -40px;
  }
  .comments__content .comments__content-more .comments__content-more-ajax i {
    margin-left: 10px;
  }
  .comments__content .comments__content-form {
    position: relative;
  }
  .comments__content .comments__content-form .comments__content-avatar {
    position: absolute;
    right: 0;
    top: -43px;
  }
  .related-single__header {
    margin-bottom: 15px;
  }
  .related-single__header h2 {
    font-size: 18px;
    padding-left: 15px;
  }
  .related-single__header h2 img {
    margin-left: 5px;
  }
  .related-single__header .related-single__header-more {
    padding-right: 15px;
  }
  .related-single__header .related-single__header-more i {
    margin-right: 10px;
  }
}
@media (max-width: 420px) {
  .single-top__footer .single-top__footer-right .single-top__footer-feature {
    margin-left: 15px;
  }
  .single-top__footer .single-top__footer-right .single-top__footer-feature i {
    font-size: 28px;
    margin-left: 10px;
  }
  .single-top__footer .single-top__footer-right .single-top__footer-feature .single-top__footer-feature-info .title {
    font-size: 13px;
    margin-bottom: 3px;
  }
  .single-top__footer .single-top__footer-right .single-top__footer-feature .single-top__footer-feature-info .value {
    font-size: 14px;
  }
  .single-top__item__product__sub--title {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .single-top__item__product__sub--title p {
    margin-bottom: 18px;
  }
}
@media (max-width: 360px) {
  .single-top__meta ul li:before {
    top: 50%;
    transform: translate(-80%, -50%);
  }
}
@media (max-width: 768px) {
  .single-blog .pr35 {
    padding-right: 0;
  }
  .single-blog .pl35 {
    padding-left: 0;
  }
  .aside-blog:after {
    content: "";
    position: absolute;
    right: -35px;
    width: 30px;
    top: 80px;
    bottom: 110px;
    box-shadow: 13px 0 21px -14px rgba(0, 0, 0, 0.3);
  }
  .aside-blog__img figure {
    display: flex;
    justify-content: center;
  }
  .aside-blog__img figure .shadow {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .aside-blog {
    margin-bottom: 15px;
  }
  .aside-blog__img {
    margin-bottom: 15px;
  }
  .aside-blog__title {
    margin-bottom: 15px;
  }
  .aside-blog__info {
    margin-bottom: 15px;
  }
  .aside-blog__info .aside-blog__info-grid .aside-blog__info-item {
    margin-bottom: 15px;
  }
  .aside-blog__rates {
    padding: 0 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .aside-blog__rates .aside-blog__rates-rate .aside-blog__rates-rating .item {
    margin-left: 10px;
  }
  .aside-blog__related .aside-blog__related-img {
    margin-bottom: 15px;
  }
  .aside-blog__related .aside-blog__related-title {
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  .aside-blog__related .aside-blog__related-info {
    margin-bottom: 10px;
  }
  .aside-blog__related .aside-blog__related-info .item {
    margin-bottom: 8px;
  }
}
@media (max-width: 1200px) {
  .notification {
    padding: 0 10px 0 10px;
  }
  .notification__title {
    padding-left: 15px;
    margin-left: 15px;
  }
  .new-ticket__message textarea {
    width: 358px;
  }
  .info-panel__item {
    margin-right: -110px;
  }
  .panel-wrapper .p30 {
    margin: 0 -5px;
  }
  .panel-wrapper .p30 > [class*=col] {
    padding: 0 5px;
  }
  .my-buy__top-item {
    grid-template-columns: auto auto auto;
    grid-column-gap: 15px;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  .panel-license__image img {
    width: 58px;
    height: 58px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .panel-license__content__label_input {
    width: 225px;
    padding: 0px;
  }
}
@media (max-width: 992px) {
  .panel-menu,
.back-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 15px;
    top: 54px;
    box-shadow: 6px 11px 40px -9px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 999;
    background-color: #fff;
  }
  .panel-menu i,
.back-panel i {
    font-size: 16px;
    color: #f01919;
  }
  [data-theme=dark] .panel-menu,
[data-theme=dark] .back-panel {
    background-color: #03021a;
  }
  .aside-ticket {
    margin-bottom: 16px;
  }
  .aside-ticket__back-ticket {
    display: none;
  }
  .aside-ticket__recent {
    position: relative;
  }
  .aside-ticket__recent .close-recent-ticket {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 566px;
    left: 10px;
    cursor: pointer;
    z-index: 900;
    transition: 0.1s;
  }
  .aside-ticket__recent .close-recent-ticket.active {
    opacity: 1;
    visibility: visible;
  }
  .aside-ticket__recent > .title {
    display: none;
  }
  .aside-ticket__recent .aside-ticket__recent-list {
    position: fixed;
    right: 0;
    left: 0;
    bottom: -100%;
    opacity: 0;
    height: 566px;
    visibility: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
    background-color: #ffffff;
    transition: 0.5s ease;
    z-index: 150;
    overflow: scroll;
  }
  .aside-ticket__recent .aside-ticket__recent-list.active {
    bottom: 0;
    opacity: 1;
    visibility: visible;
  }
  .aside-ticket__info {
    margin-bottom: 0;
    z-index: 150;
  }
  .aside-ticket__info .aside-ticket__info-current {
    box-shadow: none;
    padding: 0px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 61.99px;
    border-bottom: none;
    box-shadow: 0px 0px 10.66px 2.34px rgba(0, 0, 0, 0.16);
    border-radius: 16.5px;
    padding: 0 18px 0px 23px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 .aside-ticket__info-title {
    width: 100%;
    margin-bottom: 0px;
    justify-content: space-between;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 .aside-ticket__info-title .title {
    font-size: 20px;
    color: #5c5c5c;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 .aside-ticket__info-title .code {
    font-size: 23.33px;
    width: 100px;
    height: 40px;
    justify-content: center;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 {
    border-bottom: none;
    margin-bottom: 0;
    padding: 27px 20px 20px 20px;
    box-shadow: 0px 0px 10.66px 2.34px rgba(0, 0, 0, 0.16);
    border-radius: 16.5px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item__name {
    font-size: 20px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item__value {
    font-size: 20px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status .title {
    font-size: 20px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status .value {
    font-size: 20px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-3 {
    padding: 0 15px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-3 .item > a {
    margin-bottom: 0;
  }
  .recent-ticket-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    position: fixed;
    z-index: 150;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 20px;
    box-shadow: 0 0 45px -14px rgba(0, 0, 0, 0.3);
    cursor: pointer;
  }
  .back-panel {
    z-index: 160;
  }
  .mask-shadow {
    display: block;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    z-index: 130;
    opacity: 0;
  }
  .mask-shadow.active {
    visibility: visible;
    opacity: 1;
  }
  .aside-panel-warapper {
    position: fixed;
    left: 100%;
    top: 0;
    bottom: 0;
    transition: 0.5s ease;
    z-index: 9999999999;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 280px !important;
  }
  .aside-panel-warapper.active {
    left: calc(100% - 280px);
  }
  .notification {
    padding: 0 15px 0 15px;
  }
  .aside-panel {
    position: relative;
  }
  .aside-panel__close {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
  }
}
@media (max-width: 768px) {
  .notification {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 0;
    z-index: 120;
  }
  .header-panel .header-panel__nav li {
    margin-left: 10px;
  }
  .header-panel .header-panel__nav li:after {
    margin-right: 10px;
  }
  .my-buy__header {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .my-buy__info {
    display: none;
  }
  .my-buy__info.defult {
    display: block;
  }
  .my-buy__info table.defult-table thead {
    display: none;
  }
  .my-buy__info table.defult-table tbody tr {
    display: flex;
    flex-direction: column;
  }
  .my-buy__info table.defult-table tbody tr.item-drop-down {
    background-color: #ffffff;
    margin-bottom: 20px;
  }
  .my-buy__info table.defult-table tbody tr:nth-child(4n+3) {
    background-color: #f6f8f9;
    border-top: 1px solid #e8e8e8;
  }
  .my-buy__info table.defult-table tbody tr td {
    border-right: 1px solid #e8e8e8;
  }
  .my-buy__info table.defult-table .item {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: none;
    display: flex;
    align-items: center;
  }
  .my-buy__info table.defult-table .item:before {
    content: attr(data-title) ":";
    margin-left: auto;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5215686275);
  }
  .my-buy__info table.defult-table .item:nth-last-of-type(1) {
    border-bottom: 1px solid #e8e8e8;
  }
  .my-buy__info table.defult-table .item--first {
    padding-right: 20px;
  }
  .my-buy__info.mobile {
    display: block;
  }
  .my-buy__top-item {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
  .my-buy__top-item span.title {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .my-buy__top-item__value {
    width: 100%;
  }
  .my-buy__top-item .button {
    width: 100%;
  }
  .my-buy__top-item .full-width {
    grid-column: span 2;
  }
  .favorites__head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .favorites__lists .favorites__lists-item {
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0 15px 0;
  }
  .favorites__lists .favorites__lists-item .favorites__lists-info .favorites__lists-title {
    margin-bottom: 8px;
  }
  .favorites__lists .favorites__lists-item .favorites__lists-buy {
    margin-top: 10px;
    margin-right: 0;
  }
  .favorites__lists .favorites__lists-item .favorites__lists-buy .favorites__lists-price {
    justify-content: center;
    margin-bottom: 5px;
  }
  .ticket__item--answer {
    margin-right: 30px;
  }
  .tickets {
    display: none;
  }
  .tickets__head {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .tickets__head__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 478px;
    width: 100%;
    padding: 0 15px;
  }
  .tickets__head-search {
    background-color: #0690cf;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 9px;
    padding: 12px 15px;
  }
  .tickets__head-search form {
    max-width: 448px;
    margin: 0 auto;
  }
  .tickets__info ul {
    padding: 20px 15px;
    background-color: #f8f8f8;
  }
  .tickets__info ul:nth-child(2n) {
    background-color: #dcdcdc;
  }
  .tickets__info ul li {
    max-width: 451px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.16);
    border-radius: 23.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 34px;
    margin-bottom: 3px;
    line-height: 47px;
  }
  .tickets__info ul li a {
    font-size: 12px;
    white-space: nowrap;
  }
  .tickets__info ul li span {
    font-size: 12px;
    display: block;
    line-height: 47px;
    color: #000000;
  }
  .tickets__info ul li span:first-child {
    background-color: #0690cf;
    border-radius: 21px;
    width: 100px;
    color: #fff;
    padding-right: 20px;
    line-height: 47.52px;
  }
  .tickets__info ul li:last-child {
    box-shadow: none;
    background-color: transparent;
    justify-content: flex-end;
    margin-top: 6px;
    padding-left: 0;
    line-height: 37px;
  }
  .tickets__info ul li:last-child span {
    color: #000000;
    margin-left: 8px;
    background-color: transparent;
    width: unset;
  }
  .tickets__info ul li:last-child a {
    background-color: #ff0000;
    color: #fff;
    width: 137px;
    text-align: center;
    border-radius: 17px;
  }
  .tickets__info ul li:last-child a i {
    font-size: 11px;
    margin-right: 15px;
  }
  .tickets_mobile {
    display: block;
  }
  .new-ticket__message {
    flex-direction: column;
  }
  .new-ticket__message .insert-message {
    width: 100%;
  }
  .new-ticket__message textarea {
    width: 100%;
  }
  .new-ticket__button .upload {
    max-width: 276px;
    margin-left: auto;
    margin-right: auto;
  }
  .new-ticket__button-submit {
    margin-top: 29px;
    margin-left: auto;
  }
  .info-panel__item {
    margin-right: -150px;
  }
  .panel-license__image {
    flex: 0 0 87px;
    max-width: 87px;
  }
  .panel-license__image img {
    width: 87px;
    height: 87px;
  }
  .panel-license__content {
    flex: calc(100% - 102px);
    width: calc(100% - 102px);
    margin-right: 15px;
    display: flex;
    flex-direction: column;
  }
  .panel-license__content__label {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .panel-license__content__label label {
    font-size: 11.87px;
    color: #000;
    margin-left: 0px;
    margin-bottom: 6px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .panel-license__content__label_input {
    width: 100%;
    background-color: #fff;
    border-radius: 13.79px;
    height: 27.57px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-left: 2px;
  }
  .panel-license__content__label_input input {
    margin-right: auto;
    background-color: transparent;
    line-height: 27.57px;
    max-width: 73px;
    color: #8b8b8b;
  }
  .panel-license__content__label_input i {
    color: #8b8b8b;
    font-size: 15.47px;
    cursor: pointer;
  }
  .panel-license__content__label_input a {
    margin-right: auto;
    width: 61px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #068fce;
    font-size: 11.87px;
    border-radius: 13.79px;
    color: #fff;
  }
  .panel-license__content__label_input a i {
    margin-right: 5px;
    font-size: 11px;
    color: #fff;
  }
  .panel-license__close {
    margin-right: auto;
    margin-left: auto;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .panel-license__close a {
    background-color: transparent;
    color: #ff0000;
    border-radius: 0;
    font-size: 11.87px;
    margin: 0 auto;
  }
  .panel-license__action ul {
    justify-content: center !important;
    align-items: center !important;
  }
  [data-theme=dark] .my-buy .my-buy__info table tbody tr td::before {
    color: #c7c5ee;
  }
  [data-theme=dark] .my-buy .my-buy__info table .item:nth-last-of-type(1) {
    border-color: #18164d;
  }
  [data-theme=dark] .tickets {
    display: none;
  }
  [data-theme=dark] .tickets__head {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  [data-theme=dark] .tickets__head__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 478px;
    width: 100%;
    padding: 0 15px;
  }
  [data-theme=dark] .tickets__head-search {
    background-color: #0690cf;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 9px;
    padding: 12px 15px;
  }
  [data-theme=dark] .tickets__head-search form {
    max-width: 448px;
    margin: 0 auto;
  }
  [data-theme=dark] .tickets__info ul {
    background-color: #0d0b32;
  }
  [data-theme=dark] .tickets__info ul:nth-child(2n) {
    background-color: #070525;
  }
  [data-theme=dark] .tickets__info ul li {
    background-color: #18164d;
  }
  [data-theme=dark] .tickets__info ul li a {
    font-size: 12px;
    white-space: nowrap;
    color: #c7c5ee;
  }
  [data-theme=dark] .tickets__info ul li span {
    color: #c7c5ee;
  }
  [data-theme=dark] .tickets__info ul li span:first-child {
    background-color: #0690cf;
    color: #fff;
  }
  [data-theme=dark] .tickets__info ul li:last-child span {
    color: #c7c5ee;
    background-color: transparent;
  }
  [data-theme=dark] .tickets__info ul li:last-child a {
    background-color: #ff0000;
    color: #fff;
  }
}
@media (max-width: 720px) {
  .notification__link {
    margin-left: 12px;
  }
}
@media (max-width: 700px) {
  .notification--style-3 .notification__wrapper {
    padding: 10px;
  }
  .notification--style-3 .notification__title {
    margin-left: 10px;
    margin-bottom: 0;
  }
  .notification--style-3 .notification__title i {
    line-height: 20px;
    font-size: 20px;
  }
  .notification--style-3 .notification__close {
    padding: 10px;
    line-height: 20px;
    min-width: 100px;
  }
  .notification__desc {
    font-size: 13px;
  }
  .notification__title {
    border-left: none;
    justify-content: flex-start;
    padding-left: 0;
    margin-left: 0;
  }
  .notification__title:before {
    display: none;
  }
  .notification.success .notification__title {
    margin-left: 10px;
    margin-bottom: 0;
  }
}
@media (max-width: 590px) {
  .header-panel {
    margin-bottom: 0;
  }
  .aside-ticket__info .aside-ticket__info-current {
    flex-wrap: wrap;
  }
  .aside-ticket__info .aside-ticket__info-sec-3 {
    margin-top: 10px;
  }
}
@media (max-width: 576px) {
  .panel-menu,
.back-panel {
    top: 125px;
    transition: 0.2s ease;
  }
  .header-panel {
    flex-direction: column;
  }
  .header-panel__home {
    margin-bottom: 15px;
  }
  .header-panel .header-panel__nav li {
    margin-left: 10px;
  }
  .header-panel .header-panel__nav li:after {
    margin-right: 10px;
  }
  .favorites {
    margin: 0 -15px;
    border-radius: 0;
    box-shadow: none;
  }
  .favorites__head {
    padding-right: 15px;
    padding-left: 15px;
  }
  .favorites__head .favorites__head-title {
    font-size: 16px;
  }
  .favorites__head .favorites__head-title i {
    margin-left: 10px;
  }
  .favorites__head .favorites__head-remove-list {
    font-size: 14px;
  }
  .favorites__head .favorites__head-remove-list i {
    margin-right: 10px;
  }
  .my-accounts {
    margin: 0 -15px;
    border-radius: 0;
    box-shadow: none;
  }
  .my-accounts__head {
    padding: 15px 15px 15px 15px;
  }
  .my-accounts__head .my-accounts__head-title {
    font-size: 16px;
  }
  .my-accounts__head .my-accounts__head-title i {
    margin-left: 15px;
  }
  .my-accounts__head .my-accounts__head-add-account a {
    font-size: 14px;
  }
  .my-accounts__head .my-accounts__head-add-account a i {
    margin-right: 15px;
  }
  .my-accounts__list .my-accounts__list-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 70px;
  }
  .my-accounts__list .my-accounts__list-item .my-accounts__list-remove {
    padding: 0 10px;
    width: 50px;
  }
  .new-ticket {
    margin: 0 -15px;
    padding: 25px 15px 31px;
    background-color: #e4e4e4;
  }
  [data-theme=dark] .new-ticket {
    background-color: #070525;
  }
  .aside-ticket {
    margin: 0;
  }
  .aside-ticket__info {
    border-radius: 0;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 .aside-ticket__info-title .title {
    font-size: 17px;
    color: #5c5c5c;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-1 .aside-ticket__info-title .code {
    font-size: 20.33px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item__name {
    font-size: 16px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .item__value {
    font-size: 16px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status .title {
    font-size: 16px;
  }
  .aside-ticket__info .aside-ticket__info-current .aside-ticket__info-sec-2 .aside-ticket__info-status .value {
    font-size: 16px;
  }
  .notification {
    flex-wrap: wrap;
    justify-content: center;
  }
  .btns {
    margin: 0 -15px;
    border-radius: 0;
  }
  .btns .pl-2,
.btns .pr-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .my-buy {
    margin: 0 -15px;
    border-radius: 0;
  }
  .my-buy__order {
    padding: 17px 27px 38px 28px;
  }
  .my-buy__top-item {
    grid-template-columns: 40% 60%;
  }
  .my-buy__top-item .bootstrap-select .dropdown-toggle {
    font-size: 12px;
  }
  .my-buy__top-item .input {
    min-width: unset;
  }
  .my-buy__top-item .input input {
    font-size: 12px;
  }
  .my-buy__top-item .input input::-moz-placeholder {
    font-size: 12px;
  }
  .my-buy__top-item .input input::placeholder {
    font-size: 12px;
  }
  .my-buy__top-item .input button {
    max-width: 64px;
    font-size: 12px;
  }
  .my-buy__top-item .input.search {
    min-width: unset;
    width: 100%;
  }
  .my-buy__header {
    padding: 0;
    padding-bottom: 15px;
    margin-right: -15px;
  }
  .wallet {
    margin: 0 -15px;
    border-radius: 0;
  }
  .info-panel__image img {
    width: 45px;
    height: 50px;
  }
  .info-panel__item {
    margin-right: -110px;
  }
  .info-panel__item .info-panel__item-desc {
    font-size: 14px;
  }
  .info-panel__item .info-panel__item-head .info-panel__item-val .value {
    font-size: 24.07px;
  }
}
@media (max-width: 560px) {
  .notification {
    height: auto;
    height: initial;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .notification__title {
    margin-bottom: 5px;
    justify-content: center;
  }
  .my-buy__info.mobile .mobile_table__body {
    padding: 25px 5px 22px 5px;
  }
  .my-buy__info.mobile .mobile_table__body__list {
    height: 39px;
  }
  .my-buy__info.mobile .mobile_table__body__list span,
.my-buy__info.mobile .mobile_table__body__list a {
    font-size: 11px !important;
    padding: 0;
  }
  .my-buy__info.mobile .mobile_table__body__list span:first-child,
.my-buy__info.mobile .mobile_table__body__list a:first-child {
    line-height: 12px !important;
  }
}
@media (max-width: 451px) {
  .info-panel__item {
    margin-right: -70px;
  }
}
@media (max-width: 400px) {
  .header-panel {
    white-space: nowrap;
  }
  .header-panel .header-panel__nav li {
    font-size: 13px;
    margin-left: 8px;
  }
  .favorites__head {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .favorites__head .favorites__head-title {
    margin-bottom: 10px;
  }
  s .favorites__lists .favorites__lists-item {
    flex-direction: column;
  }
  s .favorites__lists .favorites__lists-item .favorites__lists-img {
    margin-left: 0;
    margin-bottom: 10px;
  }
  s .favorites__lists .favorites__lists-item:nth-of-type(2n) {
    background-color: #f6f8f9;
  }
  s .favorites__lists .favorites__lists-item:nth-of-type(2n + 1) {
    background-color: #ffffff;
  }
  .my-accounts__list .my-accounts__list-item {
    padding-left: 65px;
  }
  .my-accounts__list .my-accounts__list-item .my-accounts__list-remove {
    left: 10px;
    top: 10px;
    padding: 0;
    bottom: unset;
    border-right: none;
  }
  .my-accounts__list .my-accounts__list-item .my-accounts__list-status {
    position: absolute;
    left: 10px;
    bottom: 0px;
    font-size: 13px;
  }
  .my-accounts__list .my-accounts__list-item .my-accounts__list-info--full {
    flex-direction: column;
    align-items: stretch;
  }
  .my-accounts__list .my-accounts__list-item .my-accounts__list-info .my-accounts__list-address {
    margin-right: unset;
  }
}
@media (max-width: 360px) {
  .my-accounts__head {
    flex-direction: column;
  }
  .my-accounts__head .my-accounts__head-title {
    margin-bottom: 10px;
  }
}
@media (max-width: 1200px) {
  .cart__list .cart__list-item {
    padding: 15px 0 15px 0;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-img {
    margin-left: 5px;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title h2 {
    margin-bottom: 10px;
  }
  .cart-info {
    padding-right: 12px;
    padding-left: 12px;
  }
  .cart-info__item--total .cart-info__item-value .price {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .aside-cart {
    padding: 0;
    margin-bottom: 30px;
  }
  .cart-wrapper .pl7 {
    padding-left: 0;
  }
  .finish-buy {
    padding: 60px 0 112px 0;
  }
  .finish-buy-time__timing {
    position: relative;
    margin-bottom: 20px;
  }
  .finish-buy-time__count-down {
    margin-bottom: 3px;
  }
  .finish-buy-time__count-desc {
    margin-bottom: 15px;
  }
  [data-theme=dark] .aside-cart {
    background-color: #070525;
  }
}
@media (max-width: 768px) {
  .cart-info__btns {
    display: none;
  }
  .cart__list .cart__list-item {
    flex-direction: column;
    align-items: stretch;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-img {
    min-width: 154px;
    min-height: 153px;
    margin: 0 auto;
  }
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title .title {
    font-size: 14px;
  }
  .cart__list .cart__list-item .cart__list-meta {
    flex: 0 0 71.5% !important;
    max-width: 71.5% !important;
    width: 100%;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price {
    margin-bottom: 0px;
  }
  .cart__list .cart__list-item .cart__list-link {
    flex: unset;
    max-width: unset;
    justify-content: center;
  }
  .cart__list .cart__list-item .cart__allow-accounts {
    padding: 9px 9px;
  }
  .cart__list .cart__list-item .cart__allow-accounts ul li {
    line-height: 30px;
  }
  .cart--my-buy .cart-footer {
    margin-bottom: 18px;
    box-shadow: none;
    border-radius: 21px;
    background-color: #e0e0e0;
    padding: 60px 20px 22px 25px;
    margin-top: -56px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-column-gap: 3.5px;
    -moz-column-gap: 3.5px;
         column-gap: 3.5px;
    grid-row-gap: 4.5px;
    row-gap: 4.5px;
    position: relative;
    z-index: 0;
  }
  .cart--my-buy .cart-footer .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 39px;
    background-color: #fff;
    padding: 0 12px 0 14px;
    position: relative;
    flex: calc(50% - 3.5px);
    max-width: calc(50% - 3.5px);
    background-color: #fff;
    box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.11);
    border-radius: 19.5px;
  }
  .cart--my-buy .cart-footer .item.title {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cart--my-buy .cart-footer .item .item__key {
    font-size: 12px;
  }
  .cart--my-buy .cart-footer .item .item__val {
    font-size: 16px;
  }
  .cart--my-buy .cart-footer .item:before {
    display: none;
  }
  .payment {
    padding: 0 20px 15px 20px;
  }
  .payment__header .payment__header-title {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .payment__list .payment__list-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .payment__list .payment__list-item .item__tick {
    flex: 1 0 auto;
    margin-left: 20px;
  }
  .payment__list .payment__list-item .item__info .title {
    margin-bottom: 8px;
  }
  .payment__discount-code {
    margin-top: 15px;
  }
  .payment__discount-code > form {
    position: relative;
  }
  .payment__discount-code > form .payment__discount-code-input {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .payment__discount-code > form .payment__discount-code-input input {
    padding-left: 80px;
  }
  .payment__discount-code > form .payment__discount-code-button {
    position: absolute;
    left: 7px;
    top: 7px;
    line-height: 39px;
    height: 39px;
    padding: 0 20px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
  }
  .finish-buy {
    padding: 15px 15px 15px 0;
    border-radius: 10px 10px 0 0;
    border-left: none;
  }
  .finish-buy-time {
    padding-top: 36px;
    border-radius: 0 0 10px 10px;
    padding-bottom: 15px;
  }
  .finish-buy-time__count-down {
    margin-bottom: -6px;
  }
  .empty {
    padding: 99px 15px 97px 15px;
    margin-bottom: 15px;
  }
  .empty__desc {
    text-align: center;
  }
  .get-code {
    padding: 20px;
  }
  .get-code__inputs input {
    width: 60px;
  }
  .file__choose > i {
    margin-right: 15px;
  }
  .file__img {
    max-width: 100px;
  }
  .change-number__input {
    padding: 0 10px;
    height: 83px;
  }
  .wallet {
    padding: 20px;
    flex-direction: column;
    align-items: stretch;
  }
  .wallet__right {
    flex-direction: column;
  }
  .wallet__right .wallet__right-img {
    margin-left: 0;
    margin-bottom: 15px;
  }
  .wallet__right .wallet__right-price {
    align-items: center;
    text-align: center;
  }
  .wallet__left {
    margin-right: unset;
  }
  .peyment-mobile {
    display: block;
  }
}
@media (max-width: 576px) {
  .cart {
    padding: 0 10px 0 10px;
  }
  .cart__header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .cart__header .cart__header-remove-all i {
    margin-right: 10px;
  }
  .cart__list .cart__list-item .cart__list-info {
    margin-bottom: 8px;
  }
  .cart__list .cart__list-item .cart__list-meta {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .choose-account {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
    margin-right: 0 !important;
  }
  .cart--sure {
    padding: 0 0 0 0;
  }
  .cart--sure .cart__header {
    padding: 15px 15px 15px 0;
  }
  .cart--sure .cart__header .cart__header-title {
    font-size: 17px;
    margin-bottom: 0;
  }
  .cart--my-buy .cart-footer {
    padding: 60px 10px 22px 10px;
  }
  .cart--my-buy .cart-footer .item .item__key {
    font-size: 11px;
  }
  .cart--my-buy .cart-footer .item .item__val {
    font-size: 11px;
  }
  .notification-cart {
    flex-wrap: wrap;
    padding: 15px 15px 15px 15px;
  }
  .notification-cart__title {
    padding-left: 0;
    margin-left: 0;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  .notification-cart__title:before {
    display: none;
  }
  .notification-cart__info .notification-cart__info-desc {
    text-align: justify;
    margin-bottom: 10px;
  }
  .cart-steps {
    margin-bottom: 30px;
    overflow-y: auto;
  }
  .cart-steps__step {
    font-size: 11px;
  }
  .cart-steps__step i {
    font-size: 12px;
    margin-left: 9px;
  }
  .cart-steps__step:after {
    top: 0;
    bottom: 0;
  }
  .payment {
    padding: 0 10px 15px 10px;
  }
  .payment__header .payment__header-title {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }
  .payment__list .payment__list-item .item {
    position: relative;
  }
  .payment__list .payment__list-item .item__info .title {
    margin-bottom: 3px;
    font-size: 16px;
  }
  .payment__list .payment__list-item .item__info .desc {
    text-align: justify;
  }
  .payment__list .payment__list-item .item__tick {
    margin-left: 12px;
  }
  .payment__list .payment__list-item .item__logo {
    position: absolute;
    left: 0;
    top: -4px;
    width: 60px;
  }
  .finish-buy__header {
    margin-bottom: 10px;
  }
  .finish-buy__account .finish-buy__account-title {
    margin-bottom: 8px;
  }
  .finish-buy__info {
    margin-bottom: 15px;
  }
  .finish-buy__info .finish-buy__info-item {
    margin-bottom: 8px;
  }
  .finish-buy-time__count-desc {
    text-align: center;
  }
  .cart-empty-wrapper {
    margin-bottom: 0;
  }
  .empty {
    padding: 15px 15px 15px 15px;
  }
  .empty__icon {
    margin-bottom: 6px;
  }
  .empty__icon i {
    font-size: 40px;
  }
  .empty__title {
    margin-bottom: 3px;
  }
  .empty__desc {
    margin-bottom: 13px;
  }
  .send-code__btn {
    height: 50px;
  }
  .send-code__input {
    padding: 15px;
    height: unset;
    flex-direction: column;
  }
  .send-code__input .send-code__input-sample {
    margin-left: 0;
    margin-right: unset;
    margin-top: 10px;
  }
  .send-code__input .send-code__input-sample i {
    margin-right: 5px;
  }
  .get-code {
    flex-direction: column;
    align-items: stretch;
  }
  .get-code__time {
    text-align: center;
    margin-bottom: 10px;
  }
  .get-code__inputs {
    justify-content: space-between;
  }
  .get-code__inputs input {
    width: 0;
    flex: 0 1 100%;
    max-width: 100%;
  }
  .file {
    flex-direction: column;
    align-items: stretch;
  }
  .file__status {
    max-width: unset;
    border-right: none;
    border-top: 1px solid #d9d9d9;
    margin-right: unset;
  }
  .file__choose {
    max-width: unset;
    border-right: none;
    border-top: 1px solid #d9d9d9;
    height: 50px;
  }
  .file__choose > i {
    margin-right: 15px;
  }
  .file__img {
    max-width: unset;
    padding: 10px;
  }
  .file__info {
    padding: 0 15px;
    text-align: center;
  }
  .file__info .file__info-desc {
    justify-content: center;
  }
  .change-number__input {
    padding: 15px;
    height: unset;
    flex-direction: column;
  }
  .change-number__input .change-number__input-verify {
    margin-top: 10px;
  }
  .change-number__input .change-number__input-verify > i {
    margin-right: 0;
  }
  .change-number__btn {
    height: 50px;
    width: 142px;
  }
  .submited-number {
    padding: 15px;
  }
}
@media (max-width: 480px) {
  .cart__list .cart__list-item {
    align-items: stretch;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator {
    justify-content: space-between;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .acc-selector .bootstrap-select {
    width: 100%;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-operator .count-product {
    margin-right: 0;
  }
}
@media (max-width: 420px) {
  .payment__discount-code > form .payment__discount-code-input {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 400px) {
  .cart__list .cart__list-item .cart__list-info .cart__list-info-title h2 {
    font-size: 15px;
  }
  .cart-steps__step {
    margin-left: 10px;
    max-width: 200px;
    min-width: 120px;
    max-height: 50px;
    line-height: 50px;
  }
  .cart-steps__step:last-child {
    margin-left: 0;
  }
  .cart-steps__step i {
    margin-bottom: 5px;
  }
}
@media (max-width: 390px) {
  .cart__header {
    flex-direction: column;
  }
  .cart__header .cart__header-title {
    margin-bottom: 10px;
  }
  .cart__list .cart__list-item .cart__list-meta .cart__list-meta-price {
    flex-direction: row;
  }
}
@media (max-width: 370px) {
  .finish-buy {
    padding-right: 10px;
    padding-left: 10px;
  }
  .send-code {
    flex-direction: column;
    align-items: stretch;
  }
  .send-code__btn {
    width: 100%;
  }
  .send-code__input {
    margin-left: unset;
    margin-bottom: 10px;
  }
  .change-number {
    flex-direction: column;
    align-items: stretch;
  }
  .change-number__input {
    margin-left: 0;
    margin-bottom: 10px;
  }
  .change-number__btn {
    width: 100%;
  }
}
@media (max-width: 576px) {
  [data-theme=dark] .file__status,
[data-theme=dark] .file__choose {
    border-top: 1px solid #18164d;
  }
}
@media (max-width: 1200px) {
  .top-cat__share {
    top: 25px;
  }
  .top-cat__share .share {
    font-size: 13px;
    margin-left: 15px;
  }
  .top-cat__share .share i {
    font-size: 18px;
  }
  .top-cat__share .favorite {
    font-size: 13px;
  }
  .top-cat__share .favorite i {
    font-size: 18px;
  }
  .top-cat__info {
    right: 15px;
  }
  .top-cat__info .top-cat__info-logo {
    height: 140px;
    margin-left: 15px;
    width: 120px;
  }
  .top-cat__info .top-cat__info-title {
    margin-top: 0;
  }
  .top-cat__info .top-cat__info-title .top-cat__info-title-tlt {
    margin-bottom: 0;
  }
  .top-cat__info .top-cat__info-title .top-cat__info-title-tlt .title {
    font-size: 22px;
    margin-bottom: 0;
    margin-left: 5px;
  }
  .top-cat__info .top-cat__info-title .top-cat__info-title-tlt .count {
    font-size: 13px;
    height: 25px;
    padding: 0 8px 0 8px;
  }
  .top-cat__info .top-cat__info-title .top-cat__info-title-tlt .count__numb {
    font-size: 17px;
  }
  .top-cat__title-en {
    bottom: 10px;
  }
  .top-cat__title-en h2 {
    font-size: 24px;
    margin-bottom: 0;
  }
  .cat-products__list__item:nth-child(4n) {
    border-left: 8px solid #e4e4e4;
  }
  .cat-products__list__item:nth-child(3n) {
    border-left: none;
  }
  .cat-products__list__item:nth-child(1), .cat-products__list__item:nth-child(2), .cat-products__list__item:nth-child(3) {
    padding-top: 0px !important;
  }
  .cat-products__list__item:nth-child(4) {
    padding-top: 30px !important;
  }
  .cat-products .row > [class*=col-]:nth-of-type(3n + 1) .cat-products__item {
    justify-content: flex-start;
  }
  .cat-products .row > [class*=col-]:nth-of-type(3n) .cat-products__item {
    justify-content: flex-start;
  }
  .cat-products .row > [class*=col-]:nth-of-type(3n) .cat-products__item:before {
    display: none;
  }
  .cat-products .row > [class*=col-]:nth-of-type(4n + 1) .cat-products__item {
    justify-content: flex-start;
  }
  .cat-products .row > [class*=col-]:nth-of-type(4n) .cat-products__item {
    justify-content: flex-start;
  }
  .cat-products .row > [class*=col-]:nth-of-type(4n) .cat-products__item:before {
    display: block;
  }
}
@media (max-width: 992px) {
  .cat-header {
    flex-wrap: wrap;
  }
  .cat-products__list__item {
    width: 235px;
  }
  .cat-products .row > [class*=col-]:nth-of-type(2n + 1) .cat-products__item {
    justify-content: flex-start;
  }
  .cat-products .row > [class*=col-]:nth-of-type(2n) .cat-products__item {
    justify-content: flex-start;
  }
  .cat-products .row > [class*=col-]:nth-of-type(2n) .cat-products__item:before {
    display: none;
  }
  .cat-products .row > [class*=col-]:nth-of-type(3n + 1) .cat-products__item {
    justify-content: flex-start;
  }
  .cat-products .row > [class*=col-]:nth-of-type(3n) .cat-products__item {
    justify-content: flex-start;
  }
  .cat-products .row > [class*=col-]:nth-of-type(3n) .cat-products__item:before {
    display: block;
  }
  .cat-info {
    min-height: 344px;
  }
  .cat-info__wrapper .container {
    max-width: 930px;
  }
  .cat-info__wrapper .wrapper {
    padding-top: 20px;
  }
  .cat-info__wrapper .cat-info__information .cat-info__information-header {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-title {
    margin-bottom: 8px;
    width: 100%;
    align-items: center;
  }
  .cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate {
    order: 1;
  }
  .cat-info__wrapper .cat-info__thumbnail {
    margin-right: 20px;
  }
}
@media (max-width: 950px) {
  .cat-info__wrapper .container {
    max-width: 760px;
  }
  .cat-info__wrapper .wrapper {
    align-items: center;
  }
  .cat-info__wrapper .cat-info__thumbnail {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .top-cat {
    margin-bottom: 25px;
  }
  .top-cat__img {
    max-height: 170px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: 85px;
  }
  .top-cat__img img {
    height: 170px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
  }
  .top-cat__info {
    right: 15px;
    bottom: 11px;
  }
  .top-cat__info .top-cat__info-title {
    margin-top: 21px;
  }
  .top-cat__info .top-cat__info-logo {
    display: none;
  }
  .top-cat__share {
    left: 15px;
  }
  .top-cat__title-en {
    left: 15px;
  }
  .cat-products {
    margin-bottom: 13px;
  }
  .cat-products .cat-products__title {
    text-align: center;
    margin: 19px 0px 10px 0px;
  }
  .cat-products .cat-products__title h1, .cat-products .cat-products__title h2, .cat-products .cat-products__title h3, .cat-products .cat-products__title h4 {
    font-size: 25px;
    position: relative;
    padding-bottom: 20px;
    display: inline-block;
  }
  .cat-products .cat-products__title h1:before, .cat-products .cat-products__title h2:before, .cat-products .cat-products__title h3:before, .cat-products .cat-products__title h4:before {
    height: 1px;
  }
  .cat-products .cat-products__title h1:after, .cat-products .cat-products__title h2:after, .cat-products .cat-products__title h3:after, .cat-products .cat-products__title h4:after {
    height: 1px;
  }
  .cat-products__item {
    margin-top: 15px;
  }
  .cat-products__item__list {
    min-height: 140px;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
  }
  .cat-products__item .cat-products__item-img {
    padding-left: 7px;
    margin: 7px 20px 7px 14px;
    border-left: 1px solid #e3e3e3;
    flex: 0 0 134px;
    width: 134px;
    z-index: 1;
  }
  .cat-products__item .cat-products__item-img figure img {
    background-color: #fff;
    width: 126px;
    height: 126px;
    border-radius: 10px !important;
    margin: 0 !important;
    padding: 3px;
  }
  .cat-products__item-content {
    width: 75.85%;
    flex: 75.85%;
  }
  .cat-products__item .cat-products__item-title {
    text-align: right;
    padding: 0;
    padding-top: 13px;
    display: block;
    border-bottom: none;
    height: 65px;
    max-height: 65px;
  }
  .cat-products__item .cat-products__item-title h2 {
    border-bottom: none;
    padding: 0px 0;
    font-size: 14px;
    line-height: 20px;
  }
  .cat-products__item .cat-products__item-title h2 span {
    display: block;
    margin-top: 5px;
  }
  .cat-products__item .cat-products__item-title ul {
    display: flex;
    align-items: center;
  }
  .cat-products__item .cat-products__item-title ul li {
    max-width: 34px;
    margin-left: 5px;
  }
  .cat-products__item .cat-products__item-title ul li:last-child {
    margin-left: 0;
  }
  .cat-products__item .cat-products__item-title ul li img {
    width: 34px;
    height: 14px;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 3px;
  }
  .cat-products__item .cat-products__item-footer {
    position: relative;
    z-index: 1;
  }
  .cat-products__item .cat-products__item-footer ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 5px;
    max-width: 150px;
    margin-right: auto;
    margin-left: 10px;
  }
  .cat-products__item .cat-products__item-footer ul li {
    max-width: 50px;
    margin-left: 5px;
  }
  .cat-products__item .cat-products__item-footer ul li:last-child {
    margin-left: 0;
  }
  .cat-products__item .cat-products__item-footer ul li img {
    width: 50px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 3px;
  }
  .cat-products__item .cat-products__item-footer .cat-products__item-footer-icon {
    align-items: center;
    padding: 0px;
  }
  .cat-products__item .cat-products__item-footer .cat-products__item-footer-icon a {
    background-color: #fc0008;
    border-radius: 0px 20px 20px 0px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 26px;
    font-size: 17px;
    font-weight: 600;
    max-width: 135px;
    margin-right: auto;
  }
  .cat-products__item .cat-products__item-footer .cat-products__item-footer-icon a i {
    display: none;
    margin-left: 5px;
  }
  .cat-products__item:before {
    content: unset !important;
  }
  .cat-products__item:after {
    position: absolute;
    width: 100%;
    bottom: -2px;
    right: 0;
    height: 53px;
    background-color: #cecdd3;
    content: "";
    border-radius: 0 0px 15px 15px;
  }
  .cat-products__list {
    flex-direction: column;
  }
  .cat-products__list__item {
    border-left: none;
    max-width: 100%;
    width: 100%;
    min-height: 127px;
    position: relative;
    padding-bottom: 0;
    padding-top: 0px;
  }
  .cat-products__list__item:nth-child(4n) {
    border-left: none;
    padding-top: 0 !important;
  }
  .cat-info {
    height: 857px;
  }
  .cat-info__wrapper .wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cat-info__wrapper .container {
    max-width: 540px;
  }
  .cat-info__wrapper .cat-info__information .cat-info__information-main {
    flex-direction: column;
  }
  .cat-info__wrapper .cat-info__information .cat-info__information-main .cat-info__information-main-item {
    max-width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .cat-info__wrapper .cat-info__information .cat-info__information-main .cat-info__information-main-item:nth-last-of-type(1) {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .cat-info__wrapper .cat-info__thumbnail {
    margin-right: 0;
  }
  .cat-info__img {
    display: none;
  }
}
@media (max-width: 576px) {
  .top-cat {
    margin-bottom: 12px;
    margin-top: -18px;
  }
  .top-cat__info {
    bottom: 20px;
  }
  .top-cat__share {
    left: 0;
  }
  .top-cat__title-en {
    bottom: 20px;
  }
  .top-cat__img {
    margin-right: -12.1vh;
    margin-left: -12.1vh;
  }
  .top-cat:before {
    right: -12.1vh;
    left: -12.1vh;
  }
  .cat-header {
    margin-bottom: 0px;
    align-items: baseline;
    margin-bottom: 25px;
  }
  .cat-info {
    height: 900px;
  }
  .cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate .item {
    margin-left: 15px;
  }
  .cat-info__wrapper .cat-info__information .cat-info__information-header .cat-info__information-rate .item__name {
    margin-left: 5px;
  }
  .cat-info__wrapper .cat-info__thumbnail {
    margin-top: 10px;
  }
}
@media (max-width: 461px) {
  .cat-info {
    height: 940px;
  }
}
@media (max-width: 450px) {
  .top-cat__title-en {
    left: 0;
  }
  .top-cat__logo {
    background-size: contain;
    width: 180px;
    height: 80px;
    top: -22px;
    transform: translate(0, 0);
    left: auto;
    left: initial;
    right: -57px;
  }
  .top-cat__logo img {
    width: 44px;
  }
  .top-cat__share {
    left: 0;
  }
  .top-cat__info {
    right: 0;
    bottom: 10px;
  }
  .top-cat__info .top-cat__info-title .top-cat__info-title-tlt .title {
    font-size: 20px;
  }
  .top-cat__title-en {
    display: none;
  }
  .cat-header {
    justify-content: flex-end;
  }
  .cat-header__breadcrumb {
    display: none;
  }
}
@media (max-width: 410px) {
  .contactus__socials {
    padding: 30px 0;
    justify-content: center;
    flex-wrap: wrap;
  }
  .contactus__socials a {
    margin-bottom: 10px;
    margin-left: 10px;
  }
}
@media (max-width: 1200px) {
  .header-blog__cat .header-blog__cat-item {
    min-width: 88px;
  }
}
@media (max-width: 992px) {
  .header-blog {
    margin-bottom: 30px;
    /*&__item{
      .header-blog__item-info{
        .header-blog__item-info-title{
          margin-bottom: 10px;
        }
      }
    }*/
  }
  .header-blog__cat {
    margin-left: 0;
    margin-bottom: 15px;
  }
  .header-blog__cat .header-blog__cat-item {
    min-width: 93px;
  }
  .header-blog h2 {
    margin-bottom: 20px;
  }
  .slider-blog__item .slider-blog__item-info {
    right: 20px;
    bottom: 20px;
  }
  .slider-blog__item .slider-blog__item-info .slider-blog__item-info-title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  .header-blog__cat {
    white-space: nowrap;
    overflow: scroll;
  }
  .slider-blog {
    margin-bottom: 15px;
  }
  .slider-blog__item .slider-blog__item-info .slider-blog__item-info-title {
    font-size: 22px;
  }
  .article-blog__article .article-blog__article-footer {
    flex-wrap: wrap;
    justify-content: center;
  }
  .article-blog__article .article-blog__article-footer .article-blog__article-show {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  .header-blog {
    margin-bottom: 15px;
    margin-top: -25px;
  }
  .header-blog h2 {
    margin-bottom: 15px;
    margin-top: 25px;
    font-size: 23px;
  }
  .header-blog__cat .header-blog__cat-item {
    height: 35px;
  }
  .article-blog__header {
    margin-bottom: 15px;
  }
  .article-blog__header .article-blog__header-title {
    font-size: 16px;
    position: relative;
    top: 3px;
  }
  .article-blog__item .article-blog__item-info .article-blog__item-info-date {
    margin-left: 15px;
  }
  .article-blog__item .article-blog__item-img {
    margin-bottom: 8px;
  }
  .article-blog__item .article-blog__item-desc {
    margin-bottom: 5px;
  }
  .journal--blog .journal__item {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .journal--blog .journal__item .shadow {
    display: flex;
    justify-content: center;
  }
  .slider-blog__item .slider-blog__item-info {
    bottom: 5px;
  }
  .slider-blog__item .slider-blog__item-info .slider-blog__item-info-meta {
    display: block;
    -moz-columns: 2;
         columns: 2;
  }
  .slider-blog__item .slider-blog__item-info .slider-blog__item-info-meta .item {
    margin-left: 12px;
    margin-bottom: 8px;
  }
  .slider-blog__item .slider-blog__item-info .slider-blog__item-info-meta .item i {
    margin-left: 5px;
  }
  .slider-blog__item .slider-blog__item-info .slider-blog__item-info-title {
    font-size: 14px;
    margin-bottom: 3px;
  }
}
@media (max-width: 420px) {
  .article-blog__header {
    flex-direction: column;
    align-items: center;
  }
  .article-blog__header .article-blog__header-title {
    margin-bottom: 5px;
  }
  .article-blog__header .article-blog__header-sort .selectize-input {
    height: 34px;
    top: 0;
  }
}
@media (max-width: 360px) {
  .slider-blog__item .slider-blog__item-info {
    bottom: -2px;
    right: 10px;
  }
}
@media (max-width: 992px) {
  .help .pl32 {
    padding-left: 0 !important;
  }
  .help__item {
    margin-bottom: 15px;
  }
  .help__item--adviser {
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .faq {
    margin-bottom: 30px;
    margin-top: 0;
  }
  .faq__header {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 0px;
    margin-bottom: 16px;
  }
  .faq__header .faq__header-title {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 700;
    line-height: 53px;
    background-size: contain;
    display: block;
    text-align: center;
    width: 100%;
  }
  .faq__item {
    padding: 18px 12px 21px 14px;
    margin-bottom: 13px;
  }
  .faq__item .faq__item-ask {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: right;
  }
  .faq__item .faq__item-ask:before {
    flex: 0 0 auto;
  }
  .faq__item .faq__item-ask:after {
    margin-right: auto;
    padding-right: 15px;
  }
  .faq__item .faq__item-question {
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
  }
  .faq__item.active {
    padding-bottom: 15px;
  }
  .faq__item.active .faq__item-ask {
    margin-bottom: 7px;
  }
  .help__item--adviser .help__item-info .help__item-info-phone {
    font-size: 40px;
  }
  .help__item--adviser .help__item-info .help__item-info-title {
    margin-top: 50px;
  }
}
@media (max-width: 400px) {
  .help__item {
    height: 260px;
  }
  .help__item--adviser .help__item-info {
    left: 30px;
  }
  .help__item--adviser .help__item-info .help__item-info-title {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .breadcromb {
    padding-bottom: 0px;
  }
  .breadcromb__item {
    white-space: nowrap;
    overflow: scroll;
  }
  .breadcromb__item.single {
    margin-top: 65px;
  }
  .breadcromb__item.single ul {
    justify-content: center;
  }
}
/* page */
.notpage__item {
  padding: 10px;
  text-align: center;
}
.notpage__item img {
  width: 100%;
  height: auto;
}
.notpage__item p {
  font-size: 30px;
  color: #070525;
  line-height: 40px;
  margin: 20px 0;
  font-weight: bold;
}
.notpage__item a {
  border: 2px solid #0f0b48;
  /* padding: 0 10px; */
  line-height: 53px;
  display: inline-block;
  border-radius: 27.5px;
  width: 155px;
  font-size: 21.42px;
  font-weight: bold;
  transition: 0.3s;
}
.notpage__item a:hover {
  background-color: #0f0b48;
  color: #fff;
}
.notpage__list {
  margin-top: 20px;
}
.notpage__list ul {
  display: flex;
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: center;
}
.notpage__list ul li {
  margin-left: 17px;
}
.notpage__list ul li a {
  border: 1px solid #0f0b48;
  padding: 0 10px;
  line-height: 35px;
  display: inline-block;
  border-radius: 13.5px;
  font-size: 16.34px;
  font-weight: bold;
  transition: 0.3s;
}
.notpage__list ul li a:hover {
  background-color: #0f0b48;
  color: #fff;
}
.notpage__list ul li:last-child {
  margin-left: 0;
}
[data-theme=dark] .notpage__item p {
  color: #fff;
}
[data-theme=dark] .notpage__item a {
  border-color: #fff;
  color: #fff;
}
[data-theme=dark] .notpage__item a:hover {
  color: #0f0b48;
  background-color: #fff;
}
[data-theme=dark] .notpage__list a {
  color: #fff;
  background-color: #0f0b48;
}
[data-theme=dark] .notpage__list a:hover {
  color: #0f0b48;
  background-color: #fff;
}
.aboutus {
  padding: 10px 0;
}
.aboutus__item {
  width: 100%;
  background-color: #f3f3f3;
  border-radius: 40px;
  padding: 30px 45px 8px;
  position: relative;
  transition: 0.3s;
  max-width: 1065px;
  margin: 0 auto;
}
.aboutus__item__title {
  z-index: 1;
  display: block;
  width: 100%;
}
.aboutus__item__title h2 {
  font-size: 19.43px;
  color: #0f0b48;
  font-weight: bolder;
  margin-bottom: 10px;
}
.aboutus__item__content {
  position: relative;
  z-index: 1;
  height: 225px;
  overflow: hidden;
}
.aboutus__item__content p, .aboutus__item__content h1, .aboutus__item__content h2, .aboutus__item__content h3, .aboutus__item__content h4, .aboutus__item__content h5, .aboutus__item__content h6, .aboutus__item__content span, .aboutus__item__content a {
  font-size: 14.6px;
  color: #000000;
  line-height: 30px;
  max-width: 93%;
  text-align: justify;
  align-items: justify;
  justify-content: justify;
}
.aboutus__item__content ul li, .aboutus__item__content ol li {
  color: #000000;
  font-weight: bold;
  line-height: 30px;
  max-width: 93%;
  text-align: justify;
  align-items: justify;
  justify-content: justify;
}
.aboutus__item__content ul li p, .aboutus__item__content ul li h1, .aboutus__item__content ul li h2, .aboutus__item__content ul li h3, .aboutus__item__content ul li h4, .aboutus__item__content ul li h5, .aboutus__item__content ul li h6, .aboutus__item__content ul li span, .aboutus__item__content ul li a, .aboutus__item__content ol li p, .aboutus__item__content ol li h1, .aboutus__item__content ol li h2, .aboutus__item__content ol li h3, .aboutus__item__content ol li h4, .aboutus__item__content ol li h5, .aboutus__item__content ol li h6, .aboutus__item__content ol li span, .aboutus__item__content ol li a {
  font-size: 13.6px;
  color: #000000;
  line-height: 30px;
  max-width: 93%;
  text-align: justify;
  align-items: justify;
  justify-content: justify;
}
.aboutus__item__content:before {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 30px;
  background-color: #f3f3f3;
  content: "";
  opacity: 0.8;
  z-index: 0;
}
.aboutus__item__continue {
  padding-top: 20px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.aboutus__item__continue a {
  display: block;
  align-items: center;
  text-align: center;
  font-size: 15.1px;
  font-weight: bold;
  color: #0f0b48;
  text-align: center;
  background-color: #f3f3f3;
}
.aboutus__item__continue i {
  font-size: 15.1px;
  font-weight: bold;
  color: #0f0b48;
  line-height: 30px;
}
.aboutus__item.active .aboutus__item__content p {
  margin-bottom: 20px;
}
.aboutus__item.active .aboutus__item__content::before {
  content: unset;
}
[data-theme=dark] .aboutus__item {
  background-color: #0f0b3c;
}
[data-theme=dark] .aboutus__item__title h2 {
  color: #fff;
}
[data-theme=dark] .aboutus__item__content p, [data-theme=dark] .aboutus__item__content h1, [data-theme=dark] .aboutus__item__content h2, [data-theme=dark] .aboutus__item__content h3, [data-theme=dark] .aboutus__item__content h4, [data-theme=dark] .aboutus__item__content h5, [data-theme=dark] .aboutus__item__content h6, [data-theme=dark] .aboutus__item__content span, [data-theme=dark] .aboutus__item__content a {
  color: #fff;
}
[data-theme=dark] .aboutus__item__content ul li, [data-theme=dark] .aboutus__item__content ol li {
  color: #fff;
}
[data-theme=dark] .aboutus__item__content ul li p, [data-theme=dark] .aboutus__item__content ul li h1, [data-theme=dark] .aboutus__item__content ul li h2, [data-theme=dark] .aboutus__item__content ul li h3, [data-theme=dark] .aboutus__item__content ul li h4, [data-theme=dark] .aboutus__item__content ul li h5, [data-theme=dark] .aboutus__item__content ul li h6, [data-theme=dark] .aboutus__item__content ul li span, [data-theme=dark] .aboutus__item__content ul li a, [data-theme=dark] .aboutus__item__content ol li p, [data-theme=dark] .aboutus__item__content ol li h1, [data-theme=dark] .aboutus__item__content ol li h2, [data-theme=dark] .aboutus__item__content ol li h3, [data-theme=dark] .aboutus__item__content ol li h4, [data-theme=dark] .aboutus__item__content ol li h5, [data-theme=dark] .aboutus__item__content ol li h6, [data-theme=dark] .aboutus__item__content ol li span, [data-theme=dark] .aboutus__item__content ol li a {
  color: #fff;
}
[data-theme=dark] .aboutus__item__content:before {
  background-color: #0f0b3c;
}
[data-theme=dark] .aboutus__item__continue a {
  color: #fff;
  background-color: #0f0b3c;
}
[data-theme=dark] .aboutus__item__continue i {
  color: #fff;
}
[data-theme=dark] .aboutus__item:before {
  background-color: #211b64;
}
[data-theme=dark] .aboutus__item:after {
  border-color: #fff;
}
@media (max-width: 768px) {
  .aboutus__item__content p, .aboutus__item__content h1, .aboutus__item__content h2, .aboutus__item__content h3, .aboutus__item__content h4, .aboutus__item__content h5, .aboutus__item__content h6, .aboutus__item__content span, .aboutus__item__content strong, .aboutus__item__content a {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .aboutus__item__title h2 {
    font-size: 15px;
  }
  .aboutus__item__content p, .aboutus__item__content h1, .aboutus__item__content h2, .aboutus__item__content h3, .aboutus__item__content h4, .aboutus__item__content h5, .aboutus__item__content h6, .aboutus__item__content span, .aboutus__item__content strong, .aboutus__item__content a {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .aboutus__item {
    padding: 30px 15px 8px;
  }
}
/* account */
.archive-acc {
  margin-bottom: 47px;
}
.archive-acc__item__title {
  margin-bottom: 60px;
  text-align: center;
}
.archive-acc__item__title h2 {
  font-size: 27px;
  font-weight: 700;
  line-height: 42px;
  margin: 0;
}
.archive-acc__item form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.archive-acc__item form .form-group {
  display: flex;
  align-items: center;
  margin: 0;
  margin-left: 37px;
  border: 1px solid #B9B9B9;
  border-radius: 18px;
  padding: 25px 18px;
}
.archive-acc__item form .form-group:last-child {
  margin-left: 0;
}
.archive-acc__item form .form-group input {
  width: 21px;
  height: 21px;
  margin-left: 15px;
}
.archive-acc__item form .form-group label {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
@media (max-width: 576px) {
  .archive-acc__item__title h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 31px;
  }
  .archive-acc__item form .form-group input {
    margin-left: 4px;
  }
  .archive-acc__item form .form-group label {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-align: right;
  }
}
.buy-acc__item__title {
  margin-bottom: 78px;
}
.buy-acc__item__title form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.buy-acc__item__title form .form-group {
  margin-left: 75px;
}
.buy-acc__item__title form input {
  font-size: 16px;
  font-weight: 600;
  line-height: 59px;
  text-align: right;
  padding: 0 27px;
  background-color: #ECECEC;
  border-radius: 18px;
  color: #525252;
  width: 326px;
}
.buy-acc__item__title form select {
  background-color: #ECECEC;
  border-radius: 18px;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  line-height: 59px;
  padding: 0 25px;
  color: #525252;
  background-image: url("../img/download.svg");
  background-repeat: no-repeat;
  background-position: left 24.25px center;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.buy-acc__item__title form select.city {
  width: 181px;
  height: 59px;
}
.buy-acc__item__title form select.select_cat {
  width: 238px;
  height: 59px;
}
.buy-acc__item__title form button {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.01em;
  text-align: right;
  color: #E0E0E0;
  background-color: #1E4DC5;
  text-align: center;
  width: 200px;
  height: 59px;
  border-radius: 18px;
}
.banner__title {
  position: relative;
  margin-top: 137px;
}
.banner__title h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 37px;
  letter-spacing: 0.01em;
  text-align: right;
  padding-left: 28px;
  display: inline-block;
  color: #313131;
  background-color: #fff;
}
.banner__title:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #ACACAC;
  content: "";
  z-index: -1;
}
.last-account {
  margin-bottom: 100px;
}
.last-account .row [class^=col-] {
  padding-left: 18px;
  padding-right: 18px;
}
.last-account__title {
  position: relative;
  margin-bottom: 58px;
}
.last-account__title h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 37px;
  letter-spacing: 0.01em;
  text-align: right;
  background-image: url("../img/Untitled-background.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 48px;
  display: inline-block;
  color: #313131;
}
.last-account__title:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #ACACAC;
  content: "";
  z-index: -1;
}
.last-account__item {
  background: #FEFEFE;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  min-height: 358px;
  position: relative;
  margin-bottom: 84px;
}
.last-account__item__title {
  text-align: center;
  margin-top: 18px;
}
.last-account__item__title h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  margin: 0;
}
.last-account__item__image {
  position: relative;
  height: 171px;
}
.last-account__item__image img {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  -o-object-fit: cover;
     object-fit: cover;
}
.last-account__item__image__price {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0E3597;
  border-radius: 0px 22px 0px 18px;
}
.last-account__item__image__price span {
  color: #fff;
  padding: 0 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 44px;
}
.last-account__item__image__price span small {
  font-size: 18px;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: 0.01em;
  text-align: center;
}
.last-account__item__content {
  text-align: center;
  margin-top: 19px;
}
.last-account__item__content span {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}
.last-account__item__content ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 13px;
}
.last-account__item__content ul li {
  margin-left: 21px;
  margin-bottom: 16px;
}
.last-account__item__content ul li:last-child {
  margin-left: 0;
}
.last-account__item__content ul li span {
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  text-align: center;
}
.last-account__item__button {
  text-align: center;
  position: absolute;
  bottom: -23px;
  right: 50%;
  transform: translateX(50%);
}
.last-account__item__button a {
  display: inline-block;
  padding: 0 21px;
  line-height: 50px;
  font-size: 13px;
  font-weight: 600;
  color: #E0E0E0;
  background: #1E4DC5;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 4px 29.5px;
}
.last-account__all {
  text-align: center;
  margin-top: 56px;
}
.last-account__all a {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 74px;
  padding: 0 22px;
  color: #E0E0E0;
  background-color: #1E4DC5;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 18px;
}
.vip-acc {
  overflow: hidden;
  position: relative;
  background: #D6D6D6;
  border-radius: 200px 0 200px;
}
.vip-acc__title {
  margin-bottom: 17px;
  position: relative;
}
.vip-acc__title h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 37px;
  background-color: #fff;
  padding: 20px 0 20px 24px;
  margin: 0;
  display: inline-block;
}
.vip-acc__title h3 strong {
  font-size: 32px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.01em;
  text-align: center;
  position: relative;
}
.vip-acc__title h3 strong:before {
  position: absolute;
  top: -15px;
  right: 50%;
  width: 20.62px;
  height: 15.19px;
  background-image: url(../img/vip-up-text.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  transform: translateX(50%);
}
.vip-acc__title:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #ACACAC;
  content: "";
  z-index: -1;
}
.vip-acc__item {
  background: #FEFEFE;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  min-height: 454px;
  position: relative;
  margin: 79.82px 0 50px;
}
.vip-acc__item__title {
  text-align: center;
  margin-top: 18px;
}
.vip-acc__item__title h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  margin: 0;
}
.vip-acc__item__image {
  position: relative;
  height: 252px;
}
.vip-acc__item__image img {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  -o-object-fit: cover;
     object-fit: cover;
}
.vip-acc__item__image__logo {
  position: absolute;
  top: -15px;
  right: -9px;
  width: 61.5px;
  height: 63.38px;
}
.vip-acc__item__image__price {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #F7DC00;
  border-radius: 0px 22px 0px 18px;
}
.vip-acc__item__image__price span {
  color: #fff;
  padding: 0 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 44px;
}
.vip-acc__item__image__price span small {
  font-size: 18px;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: 0.01em;
  text-align: center;
}
.vip-acc__item__content {
  text-align: center;
  margin-top: 19px;
}
.vip-acc__item__content span {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}
.vip-acc__item__content ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 13px;
}
.vip-acc__item__content ul li {
  margin-left: 21px;
  margin-bottom: 16px;
}
.vip-acc__item__content ul li:last-child {
  margin-left: 0;
}
.vip-acc__item__content ul li span {
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  text-align: center;
}
.vip-acc__item__button {
  text-align: center;
  position: absolute;
  bottom: -23px;
  right: 50%;
  transform: translateX(50%);
}
.vip-acc__item__button a {
  display: inline-block;
  padding: 0 21px;
  line-height: 50px;
  font-size: 13px;
  font-weight: 600;
  color: #E0E0E0;
  background: #1E4DC5;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 4px 29.5px;
}
/* Single Account */
.head-account {
  margin-bottom: 40px;
}
.head-account__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head-account__head__text h3 {
  font-size: 22px;
  color: #2D2C2C;
  font-weight: bold;
}
.head-account__head__button a {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: #1E4DC5;
  border-radius: 18px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 13px 0 11px 0;
  width: 100%;
  min-width: 170px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: 0.3s;
}
.head-account__head__button a:hover {
  box-shadow: none;
}
@media (max-width: 992px) {
  .head-account__head__text h3 {
    font-size: 18px;
  }
  .head-account__head__button a {
    min-width: 126px;
    font-size: 17px;
    padding: 11px 0 9px 0;
  }
}
@media (max-width: 480px) {
  .head-account {
    margin-bottom: 31px;
    padding-top: 11px;
  }
  .head-account__head__text {
    margin: 0 auto;
  }
  .head-account__head__text h3 {
    font-size: 24px;
  }
  .head-account__head__button {
    display: none;
  }
}
[data-theme=dark] .head-account__head__text h3 {
  color: #fff;
}
.context-account {
  margin-bottom: 28px;
}
.context-account__gallery__img {
  margin-bottom: 25px;
}
.context-account__gallery__img img {
  width: 100%;
  height: 100%;
  max-width: 694px;
  max-height: 350px;
}
.context-account__gallery__img__money {
  display: none;
}
.context-account__gallery__slider {
  overflow: hidden;
  margin-left: 37px;
}
.context-account__gallery__slider__swiper {
  overflow: hidden;
}
.context-account__gallery__slider__swiper .swiper-wrapper {
  overflow: hidden;
}
.context-account__gallery__slider__swiper__img {
  position: relative;
}
.context-account__gallery__slider__swiper__img > a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.context-account__gallery__slider__swiper__img img {
  width: 100%;
  height: 100%;
  max-width: 331px;
  max-height: 161px;
  min-height: 161px;
  border-radius: 18px;
}
.context-account__gallery__slider__swiper__img::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.33);
  border-radius: 18px;
}
.context-account__gallery__slider__swiper__img__player {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  z-index: 1;
}
.context-account__gallery__slider__swiper__img__image {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  position: absolute;
  z-index: 111;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.context-account__gallery__slider__swiper__img__image a i {
  display: flex;
  font-size: 30px;
  margin-bottom: 31px;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.context-account__gallery__slider__swiper__img__image a h3 {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.context-account__gallery__slider__swiper__item {
  position: relative;
  cursor: pointer;
}
.context-account__gallery__slider__swiper__item figure {
  position: relative;
}
.context-account__gallery__slider__swiper__item figure img {
  width: 100%;
  position: relative;
  z-index: 100;
  border-radius: 15px;
}
.context-account__gallery__slider__swiper__item:after {
  content: "\e925";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0) rotateX(90deg);
  width: 50px;
  height: 50px;
  font-size: 21px;
  background-color: #f01919;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 110;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.context-account__gallery__slider__swiper__item:hover:after {
  transform: translate(-50%, -50%) scale(1) rotateX(0);
  visibility: visible;
  opacity: 1;
}
.context-account__gallery__slider__swiper__item--video .context-account__item-time {
  position: absolute;
  z-index: 120;
  font-size: 16px;
  font-weight: 400;
  bottom: 9px;
  left: 16px;
}
.context-account__gallery__slider__swiper__item--video:after {
  content: "\e926";
  font-size: 49px;
  visibility: visible;
  opacity: 1;
  background-color: unset;
  transform: translate(-50%, -50%) scale(1) rotateX(0);
}
.context-account__gallery__slider__swiper__item--video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.5;
  border-radius: 15px;
  z-index: 110;
  pointer-events: none;
}
.context-account__gallery__slider__swiper__item--video:hover:after {
  animation: video-animate 0.5s;
}
@media (max-width: 1200px) {
  .context-account {
    padding-left: 25px;
  }
}
@media (max-width: 768px) {
  .context-account {
    padding-left: 0;
  }
  .context-account__gallery__slider {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .context-account__gallery__img {
    position: relative;
  }
  .context-account__gallery__img img {
    border-radius: 18px;
  }
  .context-account__gallery__img__money {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #F7DC00;
    border-radius: 0 22px 0 18px;
    padding: 8px 26px 3px 26px;
  }
  .context-account__gallery__img__money span {
    color: #2D2C2C;
    font-size: 12px;
    font-weight: 500;
  }
  .context-account__gallery__img__money span ins {
    text-decoration: none;
    color: #2D2C2C;
    font-size: 18px;
    font-weight: 700;
  }
  .context-account__gallery__slider__swiper__img img {
    max-height: 85px;
    min-height: 85px;
  }
}
@media (max-width: 992px) {
  .context-account__gallery__slider {
    margin-left: 0;
  }
}
.sidebar {
  border-radius: 18px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
}
.sidebar__header__right {
  padding: 20px 20px 0 0;
}
.sidebar__header__right ul {
  display: flex;
  align-items: center;
}
.sidebar__header__right ul li {
  margin-left: 10px;
}
.sidebar__header__right ul li a i {
  color: #000;
  font-size: 20px;
}
.sidebar__header__right ul li:last-child {
  margin-left: 0;
}
.sidebar__header__left {
  padding: 23px 57px;
  border-radius: 18px 0 18px 0;
  background-color: #F7DC00;
}
.sidebar__header__left h3 {
  color: #2D2C2C;
  font-size: 19px;
  font-weight: bold;
}
.sidebar__header__left h3 span {
  font-size: 14px;
  margin-right: 3px;
}
.sidebar__content {
  padding: 0 20px 1px 25px;
}
.sidebar__content ul li {
  border-bottom: 1px solid #5F5F5F;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  padding-bottom: 18px;
}
.sidebar__content ul li span:first-child {
  color: #5F5F5F;
  font-size: 15px;
  font-weight: bold;
}
.sidebar__content ul li span:last-child {
  color: #0F0F0F;
  font-size: 15px;
  font-weight: bold;
}
.sidebar__content ul li:last-child {
  border: none;
}
.sidebar__content ul li:last-child span:first-child {
  background-color: #1E4DC5;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sidebar__content ul li:last-child span:first-child i {
  color: #fff;
  font-size: 10px;
}
@media (max-width: 992px) {
  .sidebar__content {
    padding: 0 15px 1px 15px;
  }
  .sidebar__content ul li span:first-child i {
    font-size: 12px;
  }
  .sidebar__content ul li span:last-child {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .sidebar {
    margin-bottom: 25px;
  }
}
@media (max-width: 480px) {
  .sidebar {
    margin-bottom: 90px;
  }
}
@media (max-width: 380px) {
  .sidebar__header__left {
    padding: 19px 28px;
  }
}
[data-theme=dark] .sidebar__header {
  background-color: #0C093E;
}
[data-theme=dark] .sidebar__header__right ul li a i {
  color: #fff;
}
[data-theme=dark] .sidebar__content {
  background-color: #0C093E;
}
[data-theme=dark] .sidebar__content ul li span {
  color: #fff;
}
.description-account {
  background-color: #FEFEFE;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 18px;
  padding: 33px 33px 60px 33px;
  margin-bottom: 83px;
  margin-left: 37px;
}
.description-account__head h3 {
  font-size: 23px;
  color: #5C5C5C;
  font-weight: bold;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.description-account__head h3::after {
  content: "";
  position: absolute;
  height: 2px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #DDDDDD;
}
.description-account__content__title {
  margin-bottom: 20px;
}
.description-account__content__title h4 {
  color: #c3c3c3;
  font-size: 18px;
  font-weight: bold;
}
.description-account__content__text {
  margin-bottom: 40px;
}
.description-account__content__text p {
  text-align: justify;
  font-size: 16px;
  color: #3E3E3E;
}
.description-account__content__list {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 26px;
}
.description-account__content__list::after {
  content: "";
  position: absolute;
  height: 2px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #DDDDDD;
}
.description-account__content__list h4 {
  color: #393939;
  font-weight: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.description-account__content__list ul li {
  color: #3E3E3E;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  margin-bottom: 15px;
  padding-right: 30px;
}
.description-account__content__list ul li:last-child {
  margin-bottom: 0;
}
.description-account__content__list ul li::before {
  content: "";
  position: absolute;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  background-color: #436edc;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.description-account__content__description p {
  text-align: justify;
  color: #7A7A7A;
  font-size: 17px;
}
.description-account__button {
  display: none;
}
@media (max-width: 992px) {
  .description-account {
    margin-left: 25px;
  }
  .description-account__head h3 {
    font-size: 19px;
  }
  .description-account__content__list ul li {
    font-size: 15px;
  }
  .description-account__content__list ul li::before {
    width: 10px;
    height: 10px;
  }
  .description-account__content__description p {
    font-size: 15px;
  }
  .description-account__content__text p {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .description-account {
    margin-bottom: 40px;
    margin-left: 0;
  }
  .description-account__content__list ul {
    display: flex;
    flex-wrap: wrap;
    -moz-column-count: 3;
         column-count: 3;
  }
  .description-account__content__list ul li {
    margin-left: 25px;
  }
}
@media (max-width: 480px) {
  .description-account {
    margin-bottom: 130px;
    position: relative;
  }
  .description-account__content__list ul {
    display: flex;
    flex-wrap: unset;
    -moz-column-count: unset;
         column-count: unset;
    flex-direction: column;
  }
  .description-account__button {
    display: none;
  }
  .description-account__button-mobile {
    display: block;
    position: absolute;
    bottom: -107px;
    right: 50%;
    transform: translate(50%);
    width: 100%;
    text-align: center;
  }
  .description-account__button-mobile a {
    background-color: #1E4DC5;
    border-radius: 18px;
    font-size: 16px;
    font-weight: 700;
    padding: 19px 56px;
    color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .description-account__button-mobile a:hover {
    box-shadow: none;
  }
  .description-account__button-mobile a span {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-right: 10px;
  }
  .description-account__button-mobile a span::after {
    position: absolute;
    content: "";
    height: 35px;
    width: 1px;
    color: red;
    background-color: #fff;
    right: -33px;
    top: 50%;
    transform: translate(50%, -50%);
  }
  .description-account__button-mobile a span del {
    display: flex;
    align-items: center;
  }
  .description-account__button-mobile a span del p {
    padding-right: 5px;
  }
  .description-account__button-mobile a span ins {
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  .description-account__button-mobile a span ins p {
    padding-right: 5px;
  }
}
@media (max-width: 390px) {
  .description-account__button {
    display: none;
  }
  .description-account__button-mobile a {
    padding: 19px 30px;
  }
}
[data-theme=dark] .description-account {
  background-color: #0C093E;
}
[data-theme=dark] .description-account__head h3 {
  color: #c3c3c3;
}
[data-theme=dark] .description-account__content__list h4 {
  color: #c3c3c3;
}
[data-theme=dark] .description-account__content__list ul li {
  color: #c3c3c3;
}
[data-theme=dark] .description-account__content__text p {
  color: #c3c3c3;
}
[data-theme=dark] .description-account__content__description p {
  color: #c3c3c3;
}
.title-swiper {
  margin-bottom: 50px;
}
.title-swiper__context i {
  font-size: 15px;
  color: #BFBFBF;
  position: relative;
  right: 130px;
  bottom: 1px;
}
.title-swiper__context span {
  position: relative;
}
.title-swiper__context span::before {
  content: "";
  position: absolute;
  background-color: #DEDEDE;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: -1px;
  right: 3px;
}
.title-swiper__context span::after {
  content: "";
  position: absolute;
  background-color: #436edc;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  top: 59px;
  right: 9px;
}
.title-swiper__context__title {
  position: relative;
}
.title-swiper__context__title h3 {
  color: #313131;
  font-size: 24px;
  font-weight: bold;
  display: inline;
  background-color: #fff;
  z-index: 1;
  position: relative;
  padding-left: 23px;
}
.title-swiper__context__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #ACACAC;
}
@media (max-width: 992px) {
  .title-swiper__context__title h3 {
    font-size: 21px;
  }
}
@media (max-width: 480px) {
  .title-swiper__context i {
    font-size: 9px;
  }
  .title-swiper__context span::before {
    width: 8px;
    height: 8px;
  }
  .title-swiper__context span::after {
    width: 9px;
    height: 9px;
  }
}
[data-theme=dark] .title-swiper__context__title h3 {
  background-color: #070525;
  color: #c3c3c3;
}
.swiper-account {
  background-color: #e6e6e6;
  padding-top: 50px;
}
.swiper-account .swiper {
  overflow: hidden;
}
.swiper-account .swiper .swiper-wrapper {
  padding-bottom: 68px;
}
.swiper-account .swiper .swiper-wrapper .swiper-slide {
  opacity: 0;
}
.swiper-account .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  filter: blur(0);
  opacity: 1;
}
.swiper-account .swiper .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide {
  filter: blur(0);
  opacity: 1;
}
.swiper-account .swiper .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
  filter: blur(0);
  opacity: 1;
}
[data-theme=dark] .swiper-account {
  background-color: #070525;
}
.content-swiper {
  background-color: #fff;
  border-radius: 18px;
  padding-bottom: 35px;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.08);
}
.content-swiper__image {
  margin-bottom: 18px;
  position: relative;
}
.content-swiper__image img {
  border-radius: 18px;
  position: relative;
  width: 100%;
}
.content-swiper__image__money {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 22px 0 18px;
  background-color: #0E3597;
}
.content-swiper__image__money span {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 38px;
  line-height: 42px;
}
.content-swiper__image__money span ins {
  text-decoration: none;
}
.content-swiper__context__title {
  text-align: center;
  margin-bottom: 16px;
}
.content-swiper__context__title h3 {
  color: #2D2C2C;
  font-size: 19px;
  font-weight: bold;
}
.content-swiper__context__support {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-bottom: 13px;
}
.content-swiper__context__support span {
  background-color: #436edc;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.content-swiper__context__support span i {
  font-size: 9px;
  color: #fff;
}
.content-swiper__context__support h4 {
  color: #404040;
  font-size: 14px;
  font-weight: bold;
}
.content-swiper__context__list ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}
.content-swiper__context__list ul li {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-bottom: 16px;
}
.content-swiper__context__list ul li i {
  margin-left: 9px;
  font-size: 20px;
  color: #404040;
}
.content-swiper__context__list ul li span {
  font-size: 12px;
  color: #404040;
  font-weight: 600;
}
.content-swiper__context__button {
  background-color: #1E4DC5;
  border-radius: 4px 30px;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  position: absolute;
  bottom: -25px;
  right: 50%;
  transform: translate(50%);
  transition: 0.3s;
}
.content-swiper__context__button:hover {
  border-radius: 30px 4px;
}
.content-swiper__context__button a {
  padding: 15px 21px;
  display: flex;
  align-items: center;
  color: #E0E0E0;
  font-size: 13px;
  font-weight: bold;
}
.content-swiper__context__button a i {
  border: 1px solid;
  border-radius: 50%;
  color: #fff;
  margin-right: 6px;
  padding: 3px 5px;
  font-size: 10px;
}
@media (max-width: 768px) {
  .content-swiper__context__title h3 {
    font-size: 17px;
  }
}
[data-theme=dark] .content-swiper {
  background-color: #0c093e;
}
[data-theme=dark] .content-swiper__context__title h3 {
  color: #fff;
}
[data-theme=dark] .content-swiper__context__support h4 {
  color: #c3c3c3;
}
[data-theme=dark] .content-swiper__context__list ul li i {
  color: #c3c3c3;
}
[data-theme=dark] .content-swiper__context__list ul li span {
  color: #c3c3c3;
}
.title-fq__context i {
  font-size: 15px;
  color: #BFBFBF;
  position: relative;
  right: 223px;
}
.title-fq__context span {
  position: relative;
}
.title-fq__context span::before {
  content: "";
  position: absolute;
  background-color: #DEDEDE;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 3px;
  right: -18px;
}
.title-fq__context span::after {
  content: "";
  position: absolute;
  background-color: #436edc;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  top: 48px;
  right: -10px;
}
.title-fq__context__title h4 {
  font-size: 17px;
  color: #353535;
  font-weight: 600;
}
@media (max-width: 380px) {
  .title-fq__context span:after {
    width: 11px;
    height: 11px;
  }
  .title-fq__context__title h4 {
    font-size: 16px;
  }
}
[data-theme=dark] .title-fq__context__title h4 {
  color: #fff;
}
.content-fq__content ul li {
  margin-bottom: 28px;
  padding: 34px 29px 1px 29px;
  background: #FEFEFE;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 14px;
}
.content-fq__content ul li.active {
  padding: 34px 29px;
}
.content-fq__content ul li.active .content-fq__content__title {
  margin-bottom: 34px;
}
.content-fq__content ul li.active .content-fq__content__title__left i {
  transition: 0.3s;
  rotate: 180deg !important;
  display: inline-flex !important;
}
.content-fq__content ul li.active .content-fq__content__title__right i {
  color: #436edc;
  background-color: #dde7ff;
}
.content-fq__content ul li:last-child {
  margin-bottom: 0;
}
.content-fq__content__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 27px;
}
.content-fq__content__title__right {
  display: flex;
  align-items: center;
}
.content-fq__content__title__right i {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #575757;
  font-size: 20px;
  background-color: #E8E8E8;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  margin-left: 24px;
  transition: 0.3s;
}
.content-fq__content__title__right span {
  font-size: 19px;
  font-weight: 700;
  color: #252424;
}
.content-fq__content__title__left i {
  transition: 0.3s;
  color: #acacac;
  font-size: 14px;
}
.content-fq__content__text {
  display: none;
}
.content-fq__content__text p {
  text-align: justify;
  color: #444242;
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
}
@media (max-width: 992px) {
  .content-fq__content ul li {
    padding-top: 22px;
  }
  .content-fq__content__title {
    margin-bottom: 22px;
  }
  .content-fq__content__title__right span {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .content-fq {
    padding-bottom: 80px;
  }
  .content-fq__content ul li {
    padding: 34px 18px 1px 18px;
  }
  .content-fq__content ul li.active {
    padding: 34px 18px 18px 18px;
  }
  .content-fq__content__title {
    align-items: flex-start;
  }
  .content-fq__content__title__right i {
    width: 30px;
    height: 30px;
    font-size: 15px;
    margin-left: 20px;
  }
  .content-fq__content__title__right span {
    font-size: 14px;
    padding-left: 20px;
    text-align: justify;
  }
  .content-fq__content__title__left {
    padding-top: 11px;
  }
}
[data-theme=dark] .content-fq__content ul li {
  background-color: #0c093e;
}
[data-theme=dark] .content-fq__content__title__right span {
  color: #fff;
}
[data-theme=dark] .content-fq__content__text p {
  color: #c3c3c3;
}
.fq-account {
  padding-top: 109px;
  background-color: #f4f4f4;
}
.fq-account__title {
  margin-bottom: 45px;
}
.fq-account__content {
  margin-bottom: 93px;
}
@media (max-width: 992px) {
  .fq-account {
    padding-top: 50px;
  }
  .fq-account__content {
    margin-bottom: 65px;
  }
}
@media (max-width: 480px) {
  .fq-account {
    padding-top: 0;
  }
  .fq-account__content {
    margin-bottom: 20px;
  }
}
[data-theme=dark] .fq-account {
  background-color: #070525;
}
.text-account__context__text {
  position: relative;
}
.text-account__context__text::before {
  content: "";
  position: absolute;
  background-color: #ACACAC;
  height: 1px;
  left: 0;
  right: 0;
}
.text-account__context__text p {
  color: #404040;
  font-size: 17px;
  line-height: 27px;
  text-align: justify;
  font-weight: 600;
  padding: 40px 55px 69px 55px;
}
@media (max-width: 992px) {
  .text-account__context__text p {
    padding: 40px 30px 69px 30px;
  }
}
@media (max-width: 480px) {
  .text-account {
    display: none;
  }
}
[data-theme=dark] .text-account__context__text p {
  color: #fff;
}
.banner-account {
  padding-top: 60px;
  padding-bottom: 4px;
}
/* Buy Account */
.headSell-buy {
  text-align: center;
  padding-bottom: 40px;
  background-color: #f4f4f4;
  padding-top: 64px;
  margin-top: -52px;
}
.headSell-buy__head {
  margin-bottom: 54px;
}
.headSell-buy__head h2 {
  color: #2D2C2C;
  font-size: 23px;
  font-weight: bold;
}
.headSell-buy__input {
  display: flex;
  text-align: center;
  justify-content: center;
}
.headSell-buy__input ul {
  display: flex;
  align-items: center;
}
.headSell-buy__input ul li {
  display: flex;
  align-items: center;
  border: 1px solid #B9B9B9;
  border-radius: 18px;
  padding: 25px 14px 25px 18px;
  margin-left: 37px;
}
.headSell-buy__input ul li:last-child {
  margin-left: 0;
}
.headSell-buy__input input {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #1E4DC5;
  border: 1px solid #A4A4A4;
}
.headSell-buy__input label {
  font-size: 18px;
  font-weight: bold;
  color: #3C3B3B;
  margin-right: 15px;
}
@media (max-width: 576px) {
  .headSell-buy {
    padding-top: 125px;
  }
  .headSell-buy__input ul li {
    margin-left: 16px;
    padding: 15px 14px 15px 18px;
  }
  .headSell-buy__input label {
    margin-right: 9px;
  }
  .headSell-buy__head {
    margin-bottom: 40px;
  }
}
@media (max-width: 450px) {
  .headSell-buy__input ul {
    flex-direction: column;
  }
  .headSell-buy__input ul li {
    margin-left: 0;
    margin-bottom: 15px;
    padding: 10px 14px 10px 18px;
  }
  .headSell-buy__input ul li:last-child {
    margin-bottom: 0;
  }
  .headSell-buy__head {
    margin-bottom: 30px;
  }
  .headSell-buy__head h2 {
    font-size: 21px;
  }
}
[data-theme=dark] .headSell-buy {
  background-color: #070525;
}
[data-theme=dark] .headSell-buy__head h2 {
  color: #fff;
}
[data-theme=dark] .headSell-buy__input label {
  color: #c3c3c3;
}
.title-buy {
  padding-bottom: 43px;
  background-color: #f4f4f4;
}
.title-buy h3 {
  color: #323232;
  font-size: 16px;
  font-weight: 600;
}
[data-theme=dark] .title-buy {
  background-color: #070525;
}
[data-theme=dark] .title-buy h3 {
  color: #fff;
}
.selectionImg-buy {
  background-color: #f4f4f4;
  padding-bottom: 40px;
}
.selectionImg-buy__total {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  border-radius: 18px;
  padding: 37px 0;
  margin-left: 23px;
}
.selectionImg-buy__total__text {
  margin-bottom: 28px;
}
.selectionImg-buy__total__text p {
  font-size: 13px;
  color: #525252;
}
.selectionImg-buy__total__img {
  margin-bottom: 19px;
}
.selectionImg-buy__total__img img {
  width: 100%;
  height: 100%;
  width: 89px;
  height: 89px;
}
.selectionImg-buy__total__button a {
  color: #525252;
  font-size: 14px;
  border: 1px solid #E3E3E3;
  border-radius: 18px;
  padding: 13px 15px 13px 15px;
  transition: 0.3s;
}
.selectionImg-buy__total__button a:hover {
  background-color: #f4f4f4;
}
.selectionImg-buy__image {
  position: relative;
  margin-right: 23px;
  height: 100%;
}
.selectionImg-buy__image img {
  border-radius: 18px;
  width: 100%;
  height: 100%;
  max-width: 524px;
  max-height: 252px;
  border: 1px solid rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);
}
.selectionImg-buy__image__content {
  border-radius: 18px;
  background-color: #FFCCCC;
  position: absolute;
  bottom: 25px;
  display: flex;
  align-items: center;
  right: 50%;
  transform: translate(50%);
}
.selectionImg-buy__image__content a {
  display: flex;
  padding: 10px 18px;
  align-items: center;
  color: #C02A2A;
  font-size: 14px;
  font-weight: bold;
  display: none;
}
.selectionImg-buy__image__content a i {
  color: #C02A2A;
  font-size: 18px;
  margin-left: 9px;
  transition: 0.3s;
}
.selectionImg-buy__image__content a:hover i {
  margin-top: -3px;
}
@media (max-width: 1200px) {
  .selectionImg-buy__total__text {
    margin-bottom: 22px;
  }
  .selectionImg-buy__total__img img {
    width: 79px;
    height: 79px;
  }
  .selectionImg-buy__image img {
    max-width: 100%;
    width: unset;
  }
  .selectionImg-buy__total {
    padding: 28px 0;
  }
}
@media (max-width: 992px) {
  .selectionImg-buy__image {
    width: 100%;
    height: 100%;
    margin-right: 15px;
  }
  .selectionImg-buy__total {
    margin-left: 15px;
  }
}
@media (max-width: 992px) {
  .selectionImg-buy__total {
    margin-left: 0;
    margin-bottom: 30px;
    padding: 41px 0;
  }
  .selectionImg-buy__total__text {
    margin-bottom: 35px;
  }
  .selectionImg-buy__total__img img {
    width: 89px;
    height: 89px;
  }
  .selectionImg-buy__image {
    margin-right: 0;
  }
  .selectionImg-buy__image img {
    width: 100%;
  }
}
[data-theme=dark] .selectionImg-buy {
  background-color: #070525;
}
.data-buy {
  background-color: #f4f4f4;
}
.data-buy__total {
  padding-bottom: 20px;
}
.data-buy__total ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.data-buy__total ul li {
  margin-left: 21px;
  margin-bottom: 35px;
}
.data-buy__total ul li:last-child {
  margin-left: 0;
}
.data-buy__total ul li:nth-child(3) {
  margin-left: 0;
}
.data-buy__total ul li:nth-child(7) {
  margin-left: 0;
}
.data-buy__total ul li .custom {
  width: 593px;
}
.data-buy__total__data {
  display: flex;
  flex-direction: column;
}
.data-buy__total__data label {
  font-size: 16px;
  color: #323232;
  font-weight: 600;
  margin-bottom: 22px;
}
.data-buy__total__data input {
  border: 1px solid #BFBFBF;
  background-color: #f4f4f4;
  border-radius: 18px;
  padding: 16px 17px;
  width: 286px;
}
.data-buy__total__data input::-moz-placeholder {
  color: #525252;
  font-size: 16px;
  font-weight: bold;
}
.data-buy__total__data input::placeholder {
  color: #525252;
  font-size: 16px;
  font-weight: bold;
}
.data-buy__total__data select {
  width: 267px;
}
.data-buy__total__data .custom-select-border {
  border: 1px solid #BFBFBF;
  background-color: #f4f4f4;
  border-radius: 18px;
  padding: 16px 17px;
}
.data-buy__total__data .custom-select-border option {
  color: #525252;
  font-size: 16px;
  font-weight: bold;
}
.data-buy__total__data .custom-select {
  background-color: #ececec;
  border-radius: 18px;
  padding: 16px 17px;
}
.data-buy__total__data .custom-select option {
  color: #525252;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 1200px) {
  .data-buy__total ul li {
    margin-left: 15px;
  }
  .data-buy__total ul li:last-child {
    margin-left: 15px;
  }
  .data-buy__total ul li:nth-child(3) {
    margin-left: 15px;
  }
  .data-buy__total ul li:nth-child(7) {
    margin-left: 15px;
  }
}
@media (max-width: 992px) {
  .data-buy__total .custom {
    width: 267px !important;
  }
  .data-buy__total__data input {
    width: auto !important;
  }
  .data-buy__total__data select {
    width: auto !important;
  }
}
[data-theme=dark] .data-buy {
  background-color: #070525;
}
[data-theme=dark] .data-buy__total__data label {
  color: #fff;
}
[data-theme=dark] .data-buy__total ul li input {
  background-color: #0c093e;
  color: #c3c3c3;
}
[data-theme=dark] .data-buy__total ul li input::-moz-placeholder {
  color: #fff;
}
[data-theme=dark] .data-buy__total ul li input::placeholder {
  color: #fff;
}
[data-theme=dark] .data-buy__total ul li select {
  background-color: #0c093e;
  color: #fff;
  border: 1px solid #BFBFBF;
}
.button-buy {
  background-color: #f4f4f4;
  margin-bottom: 20px;
}
.button-buy--edite .button-buy__button__border a {
  border: 1px solid #D75353;
  color: #D75353;
}
.button-buy__button ul {
  display: flex;
  align-items: center;
}
.button-buy__button ul li {
  width: 100%;
  max-width: 285px;
}
.button-buy__button ul li a {
  display: flex;
  border-radius: 18px;
  font-weight: 700;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 26px 0 24px 0;
}
.button-buy__button ul li:first-child {
  margin-left: 17px;
}
.button-buy__button__border a {
  border: 1px solid #436edc;
  color: #436edc;
}
.button-buy__button__back a {
  background-color: #436edc;
  border: 1px solid #436edc;
  color: #fff;
}
@media (max-width: 768px) {
  .button-buy__button ul {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .button-buy__button ul li a {
    padding: 16px 0 15px 0;
    font-size: 15px;
  }
}
[data-theme=dark] .button-buy__button {
  background-color: #070525;
}
[data-theme=dark] .button-buy__button__border {
  background-color: #fff;
  border-radius: 18px;
}
/* Buy Account Two */
.description-buy {
  background-color: #f4f4f4;
  padding-bottom: 50px;
}
.description-buy__text textarea {
  border: 1px solid #BFBFBF;
  background-color: #f4f4f4;
  border-radius: 18px;
  height: 100%;
  max-height: 182px;
  width: 100%;
  max-width: 945px;
  padding: 18px;
  font-size: 16px;
  color: #414141;
}
[data-theme=dark] .description-buy {
  background-color: #070525;
}
[data-theme=dark] .description-buy__text textarea {
  background-color: #0c093e;
  color: #fff;
}
[data-theme=dark] .description-buy__text textarea::-moz-placeholder {
  color: #fff;
}
[data-theme=dark] .description-buy__text textarea::placeholder {
  color: #fff;
}
.contents-buy {
  background-color: #f4f4f4;
  padding-bottom: 60px;
}
.contents-buy__title {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.contents-buy__title i {
  font-size: 16px;
  color: #BF4141;
  margin-left: 10px;
}
.contents-buy__title span {
  color: #414141;
  font-size: 13px;
  font-weight: 500;
}
.contents-buy__list {
  display: flex;
  flex-direction: column;
}
.contents-buy__list__add-list li {
  margin-bottom: 0 !important;
}
.contents-buy__list ul {
  display: flex;
  align-items: center;
}
.contents-buy__list ul li {
  display: flex;
  align-items: center;
  margin-left: 32px;
  margin-bottom: 34px;
}
.contents-buy__list ul li:last-child {
  margin-left: 0;
}
.contents-buy__list ul li h3 {
  color: #525252;
  font-size: 16px;
  background-color: #EDEDED;
  border-radius: 18px;
  margin-left: 15px;
  font-weight: 700;
  padding: 18px;
  display: inline-flex;
}
.contents-buy__list ul li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #CECECE;
  position: relative;
  display: flex;
}
.contents-buy__list ul li a::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  top: 50%;
  right: 50%;
  background-color: #FF1B1B;
  border-radius: 10px;
  transform: translate(50%, 50%);
}
.contents-buy__list ul li .add {
  border: 1px solid #D2D2D2;
  background-color: #f4f4f4;
}
.contents-buy__list ul li .plus {
  position: relative;
}
.contents-buy__list ul li .plus::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  top: 50%;
  right: 50%;
  background-color: #1B52BB;
  border-radius: 10px;
  transform: translate(50%, 50%);
}
.contents-buy__list ul li .plus::after {
  content: "";
  position: absolute;
  height: 14px;
  width: 2px;
  top: 50%;
  right: 50%;
  background-color: #1B52BB;
  border-radius: 10px;
  transform: translate(50%, -39%);
}
@media (max-width: 992px) {
  .contents-buy__list ul {
    flex-wrap: wrap;
    justify-content: right;
  }
  .contents-buy__list ul li {
    margin-left: 7px;
  }
  .contents-buy__list ul li h3 {
    margin-left: 8px;
    font-size: 14px;
    padding: 15px;
  }
  .contents-buy__list ul li a {
    width: 30px;
    height: 30px;
  }
  .contents-buy__list ul li a::before {
    width: 10px;
  }
  .contents-buy__list__add-list {
    justify-content: right !important;
  }
  .contents-buy__list__add-list li a::before {
    width: 30px;
    height: 30px;
  }
  .contents-buy__list__add-list li a::after {
    width: 30px;
    height: 30px;
  }
}
[data-theme=dark] .contents-buy {
  background-color: #070525;
}
[data-theme=dark] .contents-buy__title span {
  color: #fff;
}
/* archive-item */
.archive-item.mobile {
  display: none;
}
.archive-item__banner img {
  width: 100%;
}
.archive-item .border {
  padding: 27px 0 70px 0;
  width: 100%;
}
.archive-item .border span {
  border-bottom: 1.22px solid #cbcbcb;
  display: block;
}
.archive-item__form form {
  margin-top: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #cbcbcb;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.archive-item__form__list {
  flex: 0 0 330px;
  max-width: 330px;
}
.archive-item__form__list label {
  font-size: 16px;
  margin-bottom: 10px;
}
.archive-item__form__list select {
  border: 1px solid #cbcbcb;
  border-radius: 21px;
  padding: 14px 15px;
  text-align: right;
  direction: ltr;
  width: 100%;
}
.archive-item__form__list .search_item {
  background-color: #e3e3e3;
  padding: 14px 15px;
  text-align: right;
  border-radius: 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.archive-item__form__list .search_item input {
  background-color: transparent;
  outline: none;
  color: #a5a5a5;
  font-size: 16px;
  width: 100%;
}
.archive-item__form__list .search_item input::-moz-placeholder {
  color: #a5a5a5;
}
.archive-item__form__list .search_item input::placeholder {
  color: #a5a5a5;
}
.archive-item__form__list .search_item button {
  background-color: transparent;
  border: none;
  color: #a5a5a5;
}
.archive-item__form__list .search_item button i {
  color: #a5a5a5;
  line-height: 25px;
}
.archive-item__title {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 50px;
}
.archive-item__title h2 {
  text-align: center;
  margin: 0;
  font-size: 18px;
  line-height: 29.96px;
}
.archive-item__item {
  min-width: 266px;
  margin: 0 15px;
  border-radius: 20px;
  margin-bottom: 43px;
}
.archive-item__item__image {
  background-color: #fff;
  height: 138px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px 20px 0 0;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.17);
  position: relative;
}
.archive-item__item__image a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.archive-item__item__image img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 164px;
  max-height: 105px;
  margin: auto;
}
.archive-item__item__title {
  background-color: #8715d4;
}
.archive-item__item__title span {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 12.41px;
  font-weight: 500;
  line-height: 24px;
}
.archive-item__item__value {
  background-color: #e5e5e5;
  padding: 10px 15px 0 15px;
  border-radius: 0 0 20px 20px;
}
.archive-item__item__value ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.archive-item__item__value ul li {
  line-height: 22px;
  background-color: #fff;
  border-radius: 9px;
  text-align: center;
  margin: 0 5px 10px;
  padding: 0 10px;
}
.archive-item__item__value ul li span {
  font-size: 18.45px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  display: block;
}
.archive-item__item__value ul li span img {
  margin-right: 5px;
}
.archive-item__item__buy {
  text-align: center;
  margin: 0 auto;
}
.archive-item__item__buy a {
  max-width: 150px;
  background-color: #ec2f58;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 13.49px;
  line-height: 29.94px;
  border-radius: 0px 0px 20px 20px;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.archive-item__item__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-height: 182px;
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.17);
  border-radius: 21px;
  position: relative;
  margin-right: 35px;
}
.archive-item__item__content__label {
  padding: 25px 5px 25px 100px;
  max-height: 182px;
  min-height: 182px;
  background-color: #a2a2a2;
  border-radius: 21px;
  position: absolute;
  z-index: -1;
  top: 0;
  right: -45px;
}
.archive-item__item__content__label ul li span {
  line-height: 35px;
  font-size: 17.84px;
  color: #fff;
}
.archive-item__item__content__item {
  padding: 25px 10px;
}
.archive-item__item__content__image {
  min-height: 224px;
  border-radius: 21px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 21px;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.17);
  flex: 0 0 54.6%;
}
.archive-item__item__content__title span {
  font-size: 16.47px;
  line-height: 35px;
  white-space: nowrap;
}
.archive-item__item__content__value ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 130px;
}
.archive-item__item__content__value ul li span {
  line-height: 35px;
  font-size: 20.9px;
}
.archive-item__item__content__buy {
  margin-top: 10px;
}
.archive-item__item__content__buy a {
  display: block;
  line-height: 35px;
  width: 184px;
  background-color: #ec2f58;
  font-size: 17.84px;
  color: #fff;
  border-radius: 13px;
  text-align: center;
  margin-left: auto;
}
[data-theme=dark] .archive-item__form__list label {
  color: #c7c5ee;
}
[data-theme=dark] .archive-item__form__list select {
  background-color: #3b426b;
  color: #c7c5ee;
  border-color: #110f3f;
}
[data-theme=dark] .archive-item__form__list form {
  background-color: #3b426b;
  border-color: #110f3f;
}
[data-theme=dark] .archive-item__form__list form input {
  color: #c7c5ee;
}
[data-theme=dark] .archive-item__form__list form input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .archive-item__form__list form input::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .archive-item__form__list form button {
  color: #c7c5ee;
}
[data-theme=dark] .archive-item__form__list form button i {
  color: #c7c5ee;
}
[data-theme=dark] .archive-item__title h2 {
  color: #c7c5ee;
}
[data-theme=dark] .archive-item__item__image {
  background-color: #3b426b;
}
[data-theme=dark] .archive-item__item__value {
  background-color: #191737;
}
[data-theme=dark] .archive-item__item__value ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
[data-theme=dark] .archive-item__item__value ul li {
  background-color: #3b426b;
}
[data-theme=dark] .archive-item__item__value ul li span {
  color: #c7c5ee;
}
[data-theme=dark] .archive-item__item__content {
  background-color: #191737;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.17);
}
[data-theme=dark] .archive-item__item__content__label {
  background-color: #a2a2a2;
}
[data-theme=dark] .archive-item__item__content__label ul li span {
  color: #fff;
}
[data-theme=dark] .archive-item__item__content__image {
  background-color: #3b426b;
}
[data-theme=dark] .archive-item__item__content__title span {
  color: #c7c5ee;
}
[data-theme=dark] .archive-item__item__content__value ul li span {
  color: #c7c5ee;
}
@media (max-width: 1200px) {
  .archive-item__form form {
    margin-top: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #cbcbcb;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .archive-item__form__list {
    flex: 0 0 300px;
    max-width: 300px;
  }
  .archive-item__form__list select {
    border: 1px solid #cbcbcb;
    border-radius: 21px;
    padding: 14px 15px;
    text-align: right;
    direction: ltr;
    width: 100%;
  }
  .archive-item__form__list form {
    background-color: #e3e3e3;
    padding: 14px 15px;
    text-align: right;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .archive-item__form__list form input {
    background-color: transparent;
    outline: none;
    color: #a5a5a5;
    font-size: 16px;
    width: 100%;
  }
  .archive-item__form__list form input::-moz-placeholder {
    color: #a5a5a5;
  }
  .archive-item__form__list form input::placeholder {
    color: #a5a5a5;
  }
  .archive-item__form__list form button {
    background-color: transparent;
    border: none;
    color: #a5a5a5;
  }
  .archive-item__form__list form button i {
    color: #a5a5a5;
    line-height: 25px;
  }
  .archive-item__item {
    min-width: unset;
  }
}
@media (max-width: 992px) {
  .archive-item__form form {
    margin-top: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #cbcbcb;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .archive-item__form__list {
    flex: 0 0 230px;
    max-width: 230px;
  }
  .archive-item__form__list select {
    border: 1px solid #cbcbcb;
    border-radius: 21px;
    padding: 14px 15px;
    text-align: right;
    direction: ltr;
    width: 100%;
  }
  .archive-item__form__list form {
    background-color: #e3e3e3;
    padding: 14px 15px;
    text-align: right;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .archive-item__form__list form input {
    background-color: transparent;
    outline: none;
    color: #a5a5a5;
    font-size: 16px;
    width: 100%;
  }
  .archive-item__form__list form input::-moz-placeholder {
    color: #a5a5a5;
  }
  .archive-item__form__list form input::placeholder {
    color: #a5a5a5;
  }
  .archive-item__form__list form button {
    background-color: transparent;
    border: none;
    color: #a5a5a5;
  }
  .archive-item__form__list form button i {
    color: #a5a5a5;
    line-height: 25px;
  }
}
@media (max-width: 768px) {
  .archive-item__form form {
    flex-wrap: wrap;
  }
  .archive-item__form__list {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .archive-item__form__list:last-child {
    margin-top: 20px;
  }
  .archive-item__form__list select {
    border: 1px solid #cbcbcb;
    border-radius: 21px;
    padding: 14px 15px;
    text-align: right;
    direction: ltr;
    width: 100%;
  }
  .archive-item__form__list form {
    background-color: #e3e3e3;
    padding: 14px 15px;
    text-align: right;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .archive-item__form__list form input {
    background-color: transparent;
    outline: none;
    color: #a5a5a5;
    font-size: 16px;
    width: 100%;
  }
  .archive-item__form__list form input::-moz-placeholder {
    color: #a5a5a5;
  }
  .archive-item__form__list form input::placeholder {
    color: #a5a5a5;
  }
  .archive-item__form__list form button {
    background-color: transparent;
    border: none;
    color: #a5a5a5;
  }
  .archive-item__form__list form button i {
    color: #a5a5a5;
    line-height: 25px;
  }
}
@media (max-width: 576px) {
  .archive-item__form form {
    display: block;
  }
  .archive-item__form__list {
    display: flex;
    align-items: center;
    margin-top: 20px;
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 275px;
  }
  .archive-item__form__list:first-child {
    margin-top: 0;
  }
  .archive-item__form__list label {
    font-size: 16px;
    white-space: nowrap;
    margin-left: 12px;
    flex: 0 0 21%;
    max-width: 21%;
  }
  .archive-item__form__list select {
    border: 1px solid #cbcbcb;
    border-radius: 21px;
    padding: 14px 15px;
    text-align: right;
    direction: ltr;
    width: 100%;
  }
  .archive-item__form__list form {
    background-color: #e3e3e3;
    padding: 14px 15px;
    text-align: right;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .archive-item__form__list form input {
    background-color: transparent;
    outline: none;
    color: #a5a5a5;
    font-size: 16px;
    width: 100%;
  }
  .archive-item__form__list form input::-moz-placeholder {
    color: #a5a5a5;
  }
  .archive-item__form__list form input::placeholder {
    color: #a5a5a5;
  }
  .archive-item__form__list form button {
    background-color: transparent;
    border: none;
    color: #a5a5a5;
  }
  .archive-item__form__list form button i {
    color: #a5a5a5;
    line-height: 25px;
  }
}
@media (max-width: 450px) {
  .archive-item .row .col-12 {
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* archive-item */
/* new-cat */
.catNew.mobile {
  display: none;
}
.catNew__banner img {
  width: 100%;
}
.catNew_row {
  display: flex;
  flex-wrap: wrap;
}
.catNew__breadcrumb {
  margin-top: 50px;
  background-color: #8ea8c2;
  border-radius: 20px 20px 0 0;
  display: inline-block;
  align-items: center;
  padding: 0 25px;
  margin-bottom: -12px;
  line-height: 62px;
}
.catNew__breadcrumb a {
  color: #fff;
  font-size: 16.23px;
  line-height: 62px;
}
.catNew__breadcrumb a:after {
  content: "...";
  font-size: 30px;
  color: #fff;
  margin: 0 5px;
}
.catNew__breadcrumb span {
  color: #454545;
  font-size: 16.23px;
  line-height: 62px;
}
.catNew__title {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}
.catNew__title__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  background-color: #c1d0df;
  border-radius: 0 20px 20px 0;
  flex: 1;
}
.catNew__title__item h2 {
  text-align: center;
  margin: 0;
  font-size: 30.4px;
  line-height: 68px;
  color: #000000;
}
.catNew__title__item form {
  justify-content: space-between;
  display: flex;
}
.catNew__title__item form .form-select {
  padding: 0 15px;
  margin-left: 15px;
  border-radius: 20px;
  border: 2px solid #4f4f4f;
  background-color: transparent;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.catNew__title__item form label {
  font-size: 13.04px;
  color: #4f4f4f;
  line-height: 35px;
  margin: 0;
}
.catNew__title__item form select {
  border: none;
  background-color: transparent;
  color: #f36030;
  font-size: 13.04px;
  line-height: 35px;
}
.catNew__title__showFavorite {
  flex: 0 0 195px;
  max-width: 195px;
}
.catNew__title__showFavorite input {
  display: none;
}
.catNew__title__showFavorite input:checked + label {
  background-color: #f75823;
}
.catNew__title__showFavorite label {
  background-color: rgba(247, 88, 35, 0.4666666667);
  border-radius: 20px 0 0 20px;
  font-size: 17.67px;
  color: #fff;
  line-height: 68px;
  display: block;
}
.catNew__title__showFavorite label i:before {
  color: #fff;
}
.catNew__item {
  min-width: 240px;
  border-radius: 20px;
  margin-bottom: 43px;
  min-height: 403px;
  max-width: 240px;
  margin-left: 73px;
}
.catNew__item:nth-child(4n) {
  margin-left: 0;
}
.catNew__item__image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.catNew__item__image a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.catNew__item__image img {
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 265px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 11px 11px 0 0;
}
.catNew__item__title {
  background-color: #0f214f;
  border-radius: 0 0 11px 11px;
  margin-bottom: -10px;
  z-index: 1;
  position: relative;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-height: 72px;
}
.catNew__item__title span {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 16.97px;
  font-weight: 500;
}
.catNew__item__buy {
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.catNew__item__buy a {
  background-image: linear-gradient(to top, #fa903c, #f64e1f);
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 18.43px;
  line-height: 72px;
  border-radius: 0px 0px 11px 11px;
  flex: 0 0 179px;
  max-width: 179px;
  margin-right: -6px;
  font-weight: 700;
}
.catNew__item__buy a.favorite {
  background: linear-gradient(to right, #face31, #f9ce2a);
  flex: 0 0 67px;
  max-width: 67px;
  margin-right: 0;
  border-radius: 0px 0px 11px 0px;
}
.catNew__item__buy a.favorite i {
  font-size: 31px;
  line-height: 72px;
}
.catNew__item__buy a.favorite i:before {
  color: #fff;
}
.catNew__item__buy.active a {
  background-image: linear-gradient(to top, #90aac3, #516e9a);
}
.catNew__item__buy.active a.favorite {
  background: linear-gradient(to right, #4c6a90, #21508a);
  margin-right: 0;
  border-radius: 0px 0px 11px 0px;
}
.catNew__item__buy.active a.favorite i {
  font-size: 31px;
  line-height: 72px;
}
.catNew__item__buy.active a.favorite i:before {
  color: #fff;
}
.catNew__item__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-height: 182px;
  background-color: #fff;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.17);
  border-radius: 21px;
  position: relative;
  margin-right: 35px;
}
.catNew__item__content__label {
  padding: 25px 5px 25px 100px;
  max-height: 182px;
  min-height: 182px;
  background-color: #a2a2a2;
  border-radius: 21px;
  position: absolute;
  z-index: -1;
  top: 0;
  right: -45px;
}
.catNew__item__content__label ul li span {
  line-height: 35px;
  font-size: 17.84px;
  color: #fff;
}
.catNew__item__content__item {
  padding: 25px 10px;
}
.catNew__item__content__image {
  min-height: 224px;
  border-radius: 21px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 21px;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.17);
  flex: 0 0 54.6%;
}
.catNew__item__content__title span {
  font-size: 16.47px;
  line-height: 35px;
  white-space: nowrap;
}
.catNew__item__content__value ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 130px;
}
.catNew__item__content__value ul li span {
  line-height: 35px;
  font-size: 20.9px;
}
.catNew__item__content__buy {
  margin-top: 10px;
}
.catNew__item__content__buy a {
  display: block;
  line-height: 35px;
  width: 184px;
  background-color: #ec2f58;
  font-size: 17.84px;
  color: #fff;
  border-radius: 13px;
  text-align: center;
  margin-left: auto;
}
[data-theme=dark] .catNew__form__list label {
  color: #c7c5ee;
}
[data-theme=dark] .catNew__form__list select {
  background-color: #3b426b;
  color: #c7c5ee;
  border-color: #110f3f;
}
[data-theme=dark] .catNew__form__list form {
  background-color: #3b426b;
  border-color: #110f3f;
}
[data-theme=dark] .catNew__form__list form input {
  color: #c7c5ee;
}
[data-theme=dark] .catNew__form__list form input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .catNew__form__list form input::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .catNew__form__list form button {
  color: #c7c5ee;
}
[data-theme=dark] .catNew__form__list form button i {
  color: #c7c5ee;
}
[data-theme=dark] .catNew__title h2 {
  color: #000000;
}
[data-theme=dark] .catNew__item__image {
  background-color: #3b426b;
}
[data-theme=dark] .catNew__item__value {
  background-color: #191737;
}
[data-theme=dark] .catNew__item__value ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
[data-theme=dark] .catNew__item__value ul li {
  background-color: #3b426b;
}
[data-theme=dark] .catNew__item__value ul li span {
  color: #c7c5ee;
}
[data-theme=dark] .catNew__item__content {
  background-color: #191737;
  box-shadow: 0px 0px 10.4px 2.6px rgba(0, 0, 0, 0.17);
}
[data-theme=dark] .catNew__item__content__label {
  background-color: #a2a2a2;
}
[data-theme=dark] .catNew__item__content__label ul li span {
  color: #fff;
}
[data-theme=dark] .catNew__item__content__image {
  background-color: #3b426b;
}
[data-theme=dark] .catNew__item__content__title span {
  color: #c7c5ee;
}
[data-theme=dark] .catNew__item__content__value ul li span {
  color: #c7c5ee;
}
@media (max-width: 1200px) {
  .catNew__title__item h2 {
    font-size: 18.04px;
  }
  .catNew_row {
    justify-content: space-between;
  }
  .catNew__item {
    min-width: unset;
    border-radius: 20px;
    margin-bottom: 43px;
    min-height: 403px;
    max-width: 290px;
    margin-left: unset;
    width: 100%;
  }
  .catNew__item:nth-child(4n) {
    margin-left: unset;
  }
  .catNew__item__image img {
    max-width: unset;
    width: 100%;
  }
  .catNew__item__buy {
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .catNew__item__buy a {
    flex: 0 0 213px;
    max-width: 213px;
  }
  .catNew__item__buy a.favorite {
    flex: 0 0 82px;
    max-width: 82px;
  }
}
@media (max-width: 992px) {
  .catNew__title__item {
    height: 68px;
  }
  .catNew__title__item h2 {
    display: none;
  }
  .catNew__item {
    min-width: unset;
    border-radius: 20px;
    margin-bottom: 43px;
    min-height: 403px;
    max-width: 46.8111111111%;
    margin-left: 45px;
    width: 100%;
  }
  .catNew__item:nth-child(5n) {
    margin-left: 45px;
  }
  .catNew__item:nth-child(4n) {
    margin-left: 45px;
  }
  .catNew__item:nth-child(3n) {
    margin-left: 45px;
  }
  .catNew__item:nth-child(2n) {
    margin-left: 0px;
  }
  .catNew__item__image img {
    max-width: unset;
    width: 100%;
  }
  .catNew__item__buy {
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .catNew__item__buy a {
    flex: 0 0 72%;
    max-width: 72%;
  }
  .catNew__item__buy a.favorite {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (max-width: 768px) {
  .catNew__breadcrumb {
    margin-top: 30px;
  }
  .catNew__breadcrumb a {
    color: #fff;
    font-size: 13.23px;
    line-height: 62px;
  }
  .catNew__breadcrumb a:after {
    content: "...";
    font-size: 13px;
    color: #fff;
    margin: 0 5px;
  }
  .catNew__breadcrumb span {
    color: #454545;
    font-size: 13.23px;
    line-height: 62px;
  }
  .catNew__title__item form .form-select {
    padding: 0 15px;
    margin-left: 15px;
    border-radius: 20px;
    border: 2px solid #4f4f4f;
    background-color: transparent;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .catNew__title__item form label {
    font-size: 13.04px;
    color: #4f4f4f;
    line-height: 35px;
    margin: 0;
  }
  .catNew__title__item form select {
    border: none;
    background-color: transparent;
    color: #f36030;
    font-size: 13.04px;
    line-height: 35px;
  }
  .catNew__title__showFavorite {
    flex: 0 0 120px;
    max-width: 120px;
  }
  .catNew__title__showFavorite label {
    font-size: 12.67px;
  }
  .catNew__item {
    min-width: unset;
    border-radius: 20px;
    margin-bottom: 34px;
    min-height: 403px;
    max-width: 46.8111111111%;
    margin-left: 34px;
    width: 100%;
  }
  .catNew__item:nth-child(5n) {
    margin-left: 34px;
  }
  .catNew__item:nth-child(4n) {
    margin-left: 34px;
  }
  .catNew__item:nth-child(3n) {
    margin-left: 34px;
  }
  .catNew__item:nth-child(2n) {
    margin-left: 0px;
  }
  .catNew__item__image img {
    max-width: unset;
    width: 100%;
  }
  .catNew__item__buy {
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .catNew__item__buy a {
    flex: 0 0 72%;
    max-width: 72%;
  }
  .catNew__item__buy a.favorite {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (max-width: 576px) {
  .catNew__title__item {
    border-radius: 20px;
  }
  .catNew__title__item form {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .catNew__title__item form .form-select {
    margin: 2.5px 0 2.5px 0px;
    margin-left: 15px;
    border-radius: 20px;
  }
  .catNew__title__item form select {
    border: none;
    background-color: transparent;
    color: #f36030;
    font-size: 13.04px;
    line-height: 35px;
  }
  .catNew__title__showFavorite {
    display: none;
    flex: 0 0 120px;
    max-width: 120px;
  }
  .catNew__title__showFavorite label {
    font-size: 12.67px;
  }
}
/* new-cat */
/* new-cat */
.categoryNew.mobile {
  display: none;
}
.categoryNew__banner img {
  width: 100%;
}
.categoryNew_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.categoryNew__breadcrumb {
  margin-top: 50px;
  background-color: #8ea8c2;
  border-radius: 20px 20px 0 0;
  display: inline-block;
  align-items: center;
  padding: 0 25px;
  margin-bottom: -12px;
  line-height: 62px;
}
.categoryNew__breadcrumb a {
  color: #fff;
  font-size: 16.23px;
  line-height: 62px;
}
.categoryNew__breadcrumb a:after {
  content: "...";
  font-size: 30px;
  color: #fff;
  margin: 0 5px;
}
.categoryNew__breadcrumb span {
  color: #454545;
  font-size: 16.23px;
  line-height: 62px;
}
.categoryNew__title {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}
.categoryNew__title__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  background-color: #c1d0df;
  border-radius: 0 20px 20px 0;
  flex: 1;
}
.categoryNew__title__item h2 {
  text-align: center;
  margin: 0;
  font-size: 30.4px;
  line-height: 68px;
  color: #000000;
}
.categoryNew__title__item form {
  justify-content: space-between;
  display: flex;
}
.categoryNew__title__item form .form-select {
  padding: 0 15px;
  margin-left: 15px;
  border-radius: 20px;
  border: 2px solid #4f4f4f;
  background-color: transparent;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.categoryNew__title__item form label {
  font-size: 13.04px;
  color: #4f4f4f;
  line-height: 35px;
  margin: 0;
}
.categoryNew__title__item form select {
  border: none;
  background-color: transparent;
  color: #f36030;
  font-size: 13.04px;
  line-height: 35px;
}
.categoryNew__title__showFavorite {
  flex: 0 0 195px;
  max-width: 195px;
}
.categoryNew__title__showFavorite input {
  display: none;
}
.categoryNew__title__showFavorite input:checked + label {
  background-color: #f75823;
}
.categoryNew__title__showFavorite label {
  background-color: rgba(247, 88, 35, 0.4666666667);
  border-radius: 20px 0 0 20px;
  font-size: 17.67px;
  color: #fff;
  line-height: 68px;
  display: block;
}
.categoryNew__title__showFavorite label i:before {
  color: #fff;
}
.categoryNew__item {
  display: flex;
  align-items: flex-start;
  background-color: #0f214f;
  border-radius: 18px;
  max-width: 579px;
  max-height: 185px;
  margin-bottom: 20px;
}
.categoryNew__item__image {
  position: relative;
  background-color: #f65823;
  border-radius: 18px;
  min-width: 206px;
  z-index: 1;
}
.categoryNew__item__image a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.categoryNew__item__image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 190px;
  height: 190px;
  min-width: 190px;
  min-height: 185px;
  max-height: 185px;
  max-width: 190px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 18px;
}
.categoryNew__item__title {
  justify-content: space-between;
  z-index: 0;
  position: relative;
  border-radius: 11px 0px 0 0;
  z-index: 1;
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
  text-align: center;
  max-height: 72px;
  margin-right: -16px;
  padding-right: 60px;
}
.categoryNew__item__title span {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 16.97px;
  font-weight: 500;
  position: relative;
}
.categoryNew__item__title span:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -23px;
  width: 14.06px;
  height: 14.06px;
  content: "";
  background-color: #f65823;
  border-radius: 50%;
}
.categoryNew__item__title > a.favorite {
  flex: 0 0 57px;
  max-width: 57px;
  text-align: center;
  line-height: 60px;
  background-image: linear-gradient(to right, #4c6a90, #21508a);
  border-radius: 18px 0 0 0;
}
.categoryNew__item__title > a.favorite i {
  color: #fff;
}
.categoryNew__item__title > a.favorite i::before {
  color: #fff;
}
.categoryNew__item__title > a.favorite.active {
  background-image: none;
  background-color: #f65823;
}
.categoryNew__item__content {
  background-color: #d8e2ec;
  border-radius: 0 0 0px 18px;
  height: 125px;
  margin-right: -20px;
  padding: 20px 32px 20px 20px;
}
.categoryNew__item__content p {
  color: #000;
  font-size: 15.34px;
  font-weight: 600;
  text-align: justify;
  margin: 0;
}
@media (max-width: 1200px) {
  .categoryNew__title__item h2 {
    font-size: 18.04px;
  }
  .categoryNew__item {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .categoryNew__title__item {
    height: 68px;
  }
  .categoryNew__title__item h2 {
    display: none;
  }
}
.categoryNew.mobile {
  display: none;
}
.categoryNew__banner img {
  width: 100%;
}
.categoryNew_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.categoryNew__breadcrumb {
  margin-top: 50px;
  background-color: #8ea8c2;
  border-radius: 20px 20px 0 0;
  display: inline-block;
  align-items: center;
  padding: 0 25px;
  margin-bottom: -12px;
  line-height: 62px;
}
.categoryNew__breadcrumb a {
  color: #fff;
  font-size: 16.23px;
  line-height: 62px;
}
.categoryNew__breadcrumb a:after {
  content: "...";
  font-size: 30px;
  color: #fff;
  margin: 0 5px;
}
.categoryNew__breadcrumb span {
  color: #454545;
  font-size: 16.23px;
  line-height: 62px;
}
.categoryNew__title {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}
.categoryNew__title__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  background-color: #c1d0df;
  border-radius: 0 20px 20px 0;
  flex: 1;
}
.categoryNew__title__item h2 {
  text-align: center;
  margin: 0;
  font-size: 30.4px;
  line-height: 68px;
  color: #000000;
}
.categoryNew__title__item form {
  justify-content: space-between;
  display: flex;
}
.categoryNew__title__item form .form-select {
  padding: 0 15px;
  margin-left: 15px;
  border-radius: 20px;
  border: 2px solid #4f4f4f;
  background-color: transparent;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.categoryNew__title__item form label {
  font-size: 13.04px;
  color: #4f4f4f;
  line-height: 35px;
  margin: 0;
}
.categoryNew__title__item form select {
  border: none;
  background-color: transparent;
  color: #f36030;
  font-size: 13.04px;
  line-height: 35px;
}
.categoryNew__title__showFavorite {
  flex: 0 0 195px;
  max-width: 195px;
}
.categoryNew__title__showFavorite input {
  display: none;
}
.categoryNew__title__showFavorite input:checked + label {
  background-color: #f75823;
}
.categoryNew__title__showFavorite label {
  background-color: rgba(247, 88, 35, 0.4666666667);
  border-radius: 20px 0 0 20px;
  font-size: 17.67px;
  color: #fff;
  line-height: 68px;
  display: block;
}
.categoryNew__title__showFavorite label i:before {
  color: #fff;
}
.categoryNew__item {
  display: flex;
  align-items: flex-start;
  background-color: #0f214f;
  border-radius: 18px;
  max-width: 579px;
  max-height: 185px;
  margin-bottom: 20px;
}
.categoryNew__item__image {
  position: relative;
  background-color: #f65823;
  border-radius: 18px;
  min-width: 206px;
  z-index: 1;
}
.categoryNew__item__image a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.categoryNew__item__image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 190px;
  height: 190px;
  min-width: 190px;
  min-height: 185px;
  max-height: 185px;
  max-width: 190px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 18px;
}
.categoryNew__item__title {
  justify-content: space-between;
  z-index: 0;
  position: relative;
  border-radius: 11px 0px 0 0;
  z-index: 1;
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
  text-align: center;
  max-height: 72px;
  margin-right: -16px;
  padding-right: 60px;
}
.categoryNew__item__title span {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 16.97px;
  font-weight: 500;
  position: relative;
}
.categoryNew__item__title span:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -23px;
  width: 14.06px;
  height: 14.06px;
  content: "";
  background-color: #f65823;
  border-radius: 50%;
}
.categoryNew__item__title > a.favorite {
  flex: 0 0 57px;
  max-width: 57px;
  text-align: center;
  line-height: 60px;
  background-image: linear-gradient(to right, #4c6a90, #21508a);
  border-radius: 18px 0 0 0;
}
.categoryNew__item__title > a.favorite i {
  color: #fff;
}
.categoryNew__item__title > a.favorite i::before {
  color: #fff;
}
.categoryNew__item__title > a.favorite.active {
  background-image: none;
  background-color: #f65823;
}
.categoryNew__item__content {
  background-color: #d8e2ec;
  border-radius: 0 0 0px 18px;
  height: 125px;
  margin-right: -20px;
  padding: 20px 32px 20px 20px;
}
.categoryNew__item__content p {
  color: #000;
  font-size: 15.34px;
  font-weight: 600;
  text-align: justify;
  margin: 0;
}
@media (max-width: 1200px) {
  .categoryNew__title__item h2 {
    font-size: 18.04px;
  }
  .categoryNew__item {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .categoryNew__title__item {
    height: 68px;
  }
  .categoryNew__title__item h2 {
    display: none;
  }
}
/* new-cat */
/* google-play */
.learnGooglePlay {
  margin-bottom: 50px;
}
.learnGooglePlay__breadcrumb {
  margin-top: 15px;
  padding: 0 20px;
  display: inline-block;
  align-items: center;
  margin-bottom: -12px;
  margin-bottom: 22px;
  line-height: 62px;
}
.learnGooglePlay__breadcrumb a {
  color: #999999;
  font-size: 16.23px;
  line-height: 62px;
}
.learnGooglePlay__breadcrumb a:after {
  content: "...";
  font-size: 30px;
  color: #999999;
  margin: 0 5px;
}
.learnGooglePlay__breadcrumb span {
  color: #999999;
  font-size: 16.23px;
  line-height: 62px;
}
.learnGooglePlay__item {
  background-color: #f2f2f2;
  position: relative;
  padding-bottom: 100px;
  border-radius: 21px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
}
.learnGooglePlay__item__title {
  margin-top: 65px;
}
.learnGooglePlay__item__title span {
  font-size: 29.93px;
  font-weight: 700;
  display: block;
  line-height: 100px;
  background-color: #dddddd;
  border-radius: 21px 21px 0 0;
  padding: 0 20px;
}
.learnGooglePlay__item__content {
  padding: 0 21px;
}
.learnGooglePlay__item__content h1,
.learnGooglePlay__item__content h2,
.learnGooglePlay__item__content h3,
.learnGooglePlay__item__content h4,
.learnGooglePlay__item__content h5,
.learnGooglePlay__item__content h6,
.learnGooglePlay__item__content p {
  margin: 40px 0;
  color: #000;
  font-size: 23.29px;
  font-weight: 700;
  border-radius: 30px;
  padding: 0 21px;
}
.learnGooglePlay__item__content ul li {
  width: 100%;
  margin-bottom: 40px;
}
.learnGooglePlay__item__content ul li span:first-child {
  background-color: #f7de0d;
  color: #000;
  font-size: 23.29px;
  font-weight: 700;
  border-radius: 30px;
  padding: 0 10px;
  margin-left: 22px;
}
.learnGooglePlay__item__content ul li span:last-child {
  color: #000;
  font-size: 23.29px;
  font-weight: 700;
}
.learnGooglePlay__item__content ul li img {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0 21px;
}
.learnGooglePlay__item__logo {
  position: absolute;
  top: 0;
  left: 0;
}
.learnGooglePlay__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 45px;
  padding: 0 20px;
}
.learnGooglePlay__title h1 {
  font-size: 29.93px;
  font-weight: 700;
  margin: 0;
}
.learnGooglePlay__search form {
  background-color: #d3d3d3;
  border-radius: 22px;
  padding: 15px 0;
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  justify-content: center;
  flex-direction: column;
}
.learnGooglePlay__search form .form-group {
  width: 100%;
  max-width: 820px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.learnGooglePlay__search form input {
  display: block;
  width: 100%;
  max-width: 820px;
  flex: 0 0 820px;
  line-height: 72px;
  color: #6c6c6c;
  background-color: #fff;
  border-radius: 0px 21px 21px 0px;
  font-size: 20.23px;
  padding: 0 40px;
}
.learnGooglePlay__search form button {
  height: 72px;
  border-radius: 21px 0px 0px 21px;
  padding: 0 33px;
  font-size: 27.47px;
  background-color: #f7de0d;
  color: #000;
  font-weight: 500;
}
[data-theme=dark] .learnGooglePlay__item {
  background-color: #0f0b3c;
}
[data-theme=dark] .learnGooglePlay__item__title span {
  background-color: #3b426b;
  color: #fff;
}
[data-theme=dark] .learnGooglePlay__item__content h1,
[data-theme=dark] .learnGooglePlay__item__content h2,
[data-theme=dark] .learnGooglePlay__item__content h3,
[data-theme=dark] .learnGooglePlay__item__content h4,
[data-theme=dark] .learnGooglePlay__item__content h5,
[data-theme=dark] .learnGooglePlay__item__content h6,
[data-theme=dark] .learnGooglePlay__item__content p {
  color: #fff;
}
[data-theme=dark] .learnGooglePlay__item__content ul li span:last-child {
  color: #fff;
}
[data-theme=dark] .learnGooglePlay__breadcrumb a {
  color: #c7c5ee;
}
[data-theme=dark] .learnGooglePlay__breadcrumb a:after {
  color: #c7c5ee;
}
[data-theme=dark] .learnGooglePlay__breadcrumb span {
  color: #c7c5ee;
}
[data-theme=dark] .learnGooglePlay__title h1 {
  color: #c7c5ee;
}
[data-theme=dark] .learnGooglePlay__search form {
  background-color: #0f0b3c;
}
[data-theme=dark] .learnGooglePlay__search form input {
  color: #c7c5ee;
  background-color: #3b426b;
}
[data-theme=dark] .learnGooglePlay__search form input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .learnGooglePlay__search form input::placeholder {
  color: #c7c5ee;
}
@media (max-width: 1200px) {
  .learnGooglePlay__search form {
    padding: 15px;
  }
  .learnGooglePlay__search form .form-group {
    width: 100%;
  }
  .learnGooglePlay__search form input {
    width: 100%;
    flex: unset;
  }
}
@media (max-width: 992px) {
  .learnGooglePlay__item__content ul li img {
    padding: 0;
  }
  .learnGooglePlay__item__logo img {
    max-width: 210px;
  }
}
@media (max-width: 768px) {
  .learnGooglePlay__title {
    flex-direction: column-reverse;
    margin-bottom: 20px;
  }
  .learnGooglePlay__title h1 {
    margin-top: 25px;
    font-size: 22.14px;
  }
  .learnGooglePlay__item__content ul li {
    display: flex;
    align-items: center;
  }
  .learnGooglePlay__item__content ul li span:last-child {
    max-width: 80%;
  }
  .learnGooglePlay__item__logo img {
    max-width: 141px;
  }
}
@media (max-width: 576px) {
  .learnGooglePlay__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 63px;
    line-height: 20px;
  }
  .learnGooglePlay__breadcrumb a {
    font-size: 13.23px;
    line-height: 20px;
  }
  .learnGooglePlay__breadcrumb a::after {
    font-size: 13.23px;
  }
  .learnGooglePlay__breadcrumb span {
    font-size: 13.23px;
    white-space: no-wrap;
    line-height: 20px;
  }
  .learnGooglePlay__search form {
    padding: 20px 15px;
  }
  .learnGooglePlay__search form input {
    font-size: 13px;
    line-height: 50px;
  }
  .learnGooglePlay__search form button {
    width: 60px;
    height: 50px;
    font-size: 13px;
    padding: 0 5px;
  }
  .learnGooglePlay__item__title {
    margin-top: 30px;
  }
  .learnGooglePlay__item__title span {
    font-size: 19.93px;
    line-height: 60px;
  }
  .learnGooglePlay__item__title h1 {
    font-size: 16.93px;
  }
  .learnGooglePlay__item__content h4 {
    font-size: 20px;
    padding: 0;
    margin: 20px 0;
  }
  .learnGooglePlay__item__content ul li span {
    font-size: 16px;
  }
  .learnGooglePlay__item__content ul li span:first-child {
    font-size: 16px;
    margin-left: 12px;
    white-space: nowrap;
  }
  .learnGooglePlay__item__content ul li span:last-child {
    font-size: 16px;
  }
  .learnGooglePlay__item__logo img {
    max-width: 110px;
  }
}
.googlePlaySingle {
  margin-top: 50px;
  margin-bottom: 50px;
}
.googlePlaySingle__item__image {
  padding: 55px 35px;
  flex: 0 0 375px;
  max-width: 100%;
  background-color: #ffffff;
  border-radius: 21px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  margin-left: 22px;
  height: 100%;
}
.googlePlaySingle__item__image img {
  width: 100%;
  height: 100%;
}
.googlePlaySingle__item__content {
  padding: 35px;
  flex: 0 0 auto;
  padding-left: 45px;
  padding-right: 25px;
  max-width: 100%;
  background-color: #ffffff;
  border-radius: 21px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.googlePlaySingle__item__content__title span {
  font-size: 20.31px;
  color: #000;
  margin-bottom: 10px;
}
.googlePlaySingle__item__content__title h1 {
  text-align: left;
  font-size: 35.67px;
  font-weight: 700;
  margin-bottom: 20px;
}
.googlePlaySingle__item__content__rate {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.googlePlaySingle__item__content__rate span {
  color: #000;
  margin-left: 60px;
}
.googlePlaySingle__item__content__rate .rate {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center !important;
  margin-left: 40px;
}
.googlePlaySingle__item__content__rate .rate-title i {
  font-size: 22px;
  display: inline-block;
}
.googlePlaySingle__item__content__rate .rate-title i:before {
  color: #000;
}
.googlePlaySingle__item__content__rate .rate-title span {
  font-size: 27.31px;
  color: #000;
  margin-left: 0;
}
.googlePlaySingle__item__content__rate .rate-count {
  text-align: center;
}
.googlePlaySingle__item__content__rate .rate-count span {
  font-size: 15.22px;
  color: #939393;
  margin-left: 0;
}
.googlePlaySingle__item__content__rate a {
  line-height: 53px;
  color: #fff;
  font-size: 21.04px;
  font-weight: 500;
  background-color: #3f52e0;
  text-align: center;
  border-radius: 15px;
  width: 205px;
  direction: ltr;
}
.googlePlaySingle__item__content__content {
  margin-top: 20px;
  text-align: left;
  margin-left: auto;
}
.googlePlaySingle__item__content__content.en {
  margin-right: auto;
  margin-left: unset;
}
.googlePlaySingle__item__content__content p {
  color: #000;
  font-size: 15.05px;
  line-height: 35px;
  text-align: justify;
}
.googlePlaySingle__item__content__content p.en {
  text-align: left;
}
.googlePlaySingle__item__content__buy {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.googlePlaySingle__item__content__buy span {
  color: #000;
  font-size: 20.31px;
  margin-left: 20px;
}
.googlePlaySingle__item__content__buy span.price {
  color: #ff0505;
  margin-left: 70px;
}
.googlePlaySingle__item__content__buy span.price ins {
  font-size: 35.82px;
  font-weight: bold;
  margin-left: 5px;
  text-decoration: none;
}
.googlePlaySingle__item__content__buy span.price small {
  font-size: 24.36px;
  font-weight: 700;
}
.googlePlaySingle__item__content__buy a {
  font-size: 21.04px;
  margin-right: auto;
  width: 290px;
  background-color: #ff0505;
  border-radius: 15px;
  line-height: 55px;
  text-align: center;
  color: #fff;
}
.googlePlaySingle__bottom {
  margin-top: 22px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 21px;
  padding: 25px 55px;
}
.googlePlaySingle__bottom__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.googlePlaySingle__bottom__title span {
  display: block;
  font-size: 20.31px;
  font-weight: 700px;
  line-height: 65px;
  color: #000;
}
.googlePlaySingle__bottom__title small {
  font-size: 16px;
  line-height: 65px;
  color: #828282;
}
.googlePlaySingle__bottom form {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.googlePlaySingle__bottom form .form-group {
  width: 100%;
  margin-left: 25px;
}
.googlePlaySingle__bottom form .form-group:last-child {
  max-width: 242px;
  margin-left: 0px;
}
.googlePlaySingle__bottom form input {
  background-color: #eaeaea;
  border-radius: 15px;
  line-height: 55px;
  font-size: 18px;
  color: #9c9c9c;
  padding: 0 25px;
  width: 100%;
}
[data-theme=dark] .googlePlaySingle__item__image {
  background-color: #0f0b3c;
}
[data-theme=dark] .googlePlaySingle__item__content {
  background-color: #0f0b3c;
}
[data-theme=dark] .googlePlaySingle__item__content__title span {
  color: #fff;
}
[data-theme=dark] .googlePlaySingle__item__content__title h1 {
  color: #fff;
}
[data-theme=dark] .googlePlaySingle__item__content__rate span {
  color: #fff;
}
[data-theme=dark] .googlePlaySingle__item__content__rate .rate-title i:before {
  color: #fff;
}
[data-theme=dark] .googlePlaySingle__item__content__rate .rate-title span {
  color: #fff;
}
[data-theme=dark] .googlePlaySingle__item__content__rate .rate-count span {
  color: #fff;
}
[data-theme=dark] .googlePlaySingle__item__content__content p {
  color: #fff;
}
[data-theme=dark] .googlePlaySingle__item__content__buy span {
  color: #fff;
}
[data-theme=dark] .googlePlaySingle__item__content__buy a {
  font-size: 21.04px;
  margin-right: auto;
  width: 290px;
  background-color: #ff0505;
  border-radius: 15px;
  line-height: 55px;
  text-align: center;
  color: #fff;
}
[data-theme=dark] .googlePlaySingle__bottom {
  background-color: #0f0b3c;
}
[data-theme=dark] .googlePlaySingle__bottom__title span {
  color: #c7c5ee;
}
[data-theme=dark] .googlePlaySingle__bottom__title small {
  color: #c7c5ee;
}
[data-theme=dark] .googlePlaySingle__bottom form {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
[data-theme=dark] .googlePlaySingle__bottom form input {
  color: #c7c5ee;
  background-color: #3b426b;
}
[data-theme=dark] .googlePlaySingle__bottom form input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .googlePlaySingle__bottom form input::placeholder {
  color: #c7c5ee;
}
@media (max-width: 992px) {
  .googlePlaySingle__item__image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .googlePlaySingle__item__image img {
    height: auto;
  }
  .googlePlaySingle__item__content__title span {
    margin-bottom: 15px;
  }
  .googlePlaySingle__item__content__title h1 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .googlePlaySingle__item__content__rate span {
    font-size: 15px;
    margin-left: 20px;
  }
  .googlePlaySingle__item__content__rate .rate-title span {
    font-size: 15px;
  }
  .googlePlaySingle__item__content__rate .rate-count span {
    font-size: 13px;
  }
  .googlePlaySingle__item__content__rate a {
    font-size: 13px;
    width: 130px;
  }
  .googlePlaySingle__item__content__content {
    margin-top: 20px;
  }
  .googlePlaySingle__item__content__content p {
    max-height: 100px;
    overflow: hidden;
  }
  .googlePlaySingle__item__content__buy {
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .googlePlaySingle__item__content__buy__price {
    display: flex;
    flex-direction: column;
  }
  .googlePlaySingle__item__content__buy span {
    font-size: 15.62px;
  }
  .googlePlaySingle__item__content__buy span.price {
    margin-left: 0px;
  }
  .googlePlaySingle__item__content__buy span.price ins {
    font-size: 27.55px;
  }
  .googlePlaySingle__item__content__buy span.price small {
    font-size: 18.74px;
  }
  .googlePlaySingle__item__content__buy a {
    font-size: 16.1px;
    max-width: 192px;
  }
  .googlePlaySingle__bottom {
    padding: 25px 20px;
  }
  .googlePlaySingle__bottom__title span {
    font-size: 15px;
  }
  .googlePlaySingle__bottom__title small {
    font-size: 13px;
  }
  .googlePlaySingle__bottom form input {
    font-size: 13px;
  }
}
@media (max-width: 450px) {
  .googlePlaySingle__item__image {
    height: auto;
    margin: 0;
    margin-bottom: 25px;
    padding: 25px 0;
  }
  .googlePlaySingle__item__image img {
    height: auto;
    max-width: 215px;
  }
  .googlePlaySingle__item__content__title span {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .googlePlaySingle__item__content__title h1 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .googlePlaySingle__item__content__rate {
    justify-content: space-between;
  }
  .googlePlaySingle__item__content__rate span {
    font-size: 18px;
    margin-left: 20px;
  }
  .googlePlaySingle__item__content__rate .rate-title span {
    font-size: 16.91px;
  }
  .googlePlaySingle__item__content__rate a {
    font-size: 13.18px;
    width: 126.55px;
  }
  .googlePlaySingle__item__content__content {
    margin-top: 20px;
  }
  .googlePlaySingle__item__content__content p {
    max-height: unset;
    overflow: hidden;
    font-size: 12px;
  }
  .googlePlaySingle__item__content__buy {
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .googlePlaySingle__item__content__buy__price {
    display: flex;
    flex-direction: column;
  }
  .googlePlaySingle__item__content__buy span {
    font-size: 13.62px;
  }
  .googlePlaySingle__item__content__buy span.price {
    margin-left: 0px;
  }
  .googlePlaySingle__item__content__buy span.price ins {
    font-size: 17.55px;
  }
  .googlePlaySingle__item__content__buy span.price small {
    font-size: 15.74px;
  }
  .googlePlaySingle__item__content__buy a {
    font-size: 13px;
    max-width: 140px;
  }
  .googlePlaySingle__bottom__title {
    flex-direction: column;
    justify-content: center;
  }
  .googlePlaySingle__bottom__title span {
    font-size: 18.31px;
    margin-bottom: 20px;
    line-height: 30px;
  }
  .googlePlaySingle__bottom__title small {
    font-size: 12px;
    line-height: 10px;
  }
  .googlePlaySingle__bottom form {
    flex-direction: column;
  }
  .googlePlaySingle__bottom form .form-group {
    margin: 0;
    margin-bottom: 20px;
  }
  .googlePlaySingle__bottom form .form-group:last-child {
    width: 100%;
    max-width: 100%;
  }
  .googlePlaySingle__bottom form input {
    font-size: 13px;
    margin: 0;
  }
}
/* google-play */
/* arzi */
.arzi-banner {
  margin-bottom: 20px;
}
.arzi-banner img {
  width: 100%;
}
.arzi-breadcromb {
  padding-bottom: 5px;
}
.arzi-breadcromb__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.arzi-breadcromb__item__list ul {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.arzi-breadcromb__item__list ul li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  color: #484848;
}
.arzi-breadcromb__item__list ul li:after {
  position: absolute;
  top: 0%;
  right: 85%;
  width: 100%;
  height: 100%;
  content: "/";
}
.arzi-breadcromb__item__list ul li:last-child:after {
  content: unset;
}
.arzi-breadcromb__item__sup {
  display: flex;
  align-items: center;
}
.arzi-breadcromb__item__sup span {
  font-size: 15.42px;
  line-height: 17.62px;
  color: #151515;
  display: flex;
  align-items: center;
  font-weight: 700;
}
.arzi-breadcromb__item__sup span i {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  font-size: 8px;
  background-color: #46b000;
  color: #fff;
}
.arzi-breadcromb__item__sup a {
  font-size: 15.42px;
  line-height: 17.62px;
  color: #151515;
  font-weight: 700;
}
.arzi__item {
  padding-bottom: 33px;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 50px;
}
.arzi__item .title {
  margin-bottom: 10px;
}
.arzi__item .title span {
  font-size: 14.21px;
  color: #151515;
  font-weight: 500;
}
.arzi__item .item label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 81px;
  height: 51px;
  background-color: #e4e4e4;
  border-radius: 21px;
  font-size: 17.18px;
  font-weight: 500;
  line-height: 51px;
  margin-left: 10px;
  color: #151515;
  cursor: pointer;
  position: relative;
}
.arzi__item .item input[type=radio] {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.arzi__item .item input[type=radio]:checked + label {
  background-color: #1a45c1;
  color: #fff;
}
.arzi__item .item:last-child {
  margin-right: 10px;
}
.arzi__item .item span ins {
  font-size: 19.34px;
  font-weight: 700;
  color: #151515;
  line-height: 51px;
  text-decoration: none;
}
.arzi__item .item span small {
  font-size: 14.21px;
  font-weight: 500;
  line-height: 51px;
  color: #151515;
}
.arzi__item .input {
  margin-bottom: 0;
  background-color: #e4e4e4;
  height: 51px;
  border-radius: 21px;
  width: 246px;
}
.arzi__item .input input {
  border: none;
  background-color: transparent;
  width: 100%;
  line-height: 51px;
  font-size: 14.21px;
  color: #949494;
}
.arzi__item .input input::-moz-placeholder {
  color: #949494;
}
.arzi__item .input input::placeholder {
  color: #949494;
}
.arzi__item .select select {
  margin: 0;
  width: 328.99px;
  height: 51px;
  border-radius: 21px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  direction: ltr;
  text-align: right;
  padding: 0 20px;
  line-height: 51px;
}
.arzi__item__top {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1.22px solid #cbcbcb;
  padding-bottom: 20px;
  margin-bottom: 23px;
}
.arzi__item__top__type__item {
  display: flex;
  align-items: center;
}
.arzi__item__middle {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.arzi__item__middle__right__form {
  display: grid;
  align-items: center;
  grid-template-columns: 336.25px 336.25px;
  grid-gap: 20px 33px;
  gap: 20px 33px;
  padding-bottom: 22px;
  border-bottom: 1.22px solid #cbcbcb;
  margin-bottom: 25px;
}
.arzi__item__middle__right__form .desc.mobile {
  display: none;
}
.arzi__item__middle__right__form .input {
  width: 336.25px;
}
.arzi__item__middle__right__screen {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.arzi__item__middle__right__screen__title {
  display: flex;
  margin-left: 10px;
  flex-direction: column;
}
.arzi__item__middle__right__screen__title > i {
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  background-color: #fff;
  color: #b2b2b2;
  border: 1px solid #cbcbcb;
}
.arzi__item__middle__right__screen__title p {
  font-size: 14.21px;
  line-height: 24px;
  color: #151515;
  font-weight: 500;
  margin: 0;
}
.arzi__item__middle__right__screen__title p span {
  display: block;
  font-size: 14.21px;
  line-height: 24px;
  color: #151515;
  font-weight: 600;
}
.arzi__item__middle__right__screen__upload {
  display: flex;
  align-items: flex-start;
}
.arzi__item__middle__right__screen__upload .upload {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 2px dashed #cbcbcb;
  width: 451.92px;
  height: 100px;
  border-radius: 21px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.arzi__item__middle__right__screen__upload .upload input {
  overflow: visible;
  display: none;
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: -1;
}
.arzi__item__middle__right__screen__upload .upload-title {
  margin-bottom: 15px;
}
.arzi__item__middle__right__screen__upload .upload-title svg {
  width: 27px;
  height: 25px;
  margin-right: 10px;
}
.arzi__item__middle__right__screen__upload .upload-title span {
  font-size: 15.46px;
  color: #151515;
  font-weight: bold;
  line-height: 26.12px;
}
.arzi__item__middle__right__screen__upload .upload-content span {
  font-size: 11.05px;
  color: #151515;
  font-weight: 500;
  line-height: 18.66px;
}
.arzi__item__middle__right__screen__upload .upload-content span:last-child {
  margin-right: 20px;
}
.arzi__item__middle__left .desc {
  margin-bottom: 27px;
}
.arzi__item__middle__left .input {
  width: 381px;
}
.arzi__item__middle__left__add_cart ul {
  border: 2px solid #cbcbcb;
  border-radius: 21px;
}
.arzi__item__middle__left__add_cart ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px;
  line-height: 46px;
  border-bottom: 2px solid #cbcbcb;
}
.arzi__item__middle__left__add_cart ul li:last-child {
  border-bottom: none;
}
.arzi__item__middle__left__add_cart ul li span {
  font-size: 14.21px;
  font-weight: 600;
  color: #151515;
}
.arzi__item__middle__left__add_cart ul li span ins {
  font-size: 19.34px;
  font-weight: 700;
  color: #151515;
  line-height: 51px;
  text-decoration: none;
}
.arzi__item__middle__left__add_cart ul li span.total ins {
  color: #ff0000;
}
.arzi__item__middle__left__add_cart ul li span small {
  font-size: 14.21px;
  font-weight: 500;
  line-height: 51px;
  color: #151515;
  margin-right: 5px;
}
.arzi__item__middle__left__button {
  margin-top: 15px;
}
.arzi__item__middle__left__button a {
  display: block;
  width: 100%;
  line-height: 51.1px;
  background-color: #1a45c1;
  border-radius: 21px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
[data-theme=dark] .arzi-breadcromb__item__list ul li {
  color: #c7c5ee;
}
[data-theme=dark] .arzi-breadcromb__item__sup span {
  color: #c7c5ee;
}
[data-theme=dark] .arzi-breadcromb__item__sup span i {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  font-size: 8px;
  background-color: #46b000;
  color: #fff;
}
[data-theme=dark] .arzi-breadcromb__item__sup a {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item .title span {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item .item label {
  background-color: #3b426b;
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item .item:last-child {
  margin-right: 10px;
}
[data-theme=dark] .arzi__item .item span ins {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item .item span small {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item .input input {
  background-color: #3b426b;
  color: #c7c5ee;
  border-radius: 21px;
}
[data-theme=dark] .arzi__item .input input::-moz-placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item .input input::placeholder {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item .select select {
  background-color: #3b426b;
  border-color: #1f1c50;
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item__top {
  border-color: #1f1c50;
}
[data-theme=dark] .arzi__item__middle__right__form {
  border-color: #1f1c50;
}
[data-theme=dark] .arzi__item__middle__right__screen__title > i {
  background-color: #3b426b;
  color: #fff;
  border-color: #1f1c50;
}
[data-theme=dark] .arzi__item__middle__right__screen__title p {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item__middle__right__screen__title p span {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item__middle__right__screen__upload .upload {
  border-color: #1f1c50;
  background-color: transparent;
}
[data-theme=dark] .arzi__item__middle__right__screen__upload .upload-title svg {
  width: 27px;
  height: 25px;
  margin-right: 10px;
}
[data-theme=dark] .arzi__item__middle__right__screen__upload .upload-title svg path {
  stroke: #c7c5ee;
}
[data-theme=dark] .arzi__item__middle__right__screen__upload .upload-title span {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item__middle__right__screen__upload .upload-content span {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item__middle__left__add_cart ul {
  border-color: #1f1c50;
}
[data-theme=dark] .arzi__item__middle__left__add_cart ul li {
  border-color: #1f1c50;
}
[data-theme=dark] .arzi__item__middle__left__add_cart ul li span {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item__middle__left__add_cart ul li span ins {
  color: #c7c5ee;
}
[data-theme=dark] .arzi__item__middle__left__add_cart ul li span.total ins {
  color: #ff0000;
}
[data-theme=dark] .arzi__item__middle__left__add_cart ul li span small {
  color: #c7c5ee;
}
@media (max-width: 1200px) {
  .arzi__item .title {
    margin-bottom: 10px;
  }
  .arzi__item .title span {
    font-size: 14.21px;
    color: #151515;
    font-weight: 500;
  }
  .arzi__item .item label {
    width: 71px;
  }
  .arzi__item .input {
    width: 146px;
  }
  .arzi__item .select select {
    width: 228.99px;
  }
  .arzi__item__top__type__item {
    display: flex;
    align-items: center;
  }
  .arzi__item__middle {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .arzi__item__middle__right__form {
    grid-template-columns: 236.25px 236.25px;
  }
  .arzi__item__middle__right__form .input {
    width: 236.25px;
  }
  .arzi__item__middle__right__screen__upload {
    display: flex;
    align-items: flex-start;
  }
  .arzi__item__middle__right__screen__upload .upload {
    width: 351.92px;
  }
  .arzi__item__middle__left .input {
    width: 281px;
  }
}
@media (max-width: 991px) {
  .arzi__item .title {
    margin-bottom: 10px;
  }
  .arzi__item .title span {
    font-size: 14.21px;
    color: #151515;
    font-weight: 500;
  }
  .arzi__item .item label {
    width: 71px;
  }
  .arzi__item .input {
    width: 100%;
  }
  .arzi__item .select select {
    width: 100%;
  }
  .arzi__item__top {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 20px;
    row-gap: 20px;
  }
  .arzi__item__top__type__item {
    display: flex;
    align-items: center;
  }
  .arzi__item__middle {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .arzi__item__middle__right__form {
    grid-template-columns: 186.25px 186.25px;
  }
  .arzi__item__middle__right__form .input {
    width: 186.25px;
  }
  .arzi__item__middle__right__screen__upload {
    display: flex;
    align-items: flex-start;
  }
  .arzi__item__middle__right__screen__upload .upload {
    width: 251.92px;
  }
  .arzi__item__middle__left {
    margin-right: 15px;
  }
  .arzi__item__middle__left .input {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .arzi__item {
    flex-wrap: wrap;
  }
  .arzi__item .title {
    margin-bottom: 10px;
  }
  .arzi__item .title span {
    font-size: 16px;
    color: #151515;
    font-weight: 500;
  }
  .arzi__item .item label {
    width: 101.25px;
    font-size: 17.18px;
  }
  .arzi__item .item span ins {
    font-size: 23.25px;
  }
  .arzi__item .item span small {
    font-size: 17.01px;
  }
  .arzi__item .input {
    width: 100%;
  }
  .arzi__item .select select {
    width: 100%;
  }
  .arzi__item__top {
    display: block;
  }
  .arzi__item__top__type__item {
    display: flex;
    align-items: center;
  }
  .arzi__item__top__paid {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 22px;
    padding-bottom: 22px;
    border-bottom: 1.22px solid #cbcbcb;
    margin-bottom: 22px;
  }
  .arzi__item__top__paid .title {
    margin-left: 38px;
    margin-bottom: 0;
  }
  .arzi__item__top__paid .title span {
    font-size: 14.21px;
  }
  .arzi__item__top__price {
    display: inline-block;
    margin-left: 15px;
    width: 47%;
  }
  .arzi__item__top__payment {
    display: inline-block;
    width: 47%;
  }
  .arzi__item__middle {
    display: block;
  }
  .arzi__item__middle__right__form {
    grid-template-columns: auto auto;
  }
  .arzi__item__middle__right__form .input {
    width: 100%;
  }
  .arzi__item__middle__right__form .desc.mobile {
    display: block;
    width: 100%;
    grid-column: span 2;
  }
  .arzi__item__middle__right__screen {
    display: block;
    padding-bottom: 35px;
    border-bottom: 1.22px solid #cbcbcb;
    margin-bottom: 25px;
  }
  .arzi__item__middle__right__screen__title {
    margin-bottom: 15px;
    flex-direction: row;
    align-items: center;
    margin-left: 0;
  }
  .arzi__item__middle__right__screen__title i {
    margin-left: 10px;
    margin-right: 0;
  }
  .arzi__item__middle__right__screen__upload {
    display: flex;
    align-items: flex-start;
  }
  .arzi__item__middle__right__screen__upload .upload {
    width: 100%;
  }
  .arzi__item__middle__left {
    margin-right: 15px;
  }
  .arzi__item__middle__left__add_cart ul li span {
    font-size: 16px;
  }
  .arzi__item__middle__left__add_cart ul li span ins {
    font-size: 23.25px;
  }
  .arzi__item__middle__left__add_cart ul li span small {
    font-size: 17.01px;
  }
  .arzi__item__middle__left .desc {
    display: none;
  }
  .arzi__item__middle__left .input {
    width: 200px;
  }
}
@media (max-width: 500px) {
  .arzi-breadcromb__item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .arzi-breadcromb__item__list ul li {
    font-size: 13px;
  }
  .arzi-breadcromb__item__sup {
    display: flex;
    align-items: center;
  }
  .arzi-breadcromb__item__sup span {
    font-size: 13.42px;
  }
  .arzi-breadcromb__item__sup a {
    font-size: 13.42px;
  }
  .arzi__item .item {
    width: 25%;
    margin-right: 10px;
  }
  .arzi__item .item:first-child {
    margin-right: 0;
  }
  .arzi__item .item label {
    width: 100%;
  }
}
/*# sourceMappingURL=styles.css.map */