/*



Don't modify this file.

use custom-style.css



*/



:root {

    --blue: #007bff;

    --hov-blue: #1f6dc2;

    --soft-blue: #007bff26;

    --muted-blue: #6E85B7;

    --cool-blue: #6E85B7;

    --dodger-blue: #D1DBE5;

    --secondary-base: #ffc519;

    --hov-secondary-base: #dbaa17;

    --soft-secondary-base: #ffc51926;

    --indigo: #6610f2;

    --purple: #6f42c1;

    --pink: #e83e8c;

    --red: #dc3545;

    --orange: #fd7e14;

    --sea-green: #35A788;

    --soft-sea-green: #CDDCD8;

    --yellow: #ffc107;

    --soft-yellow: #e7c663;

    --green: #28a745;

    --teal: #20c997;

    --soft-teal: #2rgb(101, 182, 158) --cyan: #17a2b8;

    --white: #fff;

    --soft-white: #b5b5bf;

    --gray: #6c757d;

    --gray-dark: #343a40;



    --hov-primary: #606060;

    --soft-primary: rgba(247, 123, 11, 0.15);

    --secondary: #8f97ab;

    --soft-secondary: rgba(143, 151, 171, 0.15);

    --success: #0abb75;

    --soft-success: rgba(10, 187, 117, 0.15);

    --info: #25bcf1;

    --soft-info: rgba(37, 188, 241, 0.15);

    --warning: #ffc519;

    --soft-warning: rgba(255, 197, 25, 0.15);

    --danger: #ef486a;

    --soft-danger: rgba(239, 72, 106, 0.15);

    --light: #f2f3f8;

    --soft-light: #dfdfe6;

    --dark: #111723;

    --soft-dark: rgba(42, 50, 66, 0.15);

    --gunmetal-blue: #2D4059;

    --preorder-orange: #FF6002;

    --preorder-primary: #f77b0b;

    --preorder-primary: #FF6002;

    --preorder-green: #32A687;

    --preorder-yellow: #FFB503;

    --breakpoint-xs: 0;

    --breakpoint-sm: 576px;

    --breakpoint-md: 768px;

    --breakpoint-lg: 992px;

    --breakpoint-xl: 1200px;

    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",

        Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,

        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",

        "Noto Color Emoji";

    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,

        "Liberation Mono", "Courier New", monospace;

}



.tagify {

    --tags-border-color: #dfdfe6;

    --tag-bg: #e2e5ec;

    --tag-hover: #d9e6ff;

    --tag-text-color: #212529;

    --tag-text-color--edit: #212529;

    --tag-pad: 0.3rem 0.5rem;

    --tag-inset-shadow-size: 1.1em;

    --tag-invalid-color: #d39494;

    --tag-invalid-bg: rgba(253, 57, 75, 0.5);

    --tag-remove-bg: rgba(253, 57, 75, 0.3);

    --tag-remove-btn-bg: none;

    --tag-remove-btn-bg--hover: #fd394b;

    --tag--min-width: 1ch;

    --tag--max-width: auto;

    --tag-hide-transition: 0.3s;

    --loader-size: 0.8em;

}



pre {

    white-space: initial;

}



html {

    scroll-behavior: smooth;

}



/* common helper utilites */

.c-scrollbar::-webkit-scrollbar {

    width: 4px;

    background: #1e1e2d;

    border-radius: 3px;

}



.c-scrollbar::-webkit-scrollbar-track {

    background: transparent;

}



.c-scrollbar::-webkit-scrollbar-thumb {

    background: rgba(255, 255, 255, 0.2);

    border-radius: 3px;

}



.c-scrollbar {

    scrollbar-color: rgba(255, 255, 255, 0.2);

    scrollbar-width: thin;

}



.c-scrollbar-light::-webkit-scrollbar,

.uppy-Dashboard-files::-webkit-scrollbar,

.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {

    width: 4px;

    background: rgba(24, 28, 41, 0.08);

    border-radius: 3px;

}



.c-scrollbar-light::-webkit-scrollbar-track,

.uppy-Dashboard-files::-webkit-scrollbar-track,

.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {

    background: transparent;

}



.c-scrollbar-light::-webkit-scrollbar-thumb,

.uppy-Dashboard-files::-webkit-scrollbar-thumb,

.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {

    background: rgba(24, 28, 41, 0.1);

    border-radius: 3px;

}



.c-scrollbar-light,

.uppy-Dashboard-files,

.bootstrap-select .dropdown-menu .inner {

    scrollbar-color: rgba(24, 28, 41, 0.08);

    scrollbar-width: thin;

}



.no-scrollbar::-webkit-scrollbar {

    width: 0;

}



.no-scrollbar::-webkit-scrollbar-track {

    background: transparent;

}



.no-scrollbar::-webkit-scrollbar-thumb {

    background: transparent;

}



.img-fit {

    max-height: 100%;

    width: 100%;

    object-fit: cover;

}



.overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transition: all 0.3s ease-in;

    -webkit-transition: all 0.3s ease-in;

    z-index: 1;

    background-color: rgba(0, 0, 0, 0.6);

}



.overlay.overlay-fixed {

    position: fixed;

}



.hov-overlay .overlay,

.hov-container .hov-box {

    visibility: hidden;

    opacity: 0;

    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;

    transition: visibility 0.3s ease, opacity 0.3s ease;

}



.hov-overlay:hover .overlay,

.hov-container:hover .hov-box {

    visibility: visible;

    opacity: 1;

}



.hov-scale-img:hover img,

.hov-scale:hover {

    transform: scale(1.05);

}



.fullscreen {

    min-height: 100vh;

}



/*modal 1050

backdrop 1040

fixed-bottom 1030*/



.z--1 {

    z-index: -1 !important;

}



.z-0 {

    z-index: 0 !important;

}



.z-1 {

    z-index: 1 !important;

}



.z-2 {

    z-index: 2 !important;

}



.z-3 {

    z-index: 3 !important;

}



.z-5 {

    z-index: 5 !important;

}



.z-1020 {

    z-index: 1020 !important;

}



.z-1025 {

    z-index: 1025 !important;

}



.z-1035 {

    z-index: 1035 !important;

}



.z-1045 {

    z-index: 1045 !important;

}



.minw-0 {

    min-width: 0;

}



.text-truncate-1 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.text-truncate-2 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.text-truncate-3 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.c-pointer {

    cursor: pointer !important;

}



.c-not-allowed {

    cursor: not-allowed !important;

}



.c-default {

    cursor: default !important;

}



/* Position */

.attached-top,

.attached-bottom {

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 2;

}



.attached-top {

    top: 0;

}



.attached-bottom {

    bottom: 0;

}



.separator {

    position: relative;

    text-align: center;

    z-index: 1;

}



.separator:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 1px;

    background: #ebedf2;

    left: 0;

    right: 0;

    top: 50%;

    z-index: -1;

}



.absolute-center {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.absolute-full {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

}



.absolute-top-right {

    position: absolute;

    top: 0;

    right: 0;

}



[dir="rtl"] .absolute-top-right {

    right: auto;

    left: 0;

}



.absolute-top-right--2px {

    position: absolute;

    top: -2px;

    right: -2px;

}



.absolute-top-right--5px {

    position: absolute;

    top: -5px;

    right: -5px;

}



.absolute-top-right--10px {

    position: absolute;

    top: -10px;

    right: -10px;

}



.absolute-top-left {

    position: absolute;

    top: 0;

    left: 0;

}



[dir="rtl"] .absolute-top-left {

    left: auto;

    right: 0;

}



.absolute-bottom-right {

    position: absolute;

    bottom: 0;

    right: 0;

}



[dir="rtl"] .absolute-bottom-right {

    left: auto;

    right: 0;

}



.absolute-bottom-left {

    position: absolute;

    bottom: 0;

    left: 0;

}



[dir="rtl"] .absolute-bottom-left {

    left: auto;

    right: 0;

}



.absolute-top-center {

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.sticky-bottom {

    position: -webkit-sticky;

    position: sticky;

    bottom: 0;

    z-index: 1020;

}



.recommended-ribbon {

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    color: #fff;

    background: #ff0000;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    padding: 5px 30px;

    top: 29px;

    right: -40px;

}



.dot-loader>div {

    display: inline-flex;

    width: 8px;

    height: 8px;

    border-radius: 100%;

    margin: 0 2px;

    background: #777;

    -webkit-animation: loader 1.48s ease-in-out infinite both;

    animation: loader 1.48s ease-in-out infinite both;

}



.dot-loader>div:nth-child(1) {

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}



.dot-loader>div:nth-child(2) {

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}



.attributes-color-container {

    display: block;

    width: 40px;

    height: 25px;

    border: solid 1px #000;

}



@-webkit-keyframes loader {



    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 0.2;

    }



    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0.8;

    }

}



@keyframes loader {



    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 0.2;

    }



    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0.8;

    }

}



.hor-swipe {

    -webkit-overflow-scrolling: touch;

    overflow-x: auto;

    overflow-y: hidden;

    white-space: nowrap;

}



@media (max-width: 991.98px) {

    .mobile-hor-swipe {

        -webkit-overflow-scrolling: touch;

        overflow-x: auto;

        white-space: nowrap;

    }

}



.top-0 {

    top: 0 !important;

}



.top-100 {

    top: 100% !important;

}



.bottom-0 {

    bottom: 0 !important;

}



.bottom-100 {

    bottom: 100% !important;

}



.left-0 {

    left: 0 !important;

}



.left-20 {

    left: 20 !important;

}



.left-100 {

    left: 100% !important;

}



.right-0 {

    right: 0 !important;

}



.right-100 {

    right: 100% !important;

}



/*bootstrap extend*/

.fw-100 {

    font-weight: 100 !important;

}



.fw-200 {

    font-weight: 200 !important;

}



.fw-300 {

    font-weight: 300 !important;

}



.fw-400 {

    font-weight: 400 !important;

}



.fw-500 {

    font-weight: 500 !important;

}



.fw-600 {

    font-weight: 600 !important;

}



.fw-700 {

    font-weight: 700 !important;

}



.fw-800 {

    font-weight: 800 !important;

}



.fw-900 {

    font-weight: 900 !important;

}



.fs-8 {

    font-size: 0.5rem !important;

}



.fs-9 {

    font-size: 0.5625rem !important;

}



.fs-10 {

    font-size: 0.625rem !important;

}



.fs-11 {

    font-size: 0.6875rem !important;

}
.fs-111 {
    font-size: 0.877rem !important;
}


.fs-12 {

    font-size: 0.75rem !important;

}



.fs-13 {

    font-size: 0.8125rem !important;

}



.fs-14 {

    font-size: 0.875rem !important;

}



.fs-15 {

    font-size: 0.9375rem !important;

}



.fs-15 {

    font-size: 0.9375rem !important;

}



.fs-16 {

    font-size: 1rem !important;

}



.fs-17 {

    font-size: 1.0625rem !important;

}



.fs-18 {

    font-size: 1.125rem !important;

}



.fs-19 {

    font-size: 1.1875rem !important;

}



.fs-20 {

    font-size: 1.25rem !important;

}



.fs-21 {

    font-size: 1.3125rem !important;

}



.fs-22 {

    font-size: 1.375rem !important;

}



.fs-23 {

    font-size: 1.4375rem !important;

}



.fs-24 {

    font-size: 1.5rem !important;

}



.fs-26 {

    font-size: 1.625rem !important;

}



.fs-28 {

    font-size: 1.75rem !important;

}



.fs-30 {

    font-size: 1.875rem !important;

}

.fs-31 {

    font-size: 2rem !important;

}

.fs-36 {

    font-size: 2.25rem !important;

}



.fs-48 {

    font-size: 3rem !important;

}



.lh-1 {

    line-height: 1 !important;

}



.lh-1-1 {

    line-height: 1.1 !important;

}



.lh-1-2 {

    line-height: 1.2 !important;

}



.lh-1-3 {

    line-height: 1.3 !important;

}



.lh-1-4 {

    line-height: 1.4 !important;

}



.lh-1-5 {

    line-height: 1.5 !important;

}



.lh-1-6 {

    line-height: 1.6 !important;

}



.lh-1-7 {

    line-height: 1.7 !important;

}



.lh-1-8 {

    line-height: 1.8 !important;

}



.lh-1-9 {

    line-height: 1.9 !important;

}



.lh-2 {

    line-height: 2 !important;

}



.opacity-0,

.hov-opacity-0:hover {

    opacity: 0 !important;

}



.opacity-10,

.hov-opacity-10:hover {

    opacity: 0.1 !important;

}



.opacity-20,

.hov-opacity-20:hover {

    opacity: 0.2 !important;

}



.opacity-30,

.hov-opacity-30:hover {

    opacity: 0.3 !important;

}



.opacity-40,

.hov-opacity-40:hover {

    opacity: 0.4 !important;

}



.opacity-50,

.hov-opacity-50:hover {

    opacity: 0.5 !important;

}



.opacity-60,

.hov-opacity-60:hover {

    opacity: 0.6 !important;

}



.opacity-70,

.hov-opacity-70:hover {

    opacity: 0.7 !important;

}



.opacity-80,

.hov-opacity-80:hover {

    opacity: 0.8 !important;

}



.opacity-90,

.hov-opacity-90:hover {

    opacity: 0.9 !important;

}



.opacity-100,

.hov-opacity-100:hover {

    opacity: 1 !important;

}



.shadow-xs,

.hov-shadow-xs:hover {

    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;

}



.shadow-sm,

.hov-shadow-sm:hover {

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;

}



.shadow,

.hov-shadow:hover {

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;

}



.shadow-md,

.hov-shadow-md:hover {

    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),

        0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;

}



.shadow-lg,

.hov-shadow-lg:hover {

    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

        0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;

}



.shadow-xl,

.hov-shadow-xl:hover {

    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),

        0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;

}



.shadow-2xl,

.hov-shadow-2xl:hover {

    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;

}



.shadow-out,

.hov-shadow-out:hover {

    z-index: 2 !important;

    box-shadow: 0px 20px 40px rgb(0 0 0 / 16%) !important;

    /* box-shadow: 0px 2px 30px -7px rgb(0 0 0 / 30%) !important; */

}



.shadow-none,

.hov-shadow-none:hover {

    box-shadow: none !important;

}



.bg-cover {

    background-size: cover;

}



.bg-center {

    background-position: center center;

}



.bg-no-repeat {

    background-repeat: no-repeat;

}



.bg-purple,

.hov-bg-purple:hover {

    background-color: var(--purple) !important;

}

.bg-primary,

.hov-bg-primary:hover {

    background-color: var(--primary) !important;

}



.bg-soft-primary,

.hov-bg-soft-primary:hover {

    background-color: var(--soft-primary) !important;

}



.bg-secondary,

.hov-bg-secondary:hover {

    background-color: var(--secondary) !important;

}



.bg-soft-secondary,

.hov-bg-soft-secondary:hover {

    background-color: var(--soft-secondary) !important;

}



.bg-success,

.hov-bg-success:hover {

    background-color: var(--success) !important;

}



.bg-soft-success,

.hov-bg-soft-success:hover {

    background-color: var(--soft-success) !important;

}



.bg-sea-green,

.hov-bg-sea-green:hover {

    background-color: var(--sea-green) !important;

}



.bg-soft-sea-green,

.hov-bg-soft-sea-green:hover {

    background-color: var(--soft-sea-green) !important;

}



.bg-info,

.hov-bg-info:hover {

    background-color: var(--info) !important;

}



.bg-soft-info,

.hov-bg-soft-info:hover {

    background-color: var(--soft-info) !important;

}



.bg-warning,

.hov-bg-warning:hover {

    background-color: var(--warning) !important;

}



.bg-soft-warning,

.hov-bg-soft-warning:hover {

    background-color: var(--soft-warning) !important;

}



.bg-secondary-base,

.hov-bg-secondary-base:hover {

    background-color: var(--secondary-base) !important;

}



.bg-soft-secondary-base,

.hov-bg-soft-secondary-base:hover {

    background-color: var(--soft-secondary-base) !important;

}



.bg-danger,

.hov-bg-danger:hover {

    background-color: var(--danger) !important;

}



.bg-soft-danger,

.hov-bg-soft-danger:hover {

    background-color: var(--soft-danger) !important;

}



.bg-dark,

.hov-bg-dark:hover {

    background-color: var(--dark) !important;

}





.bg-soft-dark,

.hov-bg-soft-dark:hover {

    background-color: var(--soft-dark) !important;

}



.bg-soft-blue,

.hov-bg-soft-blue:hover {

    background-color: var(--soft-blue) !important;

}



.bg-light,

.hov-bg-light:hover {

    background-color: var(--light) !important;

}



.bg-black,

.hov-bg-black:hover {

    background-color: #17171f !important;

}



.bg-soft-light,

.hov-bg-soft-light:hover {

    background-color: var(--soft-light) !important;

}



.bg-gray,

.hov-bg-gray:hover {

    background-color: var(--gray) !important;

}



.bg-soft-white {

    background-color: var(--soft-white) !important;

}



.bg-teal,

.hov-bg-teal:hover {

    background-color: var(--teal) !important;

}



.bg-soft-teal,

.hov-bg-soft-teal:hover {

    background-color: var(--soft-teal) !important;

}



.hov-bg-white:hover {

    background-color: #fff !important;

}



.bg-black-10,

.hov-bg-black-10:hover {

    background-color: rgb(0 0 0 / 10%) !important;

}



.bg-black-20,

.hov-bg-black-20:hover,

.bg-black-10:hover {

    background-color: rgb(0 0 0 / 20%) !important;

}



.bg-gunmetal-blue {

    background-color: var(--gunmetal-blue) !important;

}



.bg-grad-1 {

    background-color: #eb4786;

    background-image: linear-gradient(315deg, #eb4786 0%, #b854a6 74%);

}



.bg-grad-2 {

    background-color: #875fc0;

    background-image: linear-gradient(315deg, #875fc0 0%, #5346ba 74%);

}



.bg-grad-3 {

    background-color: #47c5f4;

    background-image: linear-gradient(315deg, #47c5f4 0%, #6791d9 74%);

}



.bg-grad-4 {

    background-color: #ffb72c;

    background-image: linear-gradient(315deg, #ffb72c 0%, #f57f59 74%);

}



.bg-grad-5 {

    background-color: #f2d470;

    background-image: linear-gradient(120deg, #f2d470 0%, #f39f3d 100%);

}



/* box-shadow */

.shadow-primary,

.hov-shadow-primary:hover {

    box-shadow: -5px 5px 18px rgba(1, 158, 247, 0.39);

}



.shadow-secondary,

.hov-shadow-secondary:hover {

    box-shadow: -2px 5px 15px rgba(0, 0, 0, 0.08);

}



.shadow-success,

.hov-shadow-success:hover {

    box-shadow: -5px 5px 18px rgba(81, 204, 138, 0.39);

}



[class*="border"],

hr {

    /* border-color: #dfdfe6 !important; */

    border-color: #ededf2 !important;

}



.border-2 {

    border: 2px solid !important;

}



.border-3 {

    border: 2px solid !important;

}



.border-yellow {

    border-color: #FFB503 !important;

}

.border-gray-100 {

    border-color: #f7fafc !important;

}



.border-gray-200 {

    border-color: #edf2f7 !important;

}



.border-gray-300 {

    border-color: #e2e8f0 !important;

}



.border-gray-400 {

    border-color: #cbd5e0 !important;

}



.border-gray-500 {

    border-color: #a0aec0 !important;

}



.border-gray-600 {

    border-color: #718096 !important;

}



.border-gray-700 {

    border-color: #4a5568 !important;

}



.border-gray-800 {

    border-color: #2d3748 !important;

}



.border-gray-900 {

    border-color: #1a202c !important;

}



.border-primary {

    border-color: var(--primary) !important;

}



.border-secondary {

    border-color: var(--secondary) !important;

}



.border-success {

    border-color: var(--success) !important;

}



.border-info {

    border-color: var(--info) !important;

}



.border-warning {

    border-color: var(--warning) !important;

}



.border-secondary-base {

    border-color: var(--secondary-base) !important;

}





.border-danger {

    border-color: var(--danger) !important;

}



.border-light {

    border-color: var(--light) !important;

}



.border-dark {

    border-color: var(--dark) !important;

}



.border-blue {

    border-color: var(--blue) !important;

}



.border-orange {

    border-color: var(--orange) !important;

}



.border-soft-primary {

    border-color: var(--soft-primary) !important;

}



.border-soft-secondary {

    border-color: var(--soft-secondary) !important;

}



.border-soft-success {

    border-color: var(--soft-success) !important;

}



.border-soft-info {

    border-color: var(--soft-info) !important;

}



.border-soft-warning {

    border-color: var(--soft-warning) !important;

}



.border-soft-secondary-base {

    border-color: var(--soft-secondary-base) !important;

}



.border-soft-danger {

    border-color: var(--soft-danger) !important;

}



.border-soft-dark {

    border-color: var(--soft-dark) !important;

}



.border-soft-light {

    border-color: var(--soft-light) !important;

}



.border-soft-blue {

    border-color: var(--soft-blue) !important;

}



.spinner-border {

    border-right-color: transparent !important;

}



.border-width-2 {

    border-width: 2px !important;

}



.border-width-3 {

    border-width: 3px !important;

}



.border-width-4 {

    border-width: 4px !important;

}



.border-bottom-6px {

    border-bottom: 6px solid !important;

    border-bottom-color: var(--soft-light) !important;

}



.done .border-bottom-6px {

    border-bottom-color: var(--success) !important;

}



.active .border-bottom-6px {

    border-bottom-color: var(--primary) !important;

}



.border-dotted {

    border-style: dotted !important;

}



.border-dashed {

    border-style: dashed !important;

}





.border-bottom-dashed {

    border-bottom: 1px dashed #DFDFE6 !important;

}



.border-transparent {

    border-color: transparent !important;

}



.hov-border:hover {

    border-color: #dee2e6 !important;

}



.hov-border-primary:hover {

    border-color: var(--primary) !important;

}



.text-primary,

.hov-text-primary:hover {

    color: var(--primary) !important;

}



.text-soft-primary,

.hov-text-soft-primary:hover {

    color: var(--soft-primary) !important;

}



.text-secondary,

.hov-text-secondary:hover {

    color: var(--secondary) !important;

}



.text-soft-secondary,

.hov-text-soft-secondary:hover {

    color: var(--soft-secondary) !important;

}



.text-success,

.hov-text-success:hover {

    color: var(--success) !important;

}



.text-soft-success,

.hov-text-soft-success:hover {

    color: var(--soft-success) !important;

}



.text-info,

.hov-text-info:hover {

    color: var(--info) !important;

}



.text-soft-info,

.hov-text-soft-info:hover {

    color: var(--soft-info) !important;

}



.text-warning,

.hov-text-warning:hover {

    color: var(--warning) !important;

}



.text-soft-warning,

.hov-text-soft-warning:hover {

    color: var(--soft-warning) !important;

}



.text-secondary-base,

.hov-text-secondary-base:hover {

    color: var(--secondary-base) !important;

}



.text-soft-secondary-base,

.hov-text-soft-secondary-base:hover {

    color: var(--soft-secondary-base) !important;

}



.text-danger,

.hov-text-danger:hover {

    color: var(--danger) !important;

}



.text-soft-danger,

.hov-text-soft-danger:hover {

    color: var(--soft-danger) !important;

}







.text-dark,

.hov-text-dark:hover {

    color: var(--dark) !important;

}



.text-soft-dark,

.hov-text-soft-dark:hover {

    color: var(--soft-dark) !important;

}



.text-gray,

.hov-text-gray:hover {

    color: var(--gray) !important;

}



.text-gray-dark {

    color: var(--gray-dark) !important;

}



.text-blue,

.hov-text-blue:hover {

    color: var(--blue) !important;

}



.text-soft-blue,

.hov-text-soft-blue:hover {

    color: var(--soft-blue) !important;

}



.text-light,

.hov-text-light:hover {

    color: var(--light) !important;

}



.text-soft-light {

    color: var(--soft-light) !important;

}



.text-soft-white {

    color: var(--soft-white) !important;

}



.text-blue {

    color: var(--blue) !important;

}



.text-teal,

.hov-text-teal:hover {

    color: var(--teal) !important;

}



.text-soft-teal,

.hov-text-soft-teal:hover {

    color: var(--soft-teal) !important;

}



.text-yellow,

.hov-text-yellow:hover {

    color: var(--yellow) !important;

}



.text-soft-yellow,

.hov-text-soft-yellow:hover {

    color: var(--soft-yellow) !important;

}



.text-gunmetal-blue,

.hov-text-gunmetal-blue:hover {

    color: var(--gunmetal-blue) !important;

}



.text-inherit {

    color: inherit !important;

}



.hov-text-white:hover {

    color: #fff !important;

}



.hov-text-bold:hover {

    font-weight: bold !important;

}



.w-auto {

    width: auto;

}



.w-5px,

.size-5px {

    width: 5px;

}



.w-10px,

.size-10px {

    width: 10px;

}



.w-15px,

.size-15px {

    width: 15px;

}



.w-20px,

.size-20px {

    width: 20px;

}



.w-25px,

.size-25px {

    width: 25px;

}



.w-30px,

.size-30px {

    width: 30px;

}



.w-35px,

.size-35px {

    width: 35px;

}



.w-40px,

.size-40px {

    width: 40px;

}



.w-45px,

.size-45px {

    width: 45px;

}



.w-48px,

.size-48px {

    width: 48px;

}



.w-50px,

.size-50px {

    width: 50px;

}



.w-60px,

.size-60px {

    width: 60px;

}



.w-64px,

.size-64px {

    width: 64px;

}



.w-70px,

.size-70px {

    width: 70px;

}



.w-80px,

.size-80px {

    width: 80px;

}



.w-90px,

.size-90px {

    width: 90px;

}



.w-100px,

.size-100px {

    width: 100px;

}



.w-110px,

.size-110px {

    width: 110px;

}



.w-120px,

.size-120px {

    width: 120px;

}



.w-130px,

.size-130px {

    width: 130px;

}



.w-140px,

.size-140px {

    width: 140px;

}



.w-150px,

.size-150px {

    width: 150px;

}



.w-160px,

.size-160px {

    width: 160px;

}



.w-170px,

.size-170px {

    width: 170px;

}



.w-180px,

.size-180px {

    width: 180px;

}



.w-190px,

.size-190px {

    width: 190px;

}



.w-200px,

.size-200px {

    width: 200px;

}



.w-210px,

.size-210px {

    width: 210px;

}



.w-220px,

.size-220px {

    width: 220px;

}



.w-230px,

.size-230px {

    width: 230px;

}



.w-240px,

.size-240px {

    width: 240px;

}



.w-250px,

.size-250px {

    width: 250px;

}



.w-260px,

.size-260px {

    width: 260px;

}



.w-270px,

.size-270px {

    width: 270px;

}



.w-280px,

.size-280px {

    width: 280px;

}



.w-290px,

.size-290px {

    width: 290px;

}



.w-300px,

.size-300px {

    width: 300px;

}



.w-310px,

.size-310px {

    width: 310px;

}



.w-320px,

.size-320px {

    width: 320px;

}



.w-330px,

.size-330px {

    width: 330px;

}



.w-340px,

.size-340px {

    width: 340px;

}



.w-350px,

.size-350px {

    width: 350px;

}



.w-360px,

.size-360px {

    width: 360px;

}



.w-370px,

.size-370px {

    width: 370px;

}



.w-380px,

.size-380px {

    width: 380px;

}



.w-390px,

.size-390px {

    width: 390px;

}



.w-400px,

.size-400px {

    width: 400px;

}



.w-410px,

.size-410px {

    width: 410px;

}



.w-420px,

.size-420px {

    width: 420px;

}



.w-450px,

.size-450px {

    width: 450px;

}



.w-470px,

.size-470px {

    width: 470px;

}



.w-500px,

.size-500px {

    width: 500px;

}



.w-530px,

.size-530px {

    width: 530px;

}



.w-553px,

.size-553px {

    width: 553px;

}



.w-640px,

.size-640px {

    width: 640px;

}



.w-800px,

.size-800px {

    width: 820px;

}



.h-auto {

    height: auto;

}



.h-5px,

.size-5px {

    height: 5px;

}



.h-10px,

.size-10px {

    height: 10px;

}



.h-15px,

.size-15px {

    height: 15px;

}



.h-20px,

.size-20px {

    height: 20px;

}



.h-25px,

.size-25px {

    height: 25px;

}



.h-30px,

.size-30px {

    height: 30px;

}



.h-35px,

.size-35px {

    height: 35px;

}



.h-40px,

.size-40px {

    height: 40px;

}



.h-45px,

.size-45px {

    height: 45px;

}



.h-48px,

.size-48px {

    height: 48px;

}



.h-50px,

.size-50px {

    height: 50px;

}



.h-60px,

.size-60px {

    height: 60px;

}



.h-64px,

.size-64px {

    height: 64px;

}



.h-70px,

.size-70px {

    height: 70px;

}



.h-80px,

.size-80px {

    height: 80px;

}



.h-90px,

.size-90px {

    height: 90px;

}



.h-100px,

.size-100px {

    height: 100px;

}



.h-110px,

.size-110px {

    height: 110px;

}



.h-120px,

.size-120px {

    height: 120px;

}



.h-130px,

.size-130px {

    height: 130px;

}



.h-140px,

.size-140px {

    height: 140px;

}



.h-150px,

.size-150px {

    height: 150px;

}



.h-160px,

.size-160px {

    height: 160px;

}



.h-170px,

.size-170px {

    height: 170px;

}



.h-180px,

.size-180px {

    height: 180px;

}



.h-190px,

.size-190px {

    height: 190px;

}



.h-200px,

.size-200px {

    height: 200px;

}



.h-208px,

.size-208px{

height: 208px;

}



.h-210px,

.size-210px {

    height: 210px;

}



.h-220px,

.size-220px {

    height: 220px;

}



.h-230px,

.size-230px {

    height: 230px;

}



.h-235px,

.size-235px {

    height: 235px;

}



.h-240px,

.size-240px {

    height: 240px;

}



.h-250px,

.size-250px {

    height: 250px;

}



.h-260px,

.size-260px {

    height: 260px;

}



.h-270px,

.size-270px {

    height: 270px;

}



.h-280px,

.size-280px {

    height: 280px;

}



.h-290px,

.size-290px {

    height: 290px;

}



.h-300px,

.size-300px {

    height: 300px;

}



.h-310px,

.size-310px {

    height: 310px;

}



.h-320px,

.size-320px {

    height: 320px;

}



.h-330px,

.size-330px {

    height: 330px;

}



.h-340px,

.size-340px {

    height: 340px;

}



.h-350px,

.size-350px {

    height: 350px;

}



.h-360px,

.size-360px {

    height: 360px;

}



.h-370px,

.size-370px {

    height: 370px;

}



.h-380px,

.size-380px {

    height: 380px;

}



.h-390px,

.size-390px {

    height: 390px;

}



.h-400px,

.size-400px {

    height: 400px;

}



.h-410px,

.size-410px {

    height: 410px;

}



.h-420px,

.size-420px {

    height: 420px;

}



.h-450px,

.size-450px {

    height: 450px;

}



.h-460px,

.size-460px {

    height: 460px;

}



.h-470px,

.size-470px {

    height: 470px;

}



.h-475px,

.size-475px {

    height: 475px;

}



.h-485px,

.size-485px {

    height: 485px;

}



.h-490px,

.size-490px {

    height: 490px;

}



.h-500px,

.size-500px {

    height: 500px;

}



.h-530px,

.size-530px {

    height: 530px;

}



.h-553px,

.size-553px {

    height: 553px;

}



.h-640px,

.size-640px {

    height: 640px;

}



.h-800px,

.size-800px {

    height: 820px;

}



.pl-6,

.px-6,

.p-6 {

    padding-left: 4rem;

}



.pl-7,

.px-7,

.p-7 {

    padding-left: 5rem;

}



.pl-8,

.px-8,

.p-8 {

    padding-left: 6rem;

}



.pl-9,

.px-9,

.p-9 {

    padding-left: 8rem;

}



.pl-10,

.px-10,

.p-10 {

    padding-left: 10rem;

}



.pl-11,

.px-11,

.p-11 {

    padding-left: 12rem;

}



.pl-12,

.px-12,

.p-12 {

    padding-left: 16rem;

}



.pl-2rem,

.px-2rem,

.p-2rem {

    padding-left: 2rem !important;

}



.ml-2rem,

.mx-2rem,

.m-2rem {

    margin-left: 2rem;

}



.pr-6,

.px-6,

.p-6 {

    padding-right: 4rem;

}



.pr-7,

.px-7,

.p-7 {

    padding-right: 5rem;

}



.pr-8,

.px-8,

.p-8 {

    padding-right: 6rem;

}



.pr-9,

.px-9,

.p-9 {

    padding-right: 8rem;

}



.pr-10,

.px-10,

.p-10 {

    padding-right: 10rem;

}



.pr-11,

.px-11,

.p-11 {

    padding-right: 12rem;

}



.pr-12,

.px-12,

.p-12 {

    padding-right: 16rem;

}



.pr-2rem,

.px-2rem,

.p-2rem {

    padding-right: 2rem !important;

}



.mr-2rem,

.mx-2rem,

.m-2rem {

    margin-right: 2rem;

}



.pt-6,

.py-6,

.p-6 {

    padding-top: 4rem;

}



.pt-7,

.py-7,

.p-7 {

    padding-top: 5rem;

}



.pt-8,

.py-8,

.p-8 {

    padding-top: 6rem;

}



.pt-9,

.py-9,

.p-9 {

    padding-top: 8rem;

}



.pt-10,

.py-10,

.p-10 {

    padding-top: 10rem;

}



.pt-11,

.py-11,

.p-11 {

    padding-top: 12rem;

}



.pt-12,

.py-12,

.p-12 {

    padding-top: 16rem;

}



.pt-2rem,

.py-2rem,

.p-2rem {

    padding-top: 2rem !important;

}



.mt-2rem,

.my-2rem,

.m-2rem {

    margin-top: 2rem;

}



.pb-6,

.py-6,

.p-6 {

    padding-bottom: 4rem;

}



.pb-7,

.py-7,

.p-7 {

    padding-bottom: 5rem;

}



.pb-8,

.py-8,

.p-8 {

    padding-bottom: 6rem;

}



.pb-9,

.py-9,

.p-9 {

    padding-bottom: 8rem;

}



.pb-10,

.py-10,

.p-10 {

    padding-bottom: 10rem;

}



.pb-11,

.py-11,

.p-11 {

    padding-bottom: 12rem;

}



.pb-12,

.py-12,

.p-12 {

    padding-bottom: 16rem;

}



.pb-2rem,

.py-2rem,

.p-2rem {

    padding-bottom: 2rem !important;

}



.mb-2rem,

.my-2rem,

.m-2rem {

    margin-bottom: 2rem;

}



.pl-5px,

.px-5px,

.p-5px {

    padding-left: 5px;

}



.pl-10px,

.px-10px,

.p-10px {

    padding-left: 10px;

}



.pl-13px,

.px-13px,

.p-13px {

    padding-left: 13px;

}



.pl-14px,

.px-14px,

.p-14px {

    padding-left: 14px;

}



.pl-15px,

.px-15px,

.p-15px {

    padding-left: 15px;

}



.pl-20px,

.px-20px,

.p-20px {

    padding-left: 20px;

}



.pl-25px,

.px-25px,

.p-25px {

    padding-left: 25px;

}



.pl-30px,

.px-30px,

.p-30px {

    padding-left: 30px;

}



.pr-5px,

.px-5px,

.p-5px {

    padding-right: 5px;

}



.pr-10px,

.px-10px,

.p-10px {

    padding-right: 10px;

}



.pr-13px,

.px-13px,

.p-13px {

    padding-right: 13px;

}



.pr-14px,

.px-14px,

.p-14px {

    padding-right: 14px;

}



.pr-15px,

.px-15px,

.p-15px {

    padding-right: 15px;

}



.pr-20px,

.px-20px,

.p-20px {

    padding-right: 20px;

}



.pr-25px,

.px-25px,

.p-25px {

    padding-right: 25px;

}



.pr-30px,

.px-30px,

.p-30px {

    padding-right: 30px;

}



.pt-5px,

.py-5px,

.p-5px {

    padding-top: 5px;

}



.pt-10px,

.py-10px,

.p-10px {

    padding-top: 10px;

}



.pt-13px,

.py-13px,

.p-13px {

    padding-top: 13px;

}



.pt-14px,

.py-14px,

.p-14px {

    padding-top: 14px;

}



.pt-15px,

.py-15px,

.p-15px {

    padding-top: 15px;

}



.pt-20px,

.py-20px,

.p-20px {

    padding-top: 20px;

}



.pt-25px,

.py-25px,

.p-25px {

    padding-top: 25px;

}



.pt-30px,

.py-30px,

.p-30px {

    padding-top: 30px;

}



.pb-5px,

.py-5px,

.p-5px {

    padding-bottom: 5px;

}



.pb-10px,

.py-10px,

.p-10px {

    padding-bottom: 10px;

}



.pb-15px,

.py-15px,

.p-15px {

    padding-bottom: 15px;

}



.pb-15px,

.py-15px,

.p-15px {

    padding-bottom: 15px;

}



.pb-20px,

.py-20px,

.p-20px {

    padding-bottom: 20px;

}



.pb-25px,

.py-25px,

.p-25px {

    padding-bottom: 25px;

}



.pb-30px,

.py-30px,

.p-30px {

    padding-bottom: 30px;

}



.col-xxl-1,

.col-xxl-2,

.col-xxl-3,

.col-xxl-4,

.col-xxl-5,

.col-xxl-6,

.col-xxl-7,

.col-xxl-8,

.col-xxl-9,

.col-xxl-10,

.col-xxl-11,

.col-xxl-12,

.col-xxl,

.col-xxl-auto {

    position: relative;

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

}



.gutters-5 {

    margin-right: -5px;

    margin-left: -5px;

}



.gutters-5>.col,

.gutters-5>[class*="col-"] {

    padding-right: 5px;

    padding-left: 5px;

}



.gutters-10 {

    margin-right: -10px;

    margin-left: -10px;

}



.gutters-10>.col,

.gutters-10>[class*="col-"] {

    padding-right: 10px;

    padding-left: 10px;

}



.gutters-12 {

    margin-right: -12px;

    margin-left: -12px;

}



.gutters-12>.col,

.gutters-12>[class*="col-"] {

    padding-right: 12px;

    padding-left: 12px;

}



.gutters-15 {

    margin-right: -15px;

    margin-left: -15px;

}



.gutters-15>.col,

.gutters-15>[class*="col-"] {

    padding-right: 15px;

    padding-left: 15px;

}



.gutters-16 {

    margin-right: -16px;

    margin-left: -16px;

}



.gutters-16>.col,

.gutters-16>[class*="col-"] {

    padding-right: 16px;

    padding-left: 16px;

}



.gutters-17 {

    margin-right: -17px;

    margin-left: -17px;

}



.gutters-17>.col,

.gutters-17>[class*="col-"] {

    padding-right: 17px;

    padding-left: 17px;

}



.gutters-20 {

    margin-right: -20px;

    margin-left: -20px;

}



.gutters-20>.col,

.gutters-20>[class*="col-"] {

    padding-right: 20px;

    padding-left: 20px;

}



.gutters-25 {

    margin-right: -25px;

    margin-left: -25px;

}



.gutters-25>.col,

.gutters-25>[class*="col-"] {

    padding-right: 25px;

    padding-left: 25px;

}



.gutters-30 {

    margin-right: -30px;

    margin-left: -30px;

}



.gutters-30>.col,

.gutters-30>[class*="col-"] {

    padding-right: 30px;

    padding-left: 30px;

}



[dir="rtl"] .row-cols-1>* {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}



[dir="rtl"] .row-cols-2>* {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}



[dir="rtl"] .row-cols-3>* {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

}



[dir="rtl"] .row-cols-4>* {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

}



[dir="rtl"] .row-cols-5>* {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

}



[dir="rtl"] .row-cols-6>* {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

}



/* sm */

@media (min-width: 576px) {

    .border-sm {

        border: 1px solid #dfdfe6 !important;

    }



    .border-sm-top {

        border-top: 1px solid #dfdfe6 !important;

    }



    .border-sm-right {

        border-right: 1px solid #dfdfe6 !important;

    }



    .border-sm-bottom {

        border-bottom: 1px solid #dfdfe6 !important;

    }



    .border-sm-left {

        border-left: 1px solid #dfdfe6 !important;

    }



    .border-sm-0 {

        border: 0 !important;

    }



    .border-sm-top-0 {

        border-top: 0 !important;

    }



    .border-sm-right-0 {

        border-right: 0 !important;

    }



    .border-sm-bottom-0 {

        border-bottom: 0 !important;

    }



    .border-sm-left-0 {

        border-left: 0 !important;

    }



    .w-sm-25 {

        width: 25% !important;

    }



    .w-sm-50 {

        width: 50% !important;

    }



    .w-sm-75 {

        width: 75% !important;

    }



    .w-sm-100 {

        width: 100% !important;

    }



    .w-sm-auto {

        width: auto !important;

    }



    .pl-sm-6,

    .px-sm-6,

    .p-sm-6 {

        padding-left: 4rem;

    }



    .pl-sm-7,

    .px-sm-7,

    .p-sm-7 {

        padding-left: 5rem;

    }



    .pl-sm-8,

    .px-sm-8,

    .p-sm-8 {

        padding-left: 6rem;

    }



    .pl-sm-9,

    .px-sm-9,

    .p-sm-9 {

        padding-left: 8rem;

    }



    .pl-sm-10,

    .px-sm-10,

    .p-sm-10 {

        padding-left: 10rem;

    }



    .pl-sm-11,

    .px-sm-11,

    .p-sm-11 {

        padding-left: 12rem;

    }



    .pl-sm-12,

    .px-sm-12,

    .p-sm-12 {

        padding-left: 16rem;

    }



    .pl-sm-2rem,

    .px-sm-2rem,

    .p-sm-2rem {

        padding-left: 2rem !important;

    }



    .pr-sm-6,

    .px-sm-6,

    .p-sm-6 {

        padding-right: 4rem;

    }



    .pr-sm-7,

    .px-sm-7,

    .p-sm-7 {

        padding-right: 5rem;

    }



    .pr-sm-8,

    .px-sm-8,

    .p-sm-8 {

        padding-right: 6rem;

    }



    .pr-sm-9,

    .px-sm-9,

    .p-sm-9 {

        padding-right: 8rem;

    }



    .pr-sm-10,

    .px-sm-10,

    .p-sm-10 {

        padding-right: 10rem;

    }



    .pr-sm-11,

    .px-sm-11,

    .p-sm-11 {

        padding-right: 12rem;

    }



    .pr-sm-12,

    .px-sm-12,

    .p-sm-12 {

        padding-right: 16rem;

    }



    .pr-sm-2rem,

    .px-sm-2rem,

    .p-sm-2rem {

        padding-right: 2rem !important;

    }



    .pt-sm-6,

    .py-sm-6,

    .p-sm-6 {

        padding-top: 4rem;

    }



    .pt-sm-7,

    .py-sm-7,

    .p-sm-7 {

        padding-top: 5rem;

    }



    .pt-sm-8,

    .py-sm-8,

    .p-sm-8 {

        padding-top: 6rem;

    }



    .pt-sm-9,

    .py-sm-9,

    .p-sm-9 {

        padding-top: 8rem;

    }



    .pt-sm-10,

    .py-sm-10,

    .p-sm-10 {

        padding-top: 10rem;

    }



    .pt-sm-11,

    .py-sm-11,

    .p-sm-11 {

        padding-top: 12rem;

    }



    .pt-sm-12,

    .py-sm-12,

    .p-sm-12 {

        padding-top: 16rem;

    }



    .pt-sm-2rem,

    .py-sm-2rem,

    .p-sm-2rem {

        padding-top: 2rem !important;

    }



    .pb-sm-6,

    .py-sm-6,

    .p-sm-6 {

        padding-bottom: 4rem;

    }



    .pb-sm-7,

    .py-sm-7,

    .p-sm-7 {

        padding-bottom: 5rem;

    }



    .pb-sm-8,

    .py-sm-8,

    .p-sm-8 {

        padding-bottom: 6rem;

    }



    .pb-sm-9,

    .py-sm-9,

    .p-sm-9 {

        padding-bottom: 8rem;

    }



    .pb-sm-10,

    .py-sm-10,

    .p-sm-10 {

        padding-bottom: 10rem;

    }



    .pb-sm-11,

    .py-sm-11,

    .p-sm-11 {

        padding-bottom: 12rem;

    }



    .pb-sm-12,

    .py-sm-12,

    .p-sm-12 {

        padding-bottom: 16rem;

    }



    .pb-sm-2rem,

    .py-sm-2rem,

    .p-sm-2rem {

        padding-bottom: 2rem !important;

    }



    .pl-sm-5px,

    .px-sm-5px,

    .p-sm-5px {

        padding-left: 5px;

    }



    .pl-sm-10px,

    .px-sm-10px,

    .p-sm-10px {

        padding-left: 10px;

    }



    .pl-sm-13px,

    .px-sm-13px,

    .p-sm-13px {

        padding-left: 13px;

    }



    .pl-sm-14px,

    .px-sm-14px,

    .p-sm-14px {

        padding-left: 14px;

    }



    .pl-sm-15px,

    .px-sm-15px,

    .p-sm-15px {

        padding-left: 15px;

    }



    .pl-sm-20px,

    .px-sm-20px,

    .p-sm-20px {

        padding-left: 20px;

    }



    .pl-sm-25px,

    .px-sm-25px,

    .p-sm-25px {

        padding-left: 25px;

    }



    .pl-sm-30px,

    .px-sm-30px,

    .p-sm-30px {

        padding-left: 30px;

    }



    .pr-sm-5px,

    .px-sm-5px,

    .p-sm-5px {

        padding-right: 5px;

    }



    .pr-sm-10px,

    .px-sm-10px,

    .p-sm-10px {

        padding-right: 10px;

    }



    .pr-sm-15px,

    .px-sm-15px,

    .p-sm-15px {

        padding-right: 15px;

    }



    .pr-sm-13px,

    .px-sm-13px,

    .p-sm-13px {

        padding-right: 13px;

    }



    .pr-sm-14px,

    .px-sm-14px,

    .p-sm-14px {

        padding-right: 14px;

    }



    .pr-sm-20px,

    .px-sm-20px,

    .p-sm-20px {

        padding-right: 20px;

    }



    .pr-sm-25px,

    .px-sm-25px,

    .p-sm-25px {

        padding-right: 25px;

    }



    .pr-sm-30px,

    .px-sm-30px,

    .p-sm-30px {

        padding-right: 30px;

    }



    .pt-sm-5px,

    .py-sm-5px,

    .p-sm-5px {

        padding-top: 5px;

    }



    .pt-sm-10px,

    .py-sm-10px,

    .p-sm-10px {

        padding-top: 10px;

    }



    .pt-sm-13px,

    .py-sm-13px,

    .p-sm-13px {

        padding-top: 13px;

    }



    .pt-sm-14px,

    .py-sm-14px,

    .p-sm-14px {

        padding-top: 14px;

    }



    .pt-sm-15px,

    .py-sm-15px,

    .p-sm-15px {

        padding-top: 15px;

    }



    .pt-sm-20px,

    .py-sm-20px,

    .p-sm-20px {

        padding-top: 20px;

    }



    .pt-sm-25px,

    .py-sm-25px,

    .p-sm-25px {

        padding-top: 25px;

    }



    .pt-sm-30px,

    .py-sm-30px,

    .p-sm-30px {

        padding-top: 30px;

    }



    .pb-sm-5px,

    .py-sm-5px,

    .p-sm-5px {

        padding-bottom: 5px;

    }



    .pb-sm-10px,

    .py-sm-10px,

    .p-sm-10px {

        padding-bottom: 10px;

    }



    .pb-sm-13px,

    .py-sm-13px,

    .p-sm-13px {

        padding-bottom: 13px;

    }



    .pb-sm-14px,

    .py-sm-14px,

    .p-sm-14px {

        padding-bottom: 14px;

    }



    .pb-sm-15px,

    .py-sm-15px,

    .p-sm-15px {

        padding-bottom: 15px;

    }



    .pb-sm-20px,

    .py-sm-20px,

    .p-sm-20px {

        padding-bottom: 20px;

    }



    .pb-sm-25px,

    .py-sm-25px,

    .p-sm-25px {

        padding-bottom: 25px;

    }



    .pb-sm-30px,

    .py-sm-30px,

    .p-sm-30px {

        padding-bottom: 30px;

    }



    .w-sm-auto {

        width: auto;

    }



    .w-sm-5px,

    .size-sm-5px {

        width: 5px;

    }



    .w-sm-10px,

    .size-sm-10px {

        width: 10px;

    }



    .w-sm-15px,

    .size-sm-15px {

        width: 15px;

    }



    .w-sm-20px,

    .size-sm-20px {

        width: 20px;

    }



    .w-sm-25px,

    .size-sm-25px {

        width: 25px;

    }



    .w-sm-30px,

    .size-sm-30px {

        width: 30px;

    }



    .w-sm-35px,

    .size-sm-35px {

        width: 35px;

    }



    .w-sm-40px,

    .size-sm-40px {

        width: 40px;

    }



    .w-sm-45px,

    .size-sm-45px {

        width: 45px;

    }



    .w-sm-48px,

    .size-sm-48px {

        width: 48px;

    }



    .w-sm-50px,

    .size-sm-50px {

        width: 50px;

    }



    .w-sm-60px,

    .size-sm-60px {

        width: 60px;

    }



    .w-sm-64px,

    .size-sm-64px {

        width: 64px;

    }



    .w-sm-70px,

    .size-sm-70px {

        width: 70px;

    }



    .w-sm-80px,

    .size-sm-80px {

        width: 80px;

    }



    .w-sm-90px,

    .size-sm-90px {

        width: 90px;

    }



    .w-sm-100px,

    .size-sm-100px {

        width: 100px;

    }



    .w-sm-110px,

    .size-sm-110px {

        width: 110px;

    }



    .w-sm-120px,

    .size-sm-120px {

        width: 120px;

    }



    .w-sm-130px,

    .size-sm-130px {

        width: 130px;

    }



    .w-sm-140px,

    .size-sm-140px {

        width: 140px;

    }



    .w-sm-150px,

    .size-sm-150px {

        width: 150px;

    }



    .w-sm-160px,

    .size-sm-160px {

        width: 160px;

    }



    .w-sm-170px,

    .size-sm-170px {

        width: 170px;

    }



    .w-sm-180px,

    .size-sm-180px {

        width: 180px;

    }



    .w-sm-190px,

    .size-sm-190px {

        width: 190px;

    }



    .w-sm-200px,

    .size-sm-200px {

        width: 200px;

    }



    .w-sm-210px,

    .size-sm-210px {

        width: 210px;

    }



    .w-sm-220px,

    .size-sm-220px {

        width: 220px;

    }



    .w-sm-230px,

    .size-sm-230px {

        width: 230px;

    }



    .w-sm-240px,

    .size-sm-240px {

        width: 240px;

    }



    .w-sm-250px,

    .size-sm-250px {

        width: 250px;

    }



    .w-sm-260px,

    .size-sm-260px {

        width: 260px;

    }



    .w-sm-270px,

    .size-sm-270px {

        width: 270px;

    }



    .w-sm-280px,

    .size-sm-280px {

        width: 280px;

    }



    .w-sm-290px,

    .size-sm-290px {

        width: 290px;

    }



    .w-sm-300px,

    .size-sm-300px {

        width: 300px;

    }



    .w-sm-310px,

    .size-sm-310px {

        width: 310px;

    }



    .w-sm-320px,

    .size-sm-320px {

        width: 320px;

    }



    .w-sm-330px,

    .size-sm-330px {

        width: 330px;

    }



    .w-sm-340px,

    .size-sm-340px {

        width: 340px;

    }



    .w-sm-350px,

    .size-sm-350px {

        width: 350px;

    }



    .w-sm-360px,

    .size-sm-360px {

        width: 360px;

    }



    .w-sm-370px,

    .size-sm-370px {

        width: 370px;

    }



    .w-sm-380px,

    .size-sm-380px {

        width: 380px;

    }



    .w-sm-390px,

    .size-sm-390px {

        width: 390px;

    }



    .w-sm-400px,

    .size-sm-400px {

        width: 400px;

    }



    .w-sm-410px,

    .size-sm-410px {

        width: 410px;

    }



    .w-sm-420px,

    .size-sm-420px {

        width: 420px;

    }



    .w-sm-450px,

    .size-sm-450px {

        width: 450px;

    }



    .w-sm-470px,

    .size-sm-470px {

        width: 470px;

    }



    .w-sm-500px,

    .size-sm-500px {

        width: 500px;

    }



    .w-sm-530px,

    .size-sm-530px {

        width: 530px;

    }



    .w-sm-553px,

    .size-sm-553px {

        width: 553px;

    }



    .w-sm-640px,

    .size-sm-640px {

        width: 640px;

    }



    .w-sm-800px,

    .size-sm-800px {

        width: 820px;

    }



    .h-sm-auto {

        height: auto;

    }



    .h-sm-5px,

    .size-sm-5px {

        height: 5px;

    }



    .h-sm-10px,

    .size-sm-10px {

        height: 10px;

    }



    .h-sm-15px,

    .size-sm-15px {

        height: 15px;

    }



    .h-sm-20px,

    .size-sm-20px {

        height: 20px;

    }



    .h-sm-25px,

    .size-sm-25px {

        height: 25px;

    }



    .h-sm-30px,

    .size-sm-30px {

        height: 30px;

    }



    .h-sm-35px,

    .size-sm-35px {

        height: 35px;

    }



    .h-sm-40px,

    .size-sm-40px {

        height: 40px;

    }



    .h-sm-45px,

    .size-sm-45px {

        height: 45px;

    }



    .h-sm-48px,

    .size-sm-48px {

        height: 48px;

    }



    .h-sm-50px,

    .size-sm-50px {

        height: 50px;

    }



    .h-sm-60px,

    .size-sm-60px {

        height: 60px;

    }



    .h-sm-64px,

    .size-sm-64px {

        height: 64px;

    }



    .h-sm-70px,

    .size-sm-70px {

        height: 70px;

    }



    .h-sm-80px,

    .size-sm-80px {

        height: 80px;

    }



    .h-sm-90px,

    .size-sm-90px {

        height: 90px;

    }



    .h-sm-100px,

    .size-sm-100px {

        height: 100px;

    }



    .h-sm-110px,

    .size-sm-110px {

        height: 110px;

    }



    .h-sm-120px,

    .size-sm-120px {

        height: 120px;

    }



    .h-sm-130px,

    .size-sm-130px {

        height: 130px;

    }



    .h-sm-140px,

    .size-sm-140px {

        height: 140px;

    }



    .h-sm-150px,

    .size-sm-150px {

        height: 150px;

    }



    .h-sm-160px,

    .size-sm-160px {

        height: 160px;

    }



    .h-sm-170px,

    .size-sm-170px {

        height: 170px;

    }



    .h-sm-180px,

    .size-sm-180px {

        height: 180px;

    }



    .h-sm-190px,

    .size-sm-190px {

        height: 190px;

    }



    .h-sm-200px,

    .size-sm-200px {

        height: 200px;

    }



    .h-sm-210px,

    .size-sm-210px {

        height: 210px;

    }



    .h-sm-220px,

    .size-sm-220px {

        height: 220px;

    }



    .h-sm-230px,

    .size-sm-230px {

        height: 230px;

    }



    .h-sm-240px,

    .size-sm-240px {

        height: 240px;

    }



    .h-sm-250px,

    .size-sm-250px {

        height: 250px;

    }



    .h-sm-260px,

    .size-sm-260px {

        height: 260px;

    }



    .h-sm-270px,

    .size-sm-270px {

        height: 270px;

    }



    .h-sm-280px,

    .size-sm-280px {

        height: 280px;

    }



    .h-sm-290px,

    .size-sm-290px {

        height: 290px;

    }



    .h-sm-300px,

    .size-sm-300px {

        height: 300px;

    }



    .h-sm-310px,

    .size-sm-310px {

        height: 310px;

    }



    .h-sm-320px,

    .size-sm-320px {

        height: 320px;

    }



    .h-sm-330px,

    .size-sm-330px {

        height: 330px;

    }



    .h-sm-340px,

    .size-sm-340px {

        height: 340px;

    }



    .h-sm-350px,

    .size-sm-350px {

        height: 350px;

    }



    .h-sm-360px,

    .size-sm-360px {

        height: 360px;

    }



    .h-sm-370px,

    .size-sm-370px {

        height: 370px;

    }



    .h-sm-380px,

    .size-sm-380px {

        height: 380px;

    }



    .h-sm-390px,

    .size-sm-390px {

        height: 390px;

    }



    .h-sm-400px,

    .size-sm-400px {

        height: 400px;

    }



    .h-sm-410px,

    .size-sm-410px {

        height: 410px;

    }



    .h-sm-420px,

    .size-sm-420px {

        height: 420px;

    }



    .h-sm-450px,

    .size-sm-450px {

        height: 450px;

    }



    .h-sm-460px,

    .size-sm-460px {

        height: 460px;

    }



    .h-sm-470px,

    .size-sm-470px {

        height: 470px;

    }



    .h-sm-475px,

    .size-sm-475px {

        height: 475px;

    }



    .h-sm-485px,

    .size-sm-485px {

        height: 485px;

    }



    .h-sm-490px,

    .size-sm-490px {

        height: 490px;

    }



    .h-sm-500px,

    .size-sm-500px {

        height: 500px;

    }



    .h-sm-530px,

    .size-sm-530px {

        height: 530px;

    }



    .h-sm-553px,

    .size-sm-553px {

        height: 553px;

    }



    .h-sm-640px,

    .size-sm-640px {

        height: 640px;

    }



    .h-sm-800px,

    .size-sm-800px {

        height: 820px;

    }



    .sm-no-gutters {

        margin-right: -0px;

        margin-left: -0px;

    }



    .sm-no-gutters>.col,

    .sm-no-gutters>[class*="col-"] {

        padding-right: 0px;

        padding-left: 0px;

    }



    .sm-gutters-5 {

        margin-right: -5px;

        margin-left: -5px;

    }



    .sm-gutters-5>.col,

    .sm-gutters-5>[class*="col-"] {

        padding-right: 5px;

        padding-left: 5px;

    }



    .sm-gutters-10 {

        margin-right: -10px;

        margin-left: -10px;

    }



    .sm-gutters-10>.col,

    .sm-gutters-10>[class*="col-"] {

        padding-right: 10px;

        padding-left: 10px;

    }



    .sm-gutters-15 {

        margin-right: -15px;

        margin-left: -15px;

    }



    .sm-gutters-15>.col,

    .sm-gutters-15>[class*="col-"] {

        padding-right: 15px;

        padding-left: 15px;

    }



    .sm-gutters-16 {

        margin-right: -16px;

        margin-left: -16px;

    }



    .aiz-carousel.sm-gutters-16 .slick-list {

        width: calc(100% + 4px);

    }



    .sm-gutters-16>.col,

    .sm-gutters-16>[class*="col-"],

    .aiz-carousel.sm-gutters-16 .carousel-box {

        padding-right: 16px;

        padding-left: 16px;

    }



    .sm-gutters-17 {

        margin-right: -17px;

        margin-left: -17px;

    }



    .aiz-carousel.sm-gutters-17 .slick-list {

        width: calc(100% + 4px);

    }



    .sm-gutters-17>.col,

    .sm-gutters-17>[class*="col-"],

    .aiz-carousel.sm-gutters-17 .carousel-box {

        padding-right: 17px;

        padding-left: 17px;

    }



    .sm-gutters-20 {

        margin-right: -20px;

        margin-left: -20px;

    }



    .sm-gutters-20>.col,

    .sm-gutters-20>[class*="col-"] {

        padding-right: 20px;

        padding-left: 20px;

    }



    .sm-gutters-25 {

        margin-right: -25px;

        margin-left: -25px;

    }



    .sm-gutters-25>.col,

    .sm-gutters-25>[class*="col-"] {

        padding-right: 25px;

        padding-left: 25px;

    }



    .sm-gutters-30 {

        margin-right: -30px;

        margin-left: -30px;

    }



    .sm-gutters-30>.col,

    .sm-gutters-30>[class*="col-"] {

        padding-right: 30px;

        padding-left: 30px;

    }



    .flex-grow-sm-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important;

    }



    .flex-grow-sm-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important;

    }



    .flex-sm-nowrap {

        flex-wrap: nowrap !important;

    }



    [dir="rtl"] .row-cols-sm-1>* {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    [dir="rtl"] .row-cols-sm-2>* {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }



    [dir="rtl"] .row-cols-sm-3>* {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }



    [dir="rtl"] .row-cols-sm-4>* {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }



    [dir="rtl"] .row-cols-sm-5>* {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }



    [dir="rtl"] .row-cols-sm-6>* {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%;

    }

}



/* md */

@media (min-width: 768px) {

    .border-md {

        border: 1px solid #dfdfe6 !important;

    }



    .border-md-top {

        border-top: 1px solid #dfdfe6 !important;

    }



    .border-md-right {

        border-right: 1px solid #dfdfe6 !important;

    }



    .border-md-bottom {

        border-bottom: 1px solid #dfdfe6 !important;

    }



    .border-md-left {

        border-left: 1px solid #dfdfe6 !important;

    }



    .border-md-0 {

        border: 0 !important;

    }



    .border-md-top-0 {

        border-top: 0 !important;

    }



    .border-md-right-0 {

        border-right: 0 !important;

    }



    .border-md-bottom-0 {

        border-bottom: 0 !important;

    }



    .border-md-left-0 {

        border-left: 0 !important;

    }



    .w-md-25 {

        width: 25% !important;

    }



    .w-md-50 {

        width: 50% !important;

    }



    .w-md-75 {

        width: 75% !important;

    }



    .w-md-100 {

        width: 100% !important;

    }



    .w-md-auto {

        width: auto !important;

    }



    .pl-md-6,

    .px-md-6,

    .p-md-6 {

        padding-left: 4rem;

    }



    .pl-md-7,

    .px-md-7,

    .p-md-7 {

        padding-left: 5rem;

    }



    .pl-md-8,

    .px-md-8,

    .p-md-8 {

        padding-left: 6rem;

    }



    .pl-md-9,

    .px-md-9,

    .p-md-9 {

        padding-left: 8rem;

    }



    .pl-md-10,

    .px-md-10,

    .p-md-10 {

        padding-left: 10rem;

    }



    .pl-md-11,

    .px-md-11,

    .p-md-11 {

        padding-left: 12rem;

    }



    .pl-md-12,

    .px-md-12,

    .p-md-12 {

        padding-left: 16rem;

    }



    .pl-md-2rem,

    .px-md-2rem,

    .p-md-2rem {

        padding-left: 2rem !important;

    }



    .pr-md-6,

    .px-md-6,

    .p-md-6 {

        padding-right: 4rem;

    }



    .pr-md-7,

    .px-md-7,

    .p-md-7 {

        padding-right: 5rem;

    }



    .pr-md-8,

    .px-md-8,

    .p-md-8 {

        padding-right: 6rem;

    }



    .pr-md-9,

    .px-md-9,

    .p-md-9 {

        padding-right: 8rem;

    }



    .pr-md-10,

    .px-md-10,

    .p-md-10 {

        padding-right: 10rem;

    }



    .pr-md-11,

    .px-md-11,

    .p-md-11 {

        padding-right: 12rem;

    }



    .pr-md-12,

    .px-md-12,

    .p-md-12 {

        padding-right: 16rem;

    }



    .pr-md-2rem,

    .px-md-2rem,

    .p-md-2rem {

        padding-right: 2rem !important;

    }



    .pt-md-6,

    .py-md-6,

    .p-md-6 {

        padding-top: 4rem;

    }



    .pt-md-7,

    .py-md-7,

    .p-md-7 {

        padding-top: 5rem;

    }



    .pt-md-8,

    .py-md-8,

    .p-md-8 {

        padding-top: 6rem;

    }



    .pt-md-9,

    .py-md-9,

    .p-md-9 {

        padding-top: 8rem;

    }



    .pt-md-10,

    .py-md-10,

    .p-md-10 {

        padding-top: 10rem;

    }



    .pt-md-11,

    .py-md-11,

    .p-md-11 {

        padding-top: 12rem;

    }



    .pt-md-12,

    .py-md-12,

    .p-md-12 {

        padding-top: 16rem;

    }



    .pt-md-2rem,

    .py-md-2rem,

    .p-md-2rem {

        padding-top: 2rem !important;

    }



    .pb-md-6,

    .py-md-6,

    .p-md-6 {

        padding-bottom: 4rem;

    }



    .pb-md-7,

    .py-md-7,

    .p-md-7 {

        padding-bottom: 5rem;

    }



    .pb-md-8,

    .py-md-8,

    .p-md-8 {

        padding-bottom: 6rem;

    }



    .pb-md-9,

    .py-md-9,

    .p-md-9 {

        padding-bottom: 8rem;

    }



    .pb-md-10,

    .py-md-10,

    .p-md-10 {

        padding-bottom: 10rem;

    }



    .pb-md-11,

    .py-md-11,

    .p-md-11 {

        padding-bottom: 12rem;

    }



    .pb-md-12,

    .py-md-12,

    .p-md-12 {

        padding-bottom: 16rem;

    }



    .pb-md-2rem,

    .py-md-2rem,

    .p-md-2rem {

        padding-bottom: 2rem !important;

    }



    .pl-md-5px,

    .px-md-5px,

    .p-md-5px {

        padding-left: 5px;

    }



    .pl-md-10px,

    .px-md-10px,

    .p-md-10px {

        padding-left: 10px;

    }



    .pl-md-14px,

    .px-md-14px,

    .p-md-14px {

        padding-left: 14px;

    }



    .pl-md-15px,

    .px-md-15px,

    .p-md-15px {

        padding-left: 15px;

    }



    .pl-md-20px,

    .px-md-20px,

    .p-md-20px {

        padding-left: 20px;

    }



    .pl-md-25px,

    .px-md-25px,

    .p-md-25px {

        padding-left: 25px;

    }



    .pl-md-30px,

    .px-md-30px,

    .p-md-30px {

        padding-left: 30px;

    }



    .pr-md-5px,

    .px-md-5px,

    .p-md-5px {

        padding-right: 5px;

    }



    .pr-md-10px,

    .px-md-10px,

    .p-md-10px {

        padding-right: 10px;

    }



    .pr-md-14px,

    .px-md-14px,

    .p-md-14px {

        padding-right: 14px;

    }



    .pr-md-15px,

    .px-md-15px,

    .p-md-15px {

        padding-right: 15px;

    }



    .pr-md-20px,

    .px-md-20px,

    .p-md-20px {

        padding-right: 20px;

    }



    .pr-md-25px,

    .px-md-25px,

    .p-md-25px {

        padding-right: 25px;

    }



    .pr-md-30px,

    .px-md-30px,

    .p-md-30px {

        padding-right: 30px;

    }



    .pt-md-5px,

    .py-md-5px,

    .p-md-5px {

        padding-top: 5px;

    }



    .pt-md-10px,

    .py-md-10px,

    .p-md-10px {

        padding-top: 10px;

    }



    .pt-md-14px,

    .py-md-14px,

    .p-md-14px {

        padding-top: 14px;

    }



    .pt-md-15px,

    .py-md-15px,

    .p-md-15px {

        padding-top: 15px;

    }



    .pt-md-20px,

    .py-md-20px,

    .p-md-20px {

        padding-top: 20px;

    }



    .pt-md-25px,

    .py-md-25px,

    .p-md-25px {

        padding-top: 25px;

    }



    .pt-md-30px,

    .py-md-30px,

    .p-md-30px {

        padding-top: 30px;

    }



    .pb-md-5px,

    .py-md-5px,

    .p-md-5px {

        padding-bottom: 5px;

    }



    .pb-md-10px,

    .py-md-10px,

    .p-md-10px {

        padding-bottom: 10px;

    }



    .pb-md-14px,

    .py-md-14px,

    .p-md-14px {

        padding-bottom: 14px;

    }



    .pb-md-15px,

    .py-md-15px,

    .p-md-15px {

        padding-bottom: 15px;

    }



    .pb-md-20px,

    .py-md-20px,

    .p-md-20px {

        padding-bottom: 20px;

    }



    .pb-md-25px,

    .py-md-25px,

    .p-md-25px {

        padding-bottom: 25px;

    }



    .pb-md-30px,

    .py-md-30px,

    .p-md-30px {

        padding-bottom: 30px;

    }



    .w-md-auto {

        width: auto;

    }



    .w-md-5px,

    .size-md-5px {

        width: 5px;

    }



    .w-md-10px,

    .size-md-10px {

        width: 10px;

    }



    .w-md-15px,

    .size-md-15px {

        width: 15px;

    }



    .w-md-20px,

    .size-md-20px {

        width: 20px;

    }



    .w-md-25px,

    .size-md-25px {

        width: 25px;

    }



    .w-md-30px,

    .size-md-30px {

        width: 30px;

    }



    .w-md-35px,

    .size-md-35px {

        width: 35px;

    }



    .w-md-40px,

    .size-md-40px {

        width: 40px;

    }



    .w-md-45px,

    .size-md-45px {

        width: 45px;

    }



    .w-md-48px,

    .size-md-48px {

        width: 48px;

    }



    .w-md-50px,

    .size-md-50px {

        width: 50px;

    }



    .w-md-60px,

    .size-md-60px {

        width: 60px;

    }



    .w-md-64px,

    .size-md-64px {

        width: 64px;

    }



    .w-md-70px,

    .size-md-70px {

        width: 70px;

    }



    .w-md-80px,

    .size-md-80px {

        width: 80px;

    }



    .w-md-90px,

    .size-md-90px {

        width: 90px;

    }



    .w-md-100px,

    .size-md-100px {

        width: 100px;

    }



    .w-md-110px,

    .size-md-110px {

        width: 110px;

    }



    .w-md-120px,

    .size-md-120px {

        width: 120px;

    }



    .w-md-130px,

    .size-md-130px {

        width: 130px;

    }



    .w-md-140px,

    .size-md-140px {

        width: 140px;

    }



    .w-md-150px,

    .size-md-150px {

        width: 150px;

    }



    .w-md-160px,

    .size-md-160px {

        width: 160px;

    }



    .w-md-170px,

    .size-md-170px {

        width: 170px;

    }



    .w-md-180px,

    .size-md-180px {

        width: 180px;

    }



    .w-md-190px,

    .size-md-190px {

        width: 190px;

    }



    .w-md-200px,

    .size-md-200px {

        width: 200px;

    }



    .w-md-210px,

    .size-md-210px {

        width: 210px;

    }



    .w-md-220px,

    .size-md-220px {

        width: 220px;

    }



    .w-md-230px,

    .size-md-230px {

        width: 230px;

    }



    .w-md-240px,

    .size-md-240px {

        width: 240px;

    }



    .w-md-250px,

    .size-md-250px {

        width: 250px;

    }



    .w-md-260px,

    .size-md-260px {

        width: 260px;

    }



    .w-md-270px,

    .size-md-270px {

        width: 270px;

    }



    .w-md-280px,

    .size-md-280px {

        width: 280px;

    }



    .w-md-290px,

    .size-md-290px {

        width: 290px;

    }



    .w-md-300px,

    .size-md-300px {

        width: 300px;

    }



    .w-md-310px,

    .size-md-310px {

        width: 310px;

    }



    .w-md-320px,

    .size-md-320px {

        width: 320px;

    }



    .w-md-330px,

    .size-md-330px {

        width: 330px;

    }



    .w-md-340px,

    .size-md-340px {

        width: 340px;

    }



    .w-md-350px,

    .size-md-350px {

        width: 350px;

    }



    .w-md-360px,

    .size-md-360px {

        width: 360px;

    }



    .w-md-370px,

    .size-md-370px {

        width: 370px;

    }



    .w-md-380px,

    .size-md-380px {

        width: 380px;

    }



    .w-md-390px,

    .size-md-390px {

        width: 390px;

    }



    .w-md-400px,

    .size-md-400px {

        width: 400px;

    }



    .w-md-410px,

    .size-md-410px {

        width: 410px;

    }



    .w-md-420px,

    .size-md-420px {

        width: 420px;

    }



    .w-md-450px,

    .size-md-450px {

        width: 450px;

    }



    .w-md-470px,

    .size-md-470px {

        width: 470px;

    }



    .w-md-500px,

    .size-md-500px {

        width: 500px;

    }



    .w-md-530px,

    .size-md-530px {

        width: 530px;

    }



    .w-md-553px,

    .size-md-553px {

        width: 553px;

    }



    .w-md-640px,

    .size-md-640px {

        width: 640px;

    }



    .w-md-800px,

    .size-md-800px {

        width: 820px;

    }



    .h-md-auto {

        height: auto;

    }



    .h-md-5px,

    .size-md-5px {

        height: 5px;

    }



    .h-md-10px,

    .size-md-10px {

        height: 10px;

    }



    .h-md-15px,

    .size-md-15px {

        height: 15px;

    }



    .h-md-20px,

    .size-md-20px {

        height: 20px;

    }



    .h-md-25px,

    .size-md-25px {

        height: 25px;

    }



    .h-md-30px,

    .size-md-30px {

        height: 30px;

    }



    .h-md-35px,

    .size-md-35px {

        height: 35px;

    }



    .h-md-40px,

    .size-md-40px {

        height: 40px;

    }



    .h-md-45px,

    .size-md-45px {

        height: 45px;

    }



    .h-md-48px,

    .size-md-48px {

        height: 48px;

    }



    .h-md-50px,

    .size-md-50px {

        height: 50px;

    }



    .h-md-60px,

    .size-md-60px {

        height: 60px;

    }



    .h-md-64px,

    .size-md-64px {

        height: 64px;

    }



    .h-md-70px,

    .size-md-70px {

        height: 70px;

    }



    .h-md-80px,

    .size-md-80px {

        height: 80px;

    }



    .h-md-90px,

    .size-md-90px {

        height: 90px;

    }



    .h-md-100px,

    .size-md-100px {

        height: 100px;

    }



    .h-md-110px,

    .size-md-110px {

        height: 110px;

    }



    .h-md-120px,

    .size-md-120px {

        height: 120px;

    }



    .h-md-130px,

    .size-md-130px {

        height: 130px;

    }



    .h-md-140px,

    .size-md-140px {

        height: 140px;

    }



    .h-md-150px,

    .size-md-150px {

        height: 150px;

    }



    .h-md-160px,

    .size-md-160px {

        height: 160px;

    }



    .h-md-170px,

    .size-md-170px {

        height: 170px;

    }



    .h-md-180px,

    .size-md-180px {

        height: 180px;

    }



    .h-md-190px,

    .size-md-190px {

        height: 190px;

    }



    .h-md-200px,

    .size-md-200px {

        height: 200px;

    }



    .h-md-210px,

    .size-md-210px {

        height: 210px;

    }



    .h-md-220px,

    .size-md-220px {

        height: 220px;

    }



    .h-md-230px,

    .size-md-230px {

        height: 230px;

    }



    .h-md-240px,

    .size-md-240px {

        height: 240px;

    }



    .h-md-250px,

    .size-md-250px {

        height: 250px;

    }



    .h-md-260px,

    .size-md-260px {

        height: 260px;

    }



    .h-md-270px,

    .size-md-270px {

        height: 270px;

    }



    .h-md-280px,

    .size-md-280px {

        height: 280px;

    }



    .h-md-290px,

    .size-md-290px {

        height: 290px;

    }



    .h-md-300px,

    .size-md-300px {

        height: 300px;

    }



    .h-md-310px,

    .size-md-310px {

        height: 310px;

    }

.h-md-315px, 

.size-md-315px {

        height: 315px!important;

}

    .h-md-320px,

    .size-md-320px {

        height: 320px;

    }



    .h-md-330px,

    .size-md-330px {

        height: 330px;

    }



    .h-md-340px,

    .size-md-340px {

        height: 340px;

    }



    .h-md-350px,

    .size-md-350px {

        height: 350px;

    }



    .h-md-360px,

    .size-md-360px {

        height: 360px;

    }



    .h-md-370px,

    .size-md-370px {

        height: 370px;

    }



    .h-md-380px,

    .size-md-380px {

        height: 380px;

    }



    .h-md-390px,

    .size-md-390px {

        height: 390px;

    }



    .h-md-400px,

    .size-md-400px {

        height: 400px;

    }



    .h-md-410px,

    .size-md-410px {

        height: 410px;

    }



    .h-md-420px,

    .size-md-420px {

        height: 420px;

    }



    .h-md-450px,

    .size-md-450px {

        height: 450px;

    }



    .h-md-460px,

    .size-md-460px {

        height: 460px;

    }



    .h-md-470px,

    .size-md-470px {

        height: 470px;

    }



    .h-md-475px,

    .size-md-475px {

        height: 475px;

    }



    .h-md-485px,

    .size-md-485px {

        height: 485px;

    }



    .h-md-490px,

    .size-md-490px {

        height: 490px;

    }



    .h-md-500px,

    .size-md-500px {

        height: 500px;

    }



    .h-md-530px,

    .size-md-530px {

        height: 530px;

    }



    .h-md-553px,

    .size-md-553px {

        height: 553px;

    }



    .h-md-570px {

        height: 570px;

    }



    .h-md-640px,

    .size-md-640px {

        height: 640px;

    }



    .h-md-800px,

    .size-md-800px {

        height: 820px;

    }



    .md-no-gutters {

        margin-right: -0px;

        margin-left: -0px;

    }



    .md-no-gutters>.col,

    .md-no-gutters>[class*="col-"] {

        padding-right: 0px;

        padding-left: 0px;

    }



    .md-gutters-5 {

        margin-right: -5px;

        margin-left: -5px;

    }



    .md-gutters-5>.col,

    .md-gutters-5>[class*="col-"] {

        padding-right: 5px;

        padding-left: 5px;

    }



    .md-gutters-10 {

        margin-right: -10px;

        margin-left: -10px;

    }



    .md-gutters-10>.col,

    .md-gutters-10>[class*="col-"] {

        padding-right: 10px;

        padding-left: 10px;

    }



    .md-gutters-15 {

        margin-right: -15px;

        margin-left: -15px;

    }



    .md-gutters-15>.col,

    .md-gutters-15>[class*="col-"] {

        padding-right: 15px;

        padding-left: 15px;

    }



    .md-gutters-16 {

        margin-right: -16px;

        margin-left: -16px;

    }



    .md-gutters-16>.col,

    .md-gutters-16>[class*="col-"] {

        padding-right: 16px;

        padding-left: 16px;

    }



    .md-gutters-17 {

        margin-right: -17px;

        margin-left: -17px;

    }



    .md-gutters-17>.col,

    .md-gutters-17>[class*="col-"] {

        padding-right: 17px;

        padding-left: 17px;

    }



    .md-gutters-20 {

        margin-right: -20px;

        margin-left: -20px;

    }



    .md-gutters-20>.col,

    .md-gutters-20>[class*="col-"] {

        padding-right: 20px;

        padding-left: 20px;

    }



    .md-gutters-25 {

        margin-right: -25px;

        margin-left: -25px;

    }



    .md-gutters-25>.col,

    .md-gutters-25>[class*="col-"] {

        padding-right: 25px;

        padding-left: 25px;

    }



    .md-gutters-30 {

        margin-right: -30px;

        margin-left: -30px;

    }



    .md-gutters-30>.col,

    .md-gutters-30>[class*="col-"] {

        padding-right: 30px;

        padding-left: 30px;

    }



    .flex-grow-md-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important;

    }



    .flex-grow-md-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important;

    }



    .flex-md-nowrap {

        flex-wrap: nowrap !important;

    }



    [dir="rtl"] .row-cols-md-1>* {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    [dir="rtl"] .row-cols-md-2>* {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }



    [dir="rtl"] .row-cols-md-3>* {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }



    [dir="rtl"] .row-cols-md-4>* {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }



    [dir="rtl"] .row-cols-md-5>* {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }



    [dir="rtl"] .row-cols-md-6>* {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%;

    }



    .absolute-md-top-right {

        position: absolute;

        top: 0;

        right: 0;

        bottom: inherit;

        left: inherit;

    }

}



/* lg */

@media (min-width: 992px) {

    .border-lg {

        border: 1px solid #dfdfe6 !important;

    }



    .border-lg-top {

        border-top: 1px solid #dfdfe6 !important;

    }



    .border-lg-right {

        border-right: 1px solid #dfdfe6 !important;

    }



    .border-lg-bottom {

        border-bottom: 1px solid #dfdfe6 !important;

    }



    .border-lg-left {

        border-left: 1px solid #dfdfe6 !important;

    }



    .border-lg-0 {

        border: 0 !important;

    }



    .border-lg-top-0 {

        border-top: 0 !important;

    }



    .border-lg-right-0 {

        border-right: 0 !important;

    }



    .border-lg-bottom-0 {

        border-bottom: 0 !important;

    }



    .border-lg-left-0 {

        border-left: 0 !important;

    }



    .w-lg-25 {

        width: 25% !important;

    }



    .w-lg-50 {

        width: 50% !important;

    }



    .w-lg-75 {

        width: 75% !important;

    }



    .w-lg-100 {

        width: 100% !important;

    }



    .w-lg-auto {

        width: auto !important;

    }



    .pl-lg-6,

    .px-lg-6,

    .p-lg-6 {

        padding-left: 4rem;

    }



    .pl-lg-7,

    .px-lg-7,

    .p-lg-7 {

        padding-left: 5rem;

    }



    .pl-lg-8,

    .px-lg-8,

    .p-lg-8 {

        padding-left: 6rem;

    }



    .pl-lg-9,

    .px-lg-9,

    .p-lg-9 {

        padding-left: 8rem;

    }



    .pl-lg-10,

    .px-lg-10,

    .p-lg-10 {

        padding-left: 10rem;

    }



    .pl-lg-11,

    .px-lg-11,

    .p-lg-11 {

        padding-left: 12rem;

    }



    .pl-lg-12,

    .px-lg-12,

    .p-lg-12 {

        padding-left: 16rem;

    }



    .pl-lg-2rem,

    .px-lg-2rem,

    .p-lg-2rem {

        padding-left: 2rem !important;

    }



    .pr-lg-6,

    .px-lg-6,

    .p-lg-6 {

        padding-right: 4rem;

    }



    .pr-lg-7,

    .px-lg-7,

    .p-lg-7 {

        padding-right: 5rem;

    }



    .pr-lg-8,

    .px-lg-8,

    .p-lg-8 {

        padding-right: 6rem;

    }



    .pr-lg-9,

    .px-lg-9,

    .p-lg-9 {

        padding-right: 8rem;

    }



    .pr-lg-10,

    .px-lg-10,

    .p-lg-10 {

        padding-right: 10rem;

    }



    .pr-lg-11,

    .px-lg-11,

    .p-lg-11 {

        padding-right: 12rem;

    }



    .pr-lg-12,

    .px-lg-12,

    .p-lg-12 {

        padding-right: 16rem;

    }



    .pr-lg-2rem,

    .px-lg-2rem,

    .p-lg-2rem {

        padding-right: 2rem !important;

    }



    .pt-lg-6,

    .py-lg-6,

    .p-lg-6 {

        padding-top: 4rem;

    }



    .pt-lg-7,

    .py-lg-7,

    .p-lg-7 {

        padding-top: 5rem;

    }



    .pt-lg-8,

    .py-lg-8,

    .p-lg-8 {

        padding-top: 6rem;

    }



    .pt-lg-9,

    .py-lg-9,

    .p-lg-9 {

        padding-top: 8rem;

    }



    .pt-lg-10,

    .py-lg-10,

    .p-lg-10 {

        padding-top: 10rem;

    }



    .pt-lg-11,

    .py-lg-11,

    .p-lg-11 {

        padding-top: 12rem;

    }



    .pt-lg-12,

    .py-lg-12,

    .p-lg-12 {

        padding-top: 16rem;

    }



    .pt-lg-2rem,

    .py-lg-2rem,

    .p-lg-2rem {

        padding-top: 2rem !important;

    }



    .pb-lg-6,

    .py-lg-6,

    .p-lg-6 {

        padding-bottom: 4rem;

    }



    .pb-lg-7,

    .py-lg-7,

    .p-lg-7 {

        padding-bottom: 5rem;

    }



    .pb-lg-8,

    .py-lg-8,

    .p-lg-8 {

        padding-bottom: 6rem;

    }



    .pb-lg-9,

    .py-lg-9,

    .p-lg-9 {

        padding-bottom: 8rem;

    }



    .pb-lg-10,

    .py-lg-10,

    .p-lg-10 {

        padding-bottom: 10rem;

    }



    .pb-lg-11,

    .py-lg-11,

    .p-lg-11 {

        padding-bottom: 12rem;

    }



    .pb-lg-12,

    .py-lg-12,

    .p-lg-12 {

        padding-bottom: 16rem;

    }



    .pb-lg-2rem,

    .py-lg-2rem,

    .p-lg-2rem {

        padding-bottom: 2rem !important;

    }



    .pl-lg-5px,

    .px-lg-5px,

    .p-lg-5px {

        padding-left: 5px;

    }



    .pl-lg-10px,

    .px-lg-10px,

    .p-lg-10px {

        padding-left: 10px;

    }



    .pl-lg-14px,

    .px-lg-14px,

    .p-lg-14px {

        padding-left: 14px;

    }



    .pl-lg-15px,

    .px-lg-15px,

    .p-lg-15px {

        padding-left: 15px;

    }



    .pl-lg-20px,

    .px-lg-20px,

    .p-lg-20px {

        padding-left: 20px;

    }



    .pl-lg-25px,

    .px-lg-25px,

    .p-lg-25px {

        padding-left: 25px;

    }



    .pl-lg-30px,

    .px-lg-30px,

    .p-lg-30px {

        padding-left: 30px;

    }



    .pr-lg-5px,

    .px-lg-5px,

    .p-lg-5px {

        padding-right: 5px;

    }



    .pr-lg-10px,

    .px-lg-10px,

    .p-lg-10px {

        padding-right: 10px;

    }



    .pr-lg-14px,

    .px-lg-14px,

    .p-lg-14px {

        padding-right: 14px;

    }



    .pr-lg-15px,

    .px-lg-15px,

    .p-lg-15px {

        padding-right: 15px;

    }



    .pr-lg-20px,

    .px-lg-20px,

    .p-lg-20px {

        padding-right: 20px;

    }



    .pr-lg-25px,

    .px-lg-25px,

    .p-lg-25px {

        padding-right: 25px;

    }



    .pr-lg-30px,

    .px-lg-30px,

    .p-lg-30px {

        padding-right: 30px;

    }



    .pt-lg-5px,

    .py-lg-5px,

    .p-lg-5px {

        padding-top: 5px;

    }



    .pt-lg-10px,

    .py-lg-10px,

    .p-lg-10px {

        padding-top: 10px;

    }



    .pt-lg-14px,

    .py-lg-14px,

    .p-lg-14px {

        padding-top: 14px;

    }



    .pt-lg-15px,

    .py-lg-15px,

    .p-lg-15px {

        padding-top: 15px;

    }



    .pt-lg-20px,

    .py-lg-20px,

    .p-lg-20px {

        padding-top: 20px;

    }



    .pt-lg-25px,

    .py-lg-25px,

    .p-lg-25px {

        padding-top: 25px;

    }



    .pt-lg-30px,

    .py-lg-30px,

    .p-lg-30px {

        padding-top: 30px;

    }



    .pb-lg-5px,

    .py-lg-5px,

    .p-lg-5px {

        padding-bottom: 5px;

    }



    .pb-lg-10px,

    .py-lg-10px,

    .p-lg-10px {

        padding-bottom: 10px;

    }



    .pb-lg-14px,

    .py-lg-14px,

    .p-lg-14px {

        padding-bottom: 14px;

    }



    .pb-lg-15px,

    .py-lg-15px,

    .p-lg-15px {

        padding-bottom: 15px;

    }



    .pb-lg-20px,

    .py-lg-20px,

    .p-lg-20px {

        padding-bottom: 20px;

    }



    .pb-lg-25px,

    .py-lg-25px,

    .p-lg-25px {

        padding-bottom: 25px;

    }



    .pb-lg-30px,

    .py-lg-30px,

    .p-lg-30px {

        padding-bottom: 30px;

    }



    .w-lg-auto {

        width: auto;

    }



    .w-lg-5px,

    .size-lg-5px {

        width: 5px;

    }



    .w-lg-10px,

    .size-lg-10px {

        width: 10px;

    }



    .w-lg-15px,

    .size-lg-15px {

        width: 15px;

    }



    .w-lg-20px,

    .size-lg-20px {

        width: 20px;

    }



    .w-lg-25px,

    .size-lg-25px {

        width: 25px;

    }



    .w-lg-30px,

    .size-lg-30px {

        width: 30px;

    }



    .w-lg-35px,

    .size-lg-35px {

        width: 35px;

    }



    .w-lg-40px,

    .size-lg-40px {

        width: 40px;

    }



    .w-lg-45px,

    .size-lg-45px {

        width: 45px;

    }



    .w-lg-48px,

    .size-lg-48px {

        width: 48px;

    }



    .w-lg-50px,

    .size-lg-50px {

        width: 50px;

    }



    .w-lg-60px,

    .size-lg-60px {

        width: 60px;

    }



    .w-lg-64px,

    .size-lg-64px {

        width: 64px;

    }



    .w-lg-70px,

    .size-lg-70px {

        width: 70px;

    }



    .w-lg-80px,

    .size-lg-80px {

        width: 80px;

    }



    .w-lg-90px,

    .size-lg-90px {

        width: 90px;

    }



    .w-lg-100px,

    .size-lg-100px {

        width: 100px;

    }



    .w-lg-110px,

    .size-lg-110px {

        width: 110px;

    }



    .w-lg-120px,

    .size-lg-120px {

        width: 120px;

    }



    .w-lg-130px,

    .size-lg-130px {

        width: 130px;

    }



    .w-lg-140px,

    .size-lg-140px {

        width: 140px;

    }



    .w-lg-150px,

    .size-lg-150px {

        width: 150px;

    }



    .w-lg-160px,

    .size-lg-160px {

        width: 160px;

    }



    .w-lg-170px,

    .size-lg-170px {

        width: 170px;

    }



    .w-lg-180px,

    .size-lg-180px {

        width: 180px;

    }



    .w-lg-190px,

    .size-lg-190px {

        width: 190px;

    }



    .w-lg-200px,

    .size-lg-200px {

        width: 200px;

    }



    .w-lg-210px,

    .size-lg-210px {

        width: 210px;

    }



    .w-lg-220px,

    .size-lg-220px {

        width: 220px;

    }



    .w-lg-230px,

    .size-lg-230px {

        width: 230px;

    }



    .w-lg-240px,

    .size-lg-240px {

        width: 240px;

    }



    .w-lg-250px,

    .size-lg-250px {

        width: 250px;

    }



    .w-lg-260px,

    .size-lg-260px {

        width: 260px;

    }



    .w-lg-270px,

    .size-lg-270px {

        width: 270px;

    }



    .w-lg-280px,

    .size-lg-280px {

        width: 280px;

    }



    .w-lg-290px,

    .size-lg-290px {

        width: 290px;

    }



    .w-lg-300px,

    .size-lg-300px {

        width: 300px;

    }



    .w-lg-310px,

    .size-lg-310px {

        width: 310px;

    }



    .w-lg-320px,

    .size-lg-320px {

        width: 320px;

    }



    .w-lg-330px,

    .size-lg-330px {

        width: 330px;

    }



    .w-lg-340px,

    .size-lg-340px {

        width: 340px;

    }



    .w-lg-350px,

    .size-lg-350px {

        width: 350px;

    }



    .w-lg-360px,

    .size-lg-360px {

        width: 360px;

    }



    .w-lg-370px,

    .size-lg-370px {

        width: 370px;

    }



    .w-lg-380px,

    .size-lg-380px {

        width: 380px;

    }



    .w-lg-390px,

    .size-lg-390px {

        width: 390px;

    }



    .w-lg-400px,

    .size-lg-400px {

        width: 400px;

    }



    .w-lg-410px,

    .size-lg-410px {

        width: 410px;

    }



    .w-lg-420px,

    .size-lg-420px {

        width: 420px;

    }



    .w-lg-450px,

    .size-lg-450px {

        width: 450px;

    }



    .w-lg-470px,

    .size-lg-470px {

        width: 470px;

    }



    .w-lg-500px,

    .size-lg-500px {

        width: 500px;

    }



    .w-lg-530px,

    .size-lg-530px {

        width: 530px;

    }



    .w-lg-553px,

    .size-lg-553px {

        width: 553px;

    }



    .w-lg-640px,

    .size-lg-640px {

        width: 640px;

    }



    .w-lg-800px,

    .size-lg-800px {

        width: 820px;

    }



    .h-lg-auto {

        height: auto;

    }



    .h-lg-5px,

    .size-lg-5px {

        height: 5px;

    }



    .h-lg-10px,

    .size-lg-10px {

        height: 10px;

    }



    .h-lg-15px,

    .size-lg-15px {

        height: 15px;

    }



    .h-lg-20px,

    .size-lg-20px {

        height: 20px;

    }



    .h-lg-25px,

    .size-lg-25px {

        height: 25px;

    }



    .h-lg-30px,

    .size-lg-30px {

        height: 30px;

    }



    .h-lg-35px,

    .size-lg-35px {

        height: 35px;

    }



    .h-lg-40px,

    .size-lg-40px {

        height: 40px;

    }



    .h-lg-45px,

    .size-lg-45px {

        height: 45px;

    }



    .h-lg-48px,

    .size-lg-48px {

        height: 48px;

    }



    .h-lg-50px,

    .size-lg-50px {

        height: 50px;

    }



    .h-lg-60px,

    .size-lg-60px {

        height: 60px;

    }



    .h-lg-64px,

    .size-lg-64px {

        height: 64px;

    }



    .h-lg-70px,

    .size-lg-70px {

        height: 70px;

    }



    .h-lg-80px,

    .size-lg-80px {

        height: 80px;

    }



    .h-lg-90px,

    .size-lg-90px {

        height: 90px;

    }



    .h-lg-100px,

    .size-lg-100px {

        height: 100px;

    }



    .h-lg-110px,

    .size-lg-110px {

        height: 110px;

    }



    .h-lg-120px,

    .size-lg-120px {

        height: 120px;

    }



    .h-lg-130px,

    .size-lg-130px {

        height: 130px;

    }



    .h-lg-140px,

    .size-lg-140px {

        height: 140px;

    }



    .h-lg-150px,

    .size-lg-150px {

        height: 150px;

    }



    .h-lg-160px,

    .size-lg-160px {

        height: 160px;

    }



    .h-lg-170px,

    .size-lg-170px {

        height: 170px;

    }



    .h-lg-180px,

    .size-lg-180px {

        height: 180px;

    }



    .h-lg-190px,

    .size-lg-190px {

        height: 190px;

    }



    .h-lg-200px,

    .size-lg-200px {

        height: 200px;

    }



    .h-lg-210px,

    .size-lg-210px {

        height: 210px;

    }



    .h-lg-220px,

    .size-lg-220px {

        height: 220px;

    }



    .h-lg-230px,

    .size-lg-230px {

        height: 230px;

    }



    .h-lg-240px,

    .size-lg-240px {

        height: 240px;

    }



    .h-lg-250px,

    .size-lg-250px {

        height: 250px;

    }



    .h-lg-260px,

    .size-lg-260px {

        height: 260px;

    }



    .h-lg-270px,

    .size-lg-270px {

        height: 270px;

    }



    .h-lg-280px,

    .size-lg-280px {

        height: 280px;

    }



    .h-lg-290px,

    .size-lg-290px {

        height: 290px;

    }



    .h-lg-300px,

    .size-lg-300px {

        height: 300px;

    }



    .h-lg-310px,

    .size-lg-310px {

        height: 310px;

    }



    .h-lg-320px,

    .size-lg-320px {

        height: 320px;

    }



    .h-lg-330px,

    .size-lg-330px {

        height: 330px;

    }



    .h-lg-340px,

    .size-lg-340px {

        height: 340px;

    }



    .h-lg-350px,

    .size-lg-350px {

        height: 350px;

    }



    .h-lg-360px,

    .size-lg-360px {

        height: 360px;

    }



    .h-lg-370px,

    .size-lg-370px {

        height: 370px;

    }



    .h-lg-380px,

    .size-lg-380px {

        height: 380px;

    }



    .h-lg-390px,

    .size-lg-390px {

        height: 390px;

    }



    .h-lg-400px,

    .size-lg-400px {

        height: 400px;

    }



    .h-lg-410px,

    .size-lg-410px {

        height: 410px;

    }



    .h-lg-420px,

    .size-lg-420px {

        height: 420px;

    }



    .h-lg-450px,

    .size-lg-450px {

        height: 450px;

    }



    .h-lg-460px,

    .size-lg-460px {

        height: 460px;

    }



    .h-lg-470px,

    .size-lg-470px {

        height: 470px;

    }



    .h-lg-475px,

    .size-lg-475px {

        height: 475px;

    }



    .h-lg-485px,

    .size-lg-485px {

        height: 485px;

    }



    .h-lg-490px,

    .size-lg-490px {

        height: 490px;

    }



    .h-lg-500px,

    .size-lg-500px {

        height: 500px;

    }



    .h-lg-530px,

    .size-lg-530px {

        height: 530px;

    }



    .h-lg-553px,

    .size-lg-553px {

        height: 553px;

    }



    .h-lg-640px,

    .size-lg-640px {

        height: 640px;

    }



    .h-lg-800px,

    .size-lg-800px {

        height: 820px;

    }



    .lg-no-gutters {

        margin-right: -0px;

        margin-left: -0px;

    }



    .lg-no-gutters>.col,

    .lg-no-gutters>[class*="col-"] {

        padding-right: 0px;

        padding-left: 0px;

    }



    .lg-gutters-5 {

        margin-right: -5px;

        margin-left: -5px;

    }



    .lg-gutters-5>.col,

    .lg-gutters-5>[class*="col-"] {

        padding-right: 5px;

        padding-left: 5px;

    }



    .lg-gutters-10 {

        margin-right: -10px;

        margin-left: -10px;

    }



    .lg-gutters-10>.col,

    .lg-gutters-10>[class*="col-"] {

        padding-right: 10px;

        padding-left: 10px;

    }



    .lg-gutters-15 {

        margin-right: -15px;

        margin-left: -15px;

    }



    .lg-gutters-15>.col,

    .lg-gutters-15>[class*="col-"] {

        padding-right: 15px;

        padding-left: 15px;

    }



    .lg-gutters-16 {

        margin-right: -16px;

        margin-left: -16px;

    }



    .lg-gutters-16>.col,

    .lg-gutters-16>[class*="col-"] {

        padding-right: 16px;

        padding-left: 16px;

    }



    .lg-gutters-17 {

        margin-right: -17px;

        margin-left: -17px;

    }



    .lg-gutters-17>.col,

    .lg-gutters-17>[class*="col-"] {

        padding-right: 17px;

        padding-left: 17px;

    }



    .lg-gutters-20 {

        margin-right: -20px;

        margin-left: -20px;

    }



    .lg-gutters-20>.col,

    .lg-gutters-20>[class*="col-"] {

        padding-right: 20px;

        padding-left: 20px;

    }



    .lg-gutters-25 {

        margin-right: -25px;

        margin-left: -25px;

    }



    .lg-gutters-25>.col,

    .lg-gutters-25>[class*="col-"] {

        padding-right: 25px;

        padding-left: 25px;

    }



    .lg-gutters-30 {

        margin-right: -30px;

        margin-left: -30px;

    }



    .lg-gutters-30>.col,

    .lg-gutters-30>[class*="col-"] {

        padding-right: 30px;

        padding-left: 30px;

    }



    .flex-grow-lg-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important;

    }



    .flex-grow-lg-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important;

    }



    .flex-lg-nowrap {

        flex-wrap: nowrap !important;

    }



    [dir="rtl"] .row-cols-lg-1>* {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    [dir="rtl"] .row-cols-lg-2>* {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }



    [dir="rtl"] .row-cols-lg-3>* {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }



    [dir="rtl"] .row-cols-lg-4>* {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }



    [dir="rtl"] .row-cols-lg-5>* {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }



    [dir="rtl"] .row-cols-lg-6>* {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%;

    }

}



/* xl */

@media (min-width: 1200px) {

    .border-xl {

        border: 1px solid #dfdfe6 !important;

    }



    .border-xl-top {

        border-top: 1px solid #dfdfe6 !important;

    }



    .border-xl-right {

        border-right: 1px solid #dfdfe6 !important;

    }



    .border-xl-bottom {

        border-bottom: 1px solid #dfdfe6 !important;

    }



    .border-xl-left {

        border-left: 1px solid #dfdfe6 !important;

    }



    .border-xl-0 {

        border: 0 !important;

    }



    .border-xl-top-0 {

        border-top: 0 !important;

    }



    .border-xl-right-0 {

        border-right: 0 !important;

    }



    .border-xl-bottom-0 {

        border-bottom: 0 !important;

    }



    .border-xl-left-0 {

        border-left: 0 !important;

    }



    .w-xl-25 {

        width: 25% !important;

    }



    .w-xl-50 {

        width: 50% !important;

    }



    .w-xl-75 {

        width: 75% !important;

    }



    .w-xl-100 {

        width: 100% !important;

    }



    .w-xl-auto {

        width: auto !important;

    }



    .pl-xl-6,

    .px-xl-6,

    .p-xl-6 {

        padding-left: 4rem;

    }



    .pl-xl-7,

    .px-xl-7,

    .p-xl-7 {

        padding-left: 5rem;

    }



    .pl-xl-8,

    .px-xl-8,

    .p-xl-8 {

        padding-left: 6rem;

    }



    .pl-xl-9,

    .px-xl-9,

    .p-xl-9 {

        padding-left: 8rem;

    }



    .pl-xl-10,

    .px-xl-10,

    .p-xl-10 {

        padding-left: 10rem;

    }



    .pl-xl-11,

    .px-xl-11,

    .p-xl-11 {

        padding-left: 12rem;

    }



    .pl-xl-12,

    .px-xl-12,

    .p-xl-12 {

        padding-left: 16rem;

    }



    .pl-xl-2rem,

    .px-xl-2rem,

    .p-xl-2rem {

        padding-left: 2rem !important;

    }



    .pr-xl-6,

    .px-xl-6,

    .p-xl-6 {

        padding-right: 4rem;

    }



    .pr-xl-7,

    .px-xl-7,

    .p-xl-7 {

        padding-right: 5rem;

    }



    .pr-xl-8,

    .px-xl-8,

    .p-xl-8 {

        padding-right: 6rem;

    }



    .pr-xl-9,

    .px-xl-9,

    .p-xl-9 {

        padding-right: 8rem;

    }



    .pr-xl-10,

    .px-xl-10,

    .p-xl-10 {

        padding-right: 10rem;

    }



    .pr-xl-11,

    .px-xl-11,

    .p-xl-11 {

        padding-right: 12rem;

    }



    .pr-xl-12,

    .px-xl-12,

    .p-xl-12 {

        padding-right: 16rem;

    }



    .pr-xl-2rem,

    .px-xl-2rem,

    .p-xl-2rem {

        padding-right: 2rem !important;

    }



    .pt-xl-6,

    .py-xl-6,

    .p-xl-6 {

        padding-top: 4rem;

    }



    .pt-xl-7,

    .py-xl-7,

    .p-xl-7 {

        padding-top: 5rem;

    }



    .pt-xl-8,

    .py-xl-8,

    .p-xl-8 {

        padding-top: 6rem;

    }



    .pt-xl-9,

    .py-xl-9,

    .p-xl-9 {

        padding-top: 8rem;

    }



    .pt-xl-10,

    .py-xl-10,

    .p-xl-10 {

        padding-top: 10rem;

    }



    .pt-xl-11,

    .py-xl-11,

    .p-xl-11 {

        padding-top: 12rem;

    }



    .pt-xl-12,

    .py-xl-12,

    .p-xl-12 {

        padding-top: 16rem;

    }



    .pt-xl-2rem,

    .py-xl-2rem,

    .p-xl-2rem {

        padding-top: 2rem !important;

    }



    .pb-xl-6,

    .py-xl-6,

    .p-xl-6 {

        padding-bottom: 4rem;

    }



    .pb-xl-7,

    .py-xl-7,

    .p-xl-7 {

        padding-bottom: 5rem;

    }



    .pb-xl-8,

    .py-xl-8,

    .p-xl-8 {

        padding-bottom: 6rem;

    }



    .pb-xl-9,

    .py-xl-9,

    .p-xl-9 {

        padding-bottom: 8rem;

    }



    .pb-xl-10,

    .py-xl-10,

    .p-xl-10 {

        padding-bottom: 10rem;

    }



    .pb-xl-11,

    .py-xl-11,

    .p-xl-11 {

        padding-bottom: 12rem;

    }



    .pb-xl-12,

    .py-xl-12,

    .p-xl-12 {

        padding-bottom: 16rem;

    }



    .pb-xl-2rem,

    .py-xl-2rem,

    .p-xl-2rem {

        padding-bottom: 2rem !important;

    }



    .pl-xl-5px,

    .px-xl-5px,

    .p-xl-5px {

        padding-left: 5px;

    }



    .pl-xl-10px,

    .px-xl-10px,

    .p-xl-10px {

        padding-left: 10px;

    }



    .pl-xl-14px,

    .px-xl-14px,

    .p-xl-14px {

        padding-left: 14px;

    }



    .pl-xl-15px,

    .px-xl-15px,

    .p-xl-15px {

        padding-left: 15px;

    }



    .pl-xl-20px,

    .px-xl-20px,

    .p-xl-20px {

        padding-left: 20px;

    }



    .pl-xl-25px,

    .px-xl-25px,

    .p-xl-25px {

        padding-left: 25px;

    }



    .pl-xl-30px,

    .px-xl-30px,

    .p-xl-30px {

        padding-left: 30px;

    }



    .pr-xl-5px,

    .px-xl-5px,

    .p-xl-5px {

        padding-right: 5px;

    }



    .pr-xl-10px,

    .px-xl-10px,

    .p-xl-10px {

        padding-right: 10px;

    }



    .pr-xl-14px,

    .px-xl-14px,

    .p-xl-14px {

        padding-right: 14px;

    }



    .pr-xl-15px,

    .px-xl-15px,

    .p-xl-15px {

        padding-right: 15px;

    }



    .pr-xl-20px,

    .px-xl-20px,

    .p-xl-20px {

        padding-right: 20px;

    }



    .pr-xl-25px,

    .px-xl-25px,

    .p-xl-25px {

        padding-right: 25px;

    }



    .pr-xl-30px,

    .px-xl-30px,

    .p-xl-30px {

        padding-right: 30px;

    }



    .pt-xl-5px,

    .py-xl-5px,

    .p-xl-5px {

        padding-top: 5px;

    }



    .pt-xl-10px,

    .py-xl-10px,

    .p-xl-10px {

        padding-top: 10px;

    }



    .pt-xl-14px,

    .py-xl-14px,

    .p-xl-14px {

        padding-top: 14px;

    }



    .pt-xl-15px,

    .py-xl-15px,

    .p-xl-15px {

        padding-top: 15px;

    }



    .pt-xl-20px,

    .py-xl-20px,

    .p-xl-20px {

        padding-top: 20px;

    }



    .pt-xl-25px,

    .py-xl-25px,

    .p-xl-25px {

        padding-top: 25px;

    }



    .pt-xl-30px,

    .py-xl-30px,

    .p-xl-30px {

        padding-top: 30px;

    }



    .pb-xl-5px,

    .py-xl-5px,

    .p-xl-5px {

        padding-bottom: 5px;

    }



    .pb-xl-10px,

    .py-xl-10px,

    .p-xl-10px {

        padding-bottom: 10px;

    }



    .pb-xl-14px,

    .py-xl-14px,

    .p-xl-14px {

        padding-bottom: 14px;

    }



    .pb-xl-15px,

    .py-xl-15px,

    .p-xl-15px {

        padding-bottom: 15px;

    }



    .pb-xl-20px,

    .py-xl-20px,

    .p-xl-20px {

        padding-bottom: 20px;

    }



    .pb-xl-25px,

    .py-xl-25px,

    .p-xl-25px {

        padding-bottom: 25px;

    }



    .pb-xl-30px,

    .py-xl-30px,

    .p-xl-30px {

        padding-bottom: 30px;

    }



    .w-xl-auto {

        width: auto;

    }



    .w-xl-5px,

    .size-xl-5px {

        width: 5px;

    }



    .w-xl-10px,

    .size-xl-10px {

        width: 10px;

    }



    .w-xl-15px,

    .size-xl-15px {

        width: 15px;

    }



    .w-xl-20px,

    .size-xl-20px {

        width: 20px;

    }



    .w-xl-25px,

    .size-xl-25px {

        width: 25px;

    }



    .w-xl-30px,

    .size-xl-30px {

        width: 30px;

    }



    .w-xl-35px,

    .size-xl-35px {

        width: 35px;

    }



    .w-xl-40px,

    .size-xl-40px {

        width: 40px;

    }



    .w-xl-45px,

    .size-xl-45px {

        width: 45px;

    }



    .w-xl-48px,

    .size-xl-48px {

        width: 48px;

    }



    .w-xl-50px,

    .size-xl-50px {

        width: 50px;

    }



    .w-xl-60px,

    .size-xl-60px {

        width: 60px;

    }



    .w-xl-64px,

    .size-xl-64px {

        width: 64px;

    }



    .w-xl-70px,

    .size-xl-70px {

        width: 70px;

    }



    .w-xl-80px,

    .size-xl-80px {

        width: 80px;

    }



    .w-xl-90px,

    .size-xl-90px {

        width: 90px;

    }



    .w-xl-100px,

    .size-xl-100px {

        width: 100px;

    }



    .w-xl-110px,

    .size-xl-110px {

        width: 110px;

    }



    .w-xl-120px,

    .size-xl-120px {

        width: 120px;

    }



    .w-xl-130px,

    .size-xl-130px {

        width: 130px;

    }



    .w-xl-140px,

    .size-xl-140px {

        width: 140px;

    }



    .w-xl-150px,

    .size-xl-150px {

        width: 150px;

    }



    .w-xl-160px,

    .size-xl-160px {

        width: 160px;

    }



    .w-xl-170px,

    .size-xl-170px {

        width: 170px;

    }



    .w-xl-180px,

    .size-xl-180px {

        width: 180px;

    }



    .w-xl-190px,

    .size-xl-190px {

        width: 190px;

    }



    .w-xl-200px,

    .size-xl-200px {

        width: 200px;

    }



    .w-xl-210px,

    .size-xl-210px {

        width: 210px;

    }



    .w-xl-220px,

    .size-xl-220px {

        width: 220px;

    }



    .w-xl-230px,

    .size-xl-230px {

        width: 230px;

    }



    .w-xl-240px,

    .size-xl-240px {

        width: 240px;

    }



    .w-xl-250px,

    .size-xl-250px {

        width: 250px;

    }



    .w-xl-260px,

    .size-xl-260px {

        width: 260px;

    }



    .w-xl-270px,

    .size-xl-270px {

        width: 270px;

    }



    .w-xl-280px,

    .size-xl-280px {

        width: 280px;

    }



    .w-xl-290px,

    .size-xl-290px {

        width: 290px;

    }



    .w-xl-300px,

    .size-xl-300px {

        width: 300px;

    }



    .w-xl-310px,

    .size-xl-310px {

        width: 310px;

    }



    .w-xl-320px,

    .size-xl-320px {

        width: 320px;

    }



    .w-xl-330px,

    .size-xl-330px {

        width: 330px;

    }



    .w-xl-340px,

    .size-xl-340px {

        width: 340px;

    }



    .w-xl-350px,

    .size-xl-350px {

        width: 350px;

    }



    .w-xl-360px,

    .size-xl-360px {

        width: 360px;

    }



    .w-xl-370px,

    .size-xl-370px {

        width: 370px;

    }



    .w-xl-380px,

    .size-xl-380px {

        width: 380px;

    }



    .w-xl-390px,

    .size-xl-390px {

        width: 390px;

    }



    .w-xl-400px,

    .size-xl-400px {

        width: 400px;

    }



    .w-xl-410px,

    .size-xl-410px {

        width: 410px;

    }



    .w-xl-420px,

    .size-xl-420px {

        width: 420px;

    }



    .w-xl-450px,

    .size-xl-450px {

        width: 450px;

    }



    .w-xl-470px,

    .size-xl-470px {

        width: 470px;

    }



    .w-xl-500px,

    .size-xl-500px {

        width: 500px;

    }



    .w-xl-530px,

    .size-xl-530px {

        width: 530px;

    }



    .w-xl-553px,

    .size-xl-553px {

        width: 553px;

    }



    .w-xl-640px,

    .size-xl-640px {

        width: 640px;

    }



    .w-xl-800px,

    .size-xl-800px {

        width: 820px;

    }



    .h-xl-auto {

        height: auto;

    }



    .h-xl-5px,

    .size-xl-5px {

        height: 5px;

    }



    .h-xl-10px,

    .size-xl-10px {

        height: 10px;

    }



    .h-xl-15px,

    .size-xl-15px {

        height: 15px;

    }



    .h-xl-20px,

    .size-xl-20px {

        height: 20px;

    }



    .h-xl-25px,

    .size-xl-25px {

        height: 25px;

    }



    .h-xl-30px,

    .size-xl-30px {

        height: 30px;

    }



    .h-xl-35px,

    .size-xl-35px {

        height: 35px;

    }



    .h-xl-40px,

    .size-xl-40px {

        height: 40px;

    }



    .h-xl-45px,

    .size-xl-45px {

        height: 45px;

    }



    .h-xl-48px,

    .size-xl-48px {

        height: 48px;

    }



    .h-xl-50px,

    .size-xl-50px {

        height: 50px;

    }



    .h-xl-60px,

    .size-xl-60px {

        height: 60px;

    }



    .h-xl-64px,

    .size-xl-64px {

        height: 64px;

    }



    .h-xl-70px,

    .size-xl-70px {

        height: 70px;

    }



    .h-xl-80px,

    .size-xl-80px {

        height: 80px;

    }



    .h-xl-90px,

    .size-xl-90px {

        height: 90px;

    }



    .h-xl-100px,

    .size-xl-100px {

        height: 100px;

    }



    .h-xl-110px,

    .size-xl-110px {

        height: 110px;

    }



    .h-xl-120px,

    .size-xl-120px {

        height: 120px;

    }



    .h-xl-130px,

    .size-xl-130px {

        height: 130px;

    }



    .h-xl-140px,

    .size-xl-140px {

        height: 140px;

    }



    .h-xl-150px,

    .size-xl-150px {

        height: 150px;

    }



    .h-xl-160px,

    .size-xl-160px {

        height: 160px;

    }



    .h-xl-170px,

    .size-xl-170px {

        height: 170px;

    }



    .h-xl-180px,

    .size-xl-180px {

        height: 180px;

    }



    .h-xl-190px,

    .size-xl-190px {

        height: 190px;

    }



    .h-xl-200px,

    .size-xl-200px {

        height: 200px;

    }



    .h-xl-210px,

    .size-xl-210px {

        height: 210px;

    }



    .h-xl-220px,

    .size-xl-220px {

        height: 220px;

    }



    .h-xl-230px,

    .size-xl-230px {

        height: 230px;

    }



    .h-xl-240px,

    .size-xl-240px {

        height: 240px;

    }



    .h-xl-250px,

    .size-xl-250px {

        height: 250px;

    }



    .h-xl-260px,

    .size-xl-260px {

        height: 260px;

    }



    .h-xl-270px,

    .size-xl-270px {

        height: 270px;

    }



    .h-xl-280px,

    .size-xl-280px {

        height: 280px;

    }



    .h-xl-290px,

    .size-xl-290px {

        height: 290px;

    }



    .h-xl-300px,

    .size-xl-300px {

        height: 300px;

    }



    .h-xl-310px,

    .size-xl-310px {

        height: 310px;

    }



    .h-xl-320px,

    .size-xl-320px {

        height: 320px;

    }



    .h-xl-330px,

    .size-xl-330px {

        height: 330px;

    }



    .h-xl-340px,

    .size-xl-340px {

        height: 340px;

    }



    .h-xl-350px,

    .size-xl-350px {

        height: 350px;

    }



    .h-xl-360px,

    .size-xl-360px {

        height: 360px;

    }



    .h-xl-370px,

    .size-xl-370px {

        height: 370px;

    }



    .h-xl-380px,

    .size-xl-380px {

        height: 380px;

    }



    .h-xl-390px,

    .size-xl-390px {

        height: 390px;

    }



    .h-xl-400px,

    .size-xl-400px {

        height: 400px;

    }



    .h-xl-410px,

    .size-xl-410px {

        height: 410px;

    }



    .h-xl-420px,

    .size-xl-420px {

        height: 420px;

    }



    .h-xl-450px,

    .size-xl-450px {

        height: 450px;

    }



    .h-xl-460px,

    .size-xl-460px {

        height: 460px;

    }



    .h-xl-470px,

    .size-xl-470px {

        height: 470px;

    }



    .h-xl-475px,

    .size-xl-475px {

        height: 475px;

    }



    .h-xl-485px,

    .size-xl-485px {

        height: 485px;

    }



    .h-xl-490px,

    .size-xl-490px {

        height: 490px;

    }



    .h-xl-500px,

    .size-xl-500px {

        height: 500px;

    }



    .h-xl-530px,

    .size-xl-530px {

        height: 530px;

    }



    .h-xl-553px,

    .size-xl-553px {

        height: 553px;

    }



    .h-xl-640px,

    .size-xl-640px {

        height: 640px;

    }



    .h-xl-800px,

    .size-xl-800px {

        height: 820px;

    }



    .xl-no-gutters {

        margin-right: -0px;

        margin-left: -0px;

    }



    .xl-no-gutters>.col,

    .xl-no-gutters>[class*="col-"] {

        padding-right: 0px;

        padding-left: 0px;

    }



    .xl-gutters-5 {

        margin-right: -5px;

        margin-left: -5px;

    }



    .xl-gutters-5>.col,

    .xl-gutters-5>[class*="col-"] {

        padding-right: 5px;

        padding-left: 5px;

    }



    .xl-gutters-10 {

        margin-right: -10px;

        margin-left: -10px;

    }



    .xl-gutters-10>.col,

    .xl-gutters-10>[class*="col-"] {

        padding-right: 10px;

        padding-left: 10px;

    }



    .xl-gutters-15 {

        margin-right: -15px;

        margin-left: -15px;

    }



    .xl-gutters-15>.col,

    .xl-gutters-15>[class*="col-"] {

        padding-right: 15px;

        padding-left: 15px;

    }



    .xl-gutters-16 {

        margin-right: -16px;

        margin-left: -16px;

    }



    .xl-gutters-16>.col,

    .xl-gutters-16>[class*="col-"] {

        padding-right: 16px;

        padding-left: 16px;

    }



    .xl-gutters-17 {

        margin-right: -17px;

        margin-left: -17px;

    }



    .xl-gutters-17>.col,

    .xl-gutters-17>[class*="col-"] {

        padding-right: 17px;

        padding-left: 17px;

    }



    .xl-gutters-20 {

        margin-right: -20px;

        margin-left: -20px;

    }



    .xl-gutters-20>.col,

    .xl-gutters-20>[class*="col-"] {

        padding-right: 20px;

        padding-left: 20px;

    }



    .xl-gutters-25 {

        margin-right: -25px;

        margin-left: -25px;

    }



    .xl-gutters-25>.col,

    .xl-gutters-25>[class*="col-"] {

        padding-right: 25px;

        padding-left: 25px;

    }



    .xl-gutters-30 {

        margin-right: -30px;

        margin-left: -30px;

    }



    .xl-gutters-30>.col,

    .xl-gutters-30>[class*="col-"] {

        padding-right: 30px;

        padding-left: 30px;

    }



    .flex-grow-xl-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important;

    }



    .flex-grow-xl-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important;

    }



    .flex-xl-nowrap {

        flex-wrap: nowrap !important;

    }



    [dir="rtl"] .row-cols-xl-1>* {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    [dir="rtl"] .row-cols-xl-2>* {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }



    [dir="rtl"] .row-cols-xl-3>* {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }



    [dir="rtl"] .row-cols-xl-4>* {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }



    [dir="rtl"] .row-cols-xl-5>* {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }



    [dir="rtl"] .row-cols-xl-6>* {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%;

    }

}



/* xxl */

@media (min-width: 1500px) {

    .border-xxl {

        border: 1px solid #dfdfe6 !important;

    }



    .border-xxl-top {

        border-top: 1px solid #dfdfe6 !important;

    }



    .border-xxl-right {

        border-right: 1px solid #dfdfe6 !important;

    }



    .border-xxl-bottom {

        border-bottom: 1px solid #dfdfe6 !important;

    }



    .border-xxl-left {

        border-left: 1px solid #dfdfe6 !important;

    }



    .border-xxl-0 {

        border: 0 !important;

    }



    .border-xxl-top-0 {

        border-top: 0 !important;

    }



    .border-xxl-right-0 {

        border-right: 0 !important;

    }



    .border-xxl-bottom-0 {

        border-bottom: 0 !important;

    }



    .border-xxl-left-0 {

        border-left: 0 !important;

    }



    .w-xxl-25 {

        width: 25% !important;

    }



    .w-xxl-50 {

        width: 50% !important;

    }



    .w-xxl-75 {

        width: 75% !important;

    }



    .w-xxl-100 {

        width: 100% !important;

    }



    .w-xxl-auto {

        width: auto !important;

    }



    .container,

    .container-xxl {

        max-width: 1400px;

    }



    .col-xxl {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%;

    }



    .row-cols-xxl-1>* {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .row-cols-xxl-2>* {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }



    .row-cols-xxl-3>* {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }



    .row-cols-xxl-4>* {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }



    .row-cols-xxl-5>* {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }



    .row-cols-xxl-6>* {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%;

    }



    .col-xxl-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: 100;

    }



    .col-xxl-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%;

    }



    .col-xxl-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%;

    }



    .col-xxl-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }



    .col-xxl-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }



    .col-xxl-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%;

    }



    .col-xxl-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }



    .col-xxl-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%;

    }



    .col-xxl-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%;

    }



    .col-xxl-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%;

    }



    .col-xxl-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%;

    }



    .col-xxl-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%;

    }



    .col-xxl-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .offset-xxl-0 {

        margin-left: 0;

    }



    .offset-xxl-1 {

        margin-left: 8.333333%;

    }



    .offset-xxl-2 {

        margin-left: 16.666667%;

    }



    .offset-xxl-3 {

        margin-left: 25%;

    }



    .offset-xxl-4 {

        margin-left: 33.333333%;

    }



    .offset-xxl-5 {

        margin-left: 41.666667%;

    }



    .offset-xxl-6 {

        margin-left: 50%;

    }



    .offset-xxl-7 {

        margin-left: 58.333333%;

    }



    .offset-xxl-8 {

        margin-left: 66.666667%;

    }



    .offset-xxl-9 {

        margin-left: 75%;

    }



    .offset-xxl-10 {

        margin-left: 83.333333%;

    }



    .offset-xxl-11 {

        margin-left: 91.666667%;

    }



    .pl-xxl-6,

    .px-xxl-6,

    .p-xxl-6 {

        padding-left: 4rem;

    }



    .pl-xxl-7,

    .px-xxl-7,

    .p-xxl-7 {

        padding-left: 5rem;

    }



    .pl-xxl-8,

    .px-xxl-8,

    .p-xxl-8 {

        padding-left: 6rem;

    }



    .pl-xxl-9,

    .px-xxl-9,

    .p-xxl-9 {

        padding-left: 8rem;

    }



    .pl-xxl-10,

    .px-xxl-10,

    .p-xxl-10 {

        padding-left: 10rem;

    }



    .pl-xxl-11,

    .px-xxl-11,

    .p-xxl-11 {

        padding-left: 12rem;

    }



    .pl-xxl-12,

    .px-xxl-12,

    .p-xxl-12 {

        padding-left: 16rem;

    }



    .pl-xxl-2rem,

    .px-xxl-2rem,

    .p-xxl-2rem {

        padding-left: 2rem !important;

    }



    .pr-xxl-6,

    .px-xxl-6,

    .p-xxl-6 {

        padding-right: 4rem;

    }



    .pr-xxl-7,

    .px-xxl-7,

    .p-xxl-7 {

        padding-right: 5rem;

    }



    .pr-xxl-8,

    .px-xxl-8,

    .p-xxl-8 {

        padding-right: 6rem;

    }



    .pr-xxl-9,

    .px-xxl-9,

    .p-xxl-9 {

        padding-right: 8rem;

    }



    .pr-xxl-10,

    .px-xxl-10,

    .p-xxl-10 {

        padding-right: 10rem;

    }



    .pr-xxl-11,

    .px-xxl-11,

    .p-xxl-11 {

        padding-right: 12rem;

    }



    .pr-xxl-12,

    .px-xxl-12,

    .p-xxl-12 {

        padding-right: 16rem;

    }



    .pr-xxl-2rem,

    .px-xxl-2rem,

    .p-xxl-2rem {

        padding-right: 2rem !important;

    }



    .pt-xxl-6,

    .py-xxl-6,

    .p-xxl-6 {

        padding-top: 4rem;

    }



    .pt-xxl-7,

    .py-xxl-7,

    .p-xxl-7 {

        padding-top: 5rem;

    }



    .pt-xxl-8,

    .py-xxl-8,

    .p-xxl-8 {

        padding-top: 6rem;

    }



    .pt-xxl-9,

    .py-xxl-9,

    .p-xxl-9 {

        padding-top: 8rem;

    }



    .pt-xxl-10,

    .py-xxl-10,

    .p-xxl-10 {

        padding-top: 10rem;

    }



    .pt-xxl-11,

    .py-xxl-11,

    .p-xxl-11 {

        padding-top: 12rem;

    }



    .pt-xxl-12,

    .py-xxl-12,

    .p-xxl-12 {

        padding-top: 16rem;

    }



    .pt-xxl-2rem,

    .py-xxl-2rem,

    .p-xxl-2rem {

        padding-top: 2rem !important;

    }



    .pb-xxl-6,

    .py-xxl-6,

    .p-xxl-6 {

        padding-bottom: 4rem;

    }



    .pb-xxl-7,

    .py-xxl-7,

    .p-xxl-7 {

        padding-bottom: 5rem;

    }



    .pb-xxl-8,

    .py-xxl-8,

    .p-xxl-8 {

        padding-bottom: 6rem;

    }



    .pb-xxl-9,

    .py-xxl-9,

    .p-xxl-9 {

        padding-bottom: 8rem;

    }



    .pb-xxl-10,

    .py-xxl-10,

    .p-xxl-10 {

        padding-bottom: 10rem;

    }



    .pb-xxl-11,

    .py-xxl-11,

    .p-xxl-11 {

        padding-bottom: 12rem;

    }



    .pb-xxl-12,

    .py-xxl-12,

    .p-xxl-12 {

        padding-bottom: 16rem;

    }



    .pb-xxl-2rem,

    .py-xxl-2rem,

    .p-xxl-2rem {

        padding-bottom: 2rem !important;

    }



    .pl-xxl-5px,

    .px-xxl-5px,

    .p-xxl-5px {

        padding-left: 5px;

    }



    .pl-xxl-10px,

    .px-xxl-10px,

    .p-xxl-10px {

        padding-left: 10px;

    }



    .pl-xxl-14px,

    .px-xxl-14px,

    .p-xxl-14px {

        padding-left: 14px;

    }



    .pl-xxl-15px,

    .px-xxl-15px,

    .p-xxl-15px {

        padding-left: 15px;

    }



    .pl-xxl-20px,

    .px-xxl-20px,

    .p-xxl-20px {

        padding-left: 20px;

    }



    .pl-xxl-25px,

    .px-xxl-25px,

    .p-xxl-25px {

        padding-left: 25px;

    }



    .pl-xxl-30px,

    .px-xxl-30px,

    .p-xxl-30px {

        padding-left: 30px;

    }



    .pr-xxl-5px,

    .px-xxl-5px,

    .p-xxl-5px {

        padding-right: 5px;

    }



    .pr-xxl-10px,

    .px-xxl-10px,

    .p-xxl-10px {

        padding-right: 10px;

    }



    .pr-xxl-14px,

    .px-xxl-14px,

    .p-xxl-14px {

        padding-right: 14px;

    }



    .pr-xxl-15px,

    .px-xxl-15px,

    .p-xxl-15px {

        padding-right: 15px;

    }



    .pr-xxl-20px,

    .px-xxl-20px,

    .p-xxl-20px {

        padding-right: 20px;

    }



    .pr-xxl-25px,

    .px-xxl-25px,

    .p-xxl-25px {

        padding-right: 25px;

    }



    .pr-xxl-30px,

    .px-xxl-30px,

    .p-xxl-30px {

        padding-right: 30px;

    }



    .pt-xxl-5px,

    .py-xxl-5px,

    .p-xxl-5px {

        padding-top: 5px;

    }



    .pt-xxl-10px,

    .py-xxl-10px,

    .p-xxl-10px {

        padding-top: 10px;

    }



    .pt-xxl-14px,

    .py-xxl-14px,

    .p-xxl-14px {

        padding-top: 14px;

    }



    .pt-xxl-15px,

    .py-xxl-15px,

    .p-xxl-15px {

        padding-top: 15px;

    }



    .pt-xxl-20px,

    .py-xxl-20px,

    .p-xxl-20px {

        padding-top: 20px;

    }



    .pt-xxl-25px,

    .py-xxl-25px,

    .p-xxl-25px {

        padding-top: 25px;

    }



    .pt-xxl-30px,

    .py-xxl-30px,

    .p-xxl-30px {

        padding-top: 30px;

    }



    .pb-xxl-5px,

    .py-xxl-5px,

    .p-xxl-5px {

        padding-bottom: 5px;

    }



    .pb-xxl-10px,

    .py-xxl-10px,

    .p-xxl-10px {

        padding-bottom: 10px;

    }



    .pb-xxl-14px,

    .py-xxl-14px,

    .p-xxl-14px {

        padding-bottom: 14px;

    }



    .pb-xxl-15px,

    .py-xxl-15px,

    .p-xxl-15px {

        padding-bottom: 15px;

    }



    .pb-xxl-20px,

    .py-xxl-20px,

    .p-xxl-20px {

        padding-bottom: 20px;

    }



    .pb-xxl-25px,

    .py-xxl-25px,

    .p-xxl-25px {

        padding-bottom: 25px;

    }



    .pb-xxl-30px,

    .py-xxl-30px,

    .p-xxl-30px {

        padding-bottom: 30px;

    }



    .w-xxl-auto {

        width: auto;

    }



    .w-xxl-5px,

    .size-xxl-5px {

        width: 5px;

    }



    .w-xxl-10px,

    .size-xxl-10px {

        width: 10px;

    }



    .w-xxl-15px,

    .size-xxl-15px {

        width: 15px;

    }



    .w-xxl-20px,

    .size-xxl-20px {

        width: 20px;

    }



    .w-xxl-25px,

    .size-xxl-25px {

        width: 25px;

    }



    .w-xxl-30px,

    .size-xxl-30px {

        width: 30px;

    }



    .w-xxl-35px,

    .size-xxl-35px {

        width: 35px;

    }



    .w-xxl-40px,

    .size-xxl-40px {

        width: 40px;

    }



    .w-xxl-45px,

    .size-xxl-45px {

        width: 45px;

    }



    .w-xxl-48px,

    .size-xxl-48px {

        width: 48px;

    }



    .w-xxl-50px,

    .size-xxl-50px {

        width: 50px;

    }



    .w-xxl-60px,

    .size-xxl-60px {

        width: 60px;

    }



    .w-xxl-64px,

    .size-xxl-64px {

        width: 64px;

    }



    .w-xxl-70px,

    .size-xxl-70px {

        width: 70px;

    }



    .w-xxl-80px,

    .size-xxl-80px {

        width: 80px;

    }



    .w-xxl-90px,

    .size-xxl-90px {

        width: 90px;

    }



    .w-xxl-100px,

    .size-xxl-100px {

        width: 100px;

    }



    .w-xxl-110px,

    .size-xxl-110px {

        width: 110px;

    }



    .w-xxl-120px,

    .size-xxl-120px {

        width: 120px;

    }



    .w-xxl-130px,

    .size-xxl-130px {

        width: 130px;

    }



    .w-xxl-140px,

    .size-xxl-140px {

        width: 140px;

    }



    .w-xxl-150px,

    .size-xxl-150px {

        width: 150px;

    }



    .w-xxl-160px,

    .size-xxl-160px {

        width: 160px;

    }



    .w-xxl-170px,

    .size-xxl-170px {

        width: 170px;

    }



    .w-xxl-180px,

    .size-xxl-180px {

        width: 180px;

    }



    .w-xxl-190px,

    .size-xxl-190px {

        width: 190px;

    }



    .w-xxl-200px,

    .size-xxl-200px {

        width: 200px;

    }



    .w-xxl-210px,

    .size-xxl-210px {

        width: 210px;

    }



    .w-xxl-220px,

    .size-xxl-220px {

        width: 220px;

    }



    .w-xxl-230px,

    .size-xxl-230px {

        width: 230px;

    }



    .w-xxl-240px,

    .size-xxl-240px {

        width: 240px;

    }



    .w-xxl-250px,

    .size-xxl-250px {

        width: 250px;

    }



    .w-xxl-260px,

    .size-xxl-260px {

        width: 260px;

    }



    .w-xxl-270px,

    .size-xxl-270px {

        width: 270px;

    }



    .w-xxl-280px,

    .size-xxl-280px {

        width: 280px;

    }



    .w-xxl-290px,

    .size-xxl-290px {

        width: 290px;

    }



    .w-xxl-300px,

    .size-xxl-300px {

        width: 300px;

    }



    .w-xxl-310px,

    .size-xxl-310px {

        width: 310px;

    }



    .w-xxl-320px,

    .size-xxl-320px {

        width: 320px;

    }



    .w-xxl-330px,

    .size-xxl-330px {

        width: 330px;

    }



    .w-xxl-340px,

    .size-xxl-340px {

        width: 340px;

    }



    .w-xxl-350px,

    .size-xxl-350px {

        width: 350px;

    }



    .w-xxl-360px,

    .size-xxl-360px {

        width: 360px;

    }



    .w-xxl-370px,

    .size-xxl-370px {

        width: 370px;

    }



    .w-xxl-380px,

    .size-xxl-380px {

        width: 380px;

    }



    .w-xxl-390px,

    .size-xxl-390px {

        width: 390px;

    }



    .w-xxl-400px,

    .size-xxl-400px {

        width: 400px;

    }



    .w-xxl-410px,

    .size-xxl-410px {

        width: 410px;

    }



    .w-xxl-420px,

    .size-xxl-420px {

        width: 420px;

    }



    .w-xxl-450px,

    .size-xxl-450px {

        width: 450px;

    }



    .w-xxl-470px,

    .size-xxl-470px {

        width: 470px;

    }



    .w-xxl-500px,

    .size-xxl-500px {

        width: 500px;

    }



    .w-xxl-530px,

    .size-xxl-530px {

        width: 530px;

    }



    .w-xxl-553px,

    .size-xxl-553px {

        width: 553px;

    }



    .w-xxl-640px,

    .size-xxl-640px {

        width: 640px;

    }



    .w-xxl-800px,

    .size-xxl-800px {

        width: 820px;

    }



    .h-xxl-auto {

        height: auto;

    }



    .h-xxl-5px,

    .size-xxl-5px {

        height: 5px;

    }



    .h-xxl-10px,

    .size-xxl-10px {

        height: 10px;

    }



    .h-xxl-15px,

    .size-xxl-15px {

        height: 15px;

    }



    .h-xxl-20px,

    .size-xxl-20px {

        height: 20px;

    }



    .h-xxl-25px,

    .size-xxl-25px {

        height: 25px;

    }



    .h-xxl-30px,

    .size-xxl-30px {

        height: 30px;

    }



    .h-xxl-35px,

    .size-xxl-35px {

        height: 35px;

    }



    .h-xxl-40px,

    .size-xxl-40px {

        height: 40px;

    }



    .h-xxl-45px,

    .size-xxl-45px {

        height: 45px;

    }



    .h-xxl-48px,

    .size-xxl-48px {

        height: 48px;

    }



    .h-xxl-50px,

    .size-xxl-50px {

        height: 50px;

    }



    .h-xxl-60px,

    .size-xxl-60px {

        height: 60px;

    }



    .h-xxl-64px,

    .size-xxl-64px {

        height: 64px;

    }



    .h-xxl-70px,

    .size-xxl-70px {

        height: 70px;

    }



    .h-xxl-80px,

    .size-xxl-80px {

        height: 80px;

    }



    .h-xxl-90px,

    .size-xxl-90px {

        height: 90px;

    }



    .h-xxl-100px,

    .size-xxl-100px {

        height: 100px;

    }



    .h-xxl-110px,

    .size-xxl-110px {

        height: 110px;

    }



    .h-xxl-120px,

    .size-xxl-120px {

        height: 120px;

    }



    .h-xxl-130px,

    .size-xxl-130px {

        height: 130px;

    }



    .h-xxl-140px,

    .size-xxl-140px {

        height: 140px;

    }



    .h-xxl-150px,

    .size-xxl-150px {

        height: 150px;

    }



    .h-xxl-160px,

    .size-xxl-160px {

        height: 160px;

    }



    .h-xxl-170px,

    .size-xxl-170px {

        height: 170px;

    }



    .h-xxl-180px,

    .size-xxl-180px {

        height: 180px;

    }



    .h-xxl-190px,

    .size-xxl-190px {

        height: 190px;

    }



    .h-xxl-200px,

    .size-xxl-200px {

        height: 200px;

    }



    .h-xxl-210px,

    .size-xxl-210px {

        height: 210px;

    }



    .h-xxl-220px,

    .size-xxl-220px {

        height: 220px;

    }



    .h-xxl-230px,

    .size-xxl-230px {

        height: 230px;

    }



    .h-xxl-240px,

    .size-xxl-240px {

        height: 240px;

    }



    .h-xxl-250px,

    .size-xxl-250px {

        height: 250px;

    }



    .h-xxl-260px,

    .size-xxl-260px {

        height: 260px;

    }



    .h-xxl-270px,

    .size-xxl-270px {

        height: 270px;

    }



    .h-xxl-280px,

    .size-xxl-280px {

        height: 280px;

    }



    .h-xxl-290px,

    .size-xxl-290px {

        height: 290px;

    }



    .h-xxl-300px,

    .size-xxl-300px {

        height: 300px;

    }



    .h-xxl-310px,

    .size-xxl-310px {

        height: 310px;

    }



    .h-xxl-320px,

    .size-xxl-320px {

        height: 320px;

    }



    .h-xxl-330px,

    .size-xxl-330px {

        height: 330px;

    }



    .h-xxl-340px,

    .size-xxl-340px {

        height: 340px;

    }



    .h-xxl-350px,

    .size-xxl-350px {

        height: 350px;

    }



    .h-xxl-360px,

    .size-xxl-360px {

        height: 360px;

    }



    .h-xxl-370px,

    .size-xxl-370px {

        height: 370px;

    }



    .h-xxl-380px,

    .size-xxl-380px {

        height: 380px;

    }



    .h-xxl-390px,

    .size-xxl-390px {

        height: 390px;

    }



    .h-xxl-400px,

    .size-xxl-400px {

        height: 400px;

    }



    .h-xxl-410px,

    .size-xxl-410px {

        height: 410px;

    }



    .h-xxl-420px,

    .size-xxl-420px {

        height: 420px;

    }



    .h-xxl-450px,

    .size-xxl-450px {

        height: 450px;

    }



    .h-xxl-460px,

    .size-xxl-460px {

        height: 460px;

    }



    .h-xxl-470px,

    .size-xxl-470px {

        height: 470px;

    }



    .h-xxl-475px,

    .size-xxl-475px {

        height: 475px;

    }



    .h-xxl-485px,

    .size-xxl-485px {

        height: 485px;

    }



    .h-xxl-490px,

    .size-xxl-490px {

        height: 490px;

    }



    .h-xxl-500px,

    .size-xxl-500px {

        height: 500px;

    }



    .h-xxl-530px,

    .size-xxl-530px {

        height: 530px;

    }



    .h-xxl-553px,

    .size-xxl-553px {

        height: 553px;

    }



    .h-xxl-640px,

    .size-xxl-640px {

        height: 640px;

    }



    .h-xxl-800px,

    .size-xxl-800px {

        height: 820px;

    }



    .xxl-no-gutters {

        margin-right: -0px;

        margin-left: -0px;

    }



    .xxl-no-gutters>.col,

    .xxl-no-gutters>[class*="col-"] {

        padding-right: 0px;

        padding-left: 0px;

    }



    .xxl-gutters-5 {

        margin-right: -5px;

        margin-left: -5px;

    }



    .xxl-gutters-5>.col,

    .xxl-gutters-5>[class*="col-"] {

        padding-right: 5px;

        padding-left: 5px;

    }



    .xxl-gutters-10 {

        margin-right: -10px;

        margin-left: -10px;

    }



    .xxl-gutters-10>.col,

    .xxl-gutters-10>[class*="col-"] {

        padding-right: 10px;

        padding-left: 10px;

    }



    .xxl-gutters-15 {

        margin-right: -15px;

        margin-left: -15px;

    }



    .xxl-gutters-15>.col,

    .xxl-gutters-15>[class*="col-"] {

        padding-right: 15px;

        padding-left: 15px;

    }



    .xxl-gutters-16 {

        margin-right: -16px;

        margin-left: -16px;

    }



    .xxl-gutters-16>.col,

    .xxl-gutters-16>[class*="col-"] {

        padding-right: 16px;

        padding-left: 16px;

    }



    .xxl-gutters-17 {

        margin-right: -17px;

        margin-left: -17px;

    }



    .xxl-gutters-17>.col,

    .xxl-gutters-17>[class*="col-"] {

        padding-right: 17px;

        padding-left: 17px;

    }



    .xxl-gutters-20 {

        margin-right: -20px;

        margin-left: -20px;

    }



    .xxl-gutters-20>.col,

    .xxl-gutters-20>[class*="col-"] {

        padding-right: 20px;

        padding-left: 20px;

    }



    .xxl-gutters-25 {

        margin-right: -25px;

        margin-left: -25px;

    }



    .xxl-gutters-25>.col,

    .xxl-gutters-25>[class*="col-"] {

        padding-right: 25px;

        padding-left: 25px;

    }



    .xxl-gutters-30 {

        margin-right: -30px;

        margin-left: -30px;

    }



    .xxl-gutters-30>.col,

    .xxl-gutters-30>[class*="col-"] {

        padding-right: 30px;

        padding-left: 30px;

    }



    [dir="rtl"] .row-cols-xxl-1>* {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    [dir="rtl"] .row-cols-xxl-2>* {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }



    [dir="rtl"] .row-cols-xxl-3>* {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }



    [dir="rtl"] .row-cols-xxl-4>* {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%;

    }



    [dir="rtl"] .row-cols-xxl-5>* {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }



    [dir="rtl"] .row-cols-xxl-6>* {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%;

    }



    .flex-grow-xxl-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important;

    }



    .flex-grow-xxl-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important;

    }



    .flex-xxl-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-xxl-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important;

    }

}



/*bootstrap, global reset*/

body {

    margin: 0;

    font-family: Poppins, Helvetica, sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.5;

    color: #1b1b28;

    background-color: #fff;

    max-width: 100vw;

    overflow-x: hidden;

}



a,

button,

input,

textarea,

.btn,

.has-transition {

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



a {

    color: var(--primary);

}



a:hover {

    text-decoration: none;

    color: var(--hov-primary);

}



:focus,

a:focus,

button:focus,

.page-link:focus,

.custom-file-input:focus~.custom-file-label {

    box-shadow: none;

    outline: none;

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

    display: none;

}



input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



input[type="number"] {

    -moz-appearance: textfield;

}



/*mobile toggler*/

.aiz-mobile-toggler {

    position: relative;

    overflow: hidden;

    margin: 0;

    padding: 0;

    font-size: 0;

    text-indent: -9999px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: none;

    border: none;

    cursor: pointer;

    background: 0 0;

    outline: 0 !important;

    width: 24px;

    height: 24px;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

}



.aiz-mobile-toggler span {

    display: block;

    position: absolute;

    top: 11px;

    height: 2px;

    min-height: 2px;

    width: 100%;

    border-radius: 2px;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

    background: #484f66;

}



.aiz-mobile-toggler span:before,

.aiz-mobile-toggler span:after {

    position: absolute;

    display: block;

    left: 0;

    width: 100%;

    height: 2px;

    min-height: 2px;

    content: "";

    border-radius: 2px;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

    background: #484f66;

}



.aiz-mobile-toggler.light span,

.aiz-mobile-toggler.light span:before,

.aiz-mobile-toggler.light span:after {

    background: #fff;

}



.aiz-mobile-toggler span:before {

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

    left: auto;

    left: 0;

    width: 50%;

    top: -8px;

}



.aiz-mobile-toggler span:after {

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

    left: auto;

    left: 0;

    width: 75%;

    bottom: -9px;

}



[dir="rtl"] .aiz-mobile-toggler span,

[dir="rtl"] .aiz-mobile-toggler span:before,

[dir="rtl"] .aiz-mobile-toggler span:after {

    left: auto;

    right: 0;

}



/*aiz styles*/

.aiz-main-wrapper {

    min-height: 100vh;

    max-width: 100vw;

    background-color: var(--light);

}



.aiz-titlebar h1,

.aiz-titlebar .title {

    font-size: 1rem;

    font-weight: 500;

}



.aiz-content-wrapper {

    padding-left: 0;

    padding-top: 75px;

    height: 100%;

    min-height: 100vh;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

}



.aiz-main-content {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-positive: 1;

    flex-grow: 1;

}



/* lg */

@media (min-width: 992px) {

    .aiz-content-wrapper {

        padding-top: 85px;

    }

}



/* xl */

@media (min-width: 1200px) {

    .aiz-content-wrapper {

        padding-left: 280px;

    }



    [dir="rtl"] .aiz-content-wrapper {

        padding-left: 0;

        padding-right: 280px;

    }



    .side-menu-closed .aiz-content-wrapper {

        padding-left: 0;

    }



    [dir="rtl"] .side-menu-closed .aiz-content-wrapper {

        padding-left: 0;

        padding-right: 0;

    }

}



/*topbar*/

.aiz-topbar {

    position: fixed;

    top: 0;

    width: 100%;

    height: 55px;

    left: 0;

    z-index: 97;

    background-color: #fff;

    -webkit-box-shadow: 0 10px 30px 0 rgba(121, 121, 162, 0.1);

    box-shadow: 0 10px 30px 0 rgba(121, 121, 162, 0.1);

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

}



.aiz-topbar-logo-wrap img {

    height: 30px;

}



.aiz-topbar-user,

.aiz-topbar-user:hover {

    color: var(--gray-dark);

}



.aiz-topbar-item {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -ms-flex-align: stretch;

    align-items: stretch;

}



.aiz-topbar-menu {

    margin-left: 1rem;

    margin-right: 1rem;

    color: var(--dark);

    position: relative;

    height: 100%;

}



.aiz-topbar-menu.active {

    color: var(--primary);

}



.aiz-topbar-menu.active:after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2px;

    border-radius: 50%;

    background-color: var(--primary);

}



.aiz-topbar-menu:hover {

    color: var(--primary);

}



/* lg */

@media (min-width: 992px) {

    .aiz-topbar {

        height: 65px;

    }

}



/* xl */

@media (min-width: 1200px) {

    .aiz-topbar {

        width: calc(100% - 280px);

        left: 280px;

    }



    [dir="rtl"] .aiz-topbar {

        left: auto;

        right: 280px;

    }



    .side-menu-closed .aiz-topbar {

        left: 0;

        width: 100%;

    }



    [dir="rtl"] .side-menu-closed .aiz-topbar {

        left: auto;

        right: 0;

        width: 100%;

    }

}



/*siebar nav*/

.aiz-sidebar-overlay {

    cursor: pointer;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.3);

    z-index: 98;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;

    transition: visibility 0.3s ease, opacity 0.3s ease;

}



@media (max-width: 1199.98px) {

    .side-menu-open .aiz-sidebar-overlay {

        visibility: visible;

        opacity: 1;

    }

}



.aiz-sidebar.left {

    position: fixed;

    top: 0;

    bottom: 0;

    left: -280px;

    height: 100vh;

    overflow-y: auto;

    z-index: 99;

    background-color: #232734;

    width: 280px;

    -webkit-transition: left 0.3s ease;

    transition: left 0.3s ease;

}



[dir="rtl"] .aiz-sidebar.left {

    left: auto;

    right: -280px;

    -webkit-transition: right 0.3s ease;

    transition: right 0.3s ease;

}



.side-menu-open .aiz-sidebar-wrap .left {

    left: 0px;

}



[dir="rtl"] .side-menu-open .aiz-sidebar-wrap .left {

    right: 0;

}



.aiz-side-nav-logo-wrap a {

    padding: 17px 25px;

}



.aiz-side-nav-logo-wrap img {

    height: 31px;

}



.aiz-side-nav-logo-wrap {

    background-color: #232734;

    transition: all 0.3s;

}



.aiz-side-nav-logo-wrap:hover {

    background-color: #3a3f50;

}



.aiz-side-nav-wrap {

    padding: 15px 0;

}



.aiz-side-nav-wrap #menu-search {

    border: 1px solid #3a3f50;

    transition: .4s;

}



.aiz-side-nav-wrap #menu-search:focus {

    border: 1px solid #7c8191;

}



.aiz-side-nav-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



.aiz-side-nav-list .level-2:not(.mm-show):not(.mm-collapsing),

.aiz-side-nav-list .level-3:not(.mm-show):not(.mm-collapsing) {

    visibility: hidden;

    height: 0;

}



.aiz-side-nav-list .aiz-side-nav-link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    padding: 10px 25px;

    font-size: 0.875rem;

    font-weight: 500;

    color: #cfd4e6;

    margin-bottom: 2px;

}



.aiz-side-nav-list .aiz-side-nav-icon,

.aiz-side-nav-list .aiz-side-nav-icon>svg {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #7a7c9e;

    margin-right: 6px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.aiz-side-nav-list .aiz-side-nav-icon>svg {

    height: auto;

}



[dir="rtl"] .aiz-side-nav-list .aiz-side-nav-icon {

    margin-right: 0px;

    margin-left: 6px;

}



.aiz-side-nav-list .aiz-side-nav-icon>svg * {

    fill: #575b6a;

    transition: all 0.3s;

}



.aiz-side-nav-list .aiz-side-nav-text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

}



.aiz-side-nav-list .aiz-side-nav-arrow {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    font-size: 80%;

}



.aiz-side-nav-list .aiz-side-nav-link:hover .aiz-side-nav-icon {

    color: #9191a0;

}



.aiz-side-nav-list .aiz-side-nav-arrow::after {

    content: "\f106";

    font-family: "Line Awesome Free";

    font-weight: 900;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



[dir="rtl"] .aiz-side-nav-list .aiz-side-nav-arrow::after {

    content: "\f106";

}



.aiz-side-nav-list [aria-expanded="true"] .aiz-side-nav-arrow::after {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



[dir="rtl"] .aiz-side-nav-list [aria-expanded="true"] .aiz-side-nav-arrow::after {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg);

}



.aiz-side-nav-list .level-2 .aiz-side-nav-link {

    padding: 10px 25px 10px 54px;

    position: relative;

    font-size: 0.8125rem;

}



[dir="rtl"] .aiz-side-nav-list .level-2 .aiz-side-nav-link {

    padding: 10px 54px 10px 25px;

}



.aiz-side-nav-list .level-3 .aiz-side-nav-link {

    padding-left: 68px;

}



.aiz-side-nav-list .level-2 .aiz-side-nav-link:after {

    position: absolute;

    content: "";

    height: 8px;

    width: 8px;

    border: 1px solid #575b6a;

    border-radius: 50%;

    top: calc(50% - 4px);

    left: 40px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.aiz-side-nav-list .level-3 .aiz-side-nav-link:after {

    left: 54px;

}



[dir="rtl"] .aiz-side-nav-list .level-2 .aiz-side-nav-link:after {

    left: 0px;

    right: 40px;

}



[dir="rtl"] .aiz-side-nav-list .level-3 .aiz-side-nav-link:after {

    right: 54px;

}



.aiz-side-nav-list .aiz-side-nav-link:hover,

.aiz-side-nav-list .aiz-side-nav-link.level-2-active,

.aiz-side-nav-list .aiz-side-nav-link.level-3-active,

.aiz-side-nav-list .aiz-side-nav-link.active {

    color: #fff;

    background-color: #3a3f50;

}



.aiz-side-nav-list .aiz-side-nav-link:hover .aiz-side-nav-icon>svg *,

.aiz-side-nav-list .aiz-side-nav-link.level-2-active .aiz-side-nav-icon>svg *,

.aiz-side-nav-list .aiz-side-nav-link.level-3-active .aiz-side-nav-icon>svg *,

.aiz-side-nav-list .aiz-side-nav-link.active .aiz-side-nav-icon>svg * {

    fill: #cfd4e6;

}



.aiz-side-nav-list .level-2 .aiz-side-nav-link:hover:after,

.aiz-side-nav-list .level-2 .aiz-side-nav-link.active:after {

    background: #cfd4e6;

}



/* xl */

@media (min-width: 1200px) {

    .aiz-sidebar.left {

        left: 0px;

    }



    [dir="rtl"] .aiz-sidebar.left {

        left: auto;

        right: 0;

    }



    .side-menu-closed .aiz-sidebar.left {

        left: -280px;

    }



    [dir="rtl"] .side-menu-closed .aiz-sidebar.left {

        left: auto;

        right: -280px;

    }

}



/*dropdown*/

.dropdown-toggle {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

}



.dropdown-toggle::after {

    border: 0;

    content: "\f107";

    font-family: "Line Awesome Free";

    font-weight: 900;

    font-size: 80%;

    margin-left: 0.3rem;

}



.dropup .dropdown-toggle::after {

    border: 0;

    content: "\f106";

}



.dropdown-toggle.no-arrow::after {

    content: none;

}



.dropdown-menu {

    border-color: #dfdfe6;

    margin: 0;

    border-radius: 0;

    min-width: 14rem;

    font-size: inherit;

    padding: 0;

    -webkit-box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);

    box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);

    padding: 0.5rem 0;

    border-radius: 4px;

    max-width: 100%;

}



.dropdown-menu-animated {

    display: block;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: margin-top 0.3s, visibility 0.3s, opacity 0.3s;

    transition: margin-top 0.3s, visibility 0.3s, opacity 0.3s;

    margin-top: 20px !important;

}



.show.dropdown-menu {

    visibility: visible;

    opacity: 1;

    margin-top: 0 !important;

}



.dropdown-menu.dropdown-menu-xs {

    width: 160px;

    min-width: 160px;

}



.dropdown-menu.dropdown-menu-sm {

    width: 240px;

    min-width: 240px;

}



.dropdown-menu.dropdown-menu-md {

    width: 260px;

    min-width: 260px;

}



.dropdown-menu.dropdown-menu-lg {

    width: 320px;

    min-width: 320px;

}



.dropdown-menu.dropdown-menu-xl {

    width: 380px;

    min-width: 380px;

}



.dropdown-item {

    display: block;

    width: 100%;

    padding: 0.5rem 1.5rem;

    clear: both;

    font-weight: 400;

    color: #74788d;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.dropdown-item.active,

.dropdown-item:hover,

.dropdown-item:active {

    color: #fff !important;

    background-color: var(--primary);

}



.notifications .nav-link {

    border: 0px;

    border-bottom: 2px solid transparent;

}



.notifications .nav-link.active {

    border-bottom-color: #d43533;

}



/*card elements*/

.card {

    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);

    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);

    background-color: #fff;

    margin-bottom: 20px;

    border-color: #ebedf2;

}



.card .card-header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    position: relative;

    padding: 12px 25px;

    border-bottom: 1px solid #ebedf2;

    min-height: 50px;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    background-color: transparent;

}



.card .card-body {

    padding: 20px 25px;

    border-radius: 4px;

}



.card .card-footer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    border-top: 1px solid #ebedf2;

    background-color: transparent;

    padding: 12px 25px;

}



.card-bordered {

    border: 1px solid #ebedf2;

}



.aiz-p-hov-icon a {

    display: block;

    height: 36px;

    width: 36px;

    line-height: 36px;

    text-align: center;

    background: #fff;

    margin-top: 5px;

    margin-right: 5px;

    color: #333;

    font-size: 16px;

    box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);

    transform: translateX(calc(100% + 15px));

    -webkit-transform: translateX(calc(100% + 15px));

}



[dir="rtl"] .aiz-p-hov-icon a {

    transform: translateX(calc(-100% - 15px));

    -webkit-transform: translateX(calc(-100% - 15px));

    margin-left: 5px;

}



.aiz-p-hov-icon a:hover {

    background: var(--primary);

    color: #fff;

}



.aiz-p-hov-icon a:nth-child(2) {

    transition-delay: 0.05s;

    -webkit-transition-delay: 0.05s;

}



.aiz-p-hov-icon a:nth-child(3) {

    transition-delay: 0.1s;

    -webkit-transition-delay: 0.1s;

}



.aiz-card-box:hover .aiz-p-hov-icon a {

    transform: translateX(0);

    -webkit-transform: translateX(0);

}



.aiz-card-box {
    border: 1px solid #e0e0e0;
    overflow: hidden;

}



.aiz-card-box .disc-amount {

    margin-right: -37%;

    opacity: 0 !important;

}



.aiz-card-box:hover .disc-amount {

    margin-right: 0;

    opacity: 1 !important;

}



.carousel-box .aiz-card-box {

    overflow: hidden;

    margin-top: 2px;

    margin-bottom: 2px;

}



.cart-btn {

    background: #000;


    transform: translateY(100%);

    transition: 0.3s;

    overflow: hidden;

}



.cart-btn:hover,

.cart-btn.active {

    opacity: 1;

}



.cart-btn .cart-btn-text {

    margin-top: 48px;

    margin-bottom: 20px;

    transition: 0.4s;

}



.cart-btn:hover .cart-btn-text {

    margin-top: -40px;

}



.aiz-card-box:hover .cart-btn {

    transform: translateY(0);

}



/*tabs*/

.aiz-nav-tabs a.active {

    border-bottom: 2px solid var(--primary);

}



/*aiz steps*/

.aiz-steps .icon {

    height: 40px;

    width: 40px;

    line-height: 40px;

    margin-left: auto;

    margin-right: auto;

    background: var(--secondary);

    font-size: 20px;

    border-radius: 50%;

    color: #fff;

    margin-bottom: 10px;

    position: relative;

    z-index: 1;

}



.aiz-steps>* {

    opacity: 0.4;

}



.aiz-steps>*:not(:first-of-type):before {

    position: absolute;

    width: calc(100% - 20px);

    height: 4px;

    background: var(--secondary);

    content: "";

    right: calc(50% + 20px);

    top: 18px;

    z-index: 0;

    opacity: 0.4;

}



[dir="rtl"] .aiz-steps>*:not(:first-of-type):before {

    left: calc(50% + 20px);

    right: auto;

}



.aiz-steps .title {

    font-size: 15px;

    font-weight: 600;

}



.aiz-steps .done .icon,

.aiz-steps .done:before {

    background: var(--primary) !important;

}



.aiz-steps .done,

.aiz-steps .active,

.aiz-steps .done:before,

.aiz-steps .active:before {

    opacity: 1 !important;

}



.aiz-steps .active .icon {

    background: var(--success);

}



.aiz-steps.arrow-divider>*:not(:first-of-type) {

    position: relative;

}



.aiz-steps.arrow-divider>*:not(:first-of-type):before {

    position: absolute;

    content: "\f105";

    font-family: "Line Awesome Free";

    font-weight: 900;

    top: 5px;

    left: -13px;

    font-size: 22px;

    opacity: 0.2 !important;

    height: auto;

    width: auto;

    background-color: transparent !important;

}



[dir="rtl"] .aiz-steps.arrow-divider>*:not(:first-of-type):before {

    left: auto;

    right: -12px;

    content: "\f104";

}



/*countdown*/

.aiz-count-down {

    display: flex;

    direction: ltr;

}



.aiz-count-down .countdown-item {

    padding: 4px 6px;

    background: var(--primary);

    color: #fff;

    border-radius: 3px;

    margin: 0 3px;

    min-width: 28px;

    font-size: 13px;

}



.aiz-count-down-lg .countdown-item {

    padding: 6px 10px;

    font-size: 16px;

}



/*countdown-box*/

.aiz-count-down-box {

    display: flex;

    direction: ltr;

    background: var(--primary);

}



.aiz-count-down-box .countdown-item {

    padding: 7px;

    color: #fff;

    border-radius: 3px;

    margin: 0 3px;

    min-width: 52px;

    font-size: 16px;

    font-weight: 700;

}



.aiz-count-down-box .countdown-name {

    color: #fff;

    font-size: 8px;

    font-weight: 400;

    text-transform: uppercase;

}



.aiz-count-down-box .countdown-separator {

    color: #fff;

    font-size: 14px;

}



/* Countdown Circle */

.aiz-count-down-circle {

    display: flex;

    justify-content: center;

    min-height: 100%;

    background: #fff;

    padding: 1rem;

    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);

}



.aiz-count-down-circle #time {

    display: flex;

}



.aiz-count-down-circle #time .circle {

    position: relative;

    width: 70px;

    height: 70px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.aiz-count-down-circle #time .circle svg {

    position: relative;

    width: 70px;

    height: 70px;

    transform: rotate(270deg);

}



.aiz-count-down-circle #time .circle svg circle {

    width: 100%;

    height: 100%;

    fill: transparent;

    stroke-width: 1;

    stroke: #f7f2f2;

    stroke-linecap: round;

    transform: translate(5px, 5px);

}



.aiz-count-down-circle #time .circle svg circle:nth-child(2) {

    stroke: var(--primary);

    stroke-width: 2;

    stroke-dasharray: 190;

    stroke-dashoffset: 190;

}



.aiz-count-down-circle #time div {

    position: absolute;

    text-align: center;

    font-weight: 700;

    color: #1b1b28;

    font-size: 14px;

}



.aiz-count-down-circle #time div span {

    position: absolute;

    transform: translateX(-50%) translateY(-10%);

    font-size: 8px;

    font-weight: 400;

    letter-spacing: 0.2em;

    text-transform: uppercase;

}



[dir="rtl"] .aiz-count-down-circle #time div span {

    transform: translateX(50%) translateY(-10%);

}



/*form elements*/



.form-control {

    padding: 0.6rem 1rem;

    font-size: 0.875rem;

    height: calc(1.3125rem + 1.2rem + 2px);

    border: 1px solid #dfdfe6;

    color: #898b92;

}



.form-control-sm {

    height: calc(1.5rem + 0.8rem + 2px);

    padding: 0.4rem 0.7rem;

    font-size: 0.8125rem;

    line-height: 1.5;

    border-radius: 0.25rem;

}



.form-control-lg {

    height: calc(1.5rem + 1.5rem + 2px);

    padding: 0.75rem 1rem;

    font-size: 1rem;

    line-height: 1.5;

    border-radius: 0.3rem;

}



.form-control:focus {

    border-color: var(--primary);

    box-shadow: none;

}



.form-control::-webkit-input-placeholder {

    color: #898b92;

}



.form-control:-ms-input-placeholder {

    color: #898b92;

}



.form-control::placeholder {

    color: #898b92;

}



.form-control:disabled,

.form-control[readonly] {

    background-color: #f7f8fa;

    opacity: 1;

    border-color: #dfdfe6;

}



.resize-off {

    resize: none;

}



.custom-file-input:focus~.custom-file-label {

    border-color: #dfdfe6;

}



.custom-file {

    height: calc(1.3125rem + 1.2rem + 2px);

    overflow: hidden;

}



.custom-file-input {

    height: 0;

    width: 0;

    opacity: 0;

    position: absolute;

}



.custom-file-name {

    white-space: nowrap;

}



.custom-file-label,

.custom-file-label::after {

    padding: 0.6rem 1rem;

    font-size: 0.875rem;

    height: calc(1.3125rem + 1.2rem + 2px);

    border: 1px solid #dfdfe6;

    color: #898b92;

}



.custom-file-label::after {

    height: calc(1.3125rem + 1.2rem);

}



.custom-file-sm {

    height: calc(1.5rem + 0.8rem + 2px);

}



.custom-file-sm .custom-file-label,

.custom-file-sm .custom-file-label::after {

    height: calc(1.5rem + 0.8rem + 2px);

    padding: 0.4rem 0.7rem;

    font-size: 0.8125rem;

    line-height: 1.5;

}



.custom-file-sm .custom-file-label::after {

    height: calc(1.5rem + 0.8rem);

}



.custom-file-lg {

    height: calc(1.5rem + 1.5rem + 2px);

}



.custom-file-lg .custom-file-label,

.custom-file-lg .custom-file-label::after {

    height: calc(1.5rem + 1.5rem + 2px);

    padding: 0.75rem 1rem;

    font-size: 1rem;

    line-height: 1.5;

}



.custom-file-lg .custom-file-label::after {

    height: calc(1.5rem + 1.5rem);

}



/*custom checkbox, radio*/

.aiz-checkbox-list {

    padding: 0 0;

}



.aiz-checkbox,

.aiz-radio {

    display: inline-block;

    position: relative;

    padding-left: 28px;

    margin-bottom: 10px;

    cursor: pointer;

    font-size: 0.875rem;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



[dir="rtl"] .aiz-checkbox,

[dir="rtl"] .aiz-radio {

    padding-right: 28px;

    padding-left: 0;

}



.aiz-checkbox-list .aiz-checkbox,

.aiz-radio-list .aiz-radio {

    display: block;

}



.aiz-checkbox.aiz-checkbox-disabled,

.aiz-radio.aiz-radio-disabled {

    opacity: 0.8;

    cursor: not-allowed;

}



.aiz-checkbox-inline .aiz-checkbox,

.aiz-radio-inline .aiz-radio {

    display: inline-block;

    margin-right: 15px;

    margin-bottom: 5px;

}



.aiz-checkbox-inline .aiz-checkbox:last-child,

.aiz-radio-inline .aiz-radio:last-child {

    margin-right: 0;

}



.aiz-checkbox>input,

.aiz-radio>input {

    position: absolute;

    z-index: -1;

    opacity: 0;

}



.aiz-square-check,

.aiz-rounded-check {

    background: 0 0;

    position: relative;

    height: 16px;

    width: 16px;

    border: 1px solid #d1d7e2;

}



.aiz-checkbox .aiz-square-check,

.aiz-checkbox .aiz-rounded-check,

.aiz-radio .aiz-square-check,

.aiz-radio .aiz-rounded-check {

    position: absolute;

    top: 2px;

    left: 0;

}



[dir="rtl"] .aiz-checkbox .aiz-square-check,

[dir="rtl"] .aiz-checkbox .aiz-rounded-check,

[dir="rtl"] .aiz-radio .aiz-square-check,

[dir="rtl"] .aiz-radio .aiz-rounded-check {

    left: auto;

    right: 0;

}



.aiz-square-check {

    border-radius: 3px;

}



.aiz-rounded-check {

    border-radius: 50%;

}



.aiz-square-check:after,

.aiz-rounded-check:after {

    content: "";

    position: absolute;

    visibility: hidden;

    opacity: 0;

    top: 50%;

    left: 50%;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.aiz-square-check:after {

    margin-left: -2px;

    margin-top: -6px;

    width: 5px;

    height: 10px;

    border-width: 0 2px 2px 0 !important;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    border: solid var(--primary);

}



.aiz-rounded-check:after {

    margin-left: -5px;

    margin-top: -5px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: var(--primary);

}



.aiz-checkbox>input:checked~.aiz-square-check:after,

.aiz-radio>input:checked~.aiz-square-check:after,

.aiz-checkbox>input:checked~.aiz-rounded-check:after,

.aiz-radio>input:checked~.aiz-rounded-check:after {

    visibility: visible;

    opacity: 1;

}



/*aiz megabox*/

.aiz-megabox {

    position: relative;

    cursor: pointer;

}



.aiz-megabox input {

    position: absolute;

    z-index: -1;

    opacity: 0;

}



.aiz-megabox .aiz-megabox-elem {

    border: 1px solid #dfdfe6;

    border-radius: 0.25rem;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    border-radius: 0.25rem;

}



.aiz-megabox>input:checked~span .aiz-rounded-check:after,

.aiz-megabox>input:checked~span .aiz-square-check:after {

    visibility: visible;

    opacity: 1;

}



.aiz-megabox>input:checked~.aiz-megabox-elem,

.aiz-megabox>input:checked~.aiz-megabox-elem {

    border-color: var(--primary);

}



.aiz-megabox>input:checked~.aiz-megabox-elem.border-transparent {

    border-color: var(--primary) !important;

}



/*input group/ form group*/

.input-group>.input-group-prepend>.form-control {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



.input-group-text {

    padding: 0.6rem 1rem;

    font-size: 0.875rem;

    line-height: 1.5;

    color: #74788d;

    background-color: #f7f8fa;

    border: 1px solid #dfdfe6;

    border-radius: 4px;

}



.input-group-sm>.custom-select,

.input-group-sm>.form-control:not(textarea) {

    height: calc(1.5em + 0.8rem + 2px);

}



.input-group-sm>.custom-select,

.input-group-sm>.form-control,

.input-group-sm>.input-group-append>.btn,

.input-group-sm>.input-group-append>.input-group-text,

.input-group-sm>.input-group-prepend>.btn,

.input-group-sm>.input-group-prepend>.input-group-text {

    padding: 0.4rem 0.7rem;

    font-size: 0.8125rem;

}



/*input with icon*/

.aiz-input-icon {

    position: relative;

}



.aiz-input-icon.aiz-input-icon--left .form-control {

    padding-left: 2.6rem;

}



.aiz-input-icon.aiz-input-icon--right .form-control {

    padding-right: 2.6rem;

}



.aiz-input-icon>.aiz-input-icon__icon {

    position: absolute;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    top: 0;

    width: 2.6rem;

}



.aiz-input-icon--left>.aiz-input-icon__icon {

    left: 0;

}



.aiz-input-icon--right>.aiz-input-icon__icon {

    right: 0;

}



/*switch*/

.aiz-switch input:empty {

    height: 0;

    width: 0;

    overflow: hidden;

    position: absolute;

    opacity: 0;

}



.aiz-switch input:empty~span {

    display: inline-block;

    position: relative;

    text-indent: 0;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    line-height: 24px;

    height: 21px;

    width: 40px;

    border-radius: 12px;

}



.aiz-switch input:empty~span:after,

.aiz-switch input:empty~span:before {

    position: absolute;

    display: block;

    top: 0;

    bottom: 0;

    left: 0;

    content: " ";

    -webkit-transition: all 0.1s ease-in;

    transition: all 0.1s ease-in;

    width: 40px;

    border-radius: 12px;

}



.aiz-switch input:empty~span:before {

    background-color: #e8ebf1;

}



.aiz-switch input:empty~span:after {

    height: 17px;

    width: 17px;

    line-height: 20px;

    top: 2px;

    bottom: 2px;

    margin-left: 2px;

    font-size: 0.8em;

    text-align: center;

    vertical-align: middle;

    color: #f8f9fb;

    background-color: #fff;

}



.aiz-switch input:checked~span:after {

    background-color: var(--primary);

    margin-left: 20px;

}



.aiz-switch-secondary input:checked~span:after {

    background-color: var(--secondary);

}



.aiz-switch-success input:checked~span:after {

    background-color: var(--success);

}



.aiz-switch-info input:checked~span:after {

    background-color: var(--info);

}



.aiz-switch-warning input:checked~span:after {

    background-color: var(--warning);

}



.aiz-switch-secondary-base input:checked~span:after {

    background-color: var(--secondary-base);

}



.aiz-switch-danger input:checked~span:after {

    background-color: var(--danger);

}



.aiz-switch-light input:checked~span:after {

    background-color: var(--light);

}



.aiz-switch-dark input:checked~span:after {

    background-color: var(--dark);

}



.aiz-switch-blue input:checked~span:after {

    background-color: var(--blue);

}



/*bootstrap select */

.bootstrap-select .dropdown-toggle:focus,

.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {

    outline: none !important;

}



.bootstrap-select .dropdown-toggle {

    color: #898b92;

    background-color: transparent !important;

    border-color: #dfdfe6;

}



.rounded-0 .dropdown-toggle {

    border-radius: 0 !important;

}



.bootstrap-select.form-control-sm .dropdown-toggle {

    padding: 0.416rem 0.7rem;

    height: calc(1.5rem + 0.8rem + 2px);

}



.bootstrap-select.form-control-lg .dropdown-toggle {

    height: calc(1.5rem + 1.5rem + 2px);

    padding: 0.75rem 1rem;

    font-size: 1rem;

}



.bootstrap-select .dropdown-toggle:active,

.bootstrap-select .dropdown-toggle:focus,

.show.bootstrap-select .dropdown-toggle {

    border-color: var(--primary) !important;

}



.bootstrap-select .dropdown-menu .selected span.check-mark {

    right: 12px;

    top: 11px;

}



.bootstrap-select .bs-ok-default:after {

    width: 6px;

    height: 12px;

    border-width: 0 2px 2px 0;

    border-color: #6f6f80;

}



.dropdown-item:hover .bs-ok-default:after {

    border-color: #fff;

}



.bootstrap-select .no-results {

    padding: 8px 10px;

    background: #f5f5f5;

    margin: 0 8px;

    border-radius: 3px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 100%;

}



.bootstrap-select .dropdown-menu .notify {

    width: calc(100% - 20px);

    margin: 0 10px;

    min-height: 26px;

    padding: 8px 12px;

    background: #f2f3f8;

    border: 1px solid #e3e3e3;

    border-radius: 3px;

    -webkit-box-shadow: none;

    box-shadow: none;

    opacity: 1;

}



.bootstrap-select .notify.fadeOut {

    -webkit-animation: bs-notify-fadeOut 2s linear 0.2s;

    -o-animation: bs-notify-fadeOut 2s linear 0.2s;

    animation: bs-notify-fadeOut 2s linear 0.2s;

}



.bootstrap-select .bs-actionsbox .btn-group button:first-child {

    border-right: 1px solid #fff;

}



.bootstrap-select .bs-actionsbox .btn-group button:last-child {

    border-left: 1px solid #fff;

}



.bootstrap-select .bs-actionsbox .btn-group button {

    padding: 0.6rem 0.5rem;

    line-height: 1;

}



.bootstrap-select .dropdown-menu li,

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.bootstrap-select .dropdown-menu li a span.text {

    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-right: 0;

    vertical-align: bottom;

}



[dir="rtl"] .bootstrap-select .dropdown-toggle .filter-option {

    float: right;

    text-align: right;

}



/*tagify tag input*/

.aiz-tag-input {

    height: auto;

    padding: 0.465rem 1rem 0.2rem;

}



.aiz-tag-input .tagify__input {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.aiz-tag-input .tagify__input:before {

    line-height: 1;

    position: static;

}



.aiz-tag-input .tagify__tag,

.aiz-tag-input .tagify__input {

    margin: 0px 5px 5px 0px;

}



.aiz-tag-input .tagify__tag__removeBtn {

    font: 12px Serif;

    line-height: 1.5;

}



.aiz-tag-input .tagify__tag__removeBtn:hover+div>span {

    opacity: 1;

}



/*text editor - summernote */

.note-editor .note-dropzone {

    opacity: 0 !important;

}



.note-editor.note-frame {

    border: 1px solid #dfdfe6;

    box-shadow: none;

    background: #f7f8fa;

}



.note-editor.note-frame .panel-heading.note-toolbar {

    background: #f7f8fa;

}



.note-editor .card-header.note-toolbar {

    padding: 5px 10px 10px 10px;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    display: block;

    min-height: auto;

}



.note-editor.note-frame .note-statusbar {

    border-color: #dfdfe6;

    background-color: #f7f8fa;

}



.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {

    border-color: #afafb9;

}



.note-toolbar .note-btn {

    border-color: #dfdfe6;

}



.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover,

.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,

.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {

    background-color: var(--primary);

    color: var(--white);

}



.note-popover .popover-content .note-btn-group .note-table,

.note-toolbar .note-btn-group .note-table,

.note-editor .note-toolbar .dropdown-menu {

    min-width: 190px;

}



.note-popover .popover-content .note-color-all .note-dropdown-menu,

.note-toolbar .note-color-all .note-dropdown-menu {

    min-width: 340px;

}



.note-dropdown-menu .dropdown-item>* {

    padding: 0 !important;

}



.note-dropdown-menu .dropdown-item h1 {

    font-size: 2rem;

}



.note-dropdown-menu .dropdown-item h2 {

    font-size: 1.75rem;

}



.note-dropdown-menu .dropdown-item h3 {

    font-size: 1.5rem;

}



.note-dropdown-menu .dropdown-item h4 {

    font-size: 1.25rem;

}



.note-dropdown-menu .dropdown-item h5 {

    font-size: 1rem;

}



.note-dropdown-menu .dropdown-item h6 {

    font-size: 0.875rem;

}



.note-modal .note-group-select-from-files {

    display: none !important;

}



@media (max-width: 575px) {

    .note-video-clip {

        max-width: 100%;

        height: auto;

    }



    .aiz-card-box .disc-amount {

        margin-right: -60%;

        opacity: 0 !important;

    }



    .px-xs-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

}



.aiz-editor-data img {

    max-width: 100% !important;

    height: auto !important;

}



/*ecom pos ui*/

.aiz-pos-product-list {

    overflow-y: auto;

    max-height: calc(100vh - 220px);

    height: calc(100vh - 220px);

    overflow-x: hidden;

}



.aiz-pos-cart-list {

    overflow-y: auto;

    max-height: calc(100vh - 490px);

    height: calc(100vh - 490px);

    overflow-x: hidden;

}



/*Aiz Uploader*/

.uppy-Root *:focus {

    outline: none !important;

}



.uppy-size--md .uppy-DashboardItem-progressIndicator,

.uppy-DashboardContent-bar .uppy-DashboardContent-back {

    visibility: hidden;

    opacity: 0;

}



.uppy-Dashboard-inner {

    width: 100% !important;

    height: 100% !important;

}



.uppy-Root {

    height: 100% !important;

}



.uppy-DashboardContent-addMore svg {

    margin-bottom: 0;

}



.card-file {

    padding: 8px;

    position: relative;

    border-color: rgb(223, 224, 228);

    transition: all 0.2s ease-in-out;

    margin-bottom: 20px;

}



.card-file .card-body h6 {

    font-size: 0.8rem;

    margin-bottom: 0;

}



.card-file .card-body p {

    margin-bottom: 0;

    font-size: 9px;

    color: #8392a5;

}



.card-file .card-file-thumb {

    height: 120px;

    background-color: #f5f6fa;

    display: flex;

    align-items: center;

    justify-content: center;

}



.card-file .card-body {

    padding: 10px 0 0;

}



.card-file .card-file-thumb i {

    font-size: 50px;

    color: #b3becc;

}



.aiz-uploader-backdrop {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1040;

    width: 100vw;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.2);

}



[data-toggle="aizuploader"] {

    cursor: pointer;

}



.aiz-uploader-all {

    margin-left: -10px;

    margin-right: -10px;

    overflow-y: auto;

    height: calc(100vh - 303px);

}



.uppy-Dashboard-files {

    max-height: calc(100vh - 363px);

}



.aiz-file-box-wrap {

    padding: 0 10px;

    width: 50%;

    float: left;

}



.aiz-file-box-wrap[aria-hidden="true"] {

    display: none;

}



.aiz-file-box {

    position: relative;

}



.aiz-file-box:before {

    content: "";

    display: block;

    padding-top: 100%;

}



.aiz-file-box .dropdown-file {

    position: absolute;

    top: 8px;

    right: 9px;

    z-index: 1;

}



.aiz-file-box .dropdown-file>a {

    color: #5a5a5a;

    font-size: 22px;

    background: #f5f6fa;

    cursor: pointer;

}



.aiz-file-box .card-file {

    cursor: pointer;

    overflow: hidden;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 1;

}



.aiz-file-box .card-file .card-file-thumb {

    position: absolute;

    width: calc(100% - 16px);

    top: 8px;

    left: 8px;

    height: calc(100% - 55px);

}



.aiz-file-box .select-box {

    position: absolute;

    top: 0px;

    left: 9px;

    z-index: 1;

}



.aiz-file-box .card-file .card-body {

    position: absolute;

    width: calc(100% - 16px);

    bottom: 5px;

    left: 8px;

}



[data-selected="true"] .aiz-uploader-select {

    border-color: #007bff;

    background: rgba(0, 123, 255, 0.05);

}



.modal-adaptive {

    height: calc(100vh - 60px);

    margin: 30px auto !important;

}



/*File preview + remove*/

.file-preview-item h6 {

    font-size: 13px;

    margin-bottom: 0;

}



.file-preview-item {

    padding: 8px;

    border: 1px solid #ebedf2;

    border-radius: 0.25rem;

}



.file-preview-item p {

    font-size: 10px;

    margin-bottom: 0;

    color: var(--secondary);

}



.file-preview-item .thumb {

    -ms-flex: 0 0 50px;

    flex: 0 0 50px;

    max-width: 50px;

    height: 45px;

    width: 50px;

    text-align: center;

    background: #f1f2f4;

    font-size: 20px;

    color: #92969b;

    border-radius: 0.25rem;

    overflow: hidden;

}



.file-preview-item .remove {

    -ms-flex: 0 0 52px;

    flex: 0 0 52px;

    max-width: 52px;

    width: 52px;

}



.file-preview-item .body {

    min-width: 0;

}



.file-preview.box a {

    color: inherit;

}



.file-preview.box:after {

    content: "";

    clear: both;

    display: table;

}



.file-preview.box .file-preview-item {

    width: 160px;

    float: left;

    margin-right: 0.5rem;

    padding: 0;

    display: block !important;

    position: relative;

}



.file-preview.box .thumb {

    width: 100%;

    max-width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 120px;

    border-radius: 0;

    border-top-left-radius: 0.25rem;

    border-top-right-radius: 0.25rem;

}



.file-preview.box.sm .file-preview-item {

    width: 100px;

}



.file-preview.box.sm .thumb {

    height: 52px;

}



.file-preview.box .body {

    padding: 0;

    padding: 8px 8px 2px;

}



.file-preview.box .remove {

    position: absolute;

    top: -6px;

    right: -6px;

    width: auto;

    max-width: 100%;

}



.file-preview.box .remove .btn {

    padding: 0;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    background: #eaeaea;

}



@media (min-width: 576px) {



    /*sm*/

    .modal-adaptive {

        max-width: 540px;

    }



    .aiz-file-box-wrap {

        width: 33.3333%;

    }

}



@media (min-width: 768px) {



    /*md*/

    .modal-adaptive {

        max-width: 720px;

    }



    .aiz-file-box-wrap {

        width: 25%;

    }



    .modal-md {

        max-width: 600px;

    }

}



@media (min-width: 992px) {



    /*lg*/

    .modal-adaptive {

        max-width: 960px;

    }



    .aiz-file-box-wrap {

        width: 20%;

    }

}



@media (min-width: 1200px) {



    /*xl*/

    .modal-adaptive {

        max-width: 1140px;

    }



    .aiz-file-box-wrap {

        width: 16.66666%;

    }

}



@media (min-width: 1500px) {



    /*xxl*/

    .modal-adaptive {

        max-width: 1400px;

    }

}



@media (max-width: 767px) {

    .aiz-uploader-search i {

        font-size: 23px;

        cursor: pointer;

        padding: 4px;

        margin-right: 5px;

        position: relative;

        z-index: 2;

        top: 3px;

    }



    .aiz-uploader-search input {

        position: absolute;

        z-index: 1;

        top: 0;

        right: 5px;

        left: 5px;

        width: calc(100% - 10px);

        height: 100%;

        visibility: hidden;

        opacity: 0;

        transition: all 0.3s;

        -webkit-transition: all 0.3s;

    }



    .aiz-uploader-search.open input {

        visibility: visible;

        opacity: 1;

    }



    .aiz-count-down-circle {

        box-shadow: 0px 3px 20px rgb(0 0 0 / 16%);

    }



    .aiz-accordion-panel ul li {

        border-bottom: 1px solid #292933;

        padding-left: 1rem;

    }



    .aiz-accordion-panel ul li:last-child {

        border-bottom: none;

    }



    .aiz-accordion-panel ul li .text-sm-secondary {

        color: var(--secondary) !important;

    }



    .aiz-accordion-panel ul li.active .text-sm-secondary,

    .aiz-accordion-panel ul li .text-sm-secondary:hover {

        color: var(--white) !important;

    }



    .aiz-accordion-panel ul li .animate-underline-white::after {

        position: relative !important;

    }

}



.search-icon {

    position: relative;

    display: inline-block;

    width: 32px;

    height: 32px;

    overflow: hidden;

    white-space: nowrap;

    color: transparent;

    z-index: 3;

}



.search-icon:hover {

    color: transparent;

}



.search-icon::before,

.search-icon::after {

    content: "";

    position: absolute;

    -webkit-transition: opacity 0.3s;

    -moz-transition: opacity 0.3s;

    transition: opacity 0.3s;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.search-icon::before {

    top: 7px;

    left: 7px;

    width: 14px;

    height: 14px;

    border-radius: 50%;

    border: 2px solid #686f7a;

}



.search-icon::after {

    height: 2px;

    width: 8px;

    background: #686f7a;

    bottom: 10px;

    right: 7px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



.search-icon span {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

}



.search-icon span::before,

.search-icon span::after {

    content: "";

    position: absolute;

    display: inline-block;

    height: 2px;

    width: 18px;

    top: 50%;

    margin-top: -1px;

    left: 50%;

    margin-left: -8px;

    background: #686f7a;

    opacity: 0;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    -moz-transition: opacity 0.3s, -moz-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s;

}



.search-icon span::before {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



.search-icon span::after {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.open .search-icon::before,

.open .search-icon::after {

    opacity: 0;

}



.open .search-icon span::before,

.open .search-icon span::after {

    opacity: 1;

}



.open .search-icon span::before {

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg);

}



.open .search-icon span::after {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



.mobile-search.is-visible {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0s;

}



/*date range*/

.daterangepicker {

    border-color: #dfdfe6;

    -webkit-box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);

    box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);

    font-family: inherit;

}



.daterangepicker:before {

    border-bottom-color: #dfdfe6;

}



.daterangepicker th {

    font-weight: 600;

}



.daterangepicker .calendar-table .next span,

.daterangepicker .calendar-table .prev span {

    border-width: 0 1px 1px 0;

    border-color: var(--dark);

}



.daterangepicker .calendar-table .next span {

    margin-left: -5px;

}



.daterangepicker td.available:hover,

.daterangepicker th.available:hover,

.daterangepicker .ranges li:hover {

    background-color: var(--light);

}



.daterangepicker .calendar-table td,

.daterangepicker .calendar-table th {

    min-width: 30px;

    width: 30px;

    height: 30px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.daterangepicker td.in-range {

    background-color: var(--soft-primary);

}



.daterangepicker td.active,

.daterangepicker td.active:hover,

.daterangepicker .ranges li.active {

    background-color: var(--primary);

}



.daterangepicker .drp-buttons .btn {

    font-weight: 500;

}



.daterangepicker select.monthselect,

.daterangepicker select.yearselect {

    border-color: var(--light);

    padding: 3px;

}



.daterangepicker .calendar-time {

    padding-right: 8px;

    display: -ms-flexbox;

    display: flex;

}



.daterangepicker select.ampmselect,

.daterangepicker select.hourselect,

.daterangepicker select.minuteselect,

.daterangepicker select.secondselect {

    background-color: transparent;

    border-color: var(--light);

}



/*time picker*/

.bootstrap-timepicker-widget.timepicker-orient-top {

    margin-top: 6px;

}



.bootstrap-timepicker-widget.timepicker-orient-bottom {

    margin-top: -2px;

}



.bootstrap-timepicker-widget.timepicker-orient-top:before {

    border-bottom-color: #dfdfe6;

}



.bootstrap-timepicker-widget.timepicker-orient-bottom:before {

    border-top-color: #dfdfe6;

}



.bootstrap-timepicker-widget table td a:hover {

    background-color: var(--light);

    border-color: var(--light);

}



.bootstrap-timepicker-widget table td input {

    border: 0;

}



/*button element*/

.btn.focus,

.btn:focus:not(.btn-shadow) {

    box-shadow: none !important;

    outline: none;

}



.btn {

    padding: 0.6rem 1.2rem;

    font-size: 0.875rem;

    color: #2a3242;

    font-weight: inherit;

}



.btn-shadow:hover {

    -webkit-transform: translateY(-1px);

    transform: translateY(-1px);

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05),

        0px 16px 16px rgba(0, 0, 0, 0.05), 0px 32px 32px rgba(0, 0, 0, 0.05);

}



.btn-circle {

    border-radius: 50em;

}



.btn-icon {

    font-size: 1rem;

    line-height: 1.4;

    padding: 0.6rem;

    width: calc(2.5125rem + 2px);

    height: calc(2.5125rem + 2px);

}



.btn-xs {

    padding: 0.25rem 0.75rem;

    font-size: 0.75rem;

}



.btn-sm {

    padding: 0.416rem 1rem;

    font-size: 0.8125rem;

}



.btn-sm.btn-icon {

    padding: 0.416rem;

    width: calc(2.02rem + 2px);

    height: calc(2.02rem + 2px);

}



.btn-lg {

    padding: 0.75rem 1.5rem;

    font-size: 1rem;

}



.btn-lg.btn-icon {

    padding: 0.75rem;

    font-size: 1.2rem;

    width: calc(3rem + 2px);

    height: calc(3rem + 2px);

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.disabled,

.btn-primary:disabled,

.btn-primary:not(:disabled):not(.disabled).active,

.btn-primary:not(:disabled):not(.disabled):active,

.show>.btn-primary.dropdown-toggle,

.btn-outline-primary:not(:disabled):not(.disabled).active,

.btn-outline-primary:not(:disabled):not(.disabled):active,

.show>.btn-outline-primary.dropdown-toggle {

    background-color: var(--hov-primary);

    border-color: var(--hov-primary);

}



.btn-primary,

.btn-soft-primary:hover,

.btn-outline-primary:hover {

    background-color: var(--primary);

    border-color: var(--primary);

    color: var(--white);

}



.btn-secondary,

.btn-soft-secondary:hover,

.btn-outline-secondary:hover {

    background-color: var(--secondary);

    border-color: var(--secondary);

    color: var(--white);
    text-transform: uppercase !important;

}





.btn-success,

.btn-soft-success:hover,

.btn-outline-success:hover {

    background-color: var(--success);

    border-color: var(--success);

    color: var(--white);

}



.btn-danger,

.btn-soft-danger:hover,

.btn-outline-danger:hover {

    background-color: var(--danger);

    border-color: var(--danger);

    color: var(--white);

}



.btn-warning,

.btn-soft-warning:hover,

.btn-outline-warning:hover {

    background-color: var(--warning);

    border-color: var(--warning);

}



.btn-orange,

.btn-soft-orange:hover,

.btn-outline-orange:hover {

    background-color: var(--orange);

    border-color: var(--orange);

}



.btn-secondary-base,

.btn-soft-secondary-base:hover,

.btn-outline-secondary-base:hover {

    background-color: var(--secondary-base);

    border-color: var(--secondary-base);

}



.btn-secondary-base:hover {

    background-color: var(--hov-secondary-base);

}



.btn-info,

.btn-soft-info:hover,

.btn-outline-info:hover {

    background-color: var(--info);

    border-color: var(--info);

    color: var(--white);

}



.btn-light,

.btn-outline-light:hover {

    background-color: var(--light);

    border-color: var(--light);

}



.btn-dark,

.btn-soft-dark:hover,

.btn-outline-dark:hover {

    background-color: var(--dark);

    border-color: var(--dark);

    color: var(--white);

}



.btn-blue,

.btn-soft-blue:hover,

.btn-outline-blue:hover {

    background-color: var(--blue);

    border-color: var(--blue);

    color: var(--white);

}



.btn-blue:hover {

    background-color: var(--hov-blue);

}



.btn-link {

    color: var(--primary);

}



.btn-link:hover {

    color: var(--hov-primary);

}



.btn-clean:hover {

    background-color: var(--light);

    border-color: var(--light);

}



.btn-topbar {

    width: 32px;

    height: 32px;

}



.btn-topbar>svg * {

    transition: .5s;

}



.btn-topbar:hover>svg * {

    fill: #717580;

}



/* .btn-topbar.btn-light:hover > svg *{

    fill: var(--white);

} */



.btn-install {

    width: 280px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0;

    border-radius: 20px;

    background: linear-gradient(to right, #e90608 0%, #f59e39 100%);

    box-shadow: 0px 8px 16px rgba(255, 88, 0, 0.16);

    font-weight: bold;

    font-size: 14px;

    line-height: 18px;

    text-align: center;

    color: #fff !important;

    transition: all 0.5s;

}



.btn-install:hover {

    box-shadow: 0px 8px 40px rgb(255 88 0 / 30%);

    letter-spacing: 0.3px;

}



/*soft buttons*/

.btn-soft-primary {

    background-color: var(--soft-primary);

    color: var(--primary);

}



.btn-soft-secondary {

    background-color: var(--soft-secondary);

    color: var(--dark);

}



.btn-soft-success {

    background-color: var(--soft-success);

    color: var(--success);

}



.btn-soft-danger {

    background-color: var(--soft-danger);

    color: var(--danger);

}



.btn-soft-warning {

    background-color: var(--soft-warning);

    color: var(--warning);

}



.btn-soft-secondary-base {

    background-color: var(--soft-secondary-base);

    color: var(--secondary-base);

}



.btn-soft-info {

    background-color: var(--soft-info);

    color: var(--info);

}



.btn-soft-dark {

    background-color: var(--soft-dark);

    color: var(--dark);

}



.btn-soft-blue {

    background-color: var(--soft-blue);

    color: var(--blue);

}



.btn-soft-white {

    background-color: var(--soft-white);

    color: var(--white);

}



.btn-soft-white:hover {

    background-color: var(--gray);

    color: var(--white);

}



/*outline buttons*/

.btn-outline-primary {

    border-color: var(--primary);

    color: var(--primary);

}



.btn-outline-secondary {

    border-color: var(--secondary);

    color: var(--dark);

}



.btn-outline-success {

    border-color: var(--success);

    color: var(--success);

}



.btn-outline-danger {

    border-color: var(--danger);

    color: var(--danger);

}



.btn-outline-warning {

    border-color: var(--warning);

    color: var(--warning);

}



.btn-outline-info {

    border-color: var(--info);

    color: var(--info);

}



.btn-outline-light {

    border-color: var(--light);

    color: var(--dark);

}



.btn-outline-dark {

    border-color: var(--dark);

    color: var(--dark);

}



.btn-outline-blue {

    border-color: var(--blue);

    color: var(--blue);

}



/*footable*/

.aiz-table {

    opacity: 0;

    height: 0;

}



div.footable-loader {

    height: 220px;

}



.aiz-table.footable,

.aiz-table.footable-details {

    opacity: 1;

    height: auto;

}



div.footable-loader>span.fooicon {

    border: 4px solid #1e1e2d;

    border-right-color: transparent;

    border-radius: 50%;

}



div.footable-loader>span.fooicon:before,

div.footable-loader>span.fooicon:after {

    content: none;

}



.aiz-table thead th {

    border-top: 0;

    border-bottom: 1px solid #eceff7;

}



.aiz-table th {

    font-weight: 600;

}



.aiz-table td,

.aiz-table th {

    border-top: 1px solid #eceff7;

}



.aiz-table td,

.aiz-table th {

    padding: 1rem 0.75rem;

}



.aiz-table.table-bordered td,

.aiz-table.table-bordered th {

    border: 1px solid #eceff7;

}



.aiz-table .footable-detail-row>td {

    padding: 0;

}



.aiz-table .footable-toggle {

    height: 16px;

    width: 16px;

    line-height: 16px;

    font-size: 16px;

    border-radius: 4px;

    text-align: center;

    opacity: 1;

    color: var(--primary);

    background-color: var(--soft-primary);

    margin-right: 10px;

}



.aiz-table .footable-toggle.fooicon-minus {

    color: var(--white);

    background-color: var(--primary);

}



.aiz-table.footable>tbody>tr.footable-empty>td {

    font-size: 20px;

    position: relative;

    padding-top: 100px;

}



.aiz-table.footable>tbody>tr.footable-empty>td:before {

    content: "\f119";

    font-family: "Line Awesome Free";

    font-weight: 900;

    position: absolute;

    left: 50%;

    top: 20px;

    font-size: 60px;

    opacity: 0.5;

    transform: translate(-50%, 0px);

}



.aiz-table .footable-pagination-wrapper {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 1rem;

}



.aiz-table .footable-page-link,

.aiz-table .footable-page.disabled .footable-page-link {

    min-width: 36px;

    min-height: 36px;

    line-height: 36px;

    text-align: center;

    padding: 0;

    border: 0;

    font-size: 0.875rem;

    border-radius: 50% !important;

    color: var(--dark);

    display: inline-block;

}



.aiz-table .footable-page {

    margin: 0 2px;

}



.aiz-table .active .footable-page-link,

.aiz-table .footable-page-link:hover {

    background-color: var(--primary);

    color: #fff;

}



/*notify*/

.aiz-notify {

    min-width: 350px;

    max-width: 350px;

    padding-right: 50px;

    border-radius: 0.25rem;

    overflow: hidden;

    border: 0;

    color: var(--white);

    box-shadow: 0 5px 20px 0 rgba(38, 45, 58, 0.2);

    -webkit-box-shadow: 0 5px 20px 0 rgba(38, 45, 58, 0.2);

    padding: 1.25rem 1.25rem;

    font-size: 0.875rem;

    z-index: 1060 !important;

}



[dir="rtl"] .aiz-notify {

    text-align: right !important;

}



.aiz-notify .close {

    top: 50% !important;

    height: 20px;

    width: 20px;

    margin-top: -10px;

    font-size: 20px;

    line-height: 20px;

    color: var(--white);

    opacity: 0.7;

    right: 15px !important;

    text-shadow: none;

}



[dir="rtl"] .aiz-notify .close {

    right: auto !important;

    left: 15px !important;

}



.aiz-notify .close:before {

    content: "";

    position: absolute;

    border-radius: 50%;

    background-color: #fff;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: -1;

    opacity: 0;

}



.aiz-notify .close:hover {

    color: var(--dark);

    opacity: 1;

}



.aiz-notify .close:hover:before {

    opacity: 1;

    background-color: #fff;

    width: 170%;

    height: 170%;

    top: -35%;

    left: -35%;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.aiz-notify .progress {

    height: 3px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    border-radius: 0;

    background-color: transparent;

}



.aiz-notify .progress-bar {

    background-color: var(--white);

}



.aiz-notify.alert-success {

    background-color: var(--success);

}



.aiz-notify.alert-danger {

    background-color: var(--danger);

}



.aiz-notify.alert-primary {

    background-color: var(--primary);

}



.aiz-notify.alert-warning {

    background-color: var(--warning);

}



.aiz-notify.alert-secondary-base {

    background-color: var(--secondary-base);

}



.aiz-notify.alert-info {

    background-color: var(--info);

}



.aiz-notify.alert-dark {

    background-color: var(--dark);

}



.aiz-notify.alert-secondary {

    background-color: var(--secondary);

}



.aiz-notify.alert-light,

.aiz-notify.alert-light .close {

    background-color: var(--light);

    color: var(--dark);

}



.aiz-notify.alert-light .progress-bar {

    background-color: var(--primary);

}



@media (max-width: 575px) {

    .aiz-notify {

        width: calc(100% - 40px);

        min-width: auto;

    }



    .h-sm-auto {

        height: auto;

    }

}



/*pagination*/

.aiz-pagination-center .pagination {

    -ms-flex-pack: center;

    justify-content: center;

}



.aiz-pagination-right .pagination {

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.aiz-pagination .pagination {

    margin-bottom: 0;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.pagination .page-link,

.page-item.disabled .page-link {

    min-width: 36px;

    min-height: 36px;

    line-height: 36px;

    text-align: center;

    padding: 0;

    border: 0;

    font-size: 0.875rem;

    border-radius: 50% !important;

    color: var(--dark);

}



.pagination .page-item {

    margin: 0 10px 0 0;

}



.pagination .active .page-link {

    background-color: var(--primary);

    border-color: var(--primary);

}



.pagination .page-link:hover {

    background-color: var(--primary);

    color: #fff;

}



/*modal*/

.modal.website-popup {

    display: block;

}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: hidden;

}



.modal-backdrop {

    background-color: #11151d;

}



.modal-content {

    border: 1px solid rgba(20, 20, 35, 0.2);

}



.modal-content .modal-header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    position: relative;

    padding: 12px 25px;

    border-bottom: 1px solid #ebedf2;

    min-height: 60px;

    background-color: transparent;

}



.modal-header .close {

    font-size: 0;

}



.modal-header .close:before {

    font-family: "Line Awesome Free";

    font-weight: 900;

    content: "\f00d";

    font-size: 20px;

}



.modal-content .modal-body {

    padding: 20px 25px;

    overflow-y: auto;

    max-height: 70vh;

}



@media (min-width: 768px) {

    .modal-content .modal-body {

        max-height: 80vh;

    }

}



.modal-content .modal-footer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    position: relative;

    padding: 10px 25px;

    border-top: 1px solid #ebedf2;

    min-height: 60px;

    background-color: transparent;

}



.modal.fade .modal-dialog.modal-dialog-zoom {

    -webkit-transform: translate(0, 0) scale(0.8);

    transform: translate(0, 0) scale(0.8);

    transition: -webkit-transform 0.3s ease-out;

    transition: transform 0.3s ease-out;

    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

}



.modal.show .modal-dialog.modal-dialog-zoom {

    -webkit-transform: translate(0, 0) scale(1);

    transform: translate(0, 0) scale(1);

}



.modal.modal-static .modal-dialog.modal-dialog-zoom {

    -webkit-transform: scale(1.02);

    transform: scale(1.02);

}



.modal.fade .modal-dialog-right {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    margin: 0;

    width: 400px;

    max-width: 80vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column nowrap;

    flex-flow: column nowrap;

    background-color: #fff;

    -ms-flex-line-pack: center;

    align-content: center;

    -webkit-transform: translate(50px, 0);

    transform: translate(50px, 0);

}



.modal.show .modal-dialog-right {

    -webkit-transform: translate(0px, 0);

    transform: translate(0px, 0);

}



.modal-dialog-right .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0;

}



.modal-dialog-right .modal-body {

    max-height: 86vh;

}



/*badges*/

.badge {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 18px;

    width: 18px;

    font-size: 0.65rem;

    font-weight: 500;

    line-height: unset;

}



.badge-circle {

    border-radius: 50%;

}



.badge-sm {

    height: 14px;

    width: 14px;

    font-size: 0.55rem;

}



.badge-md {

    height: 24px;

    width: 24px;

    font-size: 0.75rem;

}



.badge-lg {

    height: 28px;

    width: 28px;

    font-size: 0.85rem;

}



.badge.badge-dot {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    height: 8px;

    width: 8px;

}



.badge-dot.badge-md {

    height: 10px;

    width: 10px;

}



.badge-dot.badge-lg {

    height: 12px;

    width: 12px;

}



.badge-inline {

    width: auto;

}



.badge-status {

    position: absolute;

    top: calc(15% - 4px);

    right: calc(15% - 4px);

    font-size: 1px;

}



.badge-status:before {

    position: absolute;

    width: calc(100% + 6px);

    height: calc(100% + 6px);

    border: 3px solid #fff;

    top: -3px;

    left: -3px;

    content: "";

    border-radius: 50%;

}



.badge-md.badge-status {

    top: calc(15% - 5px);

    right: calc(15% - 5px);

}



.badge-lg.badge-status {

    top: calc(15% - 6px);

    right: calc(15% - 6px);

}



.badge-soft-primary {

    background-color: #F6904D;

}

.badge-soft-success {

    background-color: #85B567;

}

.badge-primary {

    background-color: var(--primary);

}



.badge-secondary {

    background-color: var(--secondary);

}



.badge-success {

    background-color: var(--success);

}



.badge-soft-success {

    background-color: var(--soft-success);

}



.badge-soft-blue {

    background-color: var(--soft-blue);

}



.badge-soft-white {

    background-color: var(--soft-white);

}



.badge-cool-blue {

    background-color: var(--cool-blue);

}



.badge-teal {

    background-color: var(--teal);

}



.badge-danger {

    background-color: var(--danger);

}



.badge-warning {

    background-color: var(--warning);

}







.badge-sea-green {

    background-color: var(--sea-green);

    /* color: var(--white); */

}



.badge-purple {

    background-color: var(--purple);

    color: white;

}

.badge-dodger-blue {

    background-color: var(--dodger-blue);

}



.badge-secondary-base {

    background-color: var(--secondary-base);

}



.badge-info {

    background-color: var(--info);

}



.badge-light {

    background-color: var(--light);

}



.badge-dark {

    background-color: var(--dark);

}



.badge-blue {

    background-color: var(--blue);

}



.badge-gray {

    background-color: var(--gray);

    color: var(--white);

}



.badge-gray-dark {

    background-color: var(--gray-dark);

    color: var(--white);

}







.badge-soft-secondary {

    background-color: var(--soft-secondary);

    color: var(--secondary);

}



.badge-soft-success {

    background-color: var(--soft-success);

    color: var(--success);

}



.badge-soft-danger {

    background-color: var(--soft-danger);

    color: var(--danger);

}



.badge-soft-warning {

    background-color: var(--soft-warning);

    color: var(--warning);

}



.badge-soft-secondary-base {

    background-color: var(--soft-secondary-base);

    color: var(--secondary-base);

}



.badge-soft-info {

    background-color: var(--soft-info);

    color: var(--info);

}



.badge-soft-light {

    background-color: var(--soft-light);

}



.badge-soft-dark {

    background-color: var(--soft-dark);

    color: var(--dark);

}



.badge-soft-blue {

    background-color: var(--soft-blue);

    color: var(--blue);

}



.list-group-item {

    border-color: #ebedf2;

}



.list-group-raw .list-group-item {

    border: 0;

}



/*slick carousel*/

.aiz-carousel>* {

    display: none;

}



.slick-initialized.aiz-carousel>*,

.aiz-carousel>*:first-child {

    display: block;

}



.aiz-carousel.gutters-5 {

    width: calc(100% + 10px);

}



.aiz-carousel.gutters-5 .carousel-box {

    padding-left: 5px;

    padding-right: 5px;

}



.aiz-carousel.gutters-10 {

    width: calc(100% + 20px);

}



.aiz-carousel.gutters-10 .carousel-box {

    padding-left: 10px;

    padding-right: 10px;

}



.aiz-carousel.gutters-15 {

    width: calc(100% + 30px);

}



.aiz-carousel.gutters-15 .carousel-box {

    padding-left: 15px;

    padding-right: 15px;

}



.aiz-carousel.gutters-16 {

    width: calc(100% + 32px);

}



.aiz-carousel.gutters-16 .carousel-box {

    padding-left: 16px;

    padding-right: 16px;

}



.aiz-carousel-full * {

    height: 100%;

}



.aiz-carousel .slick-arrow {

    position: absolute;

    top: 50%;

    z-index: 2;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    width: 40px;

    height: 40px;

    background: #fff;

    border-radius: 50em;

    border: 0;

    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),

        0 3px 1px 0 rgba(20, 23, 28, 0.1);

    font-size: 15px;

    line-height: 40px;

    padding: 0;

    text-align: center;

}



.aiz-carousel .slick-prev:hover,

.aiz-carousel .slick-next:hover {

    box-shadow: 0 2px 10px rgba(20, 23, 28, 0.13) !important;

}



.aiz-carousel .slick-prev {

    left: 10px;

}



.aiz-carousel.hide-disabled .slick-disabled {

    display: none !important;

}



.aiz-carousel .slick-next {

    right: 10px;

}



.aiz-carousel.arrow-dark .slick-arrow {

    width: 25px;

    height: 60px;

    background: rgb(177 174 174 / 30%) !important;

    border-radius: 0;

    color: #fff;

    box-shadow: none;

}



.aiz-carousel.arrow-x-0 .slick-prev {

    left: 0 !important;

}



.aiz-carousel.arrow-x-0 .slick-next {

    right: 0 !important;

}



.aiz-carousel.arrow-x-15 .slick-prev {

    left: 15px !important;

}



.aiz-carousel.arrow-x-15 .slick-next {

    right: 15px !important;

}



.todays-deal.aiz-carousel .slick-arrow {

    background: transparent;

    box-shadow: none;

    top: 40%;

    color: var(--white);

    font-size: 20px;

    transition: 0.4s;

}



.todays-deal.aiz-carousel .slick-arrow:hover {

    color: var(--soft-dark);

}



.todays-deal.aiz-carousel .slick-prev {

    left: -30px;

}



.todays-deal.aiz-carousel .slick-next {

    right: -30px;

}



.aiz-carousel .slick-dots {

    list-style: none;

    display: flex;

    justify-content: center;

    margin-top: 10px;

    margin-bottom: 0;

    padding-left: 0;

}



.aiz-carousel .slick-dots button {

    height: 11px;

    width: 11px;

    padding: 0px;

    color: transparent;

    border: 0;

    background: #ddd;

    border-radius: 50%;

    margin: 0 3px;

}



.aiz-carousel .slick-dots .slick-active button {

    background: var(--primary);

}



.aiz-carousel.dots-inside-bottom .slick-dots {

    position: absolute;

    bottom: 10px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.half-outside-arrow .slick-prev {

    left: -10px;

}



.half-outside-arrow .slick-next {

    right: -10px;

}



.arrow-none .slick-arrow {

    display: none !important;

}



.arrow-inactive-none .slick-arrow.slick-disabled {

    display: none !important;

}



.arrow-inactive-transparent .slick-arrow.slick-disabled {

    opacity: 0.35 !important;

}



.slick-vertical .slick-arrow {

    top: auto;

    left: 50%;

    right: auto;

    transform: translateX(-50%) rotate(90deg);

    -webkit-transform: translateX(-50%) rotate(90deg);

}



.slick-vertical .slick-prev {

    top: -10px;

}



.slick-vertical .slick-next {

    bottom: -10px;

}



.slider-full .slick-slider {

    line-height: 0 !important;

}



.slick-slider.slick-left .slick-track {

    margin-left: 0 !important;

}



.slick-slider.slick-right .slick-track {

    margin-right: 0 !important;

}



[data-vertical="true"] .slick-current .carousel-box {

    border-color: var(--primary) !important;

    border-width: 2px !important;

}



[data-vertical="false"] .slick-current .carousel-box img {

    border-color: var(--primary) !important;

    border-width: 2px !important;

}



#flash_deal .slick-slider .slick-list .slick-slide {

    line-height: 0;

}



#section_featured .slick-slider .slick-list .slick-slide {

    margin-bottom: -4px;

}



@media (max-width: 991px) {

    #section_featured .slick-slider .slick-list .slick-slide {

        margin-bottom: 0px;

    }

}



/*range slider - no ui slider*/

.aiz-range-slider .noUi-connect {

    background: var(--primary);

}



.aiz-range-slider .noUi-target {

    border-color: var(--soft-secondary);

}



/*iti mobile number select*/

.iti {

    display: block;

    width: 100%;

}



.iti--allow-dropdown input {

    padding-left: 95px !important;

}



.iti--separate-dial-code .iti__selected-flag,

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {

    background: #fff;

    margin-left: 2px;

    border-right: 1px solid #dfdfe6;

}



/*avatar*/

.avatar {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-weight: 600;

    font-size: 1.7em;

    position: relative;

}



.avatar img {

    object-fit: cover;

    max-width: 100%;

    width: 100%;

    border-radius: 50%;

    height: 100%;

}



.avatar-xxs {

    width: 20px;

    height: 20px;

    font-size: 0.7em;

}



.avatar-xs {

    width: 32px;

    height: 32px;

    font-size: 0.8em;

}



.avatar-sm {

    width: 48px;

    height: 48px;

    font-size: 1.1em;

}



.avatar-md {

    width: 64px;

    height: 64px;

    font-size: 1.4em;

}



.avatar-lg {

    width: 100px;

    height: 100px;

    font-size: 2em;

}



.avatar-xl {

    width: 120px;

    height: 120px;

    font-size: 2.3em;

}



.avatar-xxl {

    width: 150px;

    height: 150px;

    font-size: 2.6em;

}



.avatar-rounded,

.avatar-rounded img {

    border-radius: 0.3em;

}



.avatar-square,

.avatar-square img {

    border-radius: 0;

}



/*rating*/

.rating i {

    color: #c3c3c5;

    font-size: 1rem;

    letter-spacing: -1px;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.rating i.hover,

.rating i.active,

.text-rating {

    color: #ffa707;

}



.bg-rating {

    background-color: #ffa707;

}



.rating i.half {

    position: relative;

}



.rating-space i {

    margin-left: 6px;

}



.rating i.half:after {

    position: absolute;

    content: "\f089";

    top: 0;

    left: 0;

    font-size: inherit;

    color: #ffa707;

    z-index: 1;

}



[dir="rtl"] .rating i.half {

    -webkit-transform: scale(-1, 1);

    transform: scale(-1, 1);

}



.rating-sm i {

    font-size: 0.8125rem;

}



.rating-lg i {

    font-size: 1.125rem;

}



.rating-input label {

    cursor: pointer;

}



.rating-input input {

    display: none;

}



.rating-mr-1 i {

    margin-right: 0.25rem;

}



.rating-mr-2 i {

    margin-right: 0.5rem;

}



/*chat*/

.aiz-chat {

    overflow: hidden;

    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);

    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);

    background: #fff;

    border-radius: 4px;

    border: 1px solid #ebedf2;

}



.aiz-chat .chat-user-list {

    height: calc(80vh - 44px);

    max-height: calc(80vh - 44px);

    overflow-y: auto;

}



.chat-user-list-wrap .overlay {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    opacity: 0;

    visibility: hidden;

}



.aiz-chat .chat-list-wrap {

    height: calc(80vh - 160px);

    max-height: calc(80vh - 160px);

    overflow-y: auto;

}



.aiz-chat .chat-list {

    min-height: 100%;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.chat-box-wrap {

    position: relative;

    padding: 80px 0;

}



.chat-coversation {

    max-width: 450px;

    margin: 10px 0;

}



.chat-coversation .avatar {

    margin-right: 15px;

    margin-bottom: 12px;

}



.chat-coversation .media {

    -ms-flex-align: end;

    align-items: flex-end;

}



.chat-coversation .media-body .text {

    background: var(--light);

    padding: 10px 20px;

    line-height: 1.7;

    border-radius: 4px;

}



.chat-coversation .media-body .time {

    font-size: 10px;

    opacity: 0.5;

    display: block;

}



.chat-coversation.right {

    margin-left: auto;

}



.chat-coversation.right .avatar {

    margin-right: 0px;

    margin-left: 15px;

}



.chat-coversation.right .time {

    text-align: right;

}



.chat-coversation.right .media-body .text {

    background: var(--primary);

    color: #fff;

}



.chat-footer .input-group {

    background: var(--light);

    border: 1px solid #dfdfe6;

    border-radius: 50em;

}



.chat-footer .form-control {

    background: transparent;

    border-color: transparent;

}



.chat-footer .input-group>.input-group-append>.btn {

    border-radius: 50em;

}



.chat-header .active .la-info-circle:before {

    content: "\f00d";

}



.chat-info-wrap {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    position: absolute;

    width: 100%;

    height: calc(80vh - 154px);

    top: 77px;

    right: 0;

    z-index: 2;

    opacity: 0;

    visibility: hidden;

}



.chat-info-wrap .overlay {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    opacity: 0;

    visibility: hidden;

}



.chat-info-wrap .chat-info {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    position: absolute;

    height: 100%;

    width: 400px;

    max-width: 100%;

    right: 0;

    top: 0;

    bottom: 0;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    overflow-y: auto;

}



.chat-info-wrap.active,

.chat-info-wrap.active .overlay,

.chat-info-wrap.active .chat-info {

    opacity: 1;

    visibility: visible;

}



.chat-info-wrap.active .chat-info {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

}



@media (max-width: 991px) {

    .chat-user-list-wrap {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        width: 100%;

        height: 100%;

        top: 0;

        right: 0;

        z-index: 9;

        opacity: 0;

        visibility: hidden;

    }



    .chat-user-list-wrap .chat-user-list-header {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        position: absolute;

        width: 340px;

        max-width: 100%;

        right: 0;

        top: 0;

        background: #fff;

        opacity: 0;

        visibility: hidden;

        z-index: 1;

    }



    .chat-user-list-wrap .chat-user-list {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        position: absolute;

        height: calc(100% - 44px);

        max-height: none;

        width: 340px;

        max-width: 100%;

        right: 0;

        top: 44px;

        bottom: 0;

        background: #fff;

        opacity: 0;

        visibility: hidden;

        overflow-y: auto;

        z-index: 1;

    }



    .chat-user-list-wrap.active,

    .chat-user-list-wrap.active .overlay,

    .chat-user-list-wrap.active .chat-user-list-header,

    .chat-user-list-wrap.active .chat-user-list {

        opacity: 1;

        visibility: visible;

    }



    .chat-user-list-wrap.active .chat-user-list-header,

    .chat-user-list-wrap.active .chat-user-list {

        -webkit-transform: translateX(0%);

        transform: translateX(0%);

    }



    .home-banner-area .container {

        min-width: 100%;

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

}



/*social icon colored*/

ul.social a {

    display: inline-block;

    width: 36px;

    height: 36px;

    border-radius: 50em;

    line-height: 43px;

    text-align: center;

    font-size: 18px;

    background-color: #d5d5df;

}



ul.social-md a {

    display: inline-block;

    width: 20px;

    height: 20px;

    border-radius: 50em;

    line-height: 22px;

    text-align: center;

    font-size: 13px;

    background-color: #d5d5df;

}



ul.social a:hover {

    -webkit-transform: translateY(-3px);

    transform: translateY(-3px);

}



ul.social i {

    color: #171727;

    font-size: 24px;

    font-weight: 700;

}



ul.social a:hover i {

    color: #fff;

}



ul.social.colored i {

    color: #fff;

}



ul.social [class*="facebook"]:hover,

ul.social.colored [class*="facebook"] {

    background-color: #3b5998;

}



ul.social [class*="twitter"]:hover,

ul.social.colored [class*="twitter"] {

    background-color: #1da1f2;

}



ul.social [class*="google"]:hover,

ul.social.colored [class*="google"] {

    background-color: #e62833;

}



ul.social.colored [class*="apple"] {

    background-color: #141414;

}



ul.social [class*="youtube"]:hover,

ul.social.colored [class*="youtube"] {

    background-color: #ff0000;

}



ul.social [class*="instagram"]:hover,

ul.social.colored [class*="instagram"] {

    background-color: #bd32a2;

}



ul.social [class*="tripadvisor"]:hover,

ul.social.colored [class*="tripadvisor"] {

    background-color: #32da9d;

}



ul.social [class*="linkedin"]:hover,

ul.social.colored [class*="linkedin"] {

    background-color: #0070ac;

}



ul.colored-light [class*="facebook"] {

    background-color: #c2d9fd;

}



ul.colored-light [class*="twitter"] {

    background-color: #ace5f3;

}



ul.colored-light [class*="google"] {

    background-color: #ffcbcc;

}



ul.colored-light [class*="youtube"] {

    background-color: #ffcbcc;

}



ul.colored-light [class*="instagram"] {

    background-color: #f7e2f3;

}



ul.colored-light [class*="facebook"]:hover {

    background-color: #3b5998;

}



ul.colored-light [class*="twitter"]:hover {

    background-color: #1da1f2;

}



ul.colored-light [class*="google"]:hover {

    background-color: #ff0000;

}



ul.colored-light [class*="youtube"]:hover {

    background-color: #ff0000;

}



ul.colored-light [class*="instagram"]:hover {

    background-color: #bd32a2;

}



ul.colored-light [class*="facebook"] i {

    color: #3b5998;

}



ul.colored-light [class*="twitter"] i {

    color: #1da1f2;

}



ul.colored-light [class*="google"] i {

    color: #ff0000;

}



ul.colored-light [class*="youtube"] i {

    color: #ff0000;

}



ul.colored-light [class*="instagram"] i {

    color: #bd32a2;

}



ul.colored-light a:hover i {

    color: #ffffff;

}



/*apps icon*/

ul.apps a {

    display: inline-block;

    width: 36px;

    height: 36px;

    border-radius: 50em;

    line-height: 40px;

    text-align: center;

    font-size: 18px;

    border: 1px solid #b5b5bf;

}



ul.apps a:hover>svg * {

    fill: #171727 !important;

}



ul.apps a:hover {

    background-color: #b5b5bf;

}



ul.apps i {

    color: #b5b5bf;

    font-size: 23px;

}



ul.apps a:hover i {

    color: #171727;

}



.aiz-cookie-alert {

    /* position: fixed;

    bottom: 20px;

    left: 20px;

    right: 20px;

    max-width: 300px;

    z-index: 1070; */

    display: none;

}



.aiz-cookie-alert.show {

    display: block;

}



/*aiz-custom-alert*/

.aiz-custom-alert {

    position: fixed;

    max-width: 300px;

    z-index: 1070;

    /* display: none; */

}



.aiz-custom-alert.bottom-left {

    bottom: 20px;

    left: 20px;

}



.aiz-custom-alert.bottom-right {

    bottom: 20px;

    right: 20px;

}



.aiz-custom-alert.top-left {

    top: 20px;

    left: 20px;

}



.aiz-custom-alert.top-right {

    top: 20px;

    right: 20px;

}



/*messnger icon mobile*/

.fb_dialog_mobile iframe {

    bottom: 70px !important;

}



/*pages*/

.aiz-auth-form {

    max-width: 480px;

}



/*front pages*/



/*user panel*/

.aiz-user-sidenav-wrap {

    -ms-flex: 0 0 315px;

    flex: 0 0 315px;

    max-width: 315px;

    /* -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05); */

    /* box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05); */

    background: #fff;

    border-radius: 4px;

    border: 1px solid #ebedf2;

}



.aiz-user-panel {

    -ms-flex-positive: 1;

    flex-grow: 1;

    padding-left: 30px;

}



[dir="rtl"] .aiz-user-panel {

    padding-right: 30px;

    padding-left: 0;

}



.aiz-user-sidenav .aiz-side-nav-list .aiz-side-nav-link {

    color: #292933;

    font-weight: 500;

    font-size: 0.875rem;

    border-radius: 25px;

    padding: 12px 20px 12px 20px;

    margin-bottom: 3px;

    display: flex;

    align-items: center;

}



.aiz-user-sidenav .aiz-side-nav-list .level-2 .aiz-side-nav-link {

    padding: 10px 25px 10px 54px;

}



.aiz-user-sidenav .aiz-side-nav-list .aiz-side-nav-icon {

    width: 28px;

    font-size: 16px;

}



.aiz-user-sidenav .aiz-side-nav-link.level-2-active,

.aiz-user-sidenav .aiz-side-nav-link.level-3-active {

    background-color: transparent;

    color: var(--dark);

}



.aiz-user-sidenav .level-2-active .aiz-side-nav-icon,

.aiz-user-sidenav .level-3-active .aiz-side-nav-icon {

    color: var(--dark);

}



.aiz-user-sidenav .aiz-side-nav-link.active,

.aiz-user-sidenav .aiz-side-nav-link:hover {

    background-color: var(--soft-secondary-base);

}



.aiz-user-sidenav .level-2 .aiz-side-nav-link:hover:after,

.aiz-user-sidenav .level-2 .aiz-side-nav-link.active:after {

    background: var(--dark);

}



.aiz-user-sidenav .active .aiz-side-nav-icon {

    color: var(--dark);

}



.aiz-user-sidenav .aiz-side-nav-link>svg * {

    transition: 0.3s;

}



.aiz-user-sidenav .aiz-side-nav-link.active>svg *,

.aiz-user-sidenav .aiz-side-nav-link:hover>svg *,

.aiz-user-sidenav .level-2-active>svg *,

.aiz-user-sidenav .level-3-active>svg * {

    fill: var(--dark);

}



@media (max-width: 1199px) {

    .aiz-user-sidenav-wrap {

        display: none;

        height: 100vh;

    }



    .aiz-user-panel {

        padding-left: 0px;

    }



    .aiz-user-sidenav {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        height: 100%;

    }



    [dir="rtl"] .aiz-user-panel {

        padding-right: 0px;

    }

}



.aiz-mobile-side-nav .aiz-user-sidenav-wrap {

    display: block;

    max-width: initial;

    border: 0;

}



.sidebar-cart .cart-toggler {

    position: fixed;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    border: 0;

    background: var(--primary);

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    padding: 10px;

    color: #fff;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}



.sidebar-cart .cart-toggler .price {

    background: #fff;

    color: var(--primary);

    border-radius: 3px;

    margin-top: 10px;

    font-weight: 500;

    padding: 5px;

}



.cart-item:not(:last-of-type) {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid var(--light);

}



/*hover category menu*/

.aiz-category-menu .sub-cat-menu {

    position: absolute;

    width: calc(100% - 270px);

    left: calc(270px);

    height: 460px;

    overflow: hidden;

    top: 0;

    z-index: -1;

    background-color: #fff;

    overflow-y: auto;

    transition: 0.5s;

    opacity: 0;

}



.aiz-category-menu .sub-cat-menu.more {

    height: 553px;

}



[dir="rtl"] .aiz-category-menu .sub-cat-menu {

    left: auto;

    /* right: calc(25% - 10px); */

    right: 270px;

}



.aiz-category-menu .category-nav-element:hover .sub-cat-menu {

    z-index: 9;

    opacity: 1;

}



.aiz-user-top-menu .user-top-nav-element>a {

    padding-top: 14px;

    padding-bottom: 14px;

}



.aiz-category-menu .category-nav-element>a {

    padding-top: 12px;

    padding-bottom: 12px;

}



.aiz-user-top-menu .user-top-nav-element:hover>a,

.aiz-category-menu .category-nav-element:hover>a {

    position: relative;

    z-index: 10;

    background: var(--soft-secondary-base);

}



.aiz-user-top-menu .user-top-nav-element:hover>.user-top-menu-name,

.aiz-category-menu .category-nav-element:hover>a .cat-name {

    margin-left: 5px;

}



.hover-category-menu .all-category::before {

    position: absolute;

    content: "";

    width: 50px;

    height: 20px;

    bottom: 100%;

    right: 0;

}



.hover-category-menu .all-category::before {

    position: absolute;

    content: "";

    height: 12px;

    width: 12px;

    border-top: 0;

    border-right: 12px solid transparent;

    border-bottom: 12px solid var(--soft-primary);

    border-left: 12px solid transparent;

    top: -12px;

    right: 20px;

}



[dir="rtl"] .hover-category-menu .all-category::before {

    left: 20px;

    right: auto;

}



#category-menu-bar-icon.show {

    transform: rotate(180deg);

}



.hover-user-top-menu {

    display: none;

}



.hover-user-top-menu.active {

    display: block;

    animation: toggle_show 0.5s

}



@keyframes toggle_show {

    0% {

        opacity: 0;

        transform: translateY(0);

    }



    100% {

        opacity: 1;

        transform: translateY(100);

    }

}



/*front widgets (footer)*/



/*footer widgets*/

.aiz-front-widget .title {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    margin-bottom: 20px;

}



.aiz-front-widget .menu {

    list-style: none;

    padding: 0;

    margin: 0;

}



.aiz-front-widget .menu a {

    display: inline-block;

    color: inherit;

    padding: 5px 0;

}



.aiz-front-widget .menu a:hover {

    transform: translateX(5px);

    -webkit-transform: translateX(5px);

}



/*header*/

.aiz-header {

    box-shadow: 0 10px 30px rgba(34, 44, 62, 0.05);

    border-bottom: 1px solid #edf0f5;

}



/*subheader*/

.aiz-subheader {

    border-bottom: 1px solid #edf0f5;

}



.aiz-subheader a {

    color: #6f6f6f;

}



.aiz-subheader a:hover {

    color: var(--primary);

}



/*navbar*/

.aiz-navbar .search .input-group>select,

.aiz-navbar .search .bootstrap-select {

    min-width: 160px;

}



.aiz-navbar .search .input-group-prepend {

    min-width: 280px;

}



.aiz-navbar .menu a {

    color: #505050;

    font-weight: 500;

    font-size: 13px;

}



.aiz-navbar .menu a.btn-primary {

    color: #fff;

}



@media (max-width: 991px) {

    .front-header-search {

        position: absolute;

        z-index: 1;

        width: 100%;

        height: 100%;

        top: 0;

        right: 0;

        left: 0;

        opacity: 0;

        transform: translateY(-100%);

        -webkit-transform: translateY(-100%);

        transition: all 0.3s;

        -webkit-transition: all 0.3s;

    }



    .front-header-search.active {

        transform: translateY(0%);

        -webkit-transform: translateY(0%);

        opacity: 1;

    }

}



/*slider mobile auto height*/

@media (max-width: 767.98px) {

    .mobile-img-auto-height img {

        height: auto;

    }

}



/*footer*/

.aiz-footer {

    background: #151c29;

    padding-top: 70px;

}



.policy-file a>svg * {

    transition: 0.3s;

}



.policy-file:hover a>svg * {

    fill: var(--primary) !important;

}



.aiz-front-widget .title {

    color: #717b8c;

}



.aiz-footer .menu a {

    color: #cfd3da;

}



.aiz-footer p {

    color: #cbcdd2;

}



/*copyright*/

.aiz-footer-copyright {

    border-top: 1px solid #283244;

}



[dir="rtl"] .la-angle-right {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

}



[dir="rtl"] .slick-arrow .la-angle-right {

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



[dir="rtl"] .la-angle-left {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

}



[dir="rtl"] .slick-arrow .la-angle-left {

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.category-filter li {

    font-weight: 400;

}



.category-filter a {

    color: inherit;

    display: block;

    padding: 5px 0;

}



.category-filter .go-back {

    font-weight: 500;

}



.category-filter .go-back~li:not(.go-back) {

    margin-left: 20px;

}



.category-filter .go-back a:before {

    content: "\f104";

    font-family: "Line Awesome Free";

    font-weight: 900;

    text-rendering: optimizeLegibility;

    text-transform: none;

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    opacity: 0.7;

    font-size: 90%;

    margin-right: 5px;

}



.category-filter .child a {

    padding-left: 17px;

}



/*workdesk*/

.card-project {

    border-left: 3px solid transparent;

}



.card-project:not(:last-of-type) {

    border-bottom: 1px solid #ebedf2;

}



.card-project:hover {

    border-left-color: var(--primary);

    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);

}



/* collapse side bar*/



.collapse-sidebar-wrap .overlay {

    opacity: 0;

    visibility: hidden;

}



.collapse-sidebar-wrap .overlay {

    opacity: 0;

    visibility: hidden;

}



.sidebar-all {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    position: fixed;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.sidebar-all .collapse-sidebar {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    position: fixed;

    width: 340px;

    max-width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    overflow-y: auto;

}



.sidebar-all.sidebar-right .collapse-sidebar {

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    left: auto;

    right: 0;

}



.sidebar-all.sidebar-auto .collapse-sidebar {

    width: auto;

    max-width: 100%;

    height: auto;

    -webkit-transform: translate(-50%, -100px);

    transform: translate(-50%, -100px);

    left: 50%;

    top: 0;

}



.sidebar-all.sidebar-full .collapse-sidebar {

    width: 100%;

    max-width: 100%;

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    left: auto;

    right: 0;

}



.sidebar-all,

.sidebar-all .collapse-sidebar,

.sidebar-all .overlay {

    opacity: 0;

    visibility: hidden;

}



@media (max-width: 575.98px) {

    .sidebar-sm {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        height: 100%;

        width: 100%;

        top: 0;

        left: 0;

        z-index: 1;

    }



    .sidebar-sm .collapse-sidebar {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        width: 340px;

        max-width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        z-index: 2;

        -webkit-transform: translateX(-100%);

        transform: translateX(-100%);

        overflow-y: auto;

    }



    .sidebar-sm.sidebar-right .collapse-sidebar {

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        left: auto;

        right: 0;

    }



    .sidebar-sm.sidebar-auto .collapse-sidebar {

        width: auto;

        max-width: 100%;

        height: auto;

        -webkit-transform: translate(-50%, -100px);

        transform: translate(-50%, -100px);

        left: 50%;

        top: 0;

    }



    .sidebar-sm.sidebar-full .collapse-sidebar {

        width: 100%;

        max-width: 100%;

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        left: auto;

        right: 0;

    }



    .sidebar-sm,

    .sidebar-sm .collapse-sidebar,

    .sidebar-sm .overlay {

        opacity: 0;

        visibility: hidden;

    }



    .aiz-filter-sidebar .collapse-sidebar {

        overflow-y: auto;

    }

}



@media (max-width: 767.98px) {

    .sidebar-md {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        height: 100%;

        width: 100%;

        top: 0;

        left: 0;

        z-index: 1;

    }



    .sidebar-md .collapse-sidebar {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        width: 400px;

        max-width: 320px;

        height: 100%;

        top: 0;

        left: 0;

        z-index: 2;

        -webkit-transform: translateX(-100%);

        transform: translateX(-100%);

        overflow-y: auto;

    }



    .sidebar-md.sidebar-right .collapse-sidebar {

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        left: auto;

        right: 0;

    }



    .sidebar-md.sidebar-auto .collapse-sidebar {

        width: auto;

        max-width: 100%;

        height: auto;

        -webkit-transform: translate(-50%, -100px);

        transform: translate(-50%, -100px);

        left: 50%;

        top: 0;

    }



    .sidebar-md.sidebar-full .collapse-sidebar {

        width: 100%;

        max-width: 100%;

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        left: auto;

        right: 0;

    }



    .sidebar-md,

    .sidebar-md .collapse-sidebar,

    .sidebar-md .overlay {

        opacity: 0;

        visibility: hidden;

    }

}



@media (max-width: 991.98px) {

    .sidebar-lg {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        height: 100%;

        width: 100%;

        top: 0;

        left: 0;

        z-index: 1;

    }



    .sidebar-lg .collapse-sidebar {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        width: 400px;

        max-width: 320px;

        height: 100%;

        top: 0;

        left: 0;

        z-index: 2;

        -webkit-transform: translateX(-100%);

        transform: translateX(-100%);

        overflow-y: auto;

    }



    .sidebar-lg.sidebar-right .collapse-sidebar {

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        left: auto;

        right: 0;

    }



    .sidebar-lg.sidebar-auto .collapse-sidebar {

        width: auto;

        max-width: 100%;

        height: auto;

        -webkit-transform: translate(-50%, -100px);

        transform: translate(-50%, -100px);

        left: 50%;

        top: 0;

    }



    .sidebar-lg.sidebar-full .collapse-sidebar {

        width: 100%;

        max-width: 100%;

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        left: auto;

        right: 0;

    }



    .sidebar-lg,

    .sidebar-lg .collapse-sidebar,

    .sidebar-lg .overlay {

        opacity: 0;

        visibility: hidden;

    }

}



@media (max-width: 1199.98px) {

    .sidebar-xl {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        height: 100%;

        width: 100%;

        top: 0;

        left: 0;

        z-index: 1;

    }



    .sidebar-xl .collapse-sidebar {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        width: 400px;

        max-width: 320px;

        height: 100%;

        top: 0;

        left: 0;

        z-index: 2;

        -webkit-transform: translateX(-100%);

        transform: translateX(-100%);

        /* overflow-y: auto; */

    }



    .sidebar-xl.sidebar-right .collapse-sidebar {

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        left: auto;

        right: 0;

    }



    .sidebar-xl.sidebar-auto .collapse-sidebar {

        width: auto;

        max-width: 100%;

        height: auto;

        -webkit-transform: translate(-50%, -100px);

        transform: translate(-50%, -100px);

        left: 50%;

        top: 0;

    }



    .sidebar-xl.sidebar-full .collapse-sidebar {

        width: 100%;

        max-width: 100%;

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

        left: auto;

        right: 0;

    }



    .sidebar-xl,

    .sidebar-xl .collapse-sidebar,

    .sidebar-xl .overlay {

        opacity: 0;

        visibility: hidden;

    }

}



.collapse-sidebar-wrap.active,

.collapse-sidebar-wrap.active .collapse-sidebar,

.collapse-sidebar-wrap.active .overlay {

    opacity: 1;

    visibility: visible;

}



.collapse-sidebar-wrap.active .collapse-sidebar {

    -webkit-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

    background-color: #fff;

}



.collapse-sidebar-wrap.active .sidebar-auto {

    -webkit-transform: translate(-50%, 0px);

    transform: translate(-50%, 0px);

}



.dropdown-toggle.filter-section[data-toggle].collapsed:after {

    content: "\f107";

    font-family: "Line Awesome Free";

    color: #b5b5bf;

    font-size: 16px;

}



.dropdown-toggle.filter-section[data-toggle]:not(.collapsed):after {

    font-family: "Line Awesome Free";

    content: "\f106";

    color: #b5b5bf;

    font-size: 16px;

}



.iqty-btns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 0.25rem;

}



.iqty-btns.vertical {

    -ms-flex-direction: column;

    flex-direction: column;

}



.iqty-btns .form-control {

    border: 0;

    background: transparent;

}



.iqty-btns .form-control,

.iqty-btns .btn {

    width: 30px;

    height: 30px;

    padding: 0;

    text-align: center;

    line-height: 30px;

}



.badge-custom {

    display: inline-block;

    padding: 3px;

    font-size: 11px;

    border-radius: 0 50em 50em 0;

    color: #ff0000;

    font-weight: 600;

    line-height: 26px;

    position: absolute;

    background: #fff;

    z-index: 1;

    top: 20px;

    box-shadow: 2px 1px 6px 2px rgba(0, 0, 0, 0.1),

        0 4px 4px 0px rgba(0, 0, 0, 0.06) !important;

}



.badge-custom .box {

    height: 26px;

    width: 26px;

    background: #ff0000;

    color: #fff;

    display: inline-block;

    border-radius: 50%;

    text-align: center;

}



[dir="rtl"] .badge-custom {

    border-radius: 50em 0 0 50em;

}



.noUi-horizontal {

    height: 10px;

}



.noUi-handle {

    width: 20px !important;

    height: 20px !important;

    border-radius: 50%;

    background: var(--secondary-base);

    cursor: pointer;

    box-shadow: none !important;

}



.noUi-handle:after,

.noUi-handle:before {

    content: "";

    display: block;

    position: absolute;

    height: 0;

    width: 0;

    background: #E8E7E6;

    left: 14px;

    top: 6px;

}



/* admin panel [Dashboard] */

.dashboard-box {

    border-radius: 8px;

    border: 1px solid #f1f1f4;

    box-shadow: 0px 6px 14px rgba(35, 39, 52, 0.04);

    padding: 32px;

}



.symbol-group {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-left: 10px;

}



.symbol {

    position: relative;

    z-index: 0;

    margin-left: -10px;

    border: 2px solid #f5f7fa;

    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.16);

    transition: all 0.4s;

    cursor: pointer;

}



.symbol:hover {

    z-index: 1;

}



.dashboard-tab .nav-item {

    margin-right: 5px;

}



.dashboard-tab .nav-link {

    font-size: 11px;

    text-align: center;

    background-color: var(--white);

    color: #bdbdbd;

    padding: 4px 8px;

    border-radius: 6px;

    border: 0;

}



.dashboard-tab.dashboard-tab-primary .nav-link.active,

.dashboard-tab.dashboard-tab-primary .nav-link:hover {

    background-color: var(--primary);

    color: var(--white);

}



.dashboard-tab.dashboard-tab-warning .nav-link.active,

.dashboard-tab.dashboard-tab-warning .nav-link:hover {

    background-color: var(--warning);

    color: var(--white);

}



.dashboard-tab.dashboard-tab-danger .nav-link.active,

.dashboard-tab.dashboard-tab-danger .nav-link:hover {

    background-color: var(--danger);

    color: var(--white);

}



.dashboard-tab.dashboard-tab-gunmetal-blue .nav-link.active,

.dashboard-tab.dashboard-tab-gunmetal-blue .nav-link:hover {

    background-color: var(--gunmetal-blue);

    color: var(--white);

}



.dashboard-box-carousel .carousel-box .border {

    transition: all 0.4s ease-in-out;

    cursor: pointer;

}



.dashboard-box-carousel .carousel-box:hover .border,

.dashboard-box-carousel .carousel-box.active .border {

    border: 1px solid var(--primary) !important;

}



.dashboard-table th {

    font-size: 11px;

    font-weight: 700;

    color: var(--secondary);

}



.dashboard-table td,

.dashboard-table th {

    padding: 0.35rem 0.75rem;

}



.top-products-table {

    position: absolute;

    background-color: #fff;

    opacity: 0;

    visibility: hidden;

    z-index: 0;

    transition: all 0.4s ease-in-out;

}



.top-products-table.show {

    opacity: 1;

    z-index: 1;

    visibility: visible;

}



/* ---- Nav User Info ---- */

.nav-user-info {

    cursor: pointer;

}



.nav-user-info .nav-user-img {

    transition: all 0.5s;

}



.nav-user-info:hover .nav-user-img {

    border-color: var(--primary) !important;

    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.16);

}



.nav-user-info .nav-user-img>svg * {

    transition: all 0.5s;

}



.nav-user-info:hover .nav-user-img>svg * {

    fill: var(--primary);

}



/* ---- particles ---- */

#particles-js {

    width: 100%;

    height: 100%;

    background-color: #ffffff;

    background-image: url('');

    background-size: cover;

    background-position: 50% 50%;

    background-repeat: no-repeat;

}



#particles-js canvas {

    display: block;

}



/* search input box */

.search-input-box {

    position: relative;

    width: 100%;

}



.search-input-box>input {

    border-radius: 21px;

    overflow: hidden;

    height: 40px;

}



.search-input-box>svg {

    position: absolute;

    right: 20px;

    top: 10px;

}



[dir="rtl"] .search-input-box>svg {

    right: auto;

    left: 20px;

}



.search-input-box .form-control:focus {

    border-width: 2px !important;

    border-color: var(--primary) !important;

}



/* animate underline */

.animate-underline-gradient,

.animate-underline-primary,

.animate-underline-blue,

.animate-underline-white {

    position: relative;

}



.animate-underline-gradient::after,

.animate-underline-primary::after,

.animate-underline-blue::after,

.animate-underline-white:after {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    height: 1px;

    border-radius: 2px;

    transform-origin: right;

    transform: scaleX(0);

    transition: transform .5s cubic-bezier(0, 0, .2, 1), -webkit-transform .5s cubic-bezier(0, 0, .2, 1);

}



.animate-underline-gradient::after {

    bottom: -6px;

    background: linear-gradient(144deg, rgba(167, 46, 184, 1) 20%, rgba(247, 81, 81, 1) 82%);

}



.animate-underline-white:after {

    bottom: -5px;

    background: #fff;

}



.animate-underline-primary:after {

    bottom: -3px;

    background: var(--primary);

}



.animate-underline-blue:after {

    bottom: -3px;

    background: var(--blue);

    height: 2px;

}



.animate-underline-gradient:hover::after,

.animate-underline-primary:hover::after,

.animate-underline-blue:hover::after,

.animate-underline-white:hover::after {

    transform: scaleX(1);

    transform-origin: left;

}



/* animate outline */

.hov-animate-outline {

    position: relative;

}



.hov-animate-outline::before,

.hov-animate-outline::after {

    box-sizing: inherit;

    content: '';

    position: absolute;

    z-index: -1 !important;

    width: 0;

    height: 0;

    transition: color 0.3s;

    border: 2px solid transparent;

}



.hov-animate-outline::before {

    top: 0;

    left: 0;

}



[dir="rtl"] .hov-animate-outline::before {

    left: auto;

    right: 0;

}



.hov-animate-outline::after {

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}



.hov-animate-outline:hover::before,

.hov-animate-outline:hover::after {

    width: calc(100% - 2px);

    height: 100%;

}



.hov-animate-outline:hover::before {

    /* border-top-color: var(--primary);

    border-right-color: var(--primary); */

    transition:

        width 0.3s ease-out,

        height 0.3s ease-out 0.3s;

}



[dir="rtl"] .hov-animate-outline:hover::before {

    /* border-left-color: var(--primary); */

    border-right-color: transparent;

}



.hov-animate-outline:hover::after {

    /* border-bottom-color: var(--primary);

    border-left-color: var(--primary); */

    transition:

        height 0.3s ease-out,

        width 0.3s ease-out 0.3s;

}



[dir="rtl"] .hov-animate-outline:hover::after {

    /* border-right-color: var(--primary); */

    border-left-color: transparent;

}



/* Visit Button */

.btn-visit {

    position: relative;

    display: inline-block;

    cursor: pointer;

    outline: none;

    border: 0;

    vertical-align: middle;

    text-decoration: none;

    background: transparent;

    padding: 0;

    font-size: inherit;

    font-family: inherit;

    width: 12rem;

    height: auto;

}



.btn-visit .circle {

    transition: all 0.8s cubic-bezier(0.65, 0, .076, 1);

    position: relative;

    display: block;

    margin: 0;

    width: 2.5rem;

    height: 2.5rem;

    background: var(--soft-secondary-base);

    border-radius: 1.625rem;

}



.btn-visit .circle .icon {

    transition: all 0.5s cubic-bezier(0.65, 0, .076, 1);

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    background: var(--primary);

}



.btn-visit .circle .icon.arrow {

    transition: all 0.5s cubic-bezier(0.65, 0, .076, 1);

    left: 0.4rem;

    width: 1.125rem;

    height: 0.125rem;

    background: none;

}



[dir="rtl"] .btn-visit .circle .icon.arrow {

    left: 0.5rem;

}



.btn-visit .circle .icon.arrow::before {

    position: absolute;

    content: '';

    top: -0.25rem;

    right: 0.0625rem;

    width: 0.625rem;

    height: 0.625rem;

    border-top: 0.125rem solid var(--primary);

    border-right: 0.125rem solid var(--primary);

    transform: rotate(45deg);

}



[dir="rtl"] .btn-visit .circle .icon.arrow::before {

    transform: rotate(225deg);

}



.btn-visit .button-text {

    transition: all 0.5s cubic-bezier(0.65, 0, .076, 1);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 0.65rem 0;

    margin: 0 0 0 1.85rem;

    color: var(--dark);

    font-weight: 700;

    line-height: 1.6;

    text-align: center;

    text-transform: uppercase;

}



[dir="rtl"] .btn-visit .button-text {

    margin: 0 0.5rem 0 0;

}



.btn-visit:hover .circle {

    width: 100%;

}



.btn-visit:hover .circle .icon.arrow {

    background: var(--primary);

    transform: translate(1rem, 0);

}



[dir="rtl"] .btn-visit:hover .circle .icon.arrow {

    left: 0;

}



[dir="rtl"] .btn-visit:hover .circle .icon.arrow::before {

    right: auto;

}



.btn-visit:hover .button-text {

    color: var(--primary);

}





.visite-btn {

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

}



.visite-btn .icon-arrow {

    position: relative;

}



.visite-btn .icon-arrow::before {

    transition: all 0.5s cubic-bezier(0.65, 0, .076, 1);

    position: absolute;

    content: '';

    top: 50%;

    left: 0;

    height: 1.7px;

    width: 14px;

    transform: translate(0, -50%);

    background: transparent;

}



.visite-btn .icon-arrow::after {

    transition: all 0.5s cubic-bezier(0.65, 0, .076, 1);

    position: absolute;

    content: '';

    top: 0.215rem;

    left: 0.35rem;

    width: 0.525rem;

    height: 0.525rem;

    border-top: 0.125rem solid var(--primary);

    border-right: 0.125rem solid var(--primary);

    transform: rotate(45deg);

}



.visite-btn:hover .icon-arrow::before {

    background: var(--primary);

    transform: translate(8px, -50%);

}



.visite-btn:hover .icon-arrow::after {

    transform: translate(8px, 0) rotate(45deg);

}



/* .visite-btn .icon.arrow {

    transition: all 0.5s cubic-bezier(0.65,0,.076,1);

    left: 3.75rem;

    width: 1.125rem;

    height: 0.125rem;

    background: none;

}

[dir="rtl"] .visite-btn .icon.arrow {

    left: 0.5rem;

}

.visite-btn .icon.arrow::after {

    position: absolute;

    content: '';

    top: -0.2rem;

    right: 0.0525rem;

    width: 0.525rem;

    height: 0.525rem;

    border-top: 0.125rem solid var(--primary);

    border-right: 0.125rem solid var(--primary);

    transform: rotate(45deg);

}

[dir="rtl"] .visite-btn .icon.arrow::after {

    transform: rotate(225deg);

}

.visite-btn:hover .icon.arrow {

    background: var(--primary);

    transform: translate(0.75rem, 0);

}

[dir="rtl"] .visite-btn:hover .icon.arrow {

    left: 0;

}

[dir="rtl"] .visite-btn:hover .icon.arrow::after {

    right: auto;

} */



/* Slide Button */

.btn-slide {

    background: none;

    border: 2px solid;

    font: inherit;

    line-height: 1;

    padding: 1em 2em;

    color: var(--dark);

    border-color: var(--dark);

    transition: 0.5s;

}



.btn-slide:hover,

.btn-slide:focus {

    color: #fff !important;

    box-shadow: inset 25em 0 0 0 var(--dark);

}



.btn-slide-primary {

    color: var(--primary) !important;

    border-color: var(--primary) !important;

}



.btn-slide-primary:hover,

.btn-slide-primary:focus {

    box-shadow: inset 25em 0 0 0 var(--primary) !important;

}



.btn-slide-secondary {

    color: var(--secondary) !important;

    border-color: var(--secondary) !important;

}



.btn-slide-secondary:hover,

.btn-slide-secondary:focus {

    box-shadow: inset 25em 0 0 0 var(--secondary) !important;

}



.btn-slide-warning {

    color: var(--warning) !important;

    border-color: var(--warning) !important;

}



.btn-slide-warning:hover,

.btn-slide-warning:focus {

    box-shadow: inset 25em 0 0 0 var(--warning) !important;

    color: var(--white) !important;

}



.btn-slide-secondary-base {

    color: var(--secondary-base) !important;

    border-color: var(--secondary-base) !important;

}



.btn-slide-secondary-base:hover,

.btn-slide-secondary-base:focus {

    box-shadow: inset 25em 0 0 0 var(--secondary-base) !important;

    color: var(--white) !important;

}



/* Top menu sidebar for mobile */

.aiz-top-menu-sidebar {

    opacity: 0;

    visibility: hidden;

}



.aiz-top-menu-sidebar.active {

    opacity: 1;

    visibility: visible;

}



.aiz-top-menu-sidebar .collapse-sidebar {

    overflow-y: auto;

    transform: translateX(-100%);

    left: 0;

    right: auto;

    transition: all 0.5s;

}



.aiz-top-menu-sidebar.active .collapse-sidebar {

    transform: translate(0%, 0%);

}



.aiz-top-menu-sidebar ul li {

    list-style-type: none;

}



/* Accordion */

.aiz-accordion-wrap {

    margin-bottom: 2px;

}



.aiz-accordion-heading .aiz-accordion {

    background-color: #eee;

    color: #444;

    cursor: pointer;

    padding: 18px 0;

    width: 100%;

    border: none;

    text-align: left;

    outline: none;

    font-size: 15px;

    transition: 0.4s;

}



.aiz-accordion-heading.active,

.aiz-accordion-heading:hover {

    background-color: #ccc;

}



.aiz-accordion-heading .aiz-accordion:after {

    content: '\002B';

    color: #777;

    font-weight: bold;

    float: right;

    margin-left: 5px;

    font-size: 18px;

}



.aiz-accordion-heading.active .aiz-accordion:after {

    content: "\2212";

}



.aiz-accordion-panel {

    background-color: white;

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

}



.accordion .card-header i {

    transition: all 0.4s

}



.accordion .card-header[aria-expanded="true"] i {

    transform: rotate(180deg);

}



/* Custom */

.home-slider {

    width: 100% !important;

    max-width: 100% !important;

}



.home-slider .slick-slider .slick-list .slick-slide {

    line-height: 0;

}



.hov-svg-danger>svg *,

.hov-svg-white>svg *,

.hov-svg-dark>svg * {

    transition: 0.5s;

}



.hov-svg-white:hover>svg * {

    fill: var(--white);

}



.hov-svg-dark:hover>svg * {

    fill: var(--dark);

}



.hov-svg-danger:hover>svg * {

    fill: var(--danger);

}



.rounded-content {

    border-radius: 50%;

}



.rounded-1 {

    border-radius: 0.25rem !important;

}



.rounded-2 {

    border-radius: 0.5rem !important;

}



.rounded-3 {

    border-radius: 1rem !important;

}



.rounded-4 {

    border-radius: 1.5rem !important;

}



.flash-deal-item:hover .flash-deal-price {

    padding-top: 0 !important;

}



.hov-pl-1:hover {

    padding-left: 0.25rem !important;

}



.hov-pl-2:hover {

    padding-left: 0.5rem !important;

}



.hov-pl-3:hover {

    padding-left: 1rem !important;

}



.hov-column-gap-1 {

    transition: all 0.5s;

    column-gap: 0;

}



.hov-column-gap-1:hover {

    column-gap: 0.25rem !important;

}



.hov-icon-opacity-100:hover i {

    opacity: 1 !important;

}



.link-disable {

    pointer-events: none;

    opacity: 0.3;

}



.card-columns {

    column-gap: 2rem;

}



.header_menu_links.active {

    background-color: rgb(0 0 0 / 10%) !important;

}



#spotlight {

    position: fixed;

    top: -1px;

    bottom: -1px;

    width: 100%;

    z-index: 99999;

    color: #fff;

    background-color: rgb(0 0 0 / 80%);

}



.min-w-150px {

    min-width: 150px;

}



.ls-1,

.hov-ls-1:hover {

    letter-spacing: 1px;

}



.less {

    max-height: 140px !important;

    overflow: hidden;

}



.svg-active svg * {

    fill: var(--primary) !important;

}



/* .aiz-carousel.product-gallery-thumb .slick-track {

    transform: translate3d(0, 0, 0) !important;

} */



[dir="rtl"] .mr-4 {

    margin-right: inherit !important;

}



#size-chart-show-modal .nav-tabs .nav-link {

    background: #fff !important;

    color: #000 !important;

    border: 2px solid #000 !important;

    border-radius: 0 !important;

}



#size-chart-show-modal .nav-tabs .nav-link.active {

    background: #000 !important;

    color: #fff !important;

}



/* image overlay */

.img-overlay {

    position: relative;

}



.img-overlay::after {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #000;

    opacity: 0.3;

    z-index: 1;

    transition: .4s;

}



.img-overlay:hover:after {

    opacity: 0;

}



.aiz-megabox .img-overlay {

    border: 4px solid transparent;

}



.image-show-overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.8);

    overflow-y: auto;

    z-index: -1;

    visibility: hidden;

    opacity: 0;

    transition: 0.4s;

}



.image-show-overlay.show {

    z-index: 1046;

    visibility: visible;

    opacity: 1;

}



.image-show-overlay .btn {

    height: 48px;

    width: 48px;

    border-radius: 50%;

    background-color: rgba(255, 255, 255, 0.3);

    transition: 0.5s;

}



.image-show-overlay .btn:hover {

    background-color: rgba(255, 255, 255, 0.5);

}



.image-show-overlay .overlay-img {

    padding-left: 10%;

    padding-right: 10%;

    padding-bottom: 50px;

}



/* page side nav */

.page-side-nav {

    width: 268px;

    min-width: 268px;

    min-height: calc(100vh - 180px);

    overflow-y: auto;

    background: #fff;

}



.page-side-nav .nav .nav-item .nav-link {

    font-weight: 400;

    font-size: 14px;

    line-height: 22px;

    text-align: left;

    color: #9da3ae;

    border: 0;

    padding: 0.45rem 0.5rem;

    margin-bottom: 2px;

    border-radius: 0;

    height: 40px;

    border-radius: 4px;

}



.page-side-nav .nav .nav-item .nav-link:hover,

.page-side-nav .nav .nav-item .nav-link.active {

    background: var(--soft-blue);

    color: var(--blue);

}



.page-side-nav .nav .nav-item .nav-link .badge {

    width: fit-content;

}



@media (max-width: 575px) {

    .page-side-nav {

        width: 100%;

        min-width: 100%;

        min-height: 100%;

        overflow-y: hidden;

        background: #fff;

        margin-bottom: 2rem;

    }



    .page-side-nav .nav .nav-item .nav-link {

        margin-bottom: 5px;

        margin-right: 5px;

        background: #f5f5f5;

    }

}



/* language bar */

.language-bar.nav .nav-item .nav-link {

    background-color: var(--white) !important;

    border: 1px solid #f7f7f7 !important;

    position: relative;

}



.language-bar.nav .nav-item .nav-link:after {

    transition: all 0.5s;

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2px;

    background-color: transparent;

}



.language-bar.nav .nav-item .nav-link.active:after,

.language-bar.nav .nav-item .nav-link:hover:after {



    background-color: var(--blue);

}



@media (min-width: 576px) {

    .aiz-mobile-bottom-nav {

        width: 463px !important;

        height: 72px;

        border-radius: 36px;

    }



    .card-columns {

        column-count: 2 !important;

    }



    .image-show-overlay .overlay-img {

        padding-left: 20%;

        padding-right: 20%;

        padding-bottom: 50px;

    }



    .page-content {

        margin-left: -25px;

        margin-right: -25px;

    }

}



@media (min-width: 768px) {

    .fs-md-12 {

        font-size: 12px !important;

    }



    .fs-md-13 {

        font-size: 13px !important;

    }



    .fs-md-14 {

        font-size: 14px !important;

    }


    .fs-md-14 {

        font-size: 18px !important;

    }


    .fs-md-20 {

        font-size: 20px !important;

    }

 .fs-md-21 {

        font-size: 2rem !important;

    }

    .fs-md-24 {

        font-size: 24px !important;

    }



    .gutters-md-16 {

        margin-right: -16px;

        margin-left: -16px;

    }



    .gutters-md-16>.col,

    .gutters-md-16>[class*="col-"] {

        padding-right: 16px;

        padding-left: 16px;

    }



    .image-show-overlay .overlay-img {

        padding-left: 20%;

        padding-right: 20%;

        padding-bottom: 50px;

    }



    .page-content {

        margin-left: -25px;

        margin-right: -25px;

    }

}



@media (min-width: 992px) {

    .card-columns {

        column-count: 4 !important;

    }



    .arrow-lg-none .slick-arrow {

        display: none !important;

    }



    .sticky-top-lg {

        position: -webkit-sticky;

        position: sticky;

        top: 150px;

    }

}



@media (min-width: 1200px) {

    .home-slider {

        max-width: calc(100% - 270px) !important;

    }



    .home-slider.slider-full {

        max-width: 100% !important;

    }



    .h-xl-100 {

        height: 100% !important;

    }

}



/* Main category info*/

.main-category-info-icon {

    cursor: pointer;

}



.main-category-info {

    width: max-content;

    right: 0;

    bottom: 20px;

    border-radius: 4px;

}



.main-category-info-icon:hover .main-category-info {

    display: block !important;

}



/* treeview*/

.hummingbird-treeview,

.hummingbird-treeview * {

    list-style: none;

    font-size: 13px;

    line-height: 12px;

}



.hummingbird-treeview label {

    font-weight: normal;

    width: 250px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-left: 20px;

}



[dir="rtl"] .hummingbird-treeview label {

    padding-right: 20px;

    padding-left: auto;

}



.hummingbird-treeview input[type=checkbox] {

    width: 13px;

    height: 12px;

    padding: 0px;

    margin: 0px;

}



.hummingbird-treeview input[type=radio] {

    float: right;

    margin-right: 10px;

}



[dir="rtl"] .hummingbird-treeview input[type=radio] {

    float: left;

    margin-left: 10px;

    margin-right: auto;

}



.hummingbird-treeview ul:not(.hummingbird-base) {

    display: none;

}



.hummingbird-treeview .la {

    font-style: normal;

    cursor: pointer;

}



.hummingbird-treeview .las {

    font-style: normal;

    cursor: pointer;

    position: absolute;

    margin-top: 2px;

}



.hummingbird-base {

    white-space: nowrap;

    padding-inline-start: 0px !important;

}



.hummingbird-base ul {

    padding-inline-start: 15px !important;

}



.hummingbird-base li {

    margin-top: 5px;

    margin-bottom: 5px;

}



.hummingbird-base li[data-id]:not([data-id=""]) {

    position: relative;

}



@media (min-width: 1024px) and (max-width: 1399px) {

    .hummingbird-treeview label {

        width: 180px;

    }

}



@media (max-width: 375px) {

    .hummingbird-treeview label {

        width: 200px;

    }

}



@media (max-width: 345px) {

    .hummingbird-treeview label {

        width: 180px;

    }

}



/* input[type="color"] */

input[type="color"]::-moz-color-swatch {

    border: none;

}



input[type="color"]::-webkit-color-swatch {

    border: none;

}



/* home category banner */

.home-category-banner {

    position: relative;

}



.home-category-banner::before,

.home-category-banner::after {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    transition: all .7s;

    visibility: hidden;

    opacity: 0;

}



.home-category-banner::before {

    top: 0;

    left: 0;

    content: '';

    background: rgba(0, 0, 0, 0.3);

    z-index: 1;

}



.home-category-banner::after {

    content: 'View All';

    border-radius: 24px;

    background: rgb(2 0 0 / 80%);

    z-index: 2;

    top: 50%;

    left: 50%;

    width: 100px;

    height: 36px;

    transform: translate(-50%, -50%);

    font-size: 14px;

    font-weight: 500;

    color: #ffffff;

    display: flex;

    justify-content: center;

    align-items: center;

}



.home-category-banner:hover::before,

.home-category-banner:hover::after {

    visibility: visible;

    opacity: 1;

}



.home-category-banner .home-category-name {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -40px;

    width: 100%;

    height: fit-content;

    z-index: 2;

    padding: 0 15px;

    transition: all .5s;

}



.home-category-banner .home-category-name span {

    /* border-radius: 8px;

    background: rgb(0 0 0 / 60%); */

    padding: 7px;

    display: block;

}



.home-category-banner:hover .home-category-name {

    bottom: 15px;

}





/* .home-category-name i{

    transition: all 0.5s;

    opacity: 0;

}

.home-category-name:hover i{

    opacity: 1;

} */



/* password-toggle */

.password-toggle {

    position: absolute;

    right: 7px;

    left: auto;

    top: 50%;

    cursor: pointer;

    font-size: 20px;

    transform: translateY(-50%);

}



[dir="rtl"] .password-toggle {

    left: 7px;

    right: auto;

}



/* Demo nav */

.aiz-demo-nav {

    background-color: #f7f7f7;

    width: 66px;

    min-height: 66px;

    height: auto;

    overflow: hidden;

    z-index: 1046;

    box-shadow: 0 -2px 20px 5px rgba(0, 0, 0, .15);

    position: fixed;

    border-radius: 8px;

    top: 50%;

    right: 5px;

    transform: translate(0%, -50%);

    transition: all 0.4s;

}



.aiz-demo-nav-item {

    height: 100%;

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    padding: 12px 6px;

    color: #808080;

    font-size: .75rem;

    font-weight: 600;

    transition: all 500ms;

}



.aiz-demo-nav-item:hover {

    color: #808080;

}



.aiz-demo-nav-links .aiz-demo-nav-item:hover {

    color: #0858cf;

    background: #e2e2e2;

}



.aiz-demo-nav-links .aiz-demo-nav-item>svg * {

    transition: all 500ms;

}



.aiz-demo-nav-links .aiz-demo-nav-item:hover>svg * {

    fill: #0858cf;

}



.aiz-demo-nav-toggler {

    z-index: 2;

    background: #f7f7f7;

    height: 72px;

}



.aiz-demo-nav-toggler:hover {

    letter-spacing: 1px;

}



.aiz-demo-nav-toggler .aiz-demo-nav-btn {

    transform: translateX(0px);

    transition: all 500ms;

}



.aiz-demo-nav-toggler.show .aiz-demo-nav-btn {

    transform: translateX(7px);

}



.aiz-demo-nav-toggler .aiz-demo-nav-btn .line {

    padding: 0;

    width: 30px;

    background: #808080;

    height: 2px;

    margin: 5px 0;

    transition: all 500ms cubic-bezier(.9, 0, .33, 1);

}



.aiz-demo-nav-toggler .aiz-demo-nav-btn .line.line--1 {

    width: 30px;

    transform: rotate(0) translateY(0);

}



.aiz-demo-nav-toggler .aiz-demo-nav-btn .line.line--1.line-cross {

    width: 30px;

    transform: rotate(45deg) translateY(10px);

    background: rgba(0, 0, 0, 0.6);

}



.aiz-demo-nav-toggler .aiz-demo-nav-btn .line.line--2 {

    width: 28px;

    transform: translateX(0);

}



.aiz-demo-nav-toggler .aiz-demo-nav-btn .line.line--2.line-fade-out {

    width: 28px;

    transform: translate(30px);

    opacity: 0;

}



.aiz-demo-nav-toggler .aiz-demo-nav-btn .line.line--3 {

    width: 20px;

    transform: rotate(0) translateY(0);

}



.aiz-demo-nav-toggler .aiz-demo-nav-btn .line.line--3.line-cross {

    width: 30px;

    transform: rotate(-45deg) translateY(-10px);

    background: rgba(0, 0, 0, 0.6);

}



.aiz-demos {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.8);

    overflow-y: auto;

    z-index: -1;

    visibility: hidden;

    opacity: 0;

    transition: 0.7s;

}



.aiz-demos.show {

    visibility: visible;

    opacity: 1;

    z-index: 1045;

}



.aiz-demos .aiz-demo-content {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 90%;

    max-width: 760px;

    min-height: 100vh;

    overflow-x: hidden;

    overflow-y: auto;

    background: #fff;

    padding: 66px 66px 66px 0;

    -ms-overflow-style: none;

    scrollbar-width: none;

}



.aiz-demos .aiz-demo-content::-webkit-scrollbar {

    display: none;

}



.aiz-demos .aiz-demo-content .demo-img-content {

    height: 200px;

    overflow: hidden;

    border: 1px solid #dfdfe6;

    transition: all .7s;

}



.aiz-demos .aiz-demo-content .demo-img-content:hover {

    border-color: #0858cf;

}



.aiz-demos .aiz-demo-content .demo-img-content a {

    display: block;

    position: relative;

}



.aiz-demos .aiz-demo-content .demo-img-content a::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 4px solid transparent;

    transition: all .7s;

}



.aiz-demos .aiz-demo-content .demo-img-content a:hover::before {

    border-color: #0858cf;

    background: rgba(0, 0, 0, 0.3);

}



.aiz-demos .aiz-demo-content .demo-img-content a::after {

    position: absolute;

    content: 'Visit';

    top: 50%;

    left: 50%;

    right: 0;

    bottom: 0;

    background: rgba(0, 123, 255, 0.90);

    width: 48px;

    height: 48px;

    border-radius: 50%;

    transform: translate(-50%, -50%);

    font-size: 14px;

    font-weight: 700;

    color: #ffffff;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all .7s;

    visibility: hidden;

    opacity: 0;

}



.aiz-demos .aiz-demo-content .demo-img-content a:hover::after {

    visibility: visible;

    opacity: 1;

}



.aiz-demos .aiz-demo-content .demo-img-content a img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.aiz-demos .demo-title {

    font-size: 14px;

    font-weight: 500;

    text-align: left;

    color: #313131;

    margin-top: 6px;

}



/* floating button section */

.floating-buttons-section {

    background: transparent;

    height: auto;

    overflow: hidden;

    z-index: 1046;

    position: fixed;

    top: 50%;

    left: 0;

    right: auto;

    padding: 30px;

    transform: translate(0%, -50%);

    transition: all 0.4s;

    overflow: visible;

}



[dir="rtl"] .floating-buttons-section {

    right: 0;

    left: auto;

}



/* floating button */

.aiz-floating-button {

    margin-bottom: 12px;

    transition: all 0.8s;

}



.floating-buttons-section.show .aiz-floating-button {

    margin-left: 0;

    margin-right: auto;

}



[dir="rtl"] .floating-buttons-section.show .aiz-floating-button {

    margin-right: 0;

    margin-left: auto;

}



.aiz-floating-button a {

    position: relative;

    display: inline-block;

    cursor: pointer;

    outline: none;

    border: 0;

    vertical-align: middle;

    text-decoration: none;

    padding: 0;

    font-size: 16px;

    width: auto;

    height: 50px;

    border-radius: 25px;

    color: #fff;

    overflow: hidden;

    box-shadow: 0px 10px 30px rgba(105, 105, 105, 0.5);

}



.aiz-floating-button a .circle {

    width: 50px;

    height: 50px;

    border-radius: 25px;

    background: var(--primary);

    transition: all 0.8s cubic-bezier(0.65, 0, .076, 1);

    position: relative;

    display: flex;

    align-items: center;

    margin: 0;

    overflow: hidden;

}



.aiz-floating-button a:hover .circle {

    width: 220px;

}



.aiz-floating-button a .circle::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: transparent;

    z-index: 9;

    transition: all 0.7s;

}



.aiz-floating-button a:hover .circle::before {

    background-color: rgb(0 0 0 / 10%);

}



.aiz-floating-button a .circle span {

    width: 50px;

    height: 50px;

    background: var(--primary);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 2;

}



.aiz-floating-button a .text {

    transition: all 0.7s cubic-bezier(0.65, 0, .076, 1);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 0 20px;

    margin: 0 0 0 -25rem;

    font-size: 16px;

    color: var(--white);

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: -1;

    visibility: hidden;

    opacity: 0;

}



[dir="rtl"] .aiz-floating-button a .text {

    margin: 0 -25rem 0 0;

}



.aiz-floating-button a:hover .text {

    visibility: visible;

    z-index: 1;

    opacity: 1;

    margin: 0 0 0 1.85rem;

}



[dir="rtl"] .aiz-floating-button a .text>span {

    margin-right: 2.1rem !important;

}



[dir="rtl"] .aiz-floating-button a .text>svg {

    transform: rotate(180deg);

}



/* floating buttons section control */

.floating-buttons-section-control {

    display: block;

    background: var(--secondary-base);

    width: 35px;

    height: 35px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 12px;

    margin-right: -35px;

}



[dir="rtl"] .floating-buttons-section-control {

    margin-right: 0;

    margin-left: -35px;

}



.floating-buttons-section-control i {

    color: var(--white);

    font-size: 20px;

    transition: all 0.8s;

}



.floating-buttons-section.show .floating-buttons-section-control {

    box-shadow: 0px 10px 30px rgba(105, 105, 105, 0.5);

    margin-right: auto;

}



[dir="rtl"] .floating-buttons-section.show .floating-buttons-section-control {

    margin-right: 0;

    margin-left: auto;

}



.floating-buttons-section.show .floating-buttons-section-control i {

    transform: rotate(180deg);

}



@media (max-width: 991px) {

    .floating-buttons-section {

        padding: 0 0 0 10px !important;

    }



    [dir="rtl"] .floating-buttons-section {

        padding: 0 10px 0 0 !important;

    }



    .floating-buttons-section.show {

        padding: 30px 30px 30px 10px !important;

    }



    [dir="rtl"] .floating-buttons-section.show {

        padding: 30px 10px 30px 30px !important;

    }



    .aiz-floating-button {

        margin-left: -100px;

        margin-right: auto;

    }



    [dir="rtl"] .aiz-floating-button {

        margin-right: -100px;

        margin-left: auto;

    }

}



@media (max-width: 575px) {

    .floating-buttons-section {

        padding: 0 0 0 5px !important;

    }



    [dir="rtl"] .floating-buttons-section {

        padding: 0 5px 0 0 !important;

    }



    .floating-buttons-section.show {

        padding: 30px 30px 30px 5px !important;

    }



    [dir="rtl"] .floating-buttons-section.show {

        padding: 30px 5px 30px 30px !important;

    }

}



/* lds spinner */

.lds-ellipsis {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 80px;

}



.lds-ellipsis div {

    position: absolute;

    top: 33px;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    background: #dfdfe6;

    animation-timing-function: cubic-bezier(0, 1, 1, 0);

}



.lds-ellipsis div:nth-child(1) {

    left: 8px;

    animation: lds-ellipsis1 0.6s infinite;

}



.lds-ellipsis div:nth-child(2) {

    left: 8px;

    animation: lds-ellipsis2 0.6s infinite;

}



.lds-ellipsis div:nth-child(3) {

    left: 32px;

    animation: lds-ellipsis2 0.6s infinite;

}



.lds-ellipsis div:nth-child(4) {

    left: 56px;

    animation: lds-ellipsis3 0.6s infinite;

}



@keyframes lds-ellipsis1 {

    0% {

        transform: scale(0);

    }



    100% {

        transform: scale(1);

    }

}



@keyframes lds-ellipsis3 {

    0% {

        transform: scale(1);

    }



    100% {

        transform: scale(0);

    }

}



@keyframes lds-ellipsis2 {

    0% {

        transform: translate(0, 0);

    }



    100% {

        transform: translate(24px, 0);

    }

}



/* aiz-refresh */

.aiz-refresh {

    position: fixed;

    height: 100vh;

    width: 100vw;

    display: flex;

    align-items: center;

    z-index: -1;

    top: 0;

    left: 0;

    justify-content: center;

    background: #ffffff96;

}



.aiz-refresh.active {

    z-index: 5000;

}



.aiz-refresh-content,

.aiz-refresh-content div {

    box-sizing: border-box;

}



.aiz-refresh-content {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 80px;

}



.aiz-refresh-content div {

    display: inline-block;

    position: absolute;

    left: 8px;

    width: 16px;

    background: currentColor;

    animation: aiz-refresh-content 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;

}



.aiz-refresh-content div:nth-child(1) {

    left: 8px;

    animation-delay: -0.24s;

}



.aiz-refresh-content div:nth-child(2) {

    left: 32px;

    animation-delay: -0.12s;

}



.aiz-refresh-content div:nth-child(3) {

    left: 56px;

    animation-delay: 0s;

}



@keyframes aiz-refresh-content {

    0% {

        top: 8px;

        height: 64px;

    }



    50%,

    100% {

        top: 24px;

        height: 32px;

    }

}





/* preorder faq  */



a:hover,a:focus{

    text-decoration: none;

    outline: none;

}

#accordion .panel{

    border: none;

    border-radius: 0;

    box-shadow: none;

    margin-bottom: -5px;

}

#accordion .panel-heading{

    padding: 0;

    border: none;

    border-radius: 0;

}

#accordion .panel-title a{

    display: block;

    padding: 15px 70px 15px 20px;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: 1px;

    position: relative;

}



#accordion .panel-title a:before,

#accordion .panel-title a:after{

    content: "";

    width: 3px;

    height: 10px;

    font-size: 15px;

    position: absolute;

    top: 20px;

    right: 35px;

    transform: rotate(-45deg);

    transition: all 0.3s ease-in-out 0s;

}

#accordion .panel-title a:after{

    right: 29px;

    transform: rotate(45deg);

}

#accordion .panel-title a.collapsed:before{

    transform: rotate(45deg);

}

#accordion .panel-title a.collapsed:after{

    transform: rotate(-45deg);

}

#accordion .panel-title a.collapsed:hover:before,



#accordion .panel-body{

    padding: 10px 20px;

    border-top: none;

    font-size: 15px;

    line-height: 25px;

}



/* preorder extra css */



.preorder-btn {

    background: #ffe7d8;

    border-color: #ffe7d8;

    color: var(--white);

}



.preorder-btn:hover,

.preorder-btn.active {

    opacity: 1;

    background: var(--pri);

    color: var(--white) !important;

}





.preorder-faq-btn {

    background: #99A9CC;

    border-color: #99A9CC;

    color: var(--white);

}



.preorder-faq-btn:hover,

.preorder-faq-btn.active {

    opacity: 1;

    background: #7A7A99;

    color: var(--white) !important;

}





.preorder-request-btn {

    background-color: #6E85B7; 

    color: #fff;              

    border: none;

    padding: 10px 20px;

    border-radius: 5px;

    cursor: pointer;

    transition: background-color 0.3s ease, transform 0.3s ease; 

}



/* Hover effect */

.preorder-request-btn:hover {

    background-color: #394b72; 

    color: #ffffff;           

}



.hov-bg-yellow:hover {

    background-color: var(--preorder-yellow) !important;

    color: #ffff !important;

}





.preorder-border-dashed {

    border: 1px dashed rgb(165, 9, 9);

    /* Thinner dashed border */

    padding: 20px;

}

.preorder-border-dashed-grey {

    border: 1px dashed #DFDFE6;

    background-color: #FCFCFD;

    /* Thinner dashed border */

    padding: 20px;

}



.preorder-border-dashed-blue {

    border: 1px dashed #cfcfc6 !important;

    background-color: #f7f7ff !important;

    /* Thinner dashed border */

    padding: 20px;

}



.preorder-text-primary{

    color: var(--preorder-primary) !important;

}

.preorder-text-secondary{

    color: #3490F3;

}

.preorder-text-green{

    color: var(--preorder-green)

}

.preorder-text-yellow{

    color: var(--preorder-yellow)

}

.preorder-text-light-grey{

    color: #5C5C66

}

.preorder-text-cool-blue{

    color: var(--cool-blue);

}

.preorder-bg-green{

    background-color: var(--preorder-green)

}



.bg-preorder-review-section{

    background-color: #fffaec !important;

}

.bg-preorder-shipping-section{

    background-color: #E6F4F0 !important;

}

.text-orange,

.hov-text-orange:hover {

    color: var(--preorder-orange) !important;

}

/* preorder button */

.btn-preorder-accepted,

.btn-soft-secondary:hover,

.btn-outline-secondary:hover {

    background-color: var(--secondary);

    border-color: var(--secondary);

    color: var(--white);

}

.btn-preorder-not-accepted,

.btn-soft-secondary:hover,

.btn-outline-secondary:hover {

    background-color: #ffe7d8;

    border-color: #ffe7d8;

    color: var(--white);

}

.badge-orange {

    background-color: var(--preorder-orange);

    /* color: var(--white); */

}

.badge-soft-primary {

    background-color: var(--preorder-primary);

    color: var(--white);

}

.badge-dodger-blue {

    background-color: var(--dodger-blue);

}

.badge-purple {

    background-color: var(--purple);

    color: white;

}

.border-orange {

    border-color: var(--orange) !important;

}



.bg-blue,

.hov-bg-blue:hover {

    background-color: var(--blue) !important;

}





.preorder-dashboard-box{

    border: solid 2px #F8AE7E;

}

.break-word {

    word-wrap: break-word; /* Wrap long words onto the next line */

    overflow-wrap: break-word; /* Same as word-wrap: break-word */

    white-space: normal; /* Ensure text breaks at spaces */

    text-overflow: ellipsis; /* Add '...' if the text overflows */

    overflow: hidden; 

}







/* =====Global inventory===== */

.h-100vh { height: 100vh !important; }

.h-75vh  { height: 75vh !important; }

.h-50vh  { height: 50vh !important; }

.h-18vh  { height: 18vh !important; }



/* Custom widths below Bootstrap's w-50 */



.w-5  { width: 5% !important; }

.w-10 { width: 10% !important; }

.w-15 { width: 15% !important; }

.w-20 { width: 20% !important; }

.w-25 { width: 25% !important; } /* already in Bootstrap */

.w-30 { width: 30% !important; }

.w-35 { width: 35% !important; }

.w-40 { width: 40% !important; }

.w-45 { width: 45% !important; }







.tick-icon {

    position: absolute;

    right: 30px;

    top: 50%;

    transform: translateY(-50%);

    color: #049A60;

    font-size: 1rem;

    opacity: 0;

    transition: opacity 0.3s ease;

    pointer-events: none; /* ensures it doesn't block clicks */

    font-weight:bolder!important; /* makes it bold */

    text-shadow: 0 0 1px #049A60;

}

.ex-icon {

    position: absolute;

    right: 30px;

    top: 50%;

    transform: translateY(-50%);

    color: #EA4336;

    font-size: 1rem;

    opacity: 0;

    transition: opacity 0.3s ease;

    pointer-events: none; /* ensures it doesn't block clicks */

    font-weight:bolder!important; /* makes it bold */

    text-shadow: 0 0 1px #EA4336;

}

/* Green tick style */

.form-typing:not(:placeholder-shown) {

    border-color: #049A60;

    box-shadow: inset 0 0 0 1px #0acc82;

}

/* Show the tick icon */

.form-typing:not(:placeholder-shown) + .tick-icon {

    opacity: 1;

}

/*  Red error style */

.form-typing-error:not(:placeholder-shown) {

    border-color: #dc3545; /* Bootstrap red */

    box-shadow: inset 0 0 0 1px #dc3545;

}

/*  Show the exclamation icon */

.form-typing-error:not(:placeholder-shown) + .ex-icon {

    opacity: 1;

}



 /* Dropdown styling */

 /* Style select (form box) */

.bootstrap-select.custom-blue-dropdown .dropdown-toggle {

  font-size: 13px;

  color: #99A2B7;

   height: 42px; 

}

/* Style dropdown options */

.bootstrap-select.custom-blue-dropdown .dropdown-menu li a {

  font-size: 13px;

  color: #000000;

}

/* Target only dropdowns with .custom-blue-dropdown */

.bootstrap-select.custom-blue-dropdown .dropdown-menu li a:hover,

.bootstrap-select.custom-blue-dropdown .dropdown-menu li a:focus,

.bootstrap-select.custom-blue-dropdown .dropdown-menu li.active > a {

    background-color: #007bff;

    color: white;

}

.bootstrap-select.custom-blue-dropdown .dropdown-menu li:not(:last-child) a {

    border-bottom: 1px solid #e2e2e2;

}

.bootstrap-select.custom-blue-dropdown .dropdown-menu {

    margin-top: 8px !important;

    border-radius: 0;

}



/* dropdown scrollbar */

.bootstrap-select.custom-blue-dropdown .dropdown-menu::-webkit-scrollbar {

    width: 6px;

}

.bootstrap-select.custom-blue-dropdown .dropdown-menu::-webkit-scrollbar-track {

    background: transparent;

}

.bootstrap-select.custom-blue-dropdown .dropdown-menu::-webkit-scrollbar-thumb {

    background: var(--soft-light);

    border-radius: 10px;

}

.bootstrap-select.custom-blue-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover {

    background: var(--soft-dark);

}

.bootstrap-select.custom-blue-dropdown .dropdown-menu::-webkit-scrollbar-button {

    display: none;

}

/* Firefox */

.bootstrap-select.custom-blue-dropdown .dropdown-menu {

    scrollbar-width: thin;

    scrollbar-color: var(--soft-light) transparent;

}







/* All button style */

.custom-btn {

     display: inline-flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

    padding: 8px 12px;

    border: none;

    border-radius: 6px;

    font-size: 0.9rem;

    text-transform: uppercase;

    width: 100%;

    max-width: 220px;

     min-height: 48px; /* or whatever consistent height fits */

    transition: all 0.3s ease;

    display: inline-block;

    overflow: hidden;         /* Avoid overflow scrollbars */

}



/* Save button */

.btn--save {

    background-color: #318ff318;

    color: #3190F3;

}

.btn--save:hover {

    background-color: #3190F3;

    color: white;

}



/* Saving button */

.btn--saving {

    background-color: #FFEACC;

    color: #FA7F05;

}

.btn--saving:hover {

    background-color: #c9821e;

    color: #ffffff;

}

/* Success button */

.btn--success {

    white-space: nowrap; /* 🔒 Prevents line break */

    background-color: #049A60;

    color: white;

}



.btn--success:hover {

    background-color: #00643e;

    color: white;

}

/* Danger / error buttons */

.btn--danger {

    background-color: #EA4336;

    color: white;

}

.btn--danger:hover {

    background-color: #881a12;

    color: white;

}

/* Responsive behavior */

@media (max-width: 576px) {

    .custom-btn {

        width: 100%;

        padding: 12px 10px;

    }

}



/* radio button large */

.radio-lg {

  transform: scale(1.4);

}



/* tooltip background color */

.tooltip-inner {

    background-color: var(--hov-blue) !important;

    color: #fff; /* Optional: change text color if needed */

}

/* tooltip arrow color 

.tooltip-arrow {

    border-top-color: #yourColorCode !important; 

}

*/



.aiz-inv-hr {

    border: none;

    height: 1px;

    background-color: #c1c1c5; /* slightly deeper than #E4E4EB */

    margin: 1rem 0;

}



.col-from-label{

    font-size: 13px;

}



.border-color{

    border-color: #DCE0E6!important;

}



/* =====Inventory Blue Nav Menu Bar Starts (Inventory product upload)===== */

.inv-nav-menu {

    background-color: #F0F7FF;

    height: 100%;

    flex-grow: 1;

    margin-left: -27px;

}



.inv-nav-menu .inv-nav-link {

    font-size: 13px;

    color: #232734;

    padding: 0.75rem 1.5rem;

    margin-bottom: 0.5rem;

    display: block;

}

.inv-nav-menu .inv-nav-link.active,

.inv-nav-menu .inv-nav-link:hover {

    color: #ffffff;

    background-color: #3190F3;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* soft shadow */

}

.inv-nav-menu .inv-nav-link {

    transition: all 0.3s ease; /* smooth transition */

}

/* Mobile Tabs */

.inv-mobile-tab {

    padding: 0.5rem 1rem;

    margin-bottom: 0.7rem;

    /* Add vertical space between stacked rows */

    margin-right: 0.5rem;

    border-radius: 30px;

    background-color: #f2f4f8;

    color: #6c757d;

    font-size: 0.85rem;

    text-decoration: none;

    transition: all 0.3s ease;

    white-space: nowrap;

}

.inv-mobile-tab:hover {

    background-color: #e1efff;

    color: #232734;

}

.inv-mobile-tab.active {

    background-color: #d0e8ff;

    color: #0b5ed7;

    font-weight: 400;

}

/* =====Inventory Blue Nav Menu Bar Ends===== */







/* =====General Setup Tab Starts===== */

/* Quick Publish Section */

.quick-publish-section{

    background-color: #F7F7FA!important;

}

.quick-heading{

   color:  #3190F3;

}

.quick-publish-left{

    background-color: #318ff311;

}

@media (min-width: 991px) {

    .quick-publish-left {

      height: 332px;

    }

  }

  @media (max-width: 767.98px) {

  .move-left-mobile {

    transform: translateX(-15px); 

  }

}

  @media (max-width: 1880px) {

    .wrap-text {

        white-space: normal !important; /*Thumbnail Image (300x300) lekha 1800 porjonto line wrap korbe */

    }

}

.dashed-box{

    border: 1px dashed #DCE0E6;

}

.custom-border-input {

  border: 1px solid #DCE0E6!important;  /* Same as Bootstrap default */

  border-left: 0!important;

}

/* =====General Setup Tab ends===== */







/* =====Product Configuration Tab Starts===== */

/*Generate Button */

.generate-btn {

    background-color: #9393A3;

    border: none;

    padding: 11px 30px;

    font-size: 13px;

    border-radius: 0.20rem;

    color: white;

}

.generate-btn:hover {

    background-color: #b0b0b0;

}



.custom-checkbox-size {

    width: 18px;

    height: 18px;

    accent-color: #377dff; /* Optional: set your theme color */

    cursor: pointer;

}

/* Select Notes from Preset (carousel) */

[class*="custom-carousel"] {

    overflow-x: auto;

    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;

    cursor: grab;

    user-select: none;

    max-width: 100%;

    -ms-overflow-style: none;  /* IE 10+ */

    scrollbar-width: none;     /* Firefox */

}

[class*="custom-carousel"]::-webkit-scrollbar {

    display: none;

}

[class*="carousel-track"] {

    display: flex;

    flex-wrap: nowrap;

    gap: 16px;

}

/* Specific padding for carousel2 */

.custom-carousel2 .carousel-track,

.carousel-track2 {

    padding-left: 16px;

    padding-right: 32px;

}

/* Carousel Card Base Styles */

[class*="carousel-card"] {

    flex: 0 0 auto;

    width: 250px;

    border: 2px solid #DCE0E6;

    border-radius: 8px;

    padding: 16px;

    background-color: white;

    color: #333;

    font-size: 14px;

    line-height: 1.4;

    word-wrap: break-word;

    display: flex;

    align-items: center;

    justify-content: center;

}

.carousel-card.selected, .carousel-card2.selected, .carousel-card3.selected, .carousel-card4.selected{

    border-color: #3190F3;

    transition: background-color 0.3s, border-color 0.3s;

}

/* Responsive adjustments */

@media (min-width: 576px) {

    [class*="carousel-card"] {

        flex: 0 0 40%;

    }

}



.notes-text {

    color: #99A2B7;

}

.clubpoint-bg{

 background-color: #fabd0531;

}

.club-form-w {

  width: 100%;

  max-width: 560px;

}

.product-dash {

    border-bottom: 1px dashed #DFDFE6;

}

.product-category-color{

    color: #9393A3;

}

.image-box {

    background-color: #F7F7FA;

    border-radius: 4px;

    width: 64px;

    height: 64px;

     overflow: hidden;

    flex-shrink: 0; 

}



.image-box .product-image {

    width: 40px;

    height: 40px;

    object-fit: contain;

}

.btnn {

    background-color: #ff5f023d;

    border-radius: 50%;

    width: 32px;

    height: 32px;

    min-width: 32px;

    min-height: 32px;

    margin-bottom: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: none;

    outline: none;

    box-shadow: none;

    flex-shrink: 0; /* prevent shrinking in flex containers */

}

.btnn:hover {

    transform: scale(1.2);

}

.la-close {

    color: #FF6002;

    font-size: 17px;

}



.scrollable-products {

    max-height: 450px!important;

    overflow-y: auto;

}

/* WebKit Browsers (Chrome, Safari, Edge) */

.scrollable-products::-webkit-scrollbar,

.form-scrollable::-webkit-scrollbar {

    width: 6px;

}



.scrollable-products::-webkit-scrollbar-track,

.form-scrollable::-webkit-scrollbar-track {

    background: transparent;

}



.scrollable-products::-webkit-scrollbar-thumb,

.form-scrollable::-webkit-scrollbar-thumb {

    background: var(--soft-light);

    border-radius: 10px;

}



.scrollable-products::-webkit-scrollbar-thumb:hover,

.form-scrollable::-webkit-scrollbar-thumb:hover {

    background: var(--deep-ash-bg);

}



.scrollable-products::-webkit-scrollbar-button,

.form-scrollable::-webkit-scrollbar-button {

    display: none;

}









/* WebKit Browsers (Chrome, Safari, Edge) */

.scrollable-products2::-webkit-scrollbar,

.form-scrollable::-webkit-scrollbar {

    width: 6px;

}



.scrollable-products2::-webkit-scrollbar-track,

.form-scrollable::-webkit-scrollbar-track {

    background: transparent;

}



.scrollable-products2::-webkit-scrollbar-thumb,

.form-scrollable::-webkit-scrollbar-thumb {

    background: var(--soft-light);

    border-radius: 10px;

}



.scrollable-products2::-webkit-scrollbar-thumb:hover,

.form-scrollable::-webkit-scrollbar-thumb:hover {

    background: var(--deep-ash-bg);

}



.scrollable-products2::-webkit-scrollbar-button,

.form-scrollable::-webkit-scrollbar-button {

    display: none;

}



/* =====Product Configuration Tab Ends===== */









/* =====Price Setup Tab Starts===== */

.switch-inside-select {

    position: absolute; /* Absolute to prevent switch from moving with form */

    top: 10px; /* Adjust the top value to position the switch */

    left: 10px; /* Position the switch on the left */

    z-index: 2; /* Make sure the switch is above the dropdown */

    display: flex;

    align-items: center;

    gap: 5px;

}

/* distance between switch & color text of color row */

#colors + .dropdown-toggle .filter-option-inner-inner {

    padding-left: 50px; /* Adjust padding to make room */

}

@media (min-width: 768px) and (max-width: 1846px) {

  .mt-custom-3 {

    margin-top: 1rem !important; /* Equivalent to Bootstrap's mt-3 */

  }

}

.generate-link {

  position: absolute;

  right: 12px;

  top: 70%;

  transform: translateY(-50%);

  font-size: 0.85rem;

  color: #0d6efd; /* Bootstrap primary color */

  text-decoration: underline;

}



.small-wrapper1 {

    margin-left: -25px;

    margin-right: -25px;

        background-color: #F7F7FA;

    padding-left: 30px;

    padding-right: 30px;

   /* border-radius: 4px;*/

}



.small-wrapper2 {

    margin-left: -25px;

    margin-right: -25px;

    background-color: #ea42360a;

    padding-left: 30px;

    padding-right: 30px;

   /* border-radius: 4px;*/

}

/* =====Price Setup Tab Ends===== */

/* =====Inventory product upload Ends===== */







/* =====Purchase table page 1 starts===== */

.btn-demand{

    background-color: #1479F0;

    border: none;

    border-radius: 8px;

    color: white;

    padding: 5px 16px;

}

.btn-demand:hover{

    background-color: #4496f3;

    color: white;

}

.generate-link2 {

  position: absolute;

  right: 32px;

  top: 50%;

  font-weight: 700;

  transform: translateY(-50%);

  font-size: 0.85rem;

  color: #2580E9; 

  text-decoration: underline;

}



#custom-form-box {

    padding-left: 18px; /* Controls horizontal position */

    padding-top: 10px;    /* Optional: adjust vertical alignment */

    padding-bottom: 8px;

    font-size: 13px;

    color: #99A2B7;

}

/* down arrow for supplier & warehouse dropdown menu */

.custom-down-icon {

    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="%23333333" stroke-width="0.5" d="M5 7l5 5 5-5"></path></svg>') no-repeat calc(100% - 16px) center;

    background-size: 16px;

}

.custom-down-icon.form-control {

    background-color: #FFFFFF !important;

}

.dropdown-box {

    background: white;

    position: absolute;

    width: 100%; /* Adjust for any padding/margins */

    z-index: 1000;

    box-shadow: 0 8px 24px 2px rgba(0, 0, 0, 0.05) !important;

    border-radius: 8px;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

}

.supplier-list{

    max-height: 270px!important;

}

.supplier-list img,

.warehouse-list img {

    object-fit: cover;

    width: 40px;

    height: 40px;

}

.supplier-list .supplier-item, .warehouse-list .warehouse-item {

    padding: 12px;

    border-radius: 8px;

    cursor: pointer;

    transition: background-color 0.2s ease;

    margin-bottom: 8px!important; /* distance between items */

}

.supplier-list .supplier-item:hover, .warehouse-list .warehouse-item:hover {

    background-color: #3190F3;

    color: white;

}

.supplier-list .supplier-item:hover strong,

.supplier-list .supplier-item:hover small,

.warehouse-list .warehouse-item:hover strong,

.warehouse-list .warehouse-item:hover small {

    color: white;

}

.supplier-list .supplier-item strong,

.supplier-list .supplier-item small {

    font-size: 13px;  /* Set font size to 13px normally */

}

.supplier-icon {

  transition: transform 0.3s ease;

    font-size: 1.3rem;       /* custom size */

  color: #9393A3;

  font-weight: 100;

}



.add-supplier-link:hover .supplier-icon {

  transform: scale(1.2);

}



#close-supplier-info, #close-warehouse-info {

    top: -63px;

    right: 25px;

    font-size: 1.5rem;

    background-color: transparent;

    border: none;

}

.tooltip-move{

     transform: translateX(50%);

}

.custom-card-header {

    background-color: #F7F7FA;

   /* border-top: 1px solid #dcdcdc;  */

   /* border-bottom: 1px solid #dcdcdc; */

    border:1px solid #dcdcdc ;

}

.table-image-container {

    background-color: #F7F7FA;

    border-radius: 4px;

    width: 50px;

    height: 54px;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

}

.card-body table.inv-table td,

.card-body table.inv-table th {

    vertical-align: middle !important;

}

.inv-table thead tr th {

    color: #9393A3;

    font-size: 13px;

    font-weight: normal;

    border: none; /* No border on header */

}



/* for mobile table */

.aiz-table.inv-table th {

    font-size: 13px;

    font-weight: normal;

    

}

/* General vertical borders inside the table */

.inv-table td,

.inv-table th {

    border-right: 1px solid #dee2e6;

     border-bottom: 1px solid #dee2e6!important;

}

/* Remove border between first and second column (checkbox & item details) */

.inv-table td:first-child,

.inv-table th:first-child {

    border-right: none;

}

/* Put border between first and second column (item details & SKU) PO TABLE */

.po-table td:first-child{

border-right: 1px solid #dee2e6;

}

.po-table-head-border{

    border-top: 1px solid #dee2e6!important;

}

/* Remove right border from the last column to avoid double lines */

.inv-table td:last-child,

.inv-table th:last-child {

    border-right: none;

}

/* Remove bottom border from Amount column in the last row in mobile */

.footable-detail-row .footable-details.table tr:last-child td {

    border-bottom: none !important;

}

/* Remove bottom border from Amount column in the last row in mobile*/

.table.footable-details>tbody>tr>th:nth-child(1) {

    border-bottom: none !important;

}

.inv-table .footable-toggle{

    margin-bottom: 4px;

}

/* Style the select box */

.table-dropdown {

    font-size: 13px;

    color: #99A2B7;

    height: 42px;

    padding-right: 1.7rem; /* space for the dropdown arrow */

    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12'%20height='8'%20viewBox='0%200%2012%208'%3E%3Cdefs%3E%3CclipPath%20id='clip-path'%3E%3Crect%20id='Rectangle_23601'%20data-name='Rectangle%2023601'%20width='12'%20height='8'%20transform='translate(1025%20219)'%20fill='%23fff'%20stroke='%23707070'%20stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20id='Mask_Group_249'%20data-name='Mask%20Group%20249'%20transform='translate(-1025%20-219)'%20clip-path='url(%23clip-path)'%3E%3Cg%20id='Group_30611'%20data-name='Group%2030611'%20transform='translate(135.503%20800.834)%20rotate(-45)'%3E%3Cpath%20id='Union_84'%20data-name='Union%2084'%20d='M9257.535,2730.189a.75.75,0,0,1-.751-.749v-7a.75.75,0,0,1,1.5,0v6.25h6.25a.75.75,0,1,1,0,1.5Z'%20transform='translate(-8217.535%20-2503)'%20fill='%23a3a7b5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    background-repeat: no-repeat;

    background-position: right 0.75rem center;

    background-size: 0.5rem;

}



/* On focus: remove border color and box shadow */

.table-dropdown:focus {

    border-color: transparent;

    box-shadow: none;

    outline: none;

}

/* Option styling (limited control) */

.table-dropdown option {

    font-size: 13px;

    color: #000;



}

.input-group-text2 {

    background-color: #ffffff;

}



.round-left-only {

    border-radius: 8px 0 0 8px !important;

}

.round-right-only {

    border-radius: 0 8px 8px 0 !important;

}

/* Table note option on hover */

    .hover-icon-cell {

        position: relative;

    }



    .product-icons {

        position: absolute;

        top: -3px;

        right: 5px;

        display: flex;

        gap: 5px;

        opacity: 0;

        transition: opacity 0.2s ease-in-out;

        z-index: 10;

    }



    .hover-icon-cell:hover .product-icons {

        opacity: 1;

    }



    .note-form {

        display: none;

        margin-top: 10px;

    }

.btn-close-tags {

    width: 25px;

    height: 25px;

    background-color: #ff020233;

    border-radius: 50%;

    top: -13px;

    right: -11px;

}



@media (min-width: 992px) {

  .translate-x-15 {

    transform: translateX(-15%);

  }

}



.translate-x-30{

transform: translateX(-30%);

}

.translate-x-60{

transform: translateX(-60%);

}

.blue-summary-section{

    border: 1px dashed #3190F3;

    background-color: #EAF4FE;

}

.table-menu li {

  border-bottom: 1px solid #ddd;

}

.table-menu li:last-child {

  border-bottom: none;

}

#discount_2::placeholder {

    font-weight: 700; /* or 700 for bolder */

    color: #000;

}

/* Target only the first dropdown item in dropdowns with class 'dark-option' */

.bootstrap-select.dark-option .dropdown-menu li:first-child a {

  background-color: white !important;

}

.rounded-end-override {

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important;

    border-top-right-radius: 4px !important;  /* Match Bootstrap rounded */

    border-bottom-right-radius: 4px !important;

}

/* =====Purchase table page 1 ends===== */







/* =====Purchase table page 2 starts===== */

.place-th-checkbox .form-group .aiz-checkbox-inline .aiz-checkbox { /* Put place-th-checkbox class to up-down head checkbox */

  display: flex;

  align-items: flex-start;

  padding-top: -1px !important; 

}

  .card-hover:hover {

    background-color: var(--bs-primary-bg-subtle);

    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);

    transition: all 0.2s ease;

    cursor: pointer;

  }

.card-dash{

    border-top: 1px dashed #000000 !important;

}

.svg-inside{

    position: absolute; right: 30px; top: 50%; transform: translateY(-50%); pointer-events: none; fill: #9393a3;

}

.inv-table-2 th {

    font-size: 13px;

    color: #9393A3;

}

.inv-table-2 td {

    font-size: 13px;

}

.inv-table-2 th:first-child,

.inv-table-2 td:first-child {

    padding-left: 0.4rem;

    padding-right: 0.4rem;

    width: 1%;

    white-space: nowrap;

}

.inv-table-2 td,

.inv-table-2 th {

  vertical-align: middle!important;

}

    /* Remove table header borders */

    .table.inv-table-2 thead th {

        border-bottom: none !important;

        border-top: none !important;

    }

.inv-pagination .pagination {

    justify-content: center;

    flex-wrap: wrap;

    margin-bottom: 0;

}

.inv-pagination .page-item {

    margin-right: -10px;

}

.inv-pagination .page-link,

.inv-pagination .page-item.disabled .page-link {

    min-width: 36px;

    min-height: 36px;

    line-height: 36px;

    padding: 0;

    text-align: center;

    border: 0;

    font-size: 13px;

    color:#9393A3;

}

.inv-pagination .page-link:hover {

    background-color: transparent;

    color: var(--primary);

}

.inv-pagination .page-item.active .page-link {

    background-color: transparent !important;

    color: var(--primary) !important;

    border: none !important;

    font-weight: bold;

}

.inv-table-2 .fooicon {

    top: 4!important; /* or your desired value */

}

.status-overdue {

    color: #FF03CF;

}

.status-paid {

    color: #00B24A;

}

.status-pending {

    color: #FF8902;

}

.status-partially-paid {

    color: #BB03FF;

}

.status-cancelled {

    color: #E50263;

}

.status-overdue,

.status-paid,

.status-pending,

.status-partially-paid,

.status-cancelled {

    font-weight: 500;

    font-size: 13px;

}

/* =====Purchase table page 2 ends===== */







/* =====Purchase table page 3 starts===== */

.btn-action {

  background: none;

  border: none;

  color: #747891;

  padding: 0;

  margin: 0;

  font: inherit;

  cursor: pointer;

  transition: color 0.2s ease;

}

.btn-action:hover {

  color: #333;

}

.bg-blue-color{

    background-color: #3190F3;

}

.bg-blue-color:hover{

    background-color: #1b70ca;

    color: white;

}

.bg-blue-color2{

    background-color: #EAF4FE;

}

.btn-custom-border-color {

  border: 1px solid #E4E4EB !important;

}

/* Default: no border on small screens */

.custom-border-end {

  border-right: none;

}

/* Show border-right only on md and up */

@media (min-width: 768px) {

  .custom-border-end {

    border-right: 1px solid #dee2e6; /* or any color like var(--bs-primary) */

  }

}

.gap-custom {

  gap: 2.1rem; /* or any desired value */

}

/* Responsive width: full on mobile, 35% on md and above */

.summary-wrapper {

  width: 100%;

}

@media (min-width: 768px) {

  .summary-wrapper {

    width: 40%;

  }

}

/* =====Purchase table page 3 ends===== */







/* =====Supplier profile page 4 starts===== */

.icon-container {

  position: relative;

  display: inline-block;

}

.icon-container:hover::after {

  content: attr(data-tooltip);

  position: absolute;

  bottom: calc(100% + 10px); /* Position above the icon */

  left: 130%;

  transform: translateX(-50%);

  background-color: #ffffff;

  color: #4B5766;

  padding: 4px 10px;

  border-radius: 6px;

  font-size: 14px;

  max-width: 200px;

  white-space: nowrap;

  text-align: center;

  opacity: 1;

  transition: all 0.3s ease;

  z-index: 100;

  /* Unified shadow for box and arrow */

  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.15));

}

/* Chatbox arrow with integrated shadow */

.icon-container:hover::before {

  content: '';

  position: absolute;

  bottom: calc(100% + 4px); /* Connects to the box */

  left: 50%;

  transform: translateX(-50%);

  width: 14px;

  height: 8px;

  background-color: #ffffff;

  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);

  z-index: 101;

  

  /* No separate shadow - covered by parent's filter */

}

.icon-container:hover {

  cursor: pointer;

}

.supplier-banner {

    width: 100%;

    max-width: 745px;

    height: 200px;

    background-size: cover;

    background-position: center;

}

/* Supplier tab */

/* Supplier tab */

/* Scroll wrapper for mobile horizontal scroll */

.supplier-tab-wrapper {

    overflow-x: auto;

    overflow-y: hidden;

    -webkit-overflow-scrolling: touch; /* for smooth scrolling on iOS */

    margin-left: -20px; /* Maintain original margin */

    margin-right: -20px; /* Optional: to keep consistent spacing on both sides */

}



.supplier-tab {

    display: flex;

    flex-wrap: nowrap;

    gap: 0.25rem;

    border-bottom: none !important;

    margin-bottom: 10px;

    position: relative;

    overflow: visible !important; /* Keep pseudo-elements visible */

    padding-left: 20px; /* To offset negative margin from wrapper */

}







.supplier-tab .nav-link {

    color: #6c757d; /* Equivalent to Bootstrap 4's text-secondary */

    font-weight: 500;

    padding: 0.75rem 1.25rem;

    border: none !important;

    background: none !important;

    position: relative;

    transition: all 0.2s ease;

    white-space: nowrap;

    font-size: 13px;

    z-index: 1; /* Keep links above pseudo-element */

}



@media(max-width:1000px) {

    .supplier-tab .nav-link {

        padding: 0.75rem 0.7rem;

    }

}



.supplier-tab .nav-link.active {

    color: #007bff; /* Bootstrap 4 primary color */

}



.supplier-tab {

  position: relative; 

  overflow: visible !important; 

}



.supplier-tab .nav-link {

  position: relative;

  overflow: visible; 

  padding-bottom: 8px; 

}

    







.supplier-tab .nav-link::after {

  content: '';

  position: absolute;

  bottom: -10px; 

  left: 1.3rem;

  right: 1.2rem;

  height: 3px;

  background-color: transparent;

  transition: all 0.3s ease;

  z-index: 1; 

}



.supplier-tab .nav-link.active::after {

  background-color: #007bff;

  transform: scaleX(1);

}



.supplier-tab .nav-link:not(.active)::after {

  transform: scaleX(0);

  transform-origin: center;

}



.supplier-tab .nav-link:hover:not(.active) {

  color: #1479F0;

}



.border-bottom-dashed2 {

    border-bottom: 1px dashed #E4E4EB !important;

}

.card-no-shadow {

  box-shadow: none !important;

}

/* =====Supplier profile page 4 ends===== */



/* =====Seller profile page 6 starts===== */

.bg-color{

    background-color: #E8F1FE;

}

.bg-color2{

    background-color: #FEF6D6;

}

.bg-color3{

    background-color: #FFEBF1;

}

.status-badge {

  padding: 2px 12px;

  font-size: 13px;

  font-weight: 500;

  border-radius: 6px;

  border: 2px solid;

  display: inline-block;

}

.badge-active {

  color: #018136;

  background-color: #E5F0E8;

  border-color: #B7DCC4;

}

.badge-suspicious {

  color: #9A06E8;

  background-color: #F5E5FD;

  border-color: #E3B8FA;

}

.badge-blocked {

  color: #FA0550;

  background-color: #FFEBF1;

  border-color: #FFD8E4;

}

.text-color{

color: #1479F0;

}

.border-color{

    border: 1px solid #E4E4EB!important;

}

.btn-demand{

    background-color: #1479F0;

    border: none;

    border-radius: 8px;

    color: white;

    padding: 5px 16px;

}

.btn-demand:hover{

    background-color: #4496f3;

    color: white;

}

/* =====Seller profile page 6 ends===== */





/* New purchase history css */

.purchase-history-tab .nav-link {

    background: none !important;

    border: none !important;

    font-weight: normal;

    color: #747891;

    padding: 0.5rem 1rem;

}



.purchase-history-tab .nav-link.active {

    font-weight: bold;

    border: none;

}



.deep-blue {

    color: #2580EA;

}



.light-blue {

    color: #3390F3;

}



.purchase-history+.dropdown-toggle,

.purchase-history.bootstrap-select .dropdown-toggle {

    border-radius: 6px !important;

}



.btn-on-the-way {

    min-width: 120px;

    padding: 0.25rem 1rem;

    /* py-1 px-3 */

    color: #9D9DA6;

    background-color: #F2F2F5;

}



.reorder-btn {

    border-color: #F2F2F5;

}



.reorder-btn:hover {

    background-color: #e6e6e7;

}



.btn-options {

    background-color: #9D9DA6;

    border: none;

}



.btn-options.dropdown-toggle {

    border-radius: 0.25rem !important;

}



.product-history-img {

    max-width: 50px;

    flex-shrink: 0;

}



.product-name-color {

    color: #292933;

}



.btn-paid {

    min-width: 120px;

    padding: 0.25rem 1rem;

    /* py-1 px-3 */

    font-weight: bold;

    color: white;

    background-color: #5EBA76;

}



.btn-unpaid {

    min-width: 120px;

    padding: 0.25rem 1rem;

    /* py-1 px-3 */

    font-weight: bold;

    color: white;

    background-color: #D33533;

    margin-right: -14px;

}



.hr-split {

    border-top: 1px dashed #DFDFE6;

    width: 70%;

    margin-left: 0;

    margin-right: auto;

}



@media (max-width: 767.98px) {

    .mobile-title-shift {

        transform: translateY(19px);

        margin-left: 4px;

    }

}



/* =====NEW mobile countdown and browser mobile views starts===== */

.border-radius-20px {

    border-radius: 20px;

}

.mobile-countdown-simple {

    width: 100%;

    background-image: linear-gradient(to right,

            var(--primary),

            color-mix(in srgb, var(--primary), white 19%));

    padding: 10px 0;

    color: white;

    text-align: center;

    font-size: 13px;

    font-weight: 600;

    border-radius: 8px;

}

.mobile-countdown-simple .countdown-text {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 4px;

    flex-wrap: wrap;

}

.mobile-countdown-simple span {

    background: rgba(0, 0, 0, 0.2);

    padding: 2px 6px;

    border-radius: 4px;

    font-weight: 700;

    min-width: 26px;

    text-align: center;

}

.mb-40 {

    margin-bottom: -40px !important;

}

@media (max-width: 576px) {

    .mobile-category-slider .slick-slide {

        padding: 0 1px;

    }



    .category-slide {

        border-bottom: 0 !important;

    }



    .img-fit {

        object-position: top;

    }



    .rating i {

        font-size: 15px !important;

    }







    .btn-visit:hover .circle {

        width: 77% !important;

    }

    .home-banner-1 .slick-slide {

        margin-right: -20px !important;

    }

}

.home-category .carousel-box {

    transform: scale(0.92);

    transform-origin: top center;

    margin-bottom: 2px;

    height: auto !important;

}

@media (max-width: 576px) {

    .home-category-banner::before,

    .home-category-banner::after {

        visibility: visible !important;

        opacity: 1 !important;

    }

    .home-category-banner .home-category-name {

        bottom: 13px !important;

    }

        .home-category-banner .home-category-name {

        font-size: 13px!important;

    }

    .mobile-margin {

        margin-bottom: -10px !important;

    }

}

.classified-slider {

    height: 300px;

}

@media (max-width: 575.98px) {

    .carousel-box.classified-slider {

        transform: scale(0.95);

        transform-origin: center;

        margin: 0 -7px; 



  padding: 0.5rem !important;

  height: auto !important;

  min-height: unset !important;

}

}



/* =====NEW mobile countdown and browser mobile views ends===== */









/* .violet-cart .nav-cart-box svg path {

    fill: #603BA8;

} */





.bg-yellow {

    background-color: #FFD710;

}



.bg-black {

    background-color: #000000;

}



.bg-violet {

    background-color: #613BA8;

}



.bg-light-purple {

    background-color: #E6E1F0;

}



.bg-dark-violet {

    background-color: #3F0052;

}



.bg-light-violet {

    background-color: #E9DBEF;

}



.text-purple {

    color: #613BA8;

}



.ash-color {

    color: #DFDFE6;

}



.text-violet {

    color: #3F0052;

}



.text-black-all,

.text-black-all * {

    color: #000000 !important;

}



.text-violet-all,

.text-violet-all * {

    color: #613BA8 !important;

}



.border-white {

    border-color: #fff !important;

}



.border-violet {

    border-color: #3F0052 !important;

}



.border-right-violet {

    border-right-color: #3F0052 !important;

}



.violet-dropdown:hover {

    background-color: #3F0052;

    color: #ffffff !important;

}



.violet-dropdown:hover.text-dark,

.violet-dropdown:hover.text-white {

    color: #ffffff !important;

}



/* Hover effects for dropdown items */

.hover-bg-light:hover {

    background-color: rgba(0, 0, 0, 0.05) !important;

}



.cursor-pointer {

    cursor: pointer;

}



.hover-text-primary:hover {

    color: #000000 !important;

    /* Use your primary color here */

}



/* Style the select dropdown on hover */

select.cursor-pointer:hover {

    color: #000000;

    /* Change text color on hover */

}







.front-header-search {

    background-color: white !important;

    border-radius: 20px;

}



.second-header {

    border-radius: 0px !important;

}







/* Add this CSS to your stylesheet */

.top-bar-text-white,

.top-bar-text-white a,

.top-bar-text-white .dropdown-toggle,

.top-bar-text-white .dropdown-item,

.top-bar-text-white .text-secondary,

.top-bar-text-white .language,

.top-bar-text-white span {

    color: white !important;

}



.top-bar-text-white .dropdown-menu {

    background-color: #6c63ff;

}



.top-bar-text-white .dropdown-item:hover {

    background-color: rgba(255, 255, 255, 0.1);

}



.top-bar-text-white .dropdown-toggle:hover,

.top-bar-text-white .dropdown-toggle:focus,

.top-bar-text-white a:hover,

.top-bar-text-white a:focus,

.top-bar-text-white .dropdown-item:hover,

.top-bar-text-white .dropdown-item:focus {

    color: rgb(235, 235, 235) !important;

}









/* Gear icon styles */

.gear-toggle {

    color: white;

    opacity: 0.8;

    transition: all 0.3s ease;

}



.gear-toggle:hover {

    opacity: 1;

    transform: rotate(30deg);

}



.gear-toggle[aria-expanded="true"] {

    transform: rotate(90deg);

}



/* Dropdown menu styles */

.dropdown-menu {

    border-radius: 0;

    border: none;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}



/* Mobile responsive styles */

@media (max-width: 991.98px) {

    .d-none.d-lg-block {

        display: none;

    }

}





/* Add these styles to your CSS */

.desktop-search-container {

    transition: all 0.3s ease;

    transform-origin: right center;

}



.desktop-search-container.expanded {

    width: calc(100% - 680px) !important;

    /* Adjust based on your logo width */

    padding-left: 15px;

    padding-right: 15px;

}



.header-menus-container {

    transition: all 0.3s ease;

    position: relative;

    z-index: 1;

}



.header-menus-container.hidden {

    opacity: 0;

    transform: translateX(20px);

    pointer-events: none;

}





.search-icon-desktop {

    cursor: pointer;

    z-index: 2;

    position: relative;

}



.search-close-desktop {

    cursor: pointer;

    background: transparent;

    border: none;

    z-index: 3;

}



.logo-bar-area {

    transition: all 0.3s ease;

}



.search-input-box {

    position: relative;

}



/* Reverse the layout for RTL expansion */

.desktop-search-container .container .d-flex {

    flex-direction: row-reverse;

}







.header-drop {

    top: 80% !important;

    position: absolute;

    will-change: transform;

    min-width: 200px;

}





.menu-icon {

    transition: transform 0.3s ease;

}



.menu-icon.rotated {

    transform: rotate(180deg);

}





.custom-category-position {

    top: 90% !important;

    left: -15px !important;

}







.dropdown-submenu {

    position: relative;

}



@media (min-width: 992px) {

    .dropdown-submenu:hover .dropdown-menu {

        display: block;

    }

}



@media (max-width: 991.98px) {

    .dropdown-submenu .child-dropdown {

        left: auto !important;

        right: 100% !important;

        margin-right: -1px;

    }



    .desktop-search-container {

        right: 0 !important;

        left: 0 !important;

        width: auto !important;

        padding: 10px 15px;

        transition: all 0.3s ease;

    }



    .desktop-search-container.d-none {

        opacity: 0;

        transform: translateY(-10px);

        pointer-events: none;

        height: 0;

        padding-top: 0;

        padding-bottom: 0;

    }



     .desktop-search-container.expanded {

        opacity: 1;

        transform: translateY(0);

        height: auto;

        width: 100% !important; 

        padding-left: 10px;   

        padding-right: 10px; 

    }

}







.custom-input-square {

    border-radius: 0 !important;

    /* no rounded corners */

    transition: all 0.3s ease;

}



.rounded-corner-8px {

    border-radius: 8px !important;

}



.h-245px{

    height:245px;

}

.fw-bold {

    font-weight: 700 !important;

}

.fw-semibold {

    font-weight: 600 !important;

}

.fw-medium {

    font-weight: 500 !important;

}

 /* top seller visit button */

.btn-visit-mobile:hover{

    color: var(--primary);

}



    /* footer description */

    .footer-read-more,

    .footer-read-less {

        color: var(--primary);

        transition: color 0.2s ease;

    }

    

    .footer-read-more:hover,

    .footer-read-less:hover {

        color: var(--secondary) !important; 

    }

    

    

   /* cart, wishlist, compare hover from bottom to top of products for mobile */

    .aiz-p-hov-icon-mobile a {

        display: block;

        height: 36px;

        width: 36px;

        line-height: 36px;

        text-align: center;

        background: #fff;

        margin-bottom: 5px;

        color: #333;

        font-size: 16px;

        box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);

        transform: translateY(calc(100% + 15px));

        transition: transform 0.3s ease;

    }

    .aiz-p-hov-icon-mobile a:hover {

        background: var(--primary);

        color: #fff;

    }



    .aiz-p-hov-icon-mobile a:nth-child(2) {

        transition-delay: 0.05s;

    }



    .aiz-p-hov-icon-mobile a:nth-child(3) {

        transition-delay: 0.1s;

    }



    .aiz-card-box:hover .aiz-p-hov-icon-mobile a {

        transform: translateY(0);

    }

    .tooltip-inner {

    background-color: #000000 !important;

}



.payment-history-tr td{

        padding: 1.15rem !important;

    }

    .underline{

        text-decoration: underline !important;

    }





    @media (min-width: 768px) {

    .fs-md-36 {

        font-size: 36px!important;

    }

    .fs-md-20{

        font-size: 20px!important;

    }

    .fs-md-16{

        font-size: 16px!important;

    }

}



@media (max-width: 768px) {

.coupon-svg-height-mobile{

    height:60px!important;

}

}

@media (min-width: 1200px) {

    .desktop-offset-top {

        margin-top: 24px; /* or any value you prefer */

    }

}



.whatsapp-color {

    background-color: #2EB942 !important;

    border-color: #2EB942 !important;

    color: #fff !important;

}



.whatsapp-color:hover,

.whatsapp-color:focus,

.whatsapp-color:active {

    background-color: #28a33b !important; /* slightly darker for hover */

    border-color: #28a33b !important;

    color: #fff !important;

}





.btn-whatsapp-base,

.btn-soft-whatsapp-base:hover,

.btn-outline-whatsapp-base:hover {

    background-color: #28a33b !important;

    border-color: #28a33b !important;

    color: #fff !important;

}



.btn-whatsapp-base:hover {

    background-color: var(--hov-secondary-base);

}



.btn-soft-whatsapp-base {

    background-color: #e9f7e0;

    background-color: #e9f7e0;

    color: #2eb942;

}



.seller-profile-documents{

    padding-left: 1.25rem!important;

    padding-right: 1.25rem!important;

    padding-top: 1.25rem!important;

}



.aiz-table {

    display: table !important;

    opacity: 1 !important;

    visibility: visible !important;

}

.aiz-table tbody {

    display: table-row-group !important;

}

.aiz-table tr {

    display: table-row !important;

}

.inv-table-2 .fooicon {

    top: 5px!important; /* or your desired value */

}

.seller-page {

    overflow-x: hidden!important;

}



.seller-list-icon{

    padding-left: .15rem;

}













.dropdown-bg-hover:hover {

    background-color: #f2f2f5;

}





/* product page video design css */

.video-container {

    position: relative;

    width: 100%;

    max-width: 800px;

    margin: auto;

    background: black;

}



video {

    width: 100%;

    display: block;

}



.custom-play-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 30px;

    color: white;

    background: rgba(255, 255, 255, 0.1);

    border: 2px solid rgba(255, 255, 255, 0.4);

    padding: 10px 20px;

    border-radius: 50%;

    cursor: pointer;

    z-index: 10;

    transition: 0.3s ease-in-out;

}



.custom-play-btn.hidden {

    display: none;

}



/* Bottom control bar */

.bottom-bar {

    position: absolute;

    bottom: 15px;

    /* space for progress bar */

    width: 100%;

    background: rgba(0, 0, 0, 0.6);

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 5px 10px;

    box-sizing: border-box;

    color: white;

    font-size: 16px;

}



.bottom-bar button {

    background: none;

    border: none;

    color: white;

    font-size: 18px;

    cursor: pointer;

}



/* Progress bar at very bottom */

.progress-container {

    position: absolute;

    bottom: 0;

    width: 100%;

    background: rgba(0, 0, 0, 0.5);

    padding: 5px 10px;

    box-sizing: border-box;

}



.progress-bar {

    width: 100%;

    height: 5px;

    background: #666;

    cursor: pointer;

}

.progress {

    width: 100% !important;

}



/* Modal styles */

.video-modal {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    background: rgba(0, 0, 0, 0.9);

    display: none;

    align-items: center;

    justify-content: center;

    z-index: 9999999;

}



.video-modal.active {

    display: flex;

}



.modal-video-wrapper {

    position: relative;

    max-width: 900px;

    max-height: 500px;

    width: auto;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: center;

}



.modal-video-wrapper video {

    max-width: 100%;

    max-height: 100%;

    height: auto;

    width: auto;

    border-radius: 4px;

    display: block;



}



.close-modal {

    position: absolute;

    top: 8px;

    right: 8px;

    font-size: 26px;

    background: rgba(0, 0, 0, 0.6);

    padding: 4px 10px;

    color: white;

    cursor: pointer;

    border-radius: 5px;

    z-index: 10;

}



/* youtube video player  */

.playerWrapper {

    position: relative;

    width: 100%;

    height: 100%;

    background: black;

}



video {

    width: 100%;

    height: 100%;

    display: block;

}



.overlayPlayButton {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: #6EA8FE;

    color: white;

    border: none;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    font-size: 24px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 2;

}



.overlayPlayButton.hidden {

    display: none;

}



.seekSlider {

    width: 100%;

}



.videoOverlay {

    display: none;

    position: fixed;

    z-index: 9999;

    left: 0;

    top: 0;

    width: 100vw;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.8);

    justify-content: center;

    align-items: center;

}



.videoOverlay.active {

    display: flex;

}



.popupContainer {

    position: relative;

    width: 80%;

    max-width: 900px;

    background: black;

    border-radius: 8px;

    overflow: hidden;

}



.popupContainer video {

    width: 100%;

    height: auto;

    display: block;

}



.overlayCloseBtn {

    position: absolute;

    top: 8px;

    right: 12px;

    font-size: 30px;

    color: white;

    cursor: pointer;

    background: transparent;

    border: none;

    z-index: 10;

}



#launchPopupBtn {

    margin: 15px 0;

    padding: 10px 20px;

    background-color: #6EA8FE;

    color: white;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    font-size: 16px;

}



.controlFooter {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    color: white;

    display: flex;

    align-items: flex-end;

    gap: 10px;

}



.sliderControls {

    flex: 1;

    background: rgba(0, 0, 0, 0.5);

    padding: 5px 0px;

    box-sizing: border-box;

}



img,

video {

    max-height: 100%;

    object-fit: contain;

}



.upload_video {

    width: 100%;        

    height: auto;        

    max-height: 400px;   

    object-fit: contain; 

}





.image-gallery-slide-preview-bar .slick-list .slick-track  {

    opacity: 1 !important;

    transform: translate3d(0, 0, 0);

}