/*



Don't modify this file.

use custom-style.css



*/



:root {

    --blue: #007bff;

    --indigo: #6610f2;

    --purple: #6f42c1;

    --pink: #e83e8c;

    --red: #dc3545;

    --orange: #fd7e14;

    --yellow: #ffc107;

    --green: #28a745;

    --teal: #20c997;

    --cyan: #17a2b8;

    --white: #fff;

    --soft-white: #b5b5bf;

    --gray: #6c757d;

    --gray-dark: #343a40;

    --primary: #f77b0b;

    --hov-primary: #e56f0e;

    --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);

    --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-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-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-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-36 {

    font-size: 2.25rem !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-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-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-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-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;

}

.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-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%);

}



[class*="border"],

hr {

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

    border-color: #ededf2 !important;

}



.border-2{

    border: 2px solid !important;

}

.border-3{

    border: 2px solid !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-danger {

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

}

.border-light {

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

}

.border-dark {

    border-color: var(--dark) !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-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;

}

.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-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-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-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-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-500px,

.size-500px {

    width: 500px;

}

.w-640px,

.size-640px {

    width: 640px;

}



.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-210px,

.size-210px {

    height: 210px;

}

.h-220px,

.size-220px {

    height: 220px;

}

.h-230px,

.size-230px {

    height: 230px;

}

.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-475px,

.size-475px {

    height: 475px;

}

.h-485px,

.size-485px {

    height: 485px;

}

.h-500px,

.size-500px {

    height: 500px;

}

.h-640px,

.size-640px {

    height: 640px;

}



.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;

}



.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;

}



.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;

}



.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;

}



.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-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;

    }



    .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;

    }



    .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;

    }



    .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;

    }



    .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-500px,

    .size-sm-500px {

        width: 500px;

    }

    .w-sm-640px,

    .size-sm-640px {

        width: 640px;

    }



    .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-475px,

    .size-sm-475px {

        height: 475px;

    }

    .h-sm-485px,

    .size-sm-485px {

        height: 485px;

    }

    .h-sm-500px,

    .size-sm-500px {

        height: 500px;

    }

    .h-sm-640px,

    .size-sm-640px {

        height: 640px;

    }



    .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% + 5px);

        padding-left: 1px;

    }

    .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% + 5px);

        padding-left: 1px;

    }

    .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;

    }

    [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;

    }



    .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;

    }



    .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;

    }



    .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;

    }



    .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-500px,

    .size-md-500px {

        width: 500px;

    }

    .w-md-640px,

    .size-md-640px {

        width: 640px;

    }



    .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-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-475px,

    .size-md-475px {

        height: 475px;

    }

    .h-md-485px,

    .size-md-485px {

        height: 485px;

    }

    .h-md-500px,

    .size-md-500px {

        height: 500px;

    }

    .h-md-570px {

        height: 570px;

    }

    .h-md-640px,

    .size-md-640px {

        height: 640px;

    }



    .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;

    }



    [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;

    }



    .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;

    }



    .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;

    }



    .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;

    }



    .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-500px,

    .size-lg-500px {

        width: 500px;

    }

    .w-lg-640px,

    .size-lg-640px {

        width: 640px;

    }



    .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-475px,

    .size-lg-475px {

        height: 475px;

    }

    .h-lg-485px,

    .size-lg-485px {

        height: 485px;

    }

    .h-lg-500px,

    .size-lg-500px {

        height: 500px;

    }

    .h-lg-640px,

    .size-lg-640px {

        height: 640px;

    }



    .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;

    }

    [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;

    }



    .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;

    }



    .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;

    }



    .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;

    }



    .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-500px,

    .size-xl-500px {

        width: 500px;

    }

    .w-xl-640px,

    .size-xl-640px {

        width: 640px;

    }



    .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-475px,

    .size-xl-475px {

        height: 475px;

    }

    .h-xl-485px,

    .size-xl-485px {

        height: 485px;

    }

    .h-xl-500px,

    .size-xl-500px {

        height: 500px;

    }

    .h-xl-640px,

    .size-xl-640px {

        height: 640px;

    }



    .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;

    }



    [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;

    }



    .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;

    }



    .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;

    }



    .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;

    }



    .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-500px,

    .size-xxl-500px {

        width: 500px;

    }

    .w-xxl-640px,

    .size-xxl-640px {

        width: 640px;

    }



    .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-475px,

    .size-xxl-475px {

        height: 475px;

    }

    .h-xxl-485px,

    .size-xxl-485px {

        height: 485px;

    }

    .h-xxl-500px,

    .size-xxl-500px {

        height: 500px;

    }

    .h-xxl-640px,

    .size-xxl-640px {

        height: 640px;

    }



    .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;

    }

}



