@charset "utf-8";
/* CSS Document */

/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

 @font-face {
     font-family: "Poppins";
     src: url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "Poppins";
     src: url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff");
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "Poppins";
     src: url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff");
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "Poppins";
     src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff");
     font-weight: 600;
     font-style: normal;
     font-display: swap;
}
/* general start*/
 body {
     background: #f7f7f7;
     color: #4d4d4d;
     font-family: "Poppins";
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     line-height: 1.4;
     margin: 0;
     padding: 0;
}
 sub, sup {
     font-size: 75%;
     position: relative;
     vertical-align: baseline;
}
 sup {
     top: 10px;
     left: 10px;
}
 sub {
     bottom: 10px;
     right: 10px;
}
 ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
 ul li {
     padding: 0;
     margin: 0;
}
 h1, h2, h3, h4, h5, h6 {
     padding: 0;
     margin: 0;
     font-family: "Poppins";
     font-style: normal;
}
 h1 {
     font-size: 60px;
     line-height: 1.2;
     color: #222;
     font-weight: bold;
}
 h2 {
     font-size: 50px;
     line-height: 1.2;
     color: #222;
     font-weight: 700;
}
 h3 {
     font-size: 30px;
     line-height: 1.2;
     color: #222;
     font-weight: 600;
}
 h4 {
     font-size: 26px;
     line-height: 1.2;
     color: #222;
     font-weight: 600;
}
 h5 {
     font-size: 20px;
     line-height: 1.3;
     color: #222;
     font-weight: 600;
}
.text-dark {
    color: #000!important;
}
 p {
     padding: 0 0 20px 0;
     margin: 0;
}
 a {
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
     color: #04a45c;
     outline: none;
     text-decoration: none;
}
 a:hover, a:focus {
     color: #000;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
     text-decoration: none !important;
     outline: none !important;
}
 a > img {
     line-height: 0;
}
 select, button, input {
     box-shadow: none;
     outline: none;
}
 select:hover, button:hover, input:hover, select:focus, button:focus, input:focus {
     box-shadow: none;
     outline: none;
}
 select {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     background-image: url(../images/seclect-arrow.svg);
     background-repeat: no-repeat;
     background-position: 95% center;
}
 .btn_submit, input[type="submit"], input.btn_submit[type="submit"] {
     background: #019bc1;
     color: #fff;
     border: 1px solid #019bc1;
     border-radius: 0;
     font-family: "Poppins";
     font-weight: 500;
     font-style: normal;
     font-size: 16px;
     line-height: 18px;
     padding: 15px 30px;
     display: inline-block;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .btn_submit:hover, input[type="submit"]:hover, input.btn_submit[type="submit"]:hover, .btn_submit:focus, input[type="submit"]:focus, input.btn_submit[type="submit"]:focus {
     background: #019bc1;
     color: #fff;
     outline: 0;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
/* general end*/
 header.header {
     width: 100%;
     background: #fff;
     padding: 15px 0;
     position: fixed;
     z-index: 1000;
     top: 0;
     left: 0;
}
 nav.nav .primary-menu {
     gap: 20px;
     display: flex;
}
.desktopheader .btnicon{
min-width:30px;
}
 nav.nav .primary-menu > li {
     margin: 5px 0 0 0;
     position: relative;
}
 nav.nav .primary-menu > li > a {
     font-size: 14px;
     line-height: 1.3;
     color: #000;
     text-transform: capitalize;
     border-radius: 5px;
}
 nav.nav .primary-menu > li:hover > a {
     background-color: #FF725E21;
     color: #FF725E;
}
 nav.nav .primary-menu > li.active > a {
     color: #FF725E;
     background-color: #FF725E21;
}
 nav.nav .primary-menu > li > ul {
     position: absolute;
     left: 0;
     top: 110%;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
     background: #FF725E21;
     z-index: 100;
     min-width: 200px;
}
 nav.nav .primary-menu > li:hover > ul {
     top: 100%;
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 nav.nav .primary-menu > li > ul > li > a {
     padding: 6px 15px;
     color: #333;
     display: block;
     font-size: 13px;
}
 nav.nav .primary-menu > li > ul > li:hover > a {
     background: #fff;
}
 big {
     font-size: 140%;
     font-weight: 300;
     line-height: 1.8;
}
 .title1 {
     font-size: 40px;
     font-weight: 300;
     line-height: 1.2;
     color: #333;
}
 .title1 span {
     position: relative;
     z-index: 2;
     display: inline-block;
}
 .btn1 {
     padding: 10px 20px;
     border: none;
     line-height: 1.4;
     text-align: center;
     color: #707070;
     background: #ffe78a;
     display: inline-block;
     border-radius: 4px;
     white-space: nowrap;
}
 .btn1:hover {
     color: #fff;
     background: #2fc99a;
}
 .btn2 {
     padding: 10px 30px;
     border: none;
     line-height: 1.4;
     text-align: center;
     color: #fff;
     background: #2fc99a;
     display: inline-block;
     border-radius: 4px;
     white-space: nowrap;
}
 .btn2:hover {
     color: #707070;
     background: #ffe78a;
}
 .mnutog {
     line-height: 0;
     background: #fff !important;
     border: none !important;
     outline: none !important;
     padding: 0;
}
 .banner {
     background: #fffee4;
}
 .w-md-60 {
     width: 60%;
}
 .banner h2, .banner h3, .banner h1 {
     font-size: 28px;
     color: #080704;
     width: 74%;
}
 .bnrstrtsell {
     position: relative;
}
 .bnrstrtsell .form-control {
     height: 50px;
     border: none !important;
     outline: none !important;
}
.journeythmb img{
    min-height: 235px;
}
.bnrstrtsell .btn {
    padding: 15px;
    background: #58B28D;
    color: #fff;
    border: none !important;
    outline: none !important;
    font-size: 18px;
    line-height: 1.4;
}
 .banner .bnrstrtsell .btn {
     padding: 15px 30px;
     background: #25b58a;
     color: #fff;
     border: none !important;
     outline: none !important;
}
 .countsec h5 {
     color: #0e4597;
     font-size: 30px;
     margin-bottom: 5px;
     font-weight: bold;
     text-align: right;
}
 .countsec2 h5 {
     color: #2fc99a;
     font-size: 26px;
     margin-bottom: 5px;
     font-weight: bold;
}
 .countsecwrp .row > .col-lg-3:nth-child(1) .countsec2 {
     background: url(../images/count1.svg);
     background-repeat: no-repeat;
     background-size: 50px auto;
     background-position: 90% center;
}
 .countsecwrp .row > .col-lg-3:nth-child(2) .countsec2 {
     background: url(../images/count2.svg);
     background-repeat: no-repeat;
     background-size: 50px auto;
     background-position: 90% center;
}
 .countsecwrp .row > .col-lg-3:nth-child(3) .countsec2 {
     background: url(../images/count3.svg);
     background-repeat: no-repeat;
     background-size: 50px auto;
     background-position: 90% center;
}
 .countsecwrp .row > .col-lg-3:nth-child(4) .countsec2 {
     background: url(../images/count4.svg);
     background-repeat: no-repeat;
     background-size: 50px auto;
     background-position: 90% center;
}
 .whysupthmb {
     background: #2fc99a;
}
 .whysupthmbcon h4 {
     font-size: 22px;
     margin-bottom: 5px;
     font-weight: bold;
}
 .whysupthmbcon ul li {
     display: inline-block;
}
 .exclthmb {
     background: #ffe78a;
}
 .exclthmb h4 {
     color: #292929;
     font-weight: 600;
     font-size: 18px;
     margin: 10px 0;
     min-height: 43px;
}
 .exclthmb img {
     max-height: 50px;
}
 .vdosec {
     background: #6a6a6a;
}
 .howit {
     position: relative;
     z-index: 2;
}
 .howit h4 {
     color: #2fc99a;
     font-size: 26px;
     margin-bottom: 5px;
     font-weight: bold;
}
 .howit span {
     position: absolute;
     bottom: 10px;
     right: 10px;
     font-weight: bold;
     font-size: 70px;
     color: #f1f1f1;
     z-index: -1;
}
 .btnwhite {
     padding: 10px 30px 10px 30px;
     border-radius: 30px;
     display: flex;
     align-items: center;
     background: #fff;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 14px;
     color: #121313;
}
 .bggray {
     background: #2fc99a;
}
 .visisec h4 {
     font-weight: bold;
}
 .ftrtop {
     background: #353535;
     color: #fff;
}
 .ftrbtm {
     background: #242424;
}
 .ftrtop h3 {
     color: #fff;
     font-weight: bold;
     font-size: 20px;
     margin-bottom: 15px;
}
 .ftrsoc a {
     min-width: 30px;
     min-height: 30px;
     max-width: 30px;
     max-height: 30px;
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #ffe78a;
}
 .ftrmnu li {
     margin-bottom: 5px;
}
 .ftrmnu li i {
     line-height: 0;
     min-width: 30px;
     color: #ffe78a;
}
 .ftrmnu li a {
     display: flex;
     align-items: center;
     color: #fff;
}
 .ftrbtm {
     color: #ffe78a;
     font-size: 12px;
     font-weight: 500;
}
 .ftrabtsec {
     font-size: 14px;
}
 .frm .form-control {
     height: 50px;
}
 .radiobtn {
     display: flex;
     align-items: center;
     padding: 12px 15px;
     border-radius: 4px;
     position: relative;
     cursor: pointer;
     margin: 0;
     z-index: 1;
}
 .radiobtn input {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
}
 .radiobtn em {
     min-height: 36px;
     min-width: 36px;
     max-height: 36px;
     max-width: 32px;
     border-radius: 100%;
     background: #ebebeb;
     display: flex;
     align-items: center;
     justify-content: center;
     font-style: normal;
     font-size: 14px;
     font-weight: 500;
}
 .radiobtn em::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: #fff;
     left: 0;
     top: 0;
     z-index: -1;
     border: 1px solid #ccc;
     border-radius: 4px;
     transition: all 400ms;
}
 .radiobtn span {
     margin-left: 15px;
     font-size: 15px;
     color: #222;
     transition: all 400ms;
}
 .radiobtn input:checked + em {
     background: #fff;
     color: #2fc99a;
}
 .radiobtn input:checked + span {
     color: #fff;
}
 .radiobtn input:checked + em::before {
     background: #2fc99a;
     border: 1px solid #2fc99a;
}
 .frm .btn2 {
     height: 50px;
}
 .card.done .card-header {
     position: relative;
}
 .card-header {
     padding: 15px;
     font-size: 22px;
     font-weight: 600;
}
 .card1.done .card-header:after {
     content: "";
     top: 50%;
     transform: translateY(-50%);
     position: absolute;
     right: 15px;
     height: 30px;
     width: 30px;
     background: url(../images/done-check.svg);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 30px auto;
}
 .businessinfotit {
     display: none;
}
 .step1done header.header .btn1 {
     display: none;
}
 .step1done header.header .businessinfotit {
     display: block;
}
 .inputwithlabl {
     position: relative;
     padding-left: 10px;
     width: 100%;
}
 .inputwithlabl small {
     font-size: 12px;
     line-height: 1;
}
 .inputtxt {
     padding: 0 30px 5px 0;
     border-top: none !important;
     border-left: none !important;
     border-right: none !important;
     border-bottom: 1px solid #ccc !important;
     height: 24px;
     width: 100%;
}
 .inputtxt.border-0 {
     border: none !important;
}
 .inputtxt:read-only {
     font-weight: 500;
     color: #999;
}
 .edt {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     border: none !important;
     background: #fff !important;
     padding: 0 !important;
}
 .inputwithlabl .btn-outline-success {
     border-radius: 30px;
}
 .btn-sm {
     font-size: 10px !important;
     padding: 5px 10px;
     line-height: 1.4;
}
.daybtngroup .btn.active{
    background-color: #FF725E;
    color: #fff;
}
.shadow-sm1{
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
}
 .holder {
     min-height: 100px;
     min-width: 100px;
     max-height: 100px;
     max-width: 100px;
     margin-right: 10px;
     border: 1px solid #ccc;
     display: flex;
     justify-content: center;
     overflow: hidden;
     align-items: center;
     cursor: pointer;
     position: relative;
}
 .holder img, .proavater img {
     width: 100%;
}
 .holder input, .proavater input {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     opacity: 0;
     z-index: 2;
}
 .proavater {
     min-height: 110px;
     min-width: 110px;
     max-height: 110px;
     max-width: 110px;
     margin: 0 auto;
     border: 2px solid #ccc;
     display: flex;
     justify-content: center;
     overflow: hidden;
     align-items: center;
     cursor: pointer;
     position: relative;
     border-radius: 100%;
}
 .proavaterwrp {
     position: relative;
     min-height: 110px;
     min-width: 110px;
     max-height: 110px;
     max-width: 110px;
     margin: 0 auto;
}
 .cameraico {
     position: absolute;
     bottom: 5px;
     right: -5px;
}
.btn1.btn-sm {
    padding: 6px 15px !important;
    height: 32px;
    font-size: 12px;
}
 .profileprogress {
     width: 100%;
     height: 5px;
     background: #d8d8d8;
     position: relative;
     overflow: hidden;
}
 .profileprogress .active {
     position: absolute;
     height: 5px;
     width: 10%;
     left: 0;
     top: 0;
     background: #4bbb3f;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .savebtn {
     background-color: #28A745;
     color: #fff;
     border: 1px solid #28A745 !important;
     border-radius: 4px;
     padding: 10px;
     text-align: center;
     font-weight: 600;
     text-transform: uppercase;
}
.btn-primary-outline{
    background-color: #fff;
     color: #28A745;
     border: 1px solid #28A745 !important;
     border-radius: 4px;
     padding: 10px;
     text-align: center;
     font-weight: 600;
     text-transform: uppercase;
}
.rounded-6{
    border-radius: 6px;
}
.rounded-8{
    border-radius: 8px;
}
 .radio2style {
     position: relative;
}
 .radio2style input {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
}
 .radio2style i {
     min-height: 50px;
     min-width: 50px;
     max-height: 50px;
     max-width: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fe7a00;
}
 .radio2style span {
     padding-left: 10px;
}
 .radio2style input:checked + i {
     background: #2c2c2c;
}
 .row5 {
     margin-left: -5px;
     margin-right: -5px;
}
 .row5 > .col-6 {
     padding-left: 5px;
     padding-right: 5px;
}
 .radio3style {
     position: relative;
     border-radius: 4px;
     cursor: pointer;
}
 .radio3style input {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
}
 .radio3style i {
     min-height: 50px;
     min-width: 50px;
     max-height: 50px;
     max-width: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
}
#btn_start{
    white-space: nowrap;
}
 .radio3style span {
     padding-left: 10px;
}
 .radio3style em {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     border: 1px solid #f1f1f1;
     border-radius: 4px;
}
 .radio3style input:checked + em {
     border: 1px solid #04a45c;
}
 .swatch {
     position: relative;
     display: block;
     width: 57px;
     height: 20px;
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transform: translate3d(0, 0, 0);
     margin: 0;
}

.toggle:before {
    content: "";
    position: relative;
    top: -4px;
    left: 0;
    width: 57px;
    height: 27px;
    display: block;
    background: #ccc;
    border-radius: 43px;
    transition: background 0.2s ease;
}
.toggle span {
    position: absolute;
    top: -3px;
    left: 0;
    transform: translateX(2px);
    width: 25px;
    height: 25px;
    display: block;
    background: white;
    border-radius: 14px;
    box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
    transition: all 0.2s ease;
}
 .swatch span:before {
     content: "";
     position: absolute;
     display: block;
     margin: -18px;
     width: 56px;
     height: 56px;
     background: rgba(79, 46, 220, 0.5);
     border-radius: 50%;
     transform: scale(0);
     opacity: 1;
     pointer-events: none;
}
 #cbx, .swatchinput {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
     z-index: 2;
     height: 100%;
     width: 100%;
     cursor: pointer;
}
.btnicon.px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.floatbtn{
    height: 50px;
    width: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000 !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: #000 !important;
    position: fixed;
    right: 15px;
    bottom: 140px;
    z-index: 99;
}
.frm-sm .form-control{
    min-height: 30px;
    font-size: 12px;
}
.selectize-input{
    min-height: 100% !important;
    height: inherit !important;
}
 #cbx:checked + .toggle:before, .swatchinput:checked + .toggle:before{
     background: #FF725E;
}
#cbx:checked + .toggle span, .swatchinput:checked + .toggle span {
     background: #fff;
     left: 7px;
     transform: translateX(24px);
     transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
     box-shadow: 0 0 10px rgba(79, 46, 220, 0.4);
}
#cbx:checked + .toggle span:before, .swatchinput:checked + .toggle span:before {
     transform: scale(1);
     opacity: 0;
     transition: all 0.4s ease;
}
 .swatch {
     position: relative;
}
 .dashwrp {
     display: flex;
     flex-wrap: wrap;
}
 .dashhdr {
    position: fixed;
    left: 0;
     width: 250px;
     z-index: 2;
     -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
 .dashinr {
    width: calc(100% - 250px);
    min-height: calc(100vh - 63px);
     margin-left:250px;
     position: relative;
     background-color: #f3f7ff;
     -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.poscatbtn{
    border:none !important;
    box-shadow: none !important;
    background-color: transparent;
    text-align: center;
    padding: 0;
    width: 100%;
}
.poscatbtnico{
    min-height: 82px;
    min-width: 82px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 2px;
    border: 2px solid #f1f1f1;
    background-color: #fff;
}
.poscatbtn small{
    display: block;
    margin-top: 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.posprodlistimg img{
    height: 150px;
    object-fit: cover;
}
.poscatbtn:hover .poscatbtnico, .poscatbtn.active .poscatbtnico{
    border-color: #FF725E;
}
.poscatmnuinr{
    margin-right: 10px;
}
.posprodlist{
    position: relative;
    overflow: hidden;
}
.posprodlist input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.posprodlistimg{
    position: relative;
}
#poscheckout, #addposcustaddress{
    background-color: rgba(0,0,0,0.5);
}
.checkpayoption label {
    color: #222;
    cursor: pointer;
    margin: 0;
    z-index: 2;
}
.checkpayoption input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}
.checkpayoption span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-color: #fff;
}
.checkpayoption input[type="radio"]:checked + span {
    background-color: #FF725E;
}
.checkpayoption input[type="radio"]:checked + span + div{
    color: #fff;
}
.checkpayoption big {
    font-weight: 600;
    font-size: 14px;
}
.checkpayoption small {
    font-size: 65%;
}
.checkpayoption input[type="radio"]:checked + span + big, .checkpayoption input[type="radio"]:checked + span + big + small {
    color: #fff;
}
.checkpayoption input[type="radio"]:checked + span + big, .checkpayoption input[type="radio"]:checked + span + big + small {
    color: #fff;
}
.btn30x30{
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.btnred{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:5px;
    background-color: #FF725E;
    padding: 10px 20px;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 4px;
}
.btncancel{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:5px;
    background-color: #8b8b8b;
    padding: 10px 20px;
    color: #fff;
    border: none !important;
    box-shadow: none !important;
}
.jurnycon small{
    min-height: 63px;
}
.advantgthmbinr  small{
    min-height: 80px;
}
.posprodlistimg:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: '';
    color: #fff;
    background-color: #FF725E;
    background-image: url(../images/poscheck.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px auto;
    text-align: center;
    opacity: 0;
    border-radius: 0 0 8px 0;
}
.posprodlist input:checked + .posprodlistimg{
    border: 1px solid #FF725E !important;
}
.posprodlist input:checked + .posprodlistimg:after{
    opacity: 1;
}
.posprodlist input:checked + .posprodlistimg > img{
    opacity: 0.5;
}
#poscheckout .modal-dialog, #addposcustaddress .modal-dialog{
    max-width: 380px;
    position: absolute;
    transform: none !important;
    right: -100%;
    top: 0;
    margin: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#poscheckout .modal-content, #addposcustaddress .modal-content{
    border-radius: 0;
}
#poscheckout.show .modal-dialog, #addposcustaddress.show .modal-dialog{
    right: 0;
    margin: 0;
}
#poscheckout .modal-body{
    height: calc(100vh - 203px);
    overflow: auto;
    border-radius: 0;
}
#addposcustaddress .modal-body{
    height: calc(100vh - 120px);
    overflow: auto;
    border-radius: 0;
}
.notfbtn {
     border: none !important;
     outline: none !important;
     padding: 0;
     background: rgba(0, 0, 0, 0);
}
.pospaysec{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.posordrlst .nav-pills .nav-link{
    background-color: #fff;
}
.posordrlst .nav-pills .nav-link.active{
    background-color: #FF725E;
}
.posprodtitmsleft{
    height: calc(100vh - 57px);
    overflow: auto;
}
.addposmoreitems{
    display: inline-flex;
    gap: 5px;
    align-items: center;
    padding: 10px 15px;
    background-color: #fff !important;
    border-radius: 30px;
    border: 1px solid #FF725E !important;
}
.positemlistwrp{
    height: calc(100vh - 330px);
    overflow: auto;
}
.posprntbtn{
    height: 60px;
    display: block;
    background-color: #8b8b8b;
    color: #fff;
    border: none !important;
    box-shadow: none !important;
    width: 30%;
}
.pospaybtn{
    height: 60px;
    display: block;
    background-color: #FF725E;
    color: #fff;
    border: none !important;
    box-shadow: none !important;
    width: 70%;
    font-weight: bold;
    font-size: 16px;
}
 .swatch small {
     position: absolute;
     left: 7px;
     top: 6px;
     font-size: 8px;
     line-height: 1;
     color: rgba(0, 0, 0, 0);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 !important;
}
 #cbx:checked + .toggle + small {
     color: #fff;
}
 .dashhdr {
     background: #fff;
     min-height: 100vh;
}
 .dashhdrinr {
     padding: 15px;
     background: #080704;
}
 .logo-round img {
     width: 40px;
}
.dashhdr nav.nav .primary-menu {
    display: flex;
    padding: 10px 20px;
    flex-direction: column;
    height: calc(100vh - 62px);
    overflow-y: auto;
    overflow-x: hidden;
}
 .dashhdr nav.nav .primary-menu > li > a{
     padding: 10px 15px;
     display: flex;
     white-space: nowrap;
     align-items: center;
     font-weight: 500;
}
.primary-menu.dashmnu > li > a{
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap:10px;
}
.primary-menu.dashmnu > li > a.hassub:after{
    display: none;
}
 .dashhdr nav.nav .primary-menu > li > a i{
     width: 30px;
     display: inline-block;
     line-height: 0;
}
.submenu > ul > li > a i {
    width: 40px;
}
.primary-menu.dashmnu > li > a i {
    width: 30px;
    display: inline-block;
}
 .dashhdr nav.nav .primary-menu > li > a i img, .primary-menu.dashmnu > li > a i img {
     max-width: 16px;
     max-height: 16px;
     position: relative;
     top: -3px;
}
 .notifi {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
}
 .primary-menu.dashmnu {
     display: none;
     margin: 20px 0;
}
 .primary-menu.dashmnu > li > a {
     background: #FF725E;
     font-size: 14px;
     color: #fff;
     border-radius: 4px;
}
 .modal-title {
     position: relative;
}
.gap-10{
    gap:10px;
}
.gap-15{
    gap:15px;
}
.shadow-light{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.04);
}
.bg-light-blue{
    background-color: #FCFDFF;
}
 .backbtn {
     padding: 0;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     background: rgba(0, 0, 0, 0);
     z-index: 5;
}
 .pophdrsrchbtn {
     padding: 0;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     background: rgba(0, 0, 0, 0);
     z-index: 5;
}
 .btnicon {
     background: rgba(0, 0, 0, 0) !important;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     padding: 0 !important;
}
.btnico30{
    background: rgba(0, 0, 0, 0) !important;
     border: 1px solid #ccc !important;
     box-shadow: none !important;
     outline: none !important;
     padding: 0 !important;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     height: 30px;
     width: 30px;
}
.btnico{
    background: rgba(0, 0, 0, 0) !important;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     padding: 0 !important;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
}
.dropdown-menu .dropdown-item {
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    gap: 7px;
}
.ftrbtmlight {
     background: #28A745 !important;
}
 .ftrbtmdark {
     background: #212121 !important;
}
 .imagecheckbox label {
     display: block;
     margin: 0;
     position: relative;
}
 .imagecheckbox label input {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
}
 .imagecheckbox label span {
     border: 5px solid #f1f1f1;
     display: block;
     border-radius: 0.25rem;
}
 .imagecheckbox label span img {
     width: 100%;
}
 .imagecheckbox label input:checked + span {
     border-color: #515453;
}
 .imagecheckbox label input:checked + span img {
     opacity: 0.6;
}
 .prodlist {
     background: #fff;
     padding: 5px;
     border-radius: 0.25rem;
     position: relative;
}
 .prodlist input {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     z-index: 2;
}
 .prodlist span {
     min-height: 24px;
     max-height: 24px;
     min-width: 24px;
     max-width: 24px;
     border: 2px solid #44af5d;
     border-radius: 0.25rem;
     position: relative;
}
 .prodlist input:checked + span {
     background: #44af5d;
}
 .prodlist input:checked + span:after {
     content: "✔";
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     color: #fff;
}
.multipleimgupload {
    position: relative;
    padding: 30px;
    border: 2px dashed #6BB466;
    border-radius: 5px;
    color: #6BB466;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
}
.multipleimgupload input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 5;
    cursor: pointer;
}
.multipleimgupload h4 {
    color: #6BB466;
}
.uploadimages .image-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.uploadimages .image-item {
    position: relative;
    max-width: 100px;
    border-radius: 4px;
    overflow: hidden;
}
.uploadimages .image-item button {
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 0;
    height: 30px;
    width: 30px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: rgba(0,0,0,0) !important;
    background-image: url(../images/bin.svg);
    background-repeat: no-repeat !important;
    background-position: center center;
    background-size: 24px auto;
    cursor: pointer;
}
.feedbackbtncancel {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #fff !important;
    background-color: #707070 !important;
    text-align: center;
}
.vandorbanner {
padding:90px 0!important;
}
.feedbackbtnsubmit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #fff !important;
    background-color: #6BB466 !important;
    text-align: center;
}
 .hdrcountprod span {
     height: 30px;
     width: 30px;
     border-radius: 100%;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     background: #2fc99a;
     border-radius: 100%;
}
 .hdrcountprod small {
     line-height: 1;
     font-size: 10px;
}
 .frm label {
     margin: 0;
     font-size: 12px;
     line-height: 1;
}
 .frm textarea.form-control {
     height: 100px;
}
 .upload__img-wrap {
     display: flex;
}
 .upload__img-box {
     width: 50px;
     height: 50px;
     max-width: 50px;
     max-height: 50px;
     margin-right: 10px;
}
 .upload__img-box > div {
     width: 50px;
     height: 50px;
     border: 2px solid #707070;
     border-radius: 0.25rem;
     background-repeat: no-repeat;
     background-size: cover;
}
 .prodimginr {
     position: relative;
     min-width: 50px;
     min-height: 50px;
     max-height: 50px;
     max-width: 50px;
     margin-right: 10px;
     border: 2px solid #707070;
     border-radius: 0.25rem;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .prodimgsec {
     display: flex;
     width: 100%;
     flex-wrap: wrap;
     overflow: hidden;
}
 .prodimgsec input {
     opacity: 0;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
 .midloption {
     max-width: 150px;
}
 .chcchbox2 {
     position: relative;
}
 .chcchbox2 input[type="checkbox"] {
     height: 0;
     width: 0;
     visibility: hidden;
     position: absolute;
}
 .chcchbox2 label {
     cursor: pointer;
     text-indent: -9999px;
     width: 40px;
     height: 17px;
     background: #dfdfdf;
     display: block;
     border-radius: 100px;
     position: relative;
}
 .chcchbox2 label:after {
     content: "";
     position: absolute;
     top: 2px;
     left: 2px;
     width: 13px;
     height: 13px;
     background: #fff;
     border-radius: 90px;
     transition: 0.2s;
}
 .chcchbox2 input:checked + label {
     background: #2fc99a;
}
 .chcchbox2 input:checked + label:after {
     left: calc(100% - 2px);
     transform: translateX(-100%);
}
 .chcchbox2 label:active:after {
     width: 20px;
}
.posaddcustomr .form-control {
    font-size: 12px;
    min-height: 30px;
    height: 30px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.posaddcustomrbtn{
    background: #FF725E !important;
    border: none !important;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.checkcard{
    position: relative;
    overflow: hidden;
}
.checkcard input{
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.checkcardinr{
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}
.checkcard input:checked + .checkcardinr{
    background-color: #e4e4e4;
}
 .btngray {
     background: #ececec;
     padding: 6px 20px;
     display: inline-block;
     border-radius: 30px;
     border: none !important;
     outline: none !important;
     box-shadow: none !important;
     font-size: 12px;
}
 .vartbl {
     font-size: 12px;
}
 .heiinharite {
     height: inherit !important;
}
 .vartbl, .vartbl tr, .vartbl td, .vartbl th {
     border: none !important;
}
 .vartbl th, .vartbl td {
     padding: 5px;
}
 .prodlistwrp > ul > li > ul > li > .show {
     border-left: 5px solid #2fc99a;
}
 .prodlistwrp > ul > li > ul > li > ul > li .show {
     border-left: 10px solid #2fc99a;
}
 .modalbottom .modal-body, .modalleft .modal-body {
     overflow-y: auto;
}
 .modalbottom .modal-header, .modalleft .modal-header {
     /* position: sticky; */
     top: 0;
     left: 0;
     width: 100%;
     background-color: #fff;
}
 .modalbottom .modal-footer, .modalleft .modal-footer {
     /* position: absolute; */
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 5px;
     background: #fff;
     display: block;
}
 .modalbottom .modal-footer button, .modalleft .modal-footer button {
     border-radius: 5px;
     margin: 0;
}
 .logo-store {
     height: 50px;
     width: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     background: #fff;
}
 nav.nav > .menu-main-menu-container {
     width: 100%;
}
.overflow-x-auto{
    overflow-x: auto;
}
 .submenu > ul > li > a {
     padding: 12px 15px;
     font-size: 14px;
     color: #212121;
     display: block;
     white-space: nowrap;
}
 .submenu > ul > li > a i img {
     width: 15px;
     position: relative;
     top: -2px;
}
 .hassub {
     position: relative;
}
 .mnuaccordion .hassub:after {
     height: 12px;
     width: 12px;
     background: url(../images/up-arw.svg);
     background-repeat: no-repeat !important;
     background-position: center center !important;
     background-size: 20px auto !important;
     content: "";
     position: absolute;
     right: 10px;
     top: 50%;
     transform: translateY(-50%);
}
 .mnuaccordion .hassub.collapsed:after {
     background: url(../images/down-arw.svg);
}
 .mnuaccordion li a.desk-v .arwsub {
     transform: rotate(180deg);
}
 .mnuaccordion li a.desk-v .arwsub.collapsed {
     transform: rotate(0);
}
 .text-999 {
     color: #999;
}
 .form-control::-webkit-input-placeholder, .whiteinput::-webkit-input-placeholder {
     color: #999;
}
 .form-control::-moz-placeholder, .whiteinput::-moz-placeholder {
     color: #999;
}
 .form-control:-ms-input-placeholder, .whiteinput:-ms-input-placeholder {
     color: #999;
}
 .form-control:-moz-placeholder, .whiteinput:-moz-placeholder {
     color: #999;
}
 .form-control {
     font-size: 13px;
     color: #999;
     height: 40px;
}
 select.input-sm {
     background-color: #f1f1f1;
     font-size: 10px;
     border-color: #f1f1f1;
     box-shadow: none !important;
     height: 28px;
     padding: 5px 22px 5px 7px;
     min-width: 110px;
}
 .whiteinput {
     box-shadow: none !important;
     outline: none !important;
     border: none !important;
     color: #999;
}
 .aaadprodwrp {
     font-size: 13px;
}
 .aaadprodwrp a {
     color: #999;
}
 .aaadprodwrp .tab-content {
     border-left: 1px solid #dee2e6;
     border-right: 1px solid #dee2e6;
     border-bottom: 1px solid #dee2e6;
     border-radius: 0 0 0.25rem 0.25rem;
}
 .ftrbtmf1f1f1 {
     background: #f1f1f1 !important;
     border-color: #f1f1f1 !important;
}
 .ftrbtmgrn {
     background: #44af5d !important;
     border-color: #44af5d !important;
}
.image-uploader {
     min-height: 10rem;
     border: 1px solid #d9d9d9;
     position: relative;
}
.image-uploader.drag-over {
     background-color: #f3f3f3;
}
.image-uploader input[type="file"] {
     width: 0;
     height: 0;
     position: absolute;
     z-index: -1;
     opacity: 0;
}
.image-uploader .upload-text {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
}
.image-uploader .upload-text i {
     display: block;
     font-size: 3rem;
     margin-bottom: 0.5rem;
}
.image-uploader .upload-text span {
     display: block;
     font-size: 12px;
     color: #999;
}
.image-uploader.has-files .upload-text {
     display: none;
}
.image-uploader .uploaded {
     padding: 0.5rem;
     line-height: 0;
}
.image-uploader .uploaded .uploaded-image {
     display: inline-block;
     width: calc(33.333% - 1rem);
     height: 0;
     position: relative;
     margin: 0.5rem;
     background: #f3f3f3;
     cursor: default;
}
.image-uploader .uploaded .uploaded-image img {
     width: 100%;
}
.image-uploader .uploaded .uploaded-image .delete-image {
     cursor: pointer;
     position: absolute;
     top: 0.2rem;
     right: 0.2rem;
     border-radius: 50%;
     padding: 0.3rem;
     background-color: rgba(0, 0, 0, 0.7);
     -webkit-appearance: none;
     appearance: none;
     border: none;
     height: 30px;
     width: 30px;
     background-image: url(../images/close-round-white.svg);
     background-repeat: no-repeat;
     background-position: center center;
}
.image-uploader .uploaded .uploaded-image:hover .delete-image {
     display: block;
}
.image-uploader .uploaded .uploaded-image .delete-image i {
     color: #fff;
     font-size: 1.4rem;
}
.uploadicon {
     height: 50px;
     width: 50px;
     background: url(../images/image-plus.svg);
     background-repeat: no-repeat;
     background-position: center center;
}
.scrolltab {
     max-width: 100%;
     overflow: auto;
     min-height: 32px;
}
.scrolltab .nav-tabs {
     flex-wrap: nowrap;
}
.nav-tabs a {
     color: #999;
}
.input-group-append.left {
     left: 0;
     right: inherit;
}
.stksrchsec {
     position: sticky;
     left: 0;
     top: 0;
     z-index: 10;
     background: #fff;
}
.dlvrtag{
    padding: 5px 10px;
    font-size: 12px;
    color: #000;
    background-color: #E9E9E9;
}
.btn-f1f1f1 {
     background-color: #f1f1f1;
     border-color: #f1f1f1;
}
.optionalbtn {
     color: #999;
     font-size: 13px;
}
.card-header, .card-footer {
     font-size: 12px;
}
.card-body {
     color: #999;
     font-size: 12px;
}
.row5 > div {
     padding-left: 5px;
     padding-right: 5px;
}
.bg-success {
     background-color: #69b04a !important;
}
.bg-f1f1f1 {
     background-color: #f1f1f1;
}
.swatch2 {
     position: relative;
     z-index: 2;
}
.swatch2 input {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
}
.swatch2 span {
     height: 12px;
     width: 30px;
     display: block;
     background: #e6e6e6;
     border-radius: 10px;
}
.swatch2 span:after {
     content: "";
     position: absolute;
     left: 0;
     height: 15px;
     width: 15px;
     border-radius: 100%;
     border: 1px solid #44af5d;
     background: #fff;
     top: -1.5px;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
.swatch2 input:checked + span:after {
     left: 15px;
     background: #44af5d;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
.ftrnote {
     font-size: 12px;
     line-height: 1.2;
}
.form-group {
     position: relative;
}
.form-group sub {
     font-size: 10px;
     font-weight: normal;
     font-style: normal;
     color: #f00;
     position: absolute;
     top: 113%;
     right: 0;
}
.flexradio {
     background: #f1f1f1;
     border-radius: 10px;
     overflow: hidden;
}
.flexradio label {
     position: relative;
     margin: 0;
}
.flexradio label input {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
}
.flexradio label span {
     color: #999;
     font-size: 10px;
     display: block;
     padding: 2px 10px;
     border-radius: 10px;
}
.flexradio label input:checked + span {
     color: #fff;
     background: #44af5d;
}
.inputblank {
     border: none !important;
     padding: 5px;
     box-shadow: none !important;
     outline: none !important;
     width: 100px;
}
.modalbtm {
     background: rgba(0, 0, 0, 0.5);
}
.modalbtm .modal-dialog {
     padding: 0;
     margin: 0 auto;
     height: 100%;
     transform: none !important;
}
.modalbtm .modal-content {
     border-radius: 5px 5px 0 0;
     position: absolute;
     bottom: -100px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
.modalbtm.show .modal-content {
     bottom: 0;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
.chkboxbtn {
     margin-bottom: 0;
     position: relative;
     overflow: hidden;
}
.chkboxbtn input {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
}
.chkboxbtn span {
     display: block;
     background: #fff;
     color: #999;
     border: 1px solid #ccc;
     border-radius: 50rem;
     font-size: 13px;
     padding: 8px 20px;
}
.chkboxbtn input:checked + span {
     background: #ccc;
     color: #212121;
}
.rounded-pill.btn-f1f1f1 {
     background: #fff !important;
     color: #44af5d !important;
     border-color: #44af5d !important;
}
.tbldltbtn {
     position: relative;
     top: -3px;
}
.mob-v {
     display: none !important;
}
.desk-v {
     display: flex !important;
}
.table td, .table th {
     padding: 5px;
     vertical-align: middle;
     font-size: 12px;
     line-height: 1.4;
}
.btnoutnile {
     background-color: #fff;
     border: 1px solid #ccc;
     padding: 5px;
}
.dataTables_scrollBody {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
}
.dataTables_scrollBody::-webkit-scrollbar {
     width: 8px;
     height: 8px;
}
.dataTables_scrollBody::-webkit-scrollbar-track {
     background: #f1f1f1;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
     background: #2fc99a;
     border-radius: 10px;
}
.page-item.active .page-link {
     background-color: #2fc99a;
     border-color: #2fc99a;
}
.btn {
     font-size: 13px;
}
.bootstrap-tagsinput {
     background-color: #fff;
     border: 1px solid #ced4da;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     display: inline-block;
     padding: 4px 6px;
     color: #555;
     vertical-align: middle;
     border-radius: 4px;
     width: 100%;
     line-height: 22px;
     cursor: text;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .bootstrap-tagsinput input {
     border: none;
     box-shadow: none;
     outline: none;
     background-color: transparent;
     padding: 0 6px;
     margin: 0;
     width: auto;
     max-width: inherit;
     min-height: 28px;
}
 .bootstrap-tagsinput.form-control input::-moz-placeholder {
     color: #777;
     opacity: 1;
}
 .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
     color: #777;
}
 .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
     color: #777;
}
 .bootstrap-tagsinput input:focus {
     border: none;
     box-shadow: none;
}
 .bootstrap-tagsinput .badge {
     margin-right: 2px;
     margin-top: 1px;
     margin-bottom: 1px;
     display: flex;
     align-items: center;
     color: white;
     font-weight: normal;
     background-color: #2fc99a;
     padding: 4px 8px;
     border-radius: 3px;
     border: 1px solid #2fc99a;
}
 .bootstrap-tagsinput .badge [data-role="remove"] {
     margin-left: 8px;
     cursor: pointer;
     height: 14px;
     width: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
     line-height: 1;
}
 .bootstrap-tagsinput .badge [data-role="remove"]:after {
     content: "x";
     padding: 0px 4px;
     background-color: rgba(0, 0, 0, 0.5);
     border-radius: 50%;
     font-size: 13px;
}
 .bootstrap-tagsinput .badge [data-role="remove"]:hover:after {
     background-color: rgba(0, 0, 0, 0.62);
}
 .bootstrap-tagsinput .badge [data-role="remove"]:hover:active {
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* resgistration css */
 .registersec {
     position: relative;
     width: 100%;
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .registersec::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 50%;
     background-color: #FFF6D5;
     height: 100%;
}
 .container-xl {
     max-width: 90% !important;
}
 .lgsidebbox {
     background-color: #fff;
     border-radius: 10px;
     padding: 20px 20px 20px 20px;
     box-shadow: 0px 0px 10px rgba(23, 23, 23, 0.084);
}
 .lgsidebboximg {
     width: 50px;
     height: 50px;
     border-radius: 5px;
     background-color: #2fc99b12;
     text-align: center;
     justify-content: center;
     display: flex;
     align-items: center;
     margin-bottom: 15px;
}
 .lgsidebboximg svg {
     width: 25px;
     height: 25px;
}
 .bmlogo img {
     width: 100px;
}
 .col-lg-6.cudtomrtpdng {
     margin: auto;
}
 .lgsidebbox p {
     padding-bottom: 0;
}
 .ftrlink {
     position: absolute;
     bottom: 0;
     font-size: 11px;
     width: 50%;
     left: 0;
     text-align: center;
     padding: 12px 0;
}
 .loginbox {
     padding: 0;
     width: 100%;
     margin: 0 auto;
}
.loginbox.p-3{
    width: 500px;
}
 .btn1.dsbl1 {
     background-color: #2fc99b6c !important;
}
 .btn.btn_prev {
     background-color: #fff12e6c;
     width: 100%;
}
 .btn123 {
     background-color: #2fc99a;
     color: #fff;
     padding: 5px 15px;
     width: 100%;
     transition: all 400ms;
     outline: none;
     border: none;
}
 .btn123:disabled {
     background-color: #dddddd;
}
/* #otpbox, #SelectLanguage, #workas, #whatduusell, #profilesetep1 {
     width: 100%;
     position: relative;
     bottom: 50%;
     left: 50%;
     transform: translateX(-50%);
}
 */
 .loginbox h5 {
     color: #666;
}
 .cudtomlftpdng {
     padding-left: 100px;
}
 .otp {
     border-radius: 4px;
     border: 1px solid #ddd;
     transition: all 400ms;
}
 .otpboxdesign input {
     display: inline-block;
     width: 50px;
     height: 50px;
     text-align: center;
     margin: 0 10px;
}
 .loginbox .btn1 {
     background-color: #2fc99a;
     color: #fff;
     padding: 10px 30px;
     transition: all 400ms;
}
 .loginbox .btn1:hover {
     background-color: #25b58a;
}
 .loginbox p {
     font-size: 14px;
     padding-bottom: 10px;
}
 .otp:focus {
     outline: none;
     box-shadow: none;
     border: #2fc99a solid 1px;
}
 .row.workasfrmrow {
     margin-right: -5px;
     margin-left: -5px;
}
 .wrkradiobtn {
     padding: 15px 0 0 0px;
     border-radius: 4px;
     position: relative;
     cursor: pointer;
     margin: 0;
     z-index: 1;
     display: block;
}
 .wrkradiobtn input {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
     cursor: pointer;
}
 .wrkradiobtn div {
     border: 5px solid #d2d2d2;
     width: 100%;
     height: 100%;
     padding: 15px;
     border-radius: 4px;
     margin-bottom: 5px;
     transition: all 400ms;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position: center center !important;
}
.wrkradiobtn span {
     font-size: 14px;
}
 .wrkradiobtn input:checked + div {
     border: 5px solid #58B28D;
}
 .wrkradiobtn input:checked + div svg {
     fill: #fff;
}
 .workasfrmrow .form-group {
     margin-bottom: 0;
}
 .profilesection .form-control {
     height: auto;
     padding: 12px 12px 12px 0px;
     font-size: 15px;
}
 .profilesection .form-control::placeholder {
     opacity: 1;
     color: #ccc;
}
 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #2fc99a;
     outline: 0;
     box-shadow: none;
}
 .profilesection .input-group-text {
     background-color: #fff;
     border-color: #ddd;
     border-right: 0;
}
 .profilesection .form-control {
     border-left: 0;
}
 .profilesection h5 {
     color: #2fc99a;
     font-size: 18px;
     margin-bottom: 15px;
}
 .profilesection .holder img, .proavater img {
     width: 50%;
}
 .profilesection .holder {
     min-height: 100px;
     min-width: 150px;
     max-height: 100px;
     max-width: 150px;
}
/* Mobile New css */
 .pointerbtn {
     cursor: pointer;
     position: absolute;
     left: 0;
     top: 0px;
     background-color: #fff;
     width: 100%;
     z-index: 999;
}
 .mobileregistersec {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
     width: 100%;
     flex-direction: column;
}
 .mobileregistersec .btn1 {
     background-color: #2fc99a;
     color: #fff;
     padding: 10px 30px;
     transition: all 400ms;
     position: fixed;
     left: 15px;
     right:15px;
     border-radius: 6px;
     bottom: 10px;
     z-index: 9;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap:8px;
}
 .mobileregistersec2 .btn1.thankyoubtn {
     background-color: #2fc99a;
     border-radius: 0;
     color: #fff;
}
 .mobileregistersec .btn1.gotodashboardbtn, .gotodashboardbtn {
     background-color: #2fc99a;
     width: auto;
     border-radius: 4px;
     color: #fff;
     position: static;
}
 .gotodashboardbtn:hover {
     background-color: #ffe78a;
     color: #000;
}
 .mobileregistersec2 {
     display: flex;
    /* align-items: center;
     */
     justify-content: center;
     height: 100%;
     width: 100%;
     flex-direction: column;
}
.Showdesktop {
     display: block;
}
/* dasboard css */
 .countsec {
     border-radius: 10px;
     box-shadow: 0px 0px 15px #dddddd42;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 30px 20px;
}
 .customrounded {
     border-radius: 10px;
}
 .countsecimg {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background-color: #ffe78a47;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 10px;
     padding: 18px;
}
 nav.nav > .menu-main-menu-container {
     width: 100%;
}
/* dasboard css */
 .StrSettings .swatch {
     position: relative;
     display: block;
     width: 48px;
     height: 25px;
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transform: translate3d(0, 0, 0);
     margin: 0;
}
 .StrSettings .toggle:before {
     content: "";
     position: relative;
     top: 0px;
     left: 0px;
     width: 50px;
     height: 22px;
     display: block;
     background: #fff;
     border: #222 solid 2px;
     border-radius: 50px;
     transition: background 0.2s ease;
}
 .StrSettings .toggle span {
     position: absolute;
     top: 3px;
     left: 5px;
     width: 15px;
     height: 15px;
     display: block;
     background: #0e4597;
     border-radius: 10px;
     box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
     transition: all 0.2s ease;
}
 .StrSettings .toggle span svg {
     position: absolute;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .StrSettings .swatch span:before {
     content: "";
     position: absolute;
     display: block;
     margin: -18px;
     width: 56px;
     height: 56px;
     background: rgba(79, 46, 220, 0.5);
     border-radius: 50%;
     transform: scale(0);
     opacity: 1;
     pointer-events: none;
}
 .StrSettings #cbx {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
     z-index: 2;
     height: 100%;
     width: 100%;
}
 .StrSettings #cbx:checked + .toggle:before {
     background: #fff;
}
 .StrSettings #cbx:checked + .toggle span {
     background: #0e4597;
     transform: translateX(26px);
     transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
     box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
}
 .StrSettings #cbx:checked + .toggle span:before {
     display: none !important;
}
 .StrSettings .swatch {
     position: relative;
}
 .StrSettings #cbx:checked + .toggle + small {
     color: #000;
}
 .StrSettings .swatch small {
     position: absolute;
     left: 9px;
     top: 8px;
     font-size: 8px;
     line-height: 1;
     color: rgba(0, 0, 0, 0);
}
 .StrSettings .swatch .ontext {
     position: absolute;
     right: 10px !important;
     top: 7px;
     font-size: 8px;
     line-height: 1;
     color: #0e4597;
     left: inherit;
}
 .StrSettings #cbx:checked ~ .ontext {
     color: #0e4597;
     display: none;
}
 .orderfrm {
     position: relative;
}
 .orderfrm .form-control {
     padding-left: 30px;
     font-size: 16px;
}
 .orderfrm span {
     top: 50%;
     left: 18%;
     position: absolute;
     transform: translate(-50%, -50%);
}
 .storesetting .card-body {
     font-size: 16px;
     min-height: 150px;
}
 .switchbtn {
     position: relative;
     display: inline-block;
     width: 40px;
     height: 18px;
}
 .switchbtn input {
     opacity: 0;
     width: 0;
     height: 0;
}
 input:checked + .sliderbtn {
     background-color: #28a745;
}
 .sliderbtn.roundbtn {
     border-radius: 34px;
}
 .sliderbtn.roundbtn::before {
     border-radius: 50%;
}
 .sliderbtn {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: 0.4s;
     transition: 0.4s;
}
 .sliderbtn::before {
     position: absolute;
     content: "";
     height: 11px;
     width: 11px;
     left: 4px;
     bottom: 4px;
     background-color: white;
     -webkit-transition: 0.4s;
     transition: 0.4s;
}
 input:checked + .sliderbtn::before {
     -webkit-transform: translateX(22px);
     -ms-transform: translateX(22px);
     transform: translateX(22px);
}
 .sliderbtn::before {
     position: absolute;
     content: "";
     height: 11px;
     width: 11px;
     left: 4px;
     bottom: 4px;
     background-color: white;
     -webkit-transition: 0.4s;
     transition: 0.4s;
}
/* ================================ */
 .order-badge {
     width: 100% !important;
     text-align: center !important;
     vertical-align: middle;
     padding: 7px 12px;
     font-weight: 500;
     letter-spacing: 0.3px;
     border-radius: 30px;
     font-size: 10px;
}
 .fz-12 {
     font-size: 12px !important;
}
 .table-nowrap {
     white-space: nowrap;
}
 .ordrlisttble table tr th, .ordrlisttble table tr td {
     padding: 10px 10px;
}
 .fz-14 {
     font-size: 14px !important;
}
 .gap-2 {
     gap: 0.5rem;
}
 .ordrrightdtls .card-body {
     font-size: 14px;
}
 .badge-soft-info {
     color: #00c9db;
     background-color: rgba(0, 201, 219, 0.1);
}
 .cata.swatch #cbx:checked + .toggle span {
     background: #0e4597;
}
 .cate .custom-control-input:checked ~ .custom-control-label::before {
     border-color: #25b58a;
     background-color: #25b58a;
}
 .cate .custom-control-label {
     cursor: pointer;
}
 .switch {
     position: relative;
     display: inline-block;
     width: 44px;
     height: 22px;
}
 .switch input {
     opacity: 0;
     width: 0;
     height: 0;
}
 .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: 0.4s;
     transition: 0.4s;
}
 .slider:before {
     position: absolute;
     content: "";
     height: 15px;
     width: 15px;
     left: 0px;
     bottom: 4px;
     background-color: white;
     -webkit-transition: 0.4s;
     transition: 0.4s;
}
 input:checked + .slider {
     background-color: #04a45c;
}
 input:checked + .slider:before {
     -webkit-transform: translateX(26px);
     -ms-transform: translateX(26px);
     transform: translateX(26px);
}
/* Rounded sliders */
 .slider.round {
     border-radius: 34px;
}
 .slider.round:before {
     border-radius: 50%;
}
 .gap-3 {
     gap: 1rem;
}
 #css-dropdown {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     width: 300px;
     height: 42px;
     margin: 100px auto 0 auto;
}
 .choices__list--multiple .choices__item {
     display: inline-block;
     vertical-align: middle;
     border-radius: 20px;
     padding: 4px 10px;
     font-size: 12px;
     font-weight: 500;
     margin-right: 3.75px;
     margin-bottom: 3.75px;
     background-color: #04a45c;
     border: 1px solid #04a45c;
     color: #fff;
     word-break: break-all;
}
 .choices__inner, .choices__input {
     background-color: #fff;
}
 .upload__inputfile {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
}
 .upload__btn {
     display: inline-block;
     color: #666;
     text-align: center;
     min-width: 100%;
     padding: 20px 10px;
     transition: all 0.3s ease;
     cursor: pointer;
     border: 1px solid;
     background-color: #fff;
     border-color: #d9d9d9;
     border-radius: 10px;
     line-height: 26px;
     font-size: 14px;
}
 .upload__btn:hover {
     background-color: unset;
     color: #04a45c;
     transition: all 0.3s ease;
}
 .upload__btn-box {
     margin-bottom: 10px;
}
 .upload__img-wrap {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -10px;
}
 .upload__img-box {
     width: 200px;
     padding: 0 10px;
     margin-bottom: 12px;
}
 .upload__img-close {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background-color: rgba(0, 0, 0, 0.5);
     position: absolute;
     top: 10px;
     right: 10px;
     text-align: center;
     line-height: 24px;
     z-index: 1;
     cursor: pointer;
}
 .upload__img-close:after {
     content: "\2716";
     font-size: 14px;
     color: white;
}
 .img-bg {
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     position: relative;
     padding-bottom: 100%;
}
 .tags-container {
     display: flex;
     flex-flow: row wrap;
     margin-bottom: 15px;
     width: 100%;
     min-height: 34px;
     padding: 2px 5px;
     font-size: 14px;
     line-height: 1.6;
     background-color: transparent;
     border: 1px solid #ccc;
     border-radius: 1px;
     overflow: hidden;
     word-wrap: break-word;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
 input.tag-input {
     flex: 3;
     border: 0;
     outline: 0;
}
 .tag {
     position: relative;
     margin: 2px 6px 2px 0;
     padding: 1px 20px 1px 8px;
     font-size: inherit;
     font-weight: 400;
     text-align: center;
     color: #fff;
     background-color: #04a45c;
     border-radius: 3px;
     transition: background-color 0.3s ease;
     cursor: default;
}
 .tag:first-child {
     margin-left: 0;
}
 .tag--marked {
     background-color: #6fadd7;
}
 .tag--exists {
     background-color: #edb5a1;
     animation: shake 1s linear;
}
 .tag__name {
     margin-right: 3px;
}
 .tag__remove {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 20px;
     height: 100%;
     padding: 0 5px;
     font-size: 16px;
     font-weight: 400;
     transition: opacity 0.3s ease;
     opacity: 0.5;
     cursor: pointer;
     border: 0;
     background-color: transparent;
     color: #fff;
     line-height: 1;
}
 .tag__remove:hover {
     opacity: 1;
}
 .tag__remove:focus {
     outline: 5px auto #fff;
}
 @keyframes shake {
     0%, 100% {
         transform: translate3d(0, 0, 0);
    }
     10%, 30%, 50%, 70%, 90% {
         transform: translate3d(-5px, 0, 0);
    }
     20%, 40%, 60%, 80% {
         transform: translate3d(5px, 0, 0);
    }
}
 .imwtd {
     width: 100px;
     color: #343a40;
}
 .adnwdth {
     width: 140px;
     color: #343a40;
}
#verify_text{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
}
.g-3{
    row-gap: 12px;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.2)!important;
}
.btnclose {
    background-color: #FF9278;
    color: #fff;
    border: 1px solid #FF9278 !important;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.btn-light{
    background-color: #D1D1D1;
}
.filebrowse{
    position: relative;
    overflow: hidden;
}
.filebrowse input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
z-index:2;
}
.card.active .underrev{
    display: none;
}
.card.active .varifiico svg #Ellipse_1276{
    fill:#66a76e;
}
.card.active .varifiico svg #Path_34491{
    fill:#fff;
}
:root{ --main-color: #01C9FF; }
.pricingTable{
    color: var(--main-color);
    background: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 20px 0 30px;
    margin: 0 15px;
}
.pricingTable .pricingTable-header{ margin: 0 0 25px; }
.pricingTable .title{
    color:#fff;
    background: #FF725E;
    font-size: 33px;
    font-weight: 600;
    padding: 35px 25px;
    margin: 0 -15px 15px;
    border-radius: 5px 5px 5px 0;
    position: relative;
}
.pricingTable .title:after{
    content: '';
    background: linear-gradient(to top right,transparent 50%, #444 50%);
    height: 15px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 100%;
}
.pricingTable .price-value {
    padding: 0 0 0 70px;
    display: block;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}
.pricingTable .price-value span{ display: block; }
.pricingTable .price-value .price-currency{
    color: #fff;
    background-color: #FF725E;
    font-size: 35px;
    line-height: 60px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}
.pricingTable .price-value .amount {
    color: #000;
    font-size: 35px;
    font-weight: 200;
    line-height: 45px;
    padding: 0;
    margin: 0 0 3px;
    text-align: left;
    border-bottom: 2px solid #FF725E;
}
.pricingTable .price-value .duraton{
    color: #666;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
}
.pricingTable .pricing-content{
    text-align: left;
    padding: 0;
    margin: 0 0 35px;
    list-style: none;
    display: inline-block;
}
.pricingTable .pricing-content li{
    color: #666;
    font-size: 17px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: .5px;
    padding: 0 15px 0 25px;
    margin: 0 0 10px;
    position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
    content: "";
    background-color: #FF725E;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    top: 50%;
}
.swiper-pagination-bullet-active {
    background: #FF725E;
}
.pricingTable .pricing-content li.disable:before{ 
    background-color: #999; 
}
.pricingTable.darkblue, 
.prctblwrp > .col-md-6:nth-child(2) .pricingTable, 
.prctblwrp .swiper-wrapper > .swiper-slide:nth-child(2) .pricingTable{ 
    --main-color: #0180FF; 
}
.pricingTable.golden, 
.prctblwrp > .col-md-6:nth-child(3) .pricingTable, 
.prctblwrp .swiper-wrapper > .swiper-slide:nth-child(3) .pricingTable{ 
    --main-color: #edae38; 
}
.pricingTable.orange, 
.prctblwrp > .col-md-6:nth-child(4) .pricingTable, 
.prctblwrp .swiper-wrapper > .swiper-slide:nth-child(4) .pricingTable{ 
    --main-color: #FF9278; 
}
.fadeUp {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
}
.fadeUp.in-view {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.fadeLeft {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
}
.fadeLeft.in-view {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.fadeRight {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0);
}
.fadeRight.in-view {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.fadePopup {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
}
.fadePopup.in-view {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.advantgthmbinr{
    min-height: 140px;
}
.advantgthmb, .jurnylist{
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.jurnycon{
    min-height: 100px;
}
.advantgthmb svg {
    width: 150px;
    height: 150px;
    padding: 20px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
.breforeloginmnu > .primary-menu > li > a{
    background-color: rgba(0,0,0,0) !important;
}
.poscatmnuinr {
    text-align: center;
    width: 82px;
}
.carttabwrap .carttab>li>a {
    border: 1px solid #E8E8E8;
    padding: 5px;
    opacity: 1;
    color: #000;
    background-color: #fff;
}
.carttabwrap .carttab>li>a.active {
    color: #fff !important;
    opacity: 1 !important;
    background-color: #28A745;
    border-color: #28A745;
}
.carttabwrap .carttab>li>a .checkicoo {
    opacity: 0.1;
}
.carttabwrap .carttab>li>a.active .checkicoo {
    opacity: 1;
}
.unreadcount{
    min-width: 12px;
    height: 12px;
    color: #fff;
    font-size: 8px;
    background-color: #FF725E;
    border-radius: 100%;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1px;
}
.chatwrp, .chatwrp .col-md-4{
    border-radius: 15px;
}
.chatuserbody h6{
    font-size: 14px;
    font-weight: 600;
}
.chatuserbody{
    height: 60vh;
    overflow: auto;
}
.chatlistavtr span {
    height: 12px;
    width: 12px;
    border-radius: 100%;
    top: 0;
    right: 9px;
    background-color: #ccc;
    border: 2px solid #fff;
}
.chatlistavtr span.online, .chatlistavtr span.active{
    background-color: #FF725E;
}
#chatdtlssrch{
    left: 0;
    top: 100%;
}
.chattxt span{
    padding: 8px 12px;
    display: inline-flex;
    font-size: 12px;
}
.chatadmin .chattxt span{
    border-radius: 10px 10px 10px 0;
    background-color: #f1f1f1;
}
.chatcustmr .chattxt{
    display: flex;
    justify-content: end;
}
.chatcustmr .chattxt span{
    border-radius: 10px 10px 0 10px;
    background-color: #FF725E;
    color: #fff;
}
.chatcustmr > div{
    justify-content: end;
    flex-direction: row-reverse;
    align-items: end;
}
.chattextgroup{
    height: 58vh;
    overflow: auto;
}
.chatfooter textarea::placeholder, .modal-footer textarea::placeholder{
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}
.chatfooter textarea, .modal-footer textarea{
    resize: none;
}
.saprtr{
    z-index: 2;
}
.saprtr:after{
    content: '';
    height: 1px;
    width: 80%;
    background-color: #e4e4e4;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
#Metrials-tab{
    background-color: #DBDBDB;
    border-radius: 5px;
}
#Metrials-tab li{
    width: 33.333%;
}
#Metrials-tab li .nav-link{
    background-color: transparent !important;
    color: #000 !important;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom:4px solid transparent ;
    text-align: center;
}
#Metrials-tab li .nav-link.active{
    border-bottom-color: #28A745;
}
#category_product_list-selectized{
    top: 2px;
}
.submenu > ul{
    margin-left: 30px;
}
.modal-footer > .row{
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 0;
    margin-bottom: 0;
}
.modal-footer > .row > div{
    padding-left: 5px;
    padding-right: 5px;
}
.modal-footer button{
    white-space: nowrap;
}


@media only screen and (min-width: 1500px) and (max-width: 2000px) {
    .container {
        max-width: 1400px;
    }
  }

/* ================================ */
/* Media Query*/

 @media only screen and (min-width: 992px) and (max-width: 1169px) {
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .w-md-60 {
         width: 100%;
    }
     .banner h2, .banner h3, .banner h1 {
         width: 100%;
    }
}
 @media screen and (max-width: 767px) {
    .position-fixed-mob{
        position: fixed;
    }
    .posprodtitmsleft {
        height: calc(100vh - 108px);
    }
    .modalbottomoveraly .modal-dialog{
        margin: 0;
        background: rgba(0,0,0,0.5);
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        transform: none !important;
    }
    .modalbottomoveraly .modal-content{
        border-radius: 10px 10px 0 0;
        transform: translateY(100%);
        border: none !important;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .modalbottomoveraly.show .modal-content{
        transform: translateY(0);
    }
    .selectize-input {
        min-height: 40px !important;
    }
    .bnrstrtsell .btn {
        font-size: 14px;
        min-width: 100px !important;
        max-width: 100px !important;
    }
    .vandrfooter .logo img {
        width: 180px;
    }
    big{
        font-size: 16px;
        line-height: 1.4;
    }
    body{
        line-height: 1.4;
    }
    .advantgthmb, .advantgthmb h3{
        font-size: 16px;
    }
     .custom-select {
         padding-right: 20px !important;
    }
     .nav-tabs.desktab > li > a {
         padding: 6px 10px;
         font-size: 13px;
    }
     .mob-v {
         display: flex !important;
    }
     .desk-v {
         display: none !important;
    }
     .form-control {
         padding-left: 10px;
         padding-right: 5px;
    }
     .btmabsoluteset {
         position: fixed;
         bottom: 15px;
         left: 50%;
         right: 15px;
         transform: translateX(-50%);
    }
     .modalbottom .modal-header, .modalleft .modal-header {
         top: 0;
         left: 0;
         width: 100%;
         z-index: 100;
         padding: 0.84555rem 1rem;
         background-color: #fff;
    }
     .modalbottom .modal-footer, .modalleft .modal-footer {
         border: none !important;
         padding: 0;
         border-radius: 0 !important;
         bottom: 0;
         left: 0;
         width: 100%;
         z-index: 100;
         display: block;
    }
    .modalbottom .modal-footer.border-top, .modalleft .modal-footer.border-top{
        border-top: 1px solid #ccc !important;
    }
    .modalbottom, .modalleft{
        height: auto;
        bottom: 0;
    }
     .modalbottom .modal-body, .modalleft .modal-body {
         margin-bottom: 0;
         overflow-y: auto;
    }
    #subscription .modal-body{
        margin-bottom: 0;
    }
     .modalbottom .modal-footer button, .modalleft .modal-footer button {
         border-radius: 5px;
         margin: 0;
    }
     .primary-menu.dashmnu {
         display: block;
         margin-bottom: 50px;
    }
     .dashhdr .mnutog {
         background: 0 0 !important;
    }
     .dashhdr {
         min-height: inherit;
         width: 100%;
    }
     .dashinr {
         width: 100%;
    }
     .step1done header.header .businessinfotit {
         font-size: 12px;
    }
     .modalbottom .modal-dialog, .modalleft .modal-dialog {
         margin: 0;
         max-width: 100%;
         min-height: inherit;
         height: 100%;
    }
    .modal.modalleft{
        opacity: 1 !important;
    }
     .modalleft .modal-dialog {
         transform: none !important;
         left: 100%;
    }
     .modalleft.fade .modal-dialog {
         -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
         transition: opacity 0.3s linear, right 0.3s ease-out;
         left: 0;
    }
     .modal-backdrop.show {
         opacity: 0;
    }
     .modalbottom .modal-content {
         border: none;
         border-radius: 0;
         -webkit-transition: all 0.3s ease-in-out;
         -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
         position: absolute;
         height: 100%;
         top: 100%;
    }
     .modalbottom.show .modal-content {
         top: 0;
         -webkit-transition: all 0.3s ease-in-out;
         -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
    }
     .modalleft .modal-content {
         border: none;
         border-radius: 0;
         -webkit-transition: all 0.3s ease-in-out;
         -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
         position: fixed;
         height: 100%;
         top: 0;
         left: 100%;
         display: grid;
         grid-template-rows: 52px 1fr 58px;
    }
     .modalleft.show .modal-content {
         left: 0;
         -webkit-transition: all 0.3s ease-in-out;
         -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
    }
     .visisec {
         text-align: center;
    }
     .visisec .ml-auto {
         margin: 15px auto 0 !important;
    }
     .banner {
         text-align: center;
    }
     .exclthmb h4 {
         min-height: inherit;
    }
     .w-md-60 {
         width: 100%;
    }
     .banner h2, .banner h3, .banner h1 {
         width: 100%;
         text-align: center;
    }
     .logo img {
         width: 150px;
    }
     header.header .btn1, header.header .btn2 {
         padding: 8px 15px;
         font-size: 13px;
    }
     nav.nav .menu-main-menu-container {
         width: 300px !important;
         background: #fff;
    }
    .dashhdr nav.nav .menu-main-menu-container, header.header nav.nav .menu-main-menu-container {
        position: fixed;
        left: -350px;
        width: 300px;
        top: 0;
        bottom:0px;
        display: block;
        z-index: 110;
        background: #fff;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        transition-delay: 0.1s;
        z-index: 99999;
    }
    header.header.active nav.nav .menu-main-menu-container, .dashhdr.active nav.nav .menu-main-menu-container {
        left: 0;
        transition-delay: 0.5s;
    }
    header.header nav.nav .menu-main-menu-container.breforeloginmnu, header.header nav.nav .mnucls.breforeloginmnucls{
        top: 67px;
        bottom: 0;
    }
    nav.nav .mnucls {       
         position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        opacity: 0;
        visibility: hidden;
        transition-delay: 0.4s;
        z-index: 9999;
    }
    .dashhdr.active nav.nav .mnucls, header.header.active nav.nav .mnucls{
        opacity: 1;
        visibility: visible;
        transition-delay: 0.1s;
    }
     nav.nav .primary-menu {
         display: flex !important;
         flex-direction: column;
         gap: 10px;
    }
    .dashhdr nav.nav .primary-menu {
         padding-top: 15px;
         height: calc(100% - 182px);
         overflow: auto;
    }
    nav.nav .primary-menu > li {
         display: block;
         margin: 0;
    }
    .logo img {
         width: 180px;
    }
    nav.nav .primary-menu > li > a {
         margin: 0;
         font-size: 16px;
         font-weight: 400;
         padding: 10px;
         display: block;
         transition: all 400ms;
         line-height: 1.6;
    }
     nav.nav .primary-menu > li > ul {
         position: static;
         opacity: 1;
         visibility: visible;
         box-shadow: none;
    }
     nav.nav .primary-menu > li > ul > li a {
         padding-left: 30px;
    }
     h2 {
         font-size: 26px !important;
    }
    .h2{
        font-size: 20px !important;
    }
     h1 {
         font-size: 26px !important;
    }
     .card1.done .card-header:after {
         height: 30px;
         width: 30px;
         background-size: 30px auto;
    }
    /* resgister css */
     .registersec {
         height: 100%;
    }
     .registersec::before {
         width: 100%;
         height: auto;
         padding: 120px 0;
    }
     .loginbox {
         margin-bottom: 50px;
    }
     .cudtomlftpdng {
         padding-left: 15px;
         padding-right: 15px;
    }
     .col-lg-6.cudtomrtpdng {
         padding-right: 0;
         padding-left: 0;
         max-width: 100%;
    }
     .container-xl {
         max-width: 100% !important;
    }
     .loginbox {
         margin-top: 100px;
    }
     .ftrlink {
         position: static;
         width: 100%;
         padding: 25px 15px;
    }
     .row.spotdng {
         margin-right: 0;
         margin-left: 0;
    }
     .loginbox {
         width: 100%;
         margin: 0 auto;
         max-height: 85vh;
         overflow: auto;
    }
    .mobileregistersec .btn1.btn-sm {
        position: static;
    }
     .radio3style span {
         padding-left: 0px;
         font-size: 15px;
    }
     .Showmobile {
         display: block;
    }
    /* dashboard css */
     .countsecimg {
         display: none;
    }
     .countsec h5 {
         font-size: 25px;
         font-weight: 600;
         text-align: left;
         color: #222;
    }
     .countsec {
         padding: 20px 15px;
    }
     .dashhdrinr {
         padding: 11px 15px;
         background: #080704;
         position: relative;
    }
     .dashhdrinr .logo-round {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
    }
     .mnuaccordionM {
         margin-bottom: 30px;
    }

}
::-webkit-scrollbar {
     width: 5px;
     height: 5px;
}
 ::-moz-scrollbar {
     width: 5px;
     height: 5px;
}
 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 0px;
     background: #eaeaea;
}
 ::-moz-scrollbar-track {
     -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 0px;
     background: #eaeaea;
}
 ::-webkit-scrollbar-thumb {
     border-radius: 00px;
     background: #62b47e;
     transition: all 0.8s;
}
 ::-moz-scrollbar-thumb {
     border-radius: 0;
     background: #62b47e;
     transition: all 0.8s;
}
 h1 {
     font-size: 30px;
}
 h2 {
     font-size: 26px;
}
 h3 {
     font-size: 20px;
}
 h4 {
     font-size: 16px;
}
 h5 {
     font-size: 12px;
}
 .whitebtn1 {
     position: relative;
}
.whitebtn1:after{
    position: absolute;
    right:1rem;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: transparent;
    outline: 1px solid #656565;
    outline-offset: 1px;
    transition: all .2s ease-in-out;
}
 .whitebtn1 span {
     height: 45px;
     width: 45px;
     border: 1px solid #ccc;
}
.whitebtn1:focus, .whitebtn1.active{
    border-color:#58B28D !important;
}
 .whitebtn1:focus:after, .whitebtn1.active:after {
    background-color: #58B28D;
    outline-color: #58B28D;
    outline-offset: 4px;
}
 .footer {
     position: fixed;
     left: 0;
     bottom: 0;
     width: 100%;
}
 .btnhdricon {
     background-color: rgba(0, 0, 0, 0) !important;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     padding: 0;
     margin: 0;
}
 .app-header {
     background-color: #eaeaea;
     position: sticky;
     top: 0;
     left: 0;
     z-index: 5;
}
 .shadow-1 {
     box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1) !important;
}
 .form-select, .form-control {
     min-height: 40px;
     font-size: 14px;
     color: #666;
}
 .app-footer-button {
     position: fixed;
     bottom: 0;
     left: 50%;
     width: 100%;
     max-width: 767px;
     z-index: 5;
     transform: translateX(-50%);
}
 .footer-button-1 {
     background-color: #62b47e !important;
     color: #fff !important;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     height: 50px;
}
.btnicon.dropdown-toggle:after{
    display: none !important;
}
.dropdown-item {
    font-size: 13px;
}
 button {
     position: relative;
     font-size: 14px;
}
.desktopheader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal-fullscreen .modal-header {
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}
.modal-fullscreen .modal-footer {
    border-radius: 0;
}
.btntheme{
    background-color: #FF725E;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    display: inline-flex;
    border: none !important;
    box-shadow: none !important;
}
.dashwrp.dashmnuactive .dashhdr{
    width: 95px;
}
.dashwrp.dashmnuactive .dashinr {
    margin-left: 95px;
    width: calc(100% - 95px);
}
nav.nav .primary-menu > li > a > div.d-flex{
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.arwsub{
    margin-left: auto !important;
}
nav.nav .primary-menu > li > a span{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.dashwrp.dashmnuactive nav.nav .primary-menu > li > a span{
    opacity: 0;
    visibility: hidden;
}
.dashwrp.dashmnuactive nav.nav .primary-menu > li{
    position: relative;
}
.dashwrp.dashmnuactive nav.nav .primary-menu > li .submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    display: block !important;
    opacity: 0;
    visibility: hidden;
}
.dashwrp.dashmnuactive nav.nav .primary-menu > li:hover .submenu{
    opacity: 1;
    visibility: visible;
}
.dashwrp.dashmnuactive nav.nav .primary-menu > li:hover .submenu > ul{
    opacity: 1;
    visibility: visible;
}
 .image-upload-container {
     display: flex;
     gap: 10px;
     flex-wrap: wrap;
}
 .imgupload, .uploaded-image {
     min-width: 75px;
     min-height: 75px;
     max-width: 75px;
     max-height: 75px;
     display: flex;
     position: relative;
     box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
     border-radius: 0.25rem;
     overflow: hidden;
     background-color: #fff;
}
 .imgupload {
     align-items: center;
     justify-content: center;
}
 .imgupload input {
     opacity: 0;
     position: absolute;
     width: 100%;
     height: 100%;
}
 .uploaded-image button {
     height: 20px;
     width: 20px;
     border-radius: 100%;
     background-color: #f00 !important;
     color: #fff !important;
     display: flex;
     align-items: center;
     justify-content: center;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     position: absolute;
     right: 3px;
     top: 3px;
     z-index: 1;
     font-size: 10px;
     line-height: 1;
}
 .uploaded-image img {
     object-fit: cover;
     width: 100%;
}
 .swatch {
     height: 20px;
     width: 57px;
     background-color: rgba(0,0,0,0);
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     border-radius: 30px;
     padding: 0;
     position: relative;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .swatch.collapsed {
     background-color: #bdc3c7;
}
 .mobhhdr {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 100;
}
 .gap-5 {
     gap: 30px;
}
 .gap-4 {
     gap: 20px;
}
 .gap-2 {
     gap: 10px;
}
 .gap-1 {
     gap: 5px;
}
 .swatch.collapsed::after {
     right: 22px;
}
 .scrolltab .nav-link {
     border-left: none !important;
     border-right: none !important;
     border-top: none !important;
     border-bottom: 3px solid rgba(0, 0, 0, 0);
     border-radius: 0;
     background-color: rgba(0, 0, 0, 0) !important;
     color: #222 !important;
     font-size: 14px;
}
 .scrolltab .nav-link.active {
     border-bottom-color: #58B28D;
     color: #58B28D !important;
}
 .singlecontainer {
     position: relative;
}
 .singlecontainer .uploaded-image {
     background-color: #fff;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1;
     min-width: 50px;
     min-height: 50px;
     max-width: 50px;
     max-height: 50px;
}
 .singlecontainer .imgupload {
     min-width: 50px;
     min-height: 50px;
     max-width: 50px;
     max-height: 50px;
}
 .floatplusbtn {
     height: 50px;
     width: 50px;
     position: fixed;
     right: 10px;
     bottom: 60px;
     background-color: #fff;
}
 .floatplusbtn:focus {
     background-color: #61b37d;
}
 .floatplusbtn:focus svg {
     fill: #fff;
}
 .modal.right .modal-dialog {
     position: fixed;
     width: 100%;
     right: 100%;
     -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
     transition: opacity 0.3s linear, right 0.3s ease-out;
     -webkit-transform: translate3d(0%, 0, 0);
     -ms-transform: translate3d(0%, 0, 0);
     -o-transform: translate3d(0%, 0, 0);
     transform: translate3d(0%, 0, 0);
}
 .modal.right.show .modal-dialog {
     position: fixed;
     right: 0;
}
 .bg-0 {
     background-color: rgba(0, 0, 0, 0) !important;
     background: rgba(0, 0, 0, 0) !important;
}
 .btn1 {
     height: 45px;
     background-color: #58B28D !important;
     color: #fff !important;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     border-radius: 4px;
     padding: 10px 30px;
     font-size: 16px;
}
header.header  .btn1 {
    height: inherit;
}
.btnorange {
    padding: 12px 20px;
    display: inline-flex;
    border-radius: 4px;
    background: #FF9278 !important;
    color: #fff !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    text-transform: uppercase;
    height: 50px;
}
#orderswithin, #storetimings{
    z-index: 2000;
}
.fw-bold {
    font-weight: 600;
}
.text-green {
    color: #62b47e;
}
.paymentcyclesec {
    background-color: #62b47e;
} 
.semailicon {
    background-color: #62b47e;
    min-width: 70px;
    min-height: 70px;
    max-width: 70px;
    max-height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.steplist {
    display: flex;
}
.steplist li {
    width:100%;
    padding: 0 15px;
    margin-top: 20px;
    position: relative;
}
.steplist li span {
   min-width: 45px;
   min-height: 45px;
   max-width: 45px;
   max-height: 45px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #62b47e;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   color: #fff;
}
.steplist li::before {
  width: 75%;
  height: 1px;
  background-color: #62b47e;
  content: "";
  position: absolute;
  top: 20px;
  right: 0;
} 
.steplist li:last-child:before {
    display: none;
}
.supportsec {
    background-color: #62b47d1c;
}
.leftbarlist {
    background-color: #62b47d11;
    color: #222;
    position:-webkit-sticky;
    position:sticky;
    top:100px;
}
.leftbarlist ul li {
    font-size: 18px;
    line-height: 1.7;
}
.leftbarlist ul li a:hover {
   color: #62b47e;
}
.leftbarlist a {
    padding: 10px 0;
    display: block;
}
.leftbarlist a.active {
    color: #62b47e; /* Change the color as needed */
    border-left: solid 4px #62b47e;
    font-weight: 500;
    padding-left: 15px;
    background-image: linear-gradient(135deg,#62b47d28 35%,#62b47d00);
}
.retunlist {
    padding-left: 15px;
}
.retunlist li {
  list-style: disc;
  margin-top: 10px;
}
.stpbx span {
    min-width: 45px;
    min-height: 45px;
    max-width: 45px;
    max-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #62b47e;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #fff;
}
.stpbx {
    background-color: #62b47d1c;
}
.caqsec .card-header {
    background-color: #fff;
    border: 0;
    font-size: 16px;
    color: #62b47e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    cursor: pointer;
}
.caqsec .card-header span svg {
   transform: rotate(-180deg);
   -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   fill: #62b47e!important;
   transition: all 400ms;
}
.caqsec .card {
    background-color: #fff;
    border: 0;
    box-shadow: 3px 5px 18px rgb(236, 236, 236);
    margin-top: 15px;
}
.caqsec .card-body {
    font-size: 15px;
    padding-top: 0;
}
.caqsec .card-header.collapsed {
    color: #222;
}
.caqsec .card-header.collapsed span svg {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    fill: #000!important;
}
.smlcheck{
    cursor: pointer;
    position: relative;
    border-radius: 30px;
    height: 16px;
    width: 30px;
    background-color: #34AA58;
    overflow: hidden;
    z-index: 2;
}
.smlcheck input{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.smlcheck span{
    position: absolute;
    left: 3px;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #fff;
    top: 3px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.smlcheck input:checked ~ span{
    left: 17.5px;
}
.smlcheck span:after{
    content: '';
    position: absolute;
    left: -20px;
    top: -20px;
    bottom: -20px;
    right: -20px;
    z-index: -1;
    background-color: #999;
}
.smlcheck input:checked ~ span:after{
    background-color: #34AA58;
}
.cradbook{
    cursor: pointer;
    position: relative;
    border-radius: 30px;
    height: 16px;
    width: 30px;
    background-color: #fff;
    overflow: hidden;
    z-index: 2;
}
.cradbook input{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.cradbook span{
    position: absolute;
    left: 2px;
    height: 13px;
    width: 13px;
    border-radius: 100%;
    background-color: #cecece;
    top: 1px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.cradbook input:checked ~ span{
    left: 15px;
    background-color: #FF7C6E;
}
.gap-5{
    gap:5px;
}
.bg-primary{
    background-color: #28A745 !important;
}
.btn.bg-primary:focus, .btn.bg-primary:hover{
    background-color: #28A745 !important;
}
.bg-primary-outline{
    background-color: #fff;
    border: 1px solid #28A745;
    color: #28A745;
}
.bg-primary-outline:hover, .bg-primary-outline:focus{
    background-color: #fff;
    border: 1px solid #28A745;
    color: #28A745;
}
.btn{
    box-shadow: none !important;
}
.text-primary{
    color: #28A745 !important;
}
.modal-backdrop + .modal-backdrop{
    z-index: 1060;
    opacity: 0.5;
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: #28A745 !important;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
    border-top-color: #28A745 !important;
}
.irs--round .irs-bar {
    background-color: #28A745 !important;
}
.irs--round .irs-handle {
    border: 4px solid #28A745 !important;
}
.min-h-40{
    min-height: 40px;
}
.text-gray{
    color: #656565;
}
.fw-500{
    font-weight: 500;
}
.selectize-input.focus {
    border-color: rgba(0,0,0,.2) !important;
    box-shadow: none !important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #000;
    background-color: #f1f1f1;
}
.timeswatch {
    height: 15px;
    width: 40px;
    border-radius: 30px;
    position: relative;
    background-color: #ccc;
}
.timeswatch span{
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #9e9e9e;
    transition: all .2s ease-in-out;
    border-radius: 100%;
}
.timeswatch input{
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.timeswatch input:checked + span {
    position: absolute;
    left: 20px;
    background-color: #079a0c;
}
.rounded-10{
    border-radius: 10px;
}
.text-gray{
    color: #999898;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus{
    background-color: #28A745;
    color: #fff;
    border-color: #28A745;
}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
    height: 30px;
    min-height: 30px;
}
.dataTables_length label, .dataTables_filter label{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #e9e9e9 !important;
    padding: 4px 0 !important;
    border: none !important;
    min-width: 28px;
}
.table-responsive .dataTables_wrapper .dataTables_paginate {
    padding-top: 0.8em;
}
.table-responsive .dataTables_wrapper .dataTables_info {
    padding-top: 1em;
}
#addaddressmodal .modal-footer{
    display: block !important;
}
.selectize-dropdown .option.selected{
    background-color: #f1f1f1 !important;
    color: #000 !important;
}
.badge-primary {
    background-color: #FF725E;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    padding: 5px 8px;
}
.chatbtn {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FF725E !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: #FF725E !important;
    position: fixed;
    right: 15px;
    bottom: 80px;
    z-index: 99;
}


@media screen and (min-width: 768px) {
    #right_side_content{
        width:500px;
    }
    .mobileregistersec{
        height: auto !important;
    }
    #right_side_content > div{
        justify-content: center;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1280px){
    nav.nav .primary-menu {
        gap: 10px;
   }
   nav.nav .primary-menu > li > a {
    font-size: 12px;
    }
    .logo img{
        width: 150px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .steplist {
        display: flex;
        flex-direction: column;
    }
    .steplist li::before {
       display: none;
    }
    .leftbarlist ul li {
        font-size: 16px;
        line-height: 1.7;
        margin-top: 19px;
    }
    nav.nav .primary-menu {
        gap: 10px;
   }
}
@media screen and (max-width: 767px) {
    .mobPosBtm{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }
    .loginbox {
        width: 100%;
    }
    .loginbox.p-3 {
        width: 100%;
    }
    .dashinr {
        min-height: calc(100vh - 52px);
    }
    .table-responsive .dataTables_wrapper .dataTables_paginate {
        padding-top: 0.2em;
    }
    .MobileRow6{
        margin-left: -6px;
        margin-right: -6px;
    }
    .MobileRow6 > div{
        padding-left: 6px;
        padding-right: 6px;
    }
    .MobileRow6 .mb-4{
        margin-bottom: 20px !important;
    }
    .dataTables_wrapper .dataTables_length select {
        padding-right: 0;
        width: 100%;
    }
    .dataTables_wrapper .dataTables_filter input {
        width: 100%;
    }
    .h5{
        font-size: 18px;
    }
    .pricingTable .pricing-content{
        min-height:320px;
    }
    .pricingTable .price-value .amount {
        min-height: 54px;
    }
    .selectize-control.form-control{
        padding-left:0 !important;
    }
    .positemlistwrp {
        height: calc(100vh - 400px);
    }
    .dashhdrinr .btntheme.rounded-pill{
        padding: 6px 20px;
    }
    #poscheckout .modal-dialog, #addposcustaddress .modal-dialog {
        max-width: 100%;
    }
    .vandorbanner {
        padding: 30px 0!important;
    }
    #poscheckout .modal-body {
        height: calc(100vh - 197px);
    }
    .possidebar{
        height: calc(100vh - 71px);
    }
    .steplist {
        display: flex;
        flex-direction: column;
    }
    .steplist li::before {
       display: none;
    }
    .leftbarlist ul li {
        font-size: 16px;
        line-height: 1.7;
        margin-top: 19px;
    }
    .dashinr {
        height: 87.5vh;
        overflow: auto;
        margin: 0;
    }
    .dashwrp{
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    
   /* body.activeleft .dashwrp{
        transform: translateX(-100%);
        transition-delay: 0.1s;
    }*/
    
    .modal.modalleft{
        transition-delay: 1s;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    body.activeleft .modal.modalleft {
        transform: translateX(0);
        transition-delay: 0;
    }
    .modal{
        padding:0 !important;
    }
     body {
         font-size: 14px !important;
         user-select: none;   
         margin-top: 66px;     
    }
    .vandrmobovrly{
        padding: 15px;
        border-radius: 10px;
        background-color: rgba(0,0,0,0.7);
        font-size: 11px;
    }
    .vandrmobovrly h2{
        font-size: 16px !important;
    }
    .vandrmobovrly h1{
        font-size: 20px !important;
    }
    .dwnldappbtnsec a{
        border: 1px solid #fff;
        border-radius: 4px;
        overflow: hidden;
    }
    .dwnldappbtnsec a img{
        width: 100px;
    }
    h1.fw-light{
        font-size: 24px;
    }
     .btnhdricon svg {
         height: 26px;
         width: 26px;
    }
     .app-header h3, .app-header h2, .app-header h1 {
         font-size: 18px;
    }
     .scrolltab .nav-link {
         font-size: 12px;
         padding: 0 5px 10px 5px;
         font-weight: 500;
    }
    .aaadprodwrp .scrolltab{
        margin-bottom:15px;
    }
     .normlprc div.form-control {
         padding-right: 0 !important;
    }
     header.header a.btn1 {
         height: inherit;
    }
    .chatuserbody{
        /* height: calc(100vh - 175px); */
        height: inherit;
    }
    .chattextgroup {
        height: inherit;
    }
    .saprtr small{
        background-color: #f8f9fa !important;
    }
}
@media screen and (min-width: 768px) {
    .mobhhdr {
        display: none;
    }
    .mobileregistersec .btn1 {
        position: static;
        border-radius: 4px;
    }
    .desktopback{
        padding: 12px 20px;
        display: inline-flex;
        border-radius: 4px;
        background: #ffe78a !important;
        color: #000 !important;
        justify-content: center;
        align-items: center;
        gap:8px;
        font-size: 14px;
        text-transform: uppercase;
        height: 50px;
    }
    .storecatsec{
        max-height: 65vh;
        overflow: auto;
    }
}

@media screen and (max-width: 360px){
.dwnldappbtnsec a img {
    width: 70px;
}
.logo img {
    width: 150px;
}
.bnrstrtsell svg{
width:30px;
}
.bnrstrtsell .btn {
    min-width: 90px !important;
    max-width: 90px !important;
    padding: 15px 10px;
}

}

@media screen and (min-width: 768px){
    .w-md-100{
        width: 100%;
    }
}