/*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: 265px;

    }

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

        padding-left: 0;

        padding-right: 265px;

    }

    .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;

}

/* lg */

@media (min-width: 992px) {

    .aiz-topbar {

        height: 65px;

    }

}

/* xl */

@media (min-width: 1200px) {

    .aiz-topbar {

        width: calc(100% - 265px);

        left: 265px;

    }

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

        left: auto;

        right: 265px;

    }

    .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: -265px;

    height: 100vh;

    overflow-y: auto;

    z-index: 99;

    background-color: #141423;

    width: 265px;

    -webkit-transition: left 0.3s ease;

    transition: left 0.3s ease;

}

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

    left: auto;

    right: -265px;

    -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: #1a1a27;

}



.aiz-side-nav-wrap {

    padding: 15px 0;

}

.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: 400;

    color: #a2a3b7;

}

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

    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;

}

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

    margin-right: 0px;

    margin-left: 6px;

}

.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: "\f105";

    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: "\f104";

}

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

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}

[dir="rtl"]

    .aiz-side-nav-list

    [aria-expanded="true"]

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

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

    transform: rotate(-90deg);

}

.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: 6px;

    width: 6px;

    border: 1px solid #575979;

    border-radius: 50%;

    top: calc(50% - 3px);

    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: #181827;

}

.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: #575979;

}



/* 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: -265px;

    }

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

        left: auto;

        right: -265px;

    }

}



/*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);

}



/*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 {

    overflow: hidden;

}

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

    transform: translateX(0);

    -webkit-transform: translateX(0);

}

.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;

    opacity: 0.7;

    transform: translateY(100%);

    transition: 0.3s;

    overflow: hidden;

}

.cart-btn:hover,

.cart-btn.active{

    opacity: 1;

}

.cart-btn .cart-btn-text{

    margin-top: 48px;

    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;

}

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

    padding: 6px 10px;

    font-size: 16px;

}



/* 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;

}



/*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-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);

}



/*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);

}

.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-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-link {

    color: var(--primary);

}

.btn-link:hover {

    color: var(--hov-primary);

}

.btn-clean:hover {

    background-color: var(--light);

    border-color: var(--light);

}



/*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-info {

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

    color: var(--info);

}

.btn-soft-dark {

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

    color: var(--dark);

}



/*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);

}



/*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-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-primary {

    background-color: var(--primary);

}

.badge-secondary {

    background-color: var(--secondary);

}

.badge-success {

    background-color: var(--success);

}

.badge-danger {

    background-color: var(--danger);

}

.badge-warning {

    background-color: var(--warning);

}

.badge-info {

    background-color: var(--info);

}

.badge-light {

    background-color: var(--light);

}

.badge-dark {

    background-color: var(--dark);

}

.badge-gray {

    background-color: var(--gray);

    color: var(--white);

}

.badge-soft-primary {

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

    color: var(--primary);

}

.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-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);

}



.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(--warning);

}

.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;

}

[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;

}



/*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.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;

}



/*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-warning);

}

.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 {

    /* display: none; */

    position: absolute;

    width: calc(100% - 270px);

    left: calc(270px);

    /* height: calc(100% + 20px); */

    height: 460px;

    overflow: hidden;

    top: 0;

    z-index: -1;

    background-color: #fff;

    overflow-y: auto;

    transition: 0.5s;

    opacity: 0;

}

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

    left: auto;

    right: calc(25% - 10px);

}

.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-warning);

}

.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(--warning);

    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;

}



/* ---- 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: 100%;

    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;

}

.btn-visit {

    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: #fdefd8;

    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);

}



/* 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;

}



/* 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;

}



/* Custom */

.home-slider {

    width: 100% !important;

    max-width: 100% !important;

}

.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);

}

.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%);

}



.home-category-name i{

    transition: all 0.5s;

    opacity: 0;

}

.home-category-name:hover i{

    opacity: 1;

}



.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;

}

@media (min-width: 576px){

    .aiz-mobile-bottom-nav{

        width: 463px !important;

        height: 72px;

        border-radius: 36px;

    }

    .card-columns {

        column-count: 2 !important;

    }

}

@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-20 {

        font-size: 20px !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;

    }

}

@media (min-width: 992px){

    .card-columns {

        column-count: 3 !important;

    }

    .arrow-lg-none .slick-arrow {

        display: none !important;

    }

    .sticky-top-flash-deal{

        position: -webkit-sticky;

        position: sticky;

        top: 140px;

    }

}

@media (min-width: 1200px){

    /* .home-slider {

        max-width: calc(100% - 270px) !important;

    } */

    .h-xl-100{

        height: 100% !important;

    }

}