:root {
    --bs-text-danger: #bb0000;
    --bs-gray: #dad9d9;
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249, 249, 249;
    --bs-gray-200: #f1f1f4ea;
    --bs-gray-200-rgb: 241, 241, 244;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219, 223, 233;
    --bs-gray-400: #C4CADA;
    --bs-gray-400-rgb: 196, 202, 218;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153, 161, 183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120, 130, 157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75, 86, 117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37, 47, 74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7, 20, 55;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F4;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #C4CADA;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #bbbbbb;
    --title-color: #000000;
}

label {
    font-size: 15px !important;
    font-weight: 600 !important;
    ;
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle) !important;
}

.border-0 {
    border-width: 0 !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.border-opacity-10 {
    --bs-border-opacity: 0.1;
}

.border-opacity-25 {
    --bs-border-opacity: 0.25;
}

.border-opacity-50 {
    --bs-border-opacity: 0.5;
}

.border-opacity-75 {
    --bs-border-opacity: 0.75;
}

.border-opacity-100 {
    --bs-border-opacity: 1;
}

.w-unset {
    width: unset !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.w-1px {
    width: 1px !important;
}

.w-2px {
    width: 2px !important;
}

.w-3px {
    width: 3px !important;
}

.w-4px {
    width: 4px !important;
}

.w-5px {
    width: 5px !important;
}

.w-6px {
    width: 6px !important;
}

.w-7px {
    width: 7px !important;
}

.w-8px {
    width: 8px !important;
}

.w-9px {
    width: 9px !important;
}

.w-10px {
    width: 10px !important;
}

.w-15px {
    width: 15px !important;
}

.w-20px {
    width: 20px !important;
}

.w-25px {
    width: 25px !important;
}

.w-30px {
    width: 30px !important;
}

.w-35px {
    width: 35px !important;
}

.w-40px {
    width: 40px !important;
}

.w-45px {
    width: 45px !important;
}

.w-50px {
    width: 50px !important;
}

.w-55px {
    width: 55px !important;
}

.w-60px {
    width: 60px !important;
}

.w-65px {
    width: 65px !important;
}

.w-70px {
    width: 70px !important;
}

.w-75px {
    width: 75px !important;
}

.w-80px {
    width: 80px !important;
}

.w-85px {
    width: 85px !important;
}

.w-90px {
    width: 90px !important;
}

.w-95px {
    width: 95px !important;
}

.w-100px {
    width: 100px !important;
}

.w-125px {
    width: 125px !important;
}

.w-150px {
    width: 150px !important;
}

.w-175px {
    width: 175px !important;
}

.w-200px {
    width: 200px !important;
}

.w-225px {
    width: 225px !important;
}

.w-250px {
    width: 250px !important;
}

.w-275px {
    width: 275px !important;
}

.w-300px {
    width: 300px !important;
}

.w-325px {
    width: 325px !important;
}

.w-350px {
    width: 350px !important;
}

.w-375px {
    width: 375px !important;
}

.w-400px {
    width: 400px !important;
}

.w-425px {
    width: 425px !important;
}

.w-450px {
    width: 450px !important;
}

.w-475px {
    width: 475px !important;
}

.w-500px {
    width: 500px !important;
}

.w-550px {
    width: 550px !important;
}

.w-600px {
    width: 600px !important;
}

.w-650px {
    width: 650px !important;
}

.w-700px {
    width: 700px !important;
}

.w-750px {
    width: 750px !important;
}

.w-800px {
    width: 800px !important;
}

.w-850px {
    width: 850px !important;
}

.w-900px {
    width: 900px !important;
}

.w-950px {
    width: 950px !important;
}

.w-1000px {
    width: 1000px !important;
}

.mw-unset {
    max-width: unset !important;
}

.mw-25 {
    max-width: 25% !important;
}

.mw-50 {
    max-width: 50% !important;
}

.mw-75 {
    max-width: 75% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mw-auto {
    max-width: auto !important;
}

.mw-1px {
    max-width: 1px !important;
}

.mw-2px {
    max-width: 2px !important;
}

.mw-3px {
    max-width: 3px !important;
}

.mw-4px {
    max-width: 4px !important;
}

.mw-5px {
    max-width: 5px !important;
}

.mw-6px {
    max-width: 6px !important;
}

.mw-7px {
    max-width: 7px !important;
}

.mw-8px {
    max-width: 8px !important;
}

.mw-9px {
    max-width: 9px !important;
}

.mw-10px {
    max-width: 10px !important;
}

.mw-15px {
    max-width: 15px !important;
}

.mw-20px {
    max-width: 20px !important;
}

.mw-25px {
    max-width: 25px !important;
}

.mw-30px {
    max-width: 30px !important;
}

.mw-35px {
    max-width: 35px !important;
}

.mw-40px {
    max-width: 40px !important;
}

.mw-45px {
    max-width: 45px !important;
}

.mw-50px {
    max-width: 50px !important;
}

.mw-55px {
    max-width: 55px !important;
}

.mw-60px {
    max-width: 60px !important;
}

.mw-65px {
    max-width: 65px !important;
}

.mw-70px {
    max-width: 70px !important;
}

.mw-75px {
    max-width: 75px !important;
}

.mw-80px {
    max-width: 80px !important;
}

.mw-85px {
    max-width: 85px !important;
}

.mw-90px {
    max-width: 90px !important;
}

.mw-95px {
    max-width: 95px !important;
}

.mw-100px {
    max-width: 100px !important;
}

.mw-125px {
    max-width: 125px !important;
}

.mw-150px {
    max-width: 150px !important;
}

.mw-175px {
    max-width: 175px !important;
}

.mw-200px {
    max-width: 200px !important;
}

.mw-225px {
    max-width: 225px !important;
}

.mw-250px {
    max-width: 250px !important;
}

.mw-275px {
    max-width: 275px !important;
}

.mw-300px {
    max-width: 300px !important;
}

.mw-325px {
    max-width: 325px !important;
}

.mw-350px {
    max-width: 350px !important;
}

.mw-375px {
    max-width: 375px !important;
}

.mw-400px {
    max-width: 400px !important;
}

.mw-425px {
    max-width: 425px !important;
}

.mw-450px {
    max-width: 450px !important;
}

.mw-475px {
    max-width: 475px !important;
}

.mw-500px {
    max-width: 500px !important;
}

.mw-550px {
    max-width: 550px !important;
}

.mw-600px {
    max-width: 600px !important;
}

.mw-650px {
    max-width: 650px !important;
}

.mw-700px {
    max-width: 700px !important;
}

.mw-750px {
    max-width: 750px !important;
}

.mw-800px {
    max-width: 800px !important;
}

.mw-850px {
    max-width: 850px !important;
}

.mw-900px {
    max-width: 900px !important;
}

.mw-950px {
    max-width: 950px !important;
}

.mw-1000px {
    max-width: 1000px !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-unset {
    height: unset !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.h-1px {
    height: 1px !important;
}

.h-2px {
    height: 2px !important;
}

.h-3px {
    height: 3px !important;
}

.h-4px {
    height: 4px !important;
}

.h-5px {
    height: 5px !important;
}

.h-6px {
    height: 6px !important;
}

.h-7px {
    height: 7px !important;
}

.h-8px {
    height: 8px !important;
}

.h-9px {
    height: 9px !important;
}

.h-10px {
    height: 10px !important;
}

.h-15px {
    height: 15px !important;
}

.h-20px {
    height: 20px !important;
}

.h-25px {
    height: 25px !important;
}

.h-30px {
    height: 30px !important;
}

.h-35px {
    height: 35px !important;
}

.h-40px {
    height: 40px !important;
}

.h-45px {
    height: 45px !important;
}

.h-50px {
    height: 50px !important;
}

.h-55px {
    height: 55px !important;
}

.h-60px {
    height: 60px !important;
}

.h-65px {
    height: 65px !important;
}

.h-70px {
    height: 70px !important;
}

.h-75px {
    height: 75px !important;
}

.h-80px {
    height: 80px !important;
}

.h-85px {
    height: 85px !important;
}

.h-90px {
    height: 90px !important;
}

.h-95px {
    height: 95px !important;
}

.h-100px {
    height: 100px !important;
}

.h-125px {
    height: 125px !important;
}

.h-150px {
    height: 150px !important;
}

.h-175px {
    height: 175px !important;
}

.h-200px {
    height: 200px !important;
}

.h-225px {
    height: 225px !important;
}

.h-250px {
    height: 250px !important;
}

.h-275px {
    height: 275px !important;
}

.h-300px {
    height: 300px !important;
}

.h-325px {
    height: 325px !important;
}

.h-350px {
    height: 350px !important;
}

.h-375px {
    height: 375px !important;
}

.h-400px {
    height: 400px !important;
}

.h-425px {
    height: 425px !important;
}

.h-450px {
    height: 450px !important;
}

.h-475px {
    height: 475px !important;
}

.h-500px {
    height: 500px !important;
}

.h-550px {
    height: 550px !important;
}

.h-600px {
    height: 600px !important;
}

.h-650px {
    height: 650px !important;
}

.h-700px {
    height: 700px !important;
}

.h-750px {
    height: 750px !important;
}

.h-800px {
    height: 800px !important;
}

.h-850px {
    height: 850px !important;
}

.h-900px {
    height: 900px !important;
}

.h-950px {
    height: 950px !important;
}

.h-1000px {
    height: 1000px !important;
}

.mh-unset {
    max-height: unset !important;
}

.mh-25 {
    max-height: 25% !important;
}

.mh-50 {
    max-height: 50% !important;
}

.mh-75 {
    max-height: 75% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.mh-auto {
    max-height: auto !important;
}

.mh-1px {
    max-height: 1px !important;
}

.mh-2px {
    max-height: 2px !important;
}

.mh-3px {
    max-height: 3px !important;
}

.mh-4px {
    max-height: 4px !important;
}

.mh-5px {
    max-height: 5px !important;
}

.mh-6px {
    max-height: 6px !important;
}

.mh-7px {
    max-height: 7px !important;
}

.mh-8px {
    max-height: 8px !important;
}

.mh-9px {
    max-height: 9px !important;
}

.mh-10px {
    max-height: 10px !important;
}

.mh-15px {
    max-height: 15px !important;
}

.mh-20px {
    max-height: 20px !important;
}

.mh-25px {
    max-height: 25px !important;
}

.mh-30px {
    max-height: 30px !important;
}

.mh-35px {
    max-height: 35px !important;
}

.mh-40px {
    max-height: 40px !important;
}

.mh-45px {
    max-height: 45px !important;
}

.mh-50px {
    max-height: 50px !important;
}

.mh-55px {
    max-height: 55px !important;
}

.mh-60px {
    max-height: 60px !important;
}

.mh-65px {
    max-height: 65px !important;
}

.mh-70px {
    max-height: 70px !important;
}

.mh-75px {
    max-height: 75px !important;
}

.mh-80px {
    max-height: 80px !important;
}

.mh-85px {
    max-height: 85px !important;
}

.mh-90px {
    max-height: 90px !important;
}

.mh-95px {
    max-height: 95px !important;
}

.mh-100px {
    max-height: 100px !important;
}

.mh-125px {
    max-height: 125px !important;
}

.mh-150px {
    max-height: 150px !important;
}

.mh-175px {
    max-height: 175px !important;
}

.mh-200px {
    max-height: 200px !important;
}

.mh-225px {
    max-height: 225px !important;
}

.mh-250px {
    max-height: 250px !important;
}

.mh-275px {
    max-height: 275px !important;
}

.mh-300px {
    max-height: 300px !important;
}

.mh-325px {
    max-height: 325px !important;
}

.mh-350px {
    max-height: 350px !important;
}

.mh-375px {
    max-height: 375px !important;
}

.mh-400px {
    max-height: 400px !important;
}

.mh-425px {
    max-height: 425px !important;
}

.mh-450px {
    max-height: 450px !important;
}

.mh-475px {
    max-height: 475px !important;
}

.mh-500px {
    max-height: 500px !important;
}

.mh-550px {
    max-height: 550px !important;
}

.mh-600px {
    max-height: 600px !important;
}

.mh-650px {
    max-height: 650px !important;
}

.mh-700px {
    max-height: 700px !important;
}

.mh-750px {
    max-height: 750px !important;
}

.mh-800px {
    max-height: 800px !important;
}

.mh-850px {
    max-height: 850px !important;
}

.mh-900px {
    max-height: 900px !important;
}

.mh-950px {
    max-height: 950px !important;
}

.mh-1000px {
    max-height: 1000px !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}


.border-active:not(.active):not(:active):not(:hover):not(:focus) {
    border-color: transparent !important;
}

.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
    cursor: pointer;
    border-color: transparent !important;
}

.border-gray-100 {
    border-color: var(--bs-gray-100) !important;
}

.border-gray-200 {
    border-color: var(--bs-gray-200) !important;
}

.border-gray-300 {
    border-color: var(--bs-gray-300) !important;
}

.border-gray-400 {
    border-color: var(--bs-gray-400) !important;
}

.border-gray-500 {
    border-color: var(--bs-gray-500) !important;
}

.border-gray-600 {
    border-color: var(--bs-gray-600) !important;
}

.border-gray-700 {
    border-color: var(--bs-gray-700) !important;
}

.border-gray-800 {
    border-color: var(--bs-gray-800) !important;
}

.border-gray-900 {
    border-color: var(--bs-gray-900) !important;
}

.border-light-clarity {
    border-color: var(--bs-light-clarity) !important;
}

.border-hover-light:hover {
    border-color: var(--bs-light) !important;
}

.border-active-light.active {
    border-color: var(--bs-light) !important;
}

.border-primary-clarity {
    border-color: var(--bs-primary-clarity) !important;
}

.border-hover-primary:hover {
    border-color: var(--bs-primary) !important;
}

.border-active-primary.active {
    border-color: var(--bs-primary) !important;
}

.border-secondary-clarity {
    border-color: var(--bs-secondary-clarity) !important;
}

.border-hover-secondary:hover {
    border-color: var(--bs-secondary) !important;
}

.border-active-secondary.active {
    border-color: var(--bs-secondary) !important;
}

.border-success-clarity {
    border-color: var(--bs-success-clarity) !important;
}

.border-hover-success:hover {
    border-color: var(--bs-success) !important;
}

.border-active-success.active {
    border-color: var(--bs-success) !important;
}

.border-info-clarity {
    border-color: var(--bs-info-clarity) !important;
}

.border-hover-info:hover {
    border-color: var(--bs-info) !important;
}

.border-active-info.active {
    border-color: var(--bs-info) !important;
}

.border-warning-clarity {
    border-color: var(--bs-warning-clarity) !important;
}

.border-hover-warning:hover {
    border-color: var(--bs-warning) !important;
}

.border-active-warning.active {
    border-color: var(--bs-warning) !important;
}

.border-danger-clarity {
    border-color: var(--bs-danger-clarity) !important;
}

.border-hover-danger:hover {
    border-color: var(--bs-danger) !important;
}

.border-active-danger.active {
    border-color: var(--bs-danger) !important;
}

.border-dark-clarity {
    border-color: var(--bs-dark-clarity) !important;
}

.border-hover-dark:hover {
    border-color: var(--bs-dark) !important;
}

.border-active-dark.active {
    border-color: var(--bs-dark) !important;
}

.border-hover-primary-clarity:hover,
.border-active-primary-clarity.active {
    border-color: var(--bs-primary-clarity) !important;
}

.border-hover-transparent:hover {
    border-color: transparent !important;
}

.border-dashed {
    border-style: dashed !important;
    border-color: var(--bs-border-dashed-color);
}

.border-top-dashed {
    border-top-style: dashed !important;
}

.border-bottom-dashed {
    border-bottom-style: dashed !important;
}

.border-start-dashed {
    border-left-style: dashed !important;
}

.border-end-dashed {
    border-right-style: dashed !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-top-dotted {
    border-top-style: dotted !important;
}

.border-bottom-dotted {
    border-bottom-style: dotted !important;
}

.border-start-dotted {
    border-left-style: dotted !important;
}

.border-end-dotted {
    border-right-style: dotted !important;
}

.border-transparent {
    border-color: transparent !important;
}

.border-body {
    border-color: var(--bs-body-bg) !important;
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-start-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded {
    border-radius: 0.475rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.425rem !important;
}

.rounded-2 {
    border-radius: 0.475rem !important;
}

.rounded-3 {
    border-radius: 0.625rem !important;
}

.rounded-4 {
    border-radius: 1rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}



.symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.475rem;
}

.symbol .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--bs-symbol-label-color);
    background-color: var(--bs-symbol-label-bg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.475rem;
}

.symbol .symbol-label:after {
    border-radius: 0.475rem;
}

.symbol .symbol-badge {
    position: absolute;
    border-radius: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) !important;
}

.symbol>img {
    width: 100%;
    flex-shrink: 0;
    display: inline-block;
    border-radius: 0.475rem;
}

.symbol.symbol-square,
.symbol.symbol-square>img,
.symbol.symbol-square .symbol-label {
    border-radius: 0 !important;
}

.symbol.symbol-circle,
.symbol.symbol-circle>img,
.symbol.symbol-circle .symbol-label {
    border-radius: 50%;
}

.symbol.symbol-circle:after,
.symbol.symbol-circle>img:after,
.symbol.symbol-circle .symbol-label:after {
    border-radius: 50%;
}

.symbol>img {
    width: 50px;
    height: 50px;
}

.symbol .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol.symbol-fixed>img {
    width: 50px;
    height: 50px;
    max-width: none;
}

.symbol.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px;
}

.symbol.symbol-2by3>img {
    height: 50px;
    width: 75px;
    max-width: none;
}

.symbol.symbol-20px>img {
    width: 20px;
    height: 20px;
}

.symbol.symbol-20px .symbol-label {
    width: 20px;
    height: 20px;
}

.symbol.symbol-20px.symbol-fixed .symbol-label {
    width: 20px;
    height: 20px;
}

.symbol.symbol-20px.symbol-fixed>img {
    width: 20px;
    height: 20px;
    max-width: none;
}

.symbol.symbol-20px.symbol-2by3 .symbol-label {
    height: 20px;
    width: 30px;
}

.symbol.symbol-20px.symbol-2by3>img {
    height: 20px;
    width: 30px;
    max-width: none;
}

.symbol.symbol-25px>img {
    width: 25px;
    height: 25px;
}

.symbol.symbol-25px .symbol-label {
    width: 25px;
    height: 25px;
}

.symbol.symbol-25px.symbol-fixed .symbol-label {
    width: 25px;
    height: 25px;
}

.symbol.symbol-25px.symbol-fixed>img {
    width: 25px;
    height: 25px;
    max-width: none;
}

.symbol.symbol-25px.symbol-2by3 .symbol-label {
    height: 25px;
    width: 37.5px;
}

.symbol.symbol-25px.symbol-2by3>img {
    height: 25px;
    width: 37.5px;
    max-width: none;
}

.symbol.symbol-30px>img {
    width: 30px;
    height: 30px;
}

.symbol.symbol-30px .symbol-label {
    width: 30px;
    height: 30px;
}

.symbol.symbol-30px.symbol-fixed .symbol-label {
    width: 30px;
    height: 30px;
}

.symbol.symbol-30px.symbol-fixed>img {
    width: 30px;
    height: 30px;
    max-width: none;
}

.symbol.symbol-30px.symbol-2by3 .symbol-label {
    height: 30px;
    width: 45px;
}

.symbol.symbol-30px.symbol-2by3>img {
    height: 30px;
    width: 45px;
    max-width: none;
}

.symbol.symbol-35px>img {
    width: 35px;
    height: 35px;
}

.symbol.symbol-35px .symbol-label {
    width: 35px;
    height: 35px;
}

.symbol.symbol-35px.symbol-fixed .symbol-label {
    width: 35px;
    height: 35px;
}

.symbol.symbol-35px.symbol-fixed>img {
    width: 35px;
    height: 35px;
    max-width: none;
}

.symbol.symbol-35px.symbol-2by3 .symbol-label {
    height: 35px;
    width: 52.5px;
}

.symbol.symbol-35px.symbol-2by3>img {
    height: 35px;
    width: 52.5px;
    max-width: none;
}

.symbol.symbol-40px>img {
    width: 40px;
    height: 40px;
}

.symbol.symbol-40px .symbol-label {
    width: 40px;
    height: 40px;
}

.symbol.symbol-40px.symbol-fixed .symbol-label {
    width: 40px;
    height: 40px;
}

.symbol.symbol-40px.symbol-fixed>img {
    width: 40px;
    height: 40px;
    max-width: none;
}

.symbol.symbol-40px.symbol-2by3 .symbol-label {
    height: 40px;
    width: 60px;
}

.symbol.symbol-40px.symbol-2by3>img {
    height: 40px;
    width: 60px;
    max-width: none;
}

.symbol.symbol-45px>img {
    width: 45px;
    height: 45px;
}

.symbol.symbol-45px .symbol-label {
    width: 45px;
    height: 45px;
}

.symbol.symbol-45px.symbol-fixed .symbol-label {
    width: 45px;
    height: 45px;
}

.symbol.symbol-45px.symbol-fixed>img {
    width: 45px;
    height: 45px;
    max-width: none;
}

.symbol.symbol-45px.symbol-2by3 .symbol-label {
    height: 45px;
    width: 67.5px;
}

.symbol.symbol-45px.symbol-2by3>img {
    height: 45px;
    width: 67.5px;
    max-width: none;
}

.symbol.symbol-50px>img {
    width: 50px;
    height: 50px;
}

.symbol.symbol-50px .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol.symbol-50px.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol.symbol-50px.symbol-fixed>img {
    width: 50px;
    height: 50px;
    max-width: none;
}

.symbol.symbol-50px.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px;
}

.symbol.symbol-50px.symbol-2by3>img {
    height: 50px;
    width: 75px;
    max-width: none;
}

.symbol.symbol-55px>img {
    width: 55px;
    height: 55px;
}

.symbol.symbol-55px .symbol-label {
    width: 55px;
    height: 55px;
}

.symbol.symbol-55px.symbol-fixed .symbol-label {
    width: 55px;
    height: 55px;
}

.symbol.symbol-55px.symbol-fixed>img {
    width: 55px;
    height: 55px;
    max-width: none;
}

.symbol.symbol-55px.symbol-2by3 .symbol-label {
    height: 55px;
    width: 82.5px;
}

.symbol.symbol-55px.symbol-2by3>img {
    height: 55px;
    width: 82.5px;
    max-width: none;
}

.symbol.symbol-60px>img {
    width: 60px;
    height: 60px;
}

.symbol.symbol-60px .symbol-label {
    width: 60px;
    height: 60px;
}

.symbol.symbol-60px.symbol-fixed .symbol-label {
    width: 60px;
    height: 60px;
}

.symbol.symbol-60px.symbol-fixed>img {
    width: 60px;
    height: 60px;
    max-width: none;
}

.symbol.symbol-60px.symbol-2by3 .symbol-label {
    height: 60px;
    width: 90px;
}

.symbol.symbol-60px.symbol-2by3>img {
    height: 60px;
    width: 90px;
    max-width: none;
}

.symbol.symbol-65px>img {
    width: 65px;
    height: 65px;
}

.symbol.symbol-65px .symbol-label {
    width: 65px;
    height: 65px;
}

.symbol.symbol-65px.symbol-fixed .symbol-label {
    width: 65px;
    height: 65px;
}

.symbol.symbol-65px.symbol-fixed>img {
    width: 65px;
    height: 65px;
    max-width: none;
}

.symbol.symbol-65px.symbol-2by3 .symbol-label {
    height: 65px;
    width: 97.5px;
}

.symbol.symbol-65px.symbol-2by3>img {
    height: 65px;
    width: 97.5px;
    max-width: none;
}

.symbol.symbol-70px>img {
    width: 70px;
    height: 70px;
}

.symbol.symbol-70px .symbol-label {
    width: 70px;
    height: 70px;
}

.symbol.symbol-70px.symbol-fixed .symbol-label {
    width: 70px;
    height: 70px;
}

.symbol.symbol-70px.symbol-fixed>img {
    width: 70px;
    height: 70px;
    max-width: none;
}

.symbol.symbol-70px.symbol-2by3 .symbol-label {
    height: 70px;
    width: 105px;
}

.symbol.symbol-70px.symbol-2by3>img {
    height: 70px;
    width: 105px;
    max-width: none;
}

.symbol.symbol-75px>img {
    width: 75px;
    height: 75px;
}

.symbol.symbol-75px .symbol-label {
    width: 75px;
    height: 75px;
}

.symbol.symbol-75px.symbol-fixed .symbol-label {
    width: 75px;
    height: 75px;
}

.symbol.symbol-75px.symbol-fixed>img {
    width: 75px;
    height: 75px;
    max-width: none;
}

.symbol.symbol-75px.symbol-2by3 .symbol-label {
    height: 75px;
    width: 112.5px;
}

.symbol.symbol-75px.symbol-2by3>img {
    height: 75px;
    width: 112.5px;
    max-width: none;
}

.symbol.symbol-90px>img {
    width: 90px;
    height: 90px;
}

.symbol.symbol-90px .symbol-label {
    width: 90px;
    height: 90px;
}

.symbol.symbol-90px.symbol-fixed .symbol-label {
    width: 90px;
    height: 90px;
}

.symbol.symbol-90px.symbol-fixed>img {
    width: 90px;
    height: 90px;
    max-width: none;
}

.symbol.symbol-90px.symbol-2by3 .symbol-label {
    height: 90px;
    width: 135px;
}

.symbol.symbol-90px.symbol-2by3>img {
    height: 90px;
    width: 135px;
    max-width: none;
}

.symbol.symbol-100px>img {
    width: 100px;
    height: 100px;
}

.symbol.symbol-100px .symbol-label {
    width: 100px;
    height: 100px;
}

.symbol.symbol-100px.symbol-fixed .symbol-label {
    width: 100px;
    height: 100px;
}

.symbol.symbol-100px.symbol-fixed>img {
    width: 100px;
    height: 100px;
    max-width: none;
}

.symbol.symbol-100px.symbol-2by3 .symbol-label {
    height: 100px;
    width: 150px;
}

.symbol.symbol-100px.symbol-2by3>img {
    height: 100px;
    width: 150px;
    max-width: none;
}

.symbol.symbol-125px>img {
    width: 125px;
    height: 125px;
}

.symbol.symbol-125px .symbol-label {
    width: 125px;
    height: 125px;
}

.symbol.symbol-125px.symbol-fixed .symbol-label {
    width: 125px;
    height: 125px;
}

.symbol.symbol-125px.symbol-fixed>img {
    width: 125px;
    height: 125px;
    max-width: none;
}

.symbol.symbol-125px.symbol-2by3 .symbol-label {
    height: 125px;
    width: 187.5px;
}

.symbol.symbol-125px.symbol-2by3>img {
    height: 125px;
    width: 187.5px;
    max-width: none;
}

.symbol.symbol-150px>img {
    width: 150px;
    height: 150px;
}

.symbol.symbol-150px .symbol-label {
    width: 150px;
    height: 150px;
}

.symbol.symbol-150px.symbol-fixed .symbol-label {
    width: 150px;
    height: 150px;
}

.symbol.symbol-150px.symbol-fixed>img {
    width: 150px;
    height: 150px;
    max-width: none;
}

.symbol.symbol-150px.symbol-2by3 .symbol-label {
    height: 150px;
    width: 225px;
}

.symbol.symbol-150px.symbol-2by3>img {
    height: 150px;
    width: 225px;
    max-width: none;
}

.symbol.symbol-160px>img {
    width: 160px;
    height: 160px;
}

.symbol.symbol-160px .symbol-label {
    width: 160px;
    height: 160px;
}

.symbol.symbol-160px.symbol-fixed .symbol-label {
    width: 160px;
    height: 160px;
}

.symbol.symbol-160px.symbol-fixed>img {
    width: 160px;
    height: 160px;
    max-width: none;
}

.symbol.symbol-160px.symbol-2by3 .symbol-label {
    height: 160px;
    width: 240px;
}

.symbol.symbol-160px.symbol-2by3>img {
    height: 160px;
    width: 240px;
    max-width: none;
}

.symbol.symbol-175px>img {
    width: 175px;
    height: 175px;
}

.symbol.symbol-175px .symbol-label {
    width: 175px;
    height: 175px;
}

.symbol.symbol-175px.symbol-fixed .symbol-label {
    width: 175px;
    height: 175px;
}

.symbol.symbol-175px.symbol-fixed>img {
    width: 175px;
    height: 175px;
    max-width: none;
}

.symbol.symbol-175px.symbol-2by3 .symbol-label {
    height: 175px;
    width: 262.5px;
}

.symbol.symbol-175px.symbol-2by3>img {
    height: 175px;
    width: 262.5px;
    max-width: none;
}

.symbol.symbol-200px>img {
    width: 200px;
    height: 200px;
}

.symbol.symbol-200px .symbol-label {
    width: 200px;
    height: 200px;
}

.symbol.symbol-200px.symbol-fixed .symbol-label {
    width: 200px;
    height: 200px;
}

.symbol.symbol-200px.symbol-fixed>img {
    width: 200px;
    height: 200px;
    max-width: none;
}

.symbol.symbol-200px.symbol-2by3 .symbol-label {
    height: 200px;
    width: 300px;
}

.symbol.symbol-200px.symbol-2by3>img {
    height: 200px;
    width: 300px;
    max-width: none;
}

@media (min-width: 576px) {
    .symbol.symbol-sm-20px>img {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-sm-20px .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-sm-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-sm-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none;
    }

    .symbol.symbol-sm-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-sm-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none;
    }

    .symbol.symbol-sm-25px>img {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-sm-25px .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-sm-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-sm-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none;
    }

    .symbol.symbol-sm-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-sm-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none;
    }

    .symbol.symbol-sm-30px>img {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-sm-30px .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-sm-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-sm-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none;
    }

    .symbol.symbol-sm-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-sm-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none;
    }

    .symbol.symbol-sm-35px>img {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-sm-35px .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-sm-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-sm-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none;
    }

    .symbol.symbol-sm-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-sm-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none;
    }

    .symbol.symbol-sm-40px>img {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-sm-40px .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-sm-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-sm-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none;
    }

    .symbol.symbol-sm-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-sm-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none;
    }

    .symbol.symbol-sm-45px>img {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-sm-45px .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-sm-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-sm-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none;
    }

    .symbol.symbol-sm-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-sm-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none;
    }

    .symbol.symbol-sm-50px>img {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-sm-50px .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-sm-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-sm-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none;
    }

    .symbol.symbol-sm-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-sm-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none;
    }

    .symbol.symbol-sm-55px>img {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-sm-55px .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-sm-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-sm-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none;
    }

    .symbol.symbol-sm-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-sm-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none;
    }

    .symbol.symbol-sm-60px>img {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-sm-60px .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-sm-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-sm-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none;
    }

    .symbol.symbol-sm-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-sm-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none;
    }

    .symbol.symbol-sm-65px>img {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-sm-65px .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-sm-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-sm-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none;
    }

    .symbol.symbol-sm-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-sm-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none;
    }

    .symbol.symbol-sm-70px>img {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-sm-70px .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-sm-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-sm-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none;
    }

    .symbol.symbol-sm-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-sm-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none;
    }

    .symbol.symbol-sm-75px>img {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-sm-75px .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-sm-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-sm-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none;
    }

    .symbol.symbol-sm-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-sm-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none;
    }

    .symbol.symbol-sm-90px>img {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-sm-90px .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-sm-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-sm-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none;
    }

    .symbol.symbol-sm-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-sm-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none;
    }

    .symbol.symbol-sm-100px>img {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-sm-100px .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-sm-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-sm-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none;
    }

    .symbol.symbol-sm-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-sm-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none;
    }

    .symbol.symbol-sm-125px>img {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-sm-125px .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-sm-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-sm-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none;
    }

    .symbol.symbol-sm-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px;
    }

    .symbol.symbol-sm-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none;
    }

    .symbol.symbol-sm-150px>img {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-sm-150px .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-sm-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-sm-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none;
    }

    .symbol.symbol-sm-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-sm-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none;
    }

    .symbol.symbol-sm-160px>img {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-sm-160px .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-sm-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-sm-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none;
    }

    .symbol.symbol-sm-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px;
    }

    .symbol.symbol-sm-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none;
    }

    .symbol.symbol-sm-175px>img {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-sm-175px .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-sm-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-sm-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none;
    }

    .symbol.symbol-sm-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px;
    }

    .symbol.symbol-sm-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none;
    }

    .symbol.symbol-sm-200px>img {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-sm-200px .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-sm-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-sm-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none;
    }

    .symbol.symbol-sm-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px;
    }

    .symbol.symbol-sm-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none;
    }
}

@media (min-width: 768px) {
    .symbol.symbol-md-20px>img {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-md-20px .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-md-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-md-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none;
    }

    .symbol.symbol-md-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-md-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none;
    }

    .symbol.symbol-md-25px>img {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-md-25px .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-md-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-md-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none;
    }

    .symbol.symbol-md-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-md-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none;
    }

    .symbol.symbol-md-30px>img {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-md-30px .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-md-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-md-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none;
    }

    .symbol.symbol-md-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-md-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none;
    }

    .symbol.symbol-md-35px>img {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-md-35px .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-md-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-md-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none;
    }

    .symbol.symbol-md-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-md-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none;
    }

    .symbol.symbol-md-40px>img {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-md-40px .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-md-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-md-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none;
    }

    .symbol.symbol-md-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-md-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none;
    }

    .symbol.symbol-md-45px>img {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-md-45px .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-md-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-md-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none;
    }

    .symbol.symbol-md-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-md-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none;
    }

    .symbol.symbol-md-50px>img {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-md-50px .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-md-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-md-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none;
    }

    .symbol.symbol-md-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-md-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none;
    }

    .symbol.symbol-md-55px>img {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-md-55px .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-md-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-md-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none;
    }

    .symbol.symbol-md-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-md-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none;
    }

    .symbol.symbol-md-60px>img {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-md-60px .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-md-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-md-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none;
    }

    .symbol.symbol-md-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-md-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none;
    }

    .symbol.symbol-md-65px>img {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-md-65px .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-md-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-md-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none;
    }

    .symbol.symbol-md-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-md-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none;
    }

    .symbol.symbol-md-70px>img {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-md-70px .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-md-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-md-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none;
    }

    .symbol.symbol-md-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-md-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none;
    }

    .symbol.symbol-md-75px>img {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-md-75px .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-md-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-md-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none;
    }

    .symbol.symbol-md-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-md-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none;
    }

    .symbol.symbol-md-90px>img {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-md-90px .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-md-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-md-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none;
    }

    .symbol.symbol-md-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-md-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none;
    }

    .symbol.symbol-md-100px>img {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-md-100px .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-md-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-md-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none;
    }

    .symbol.symbol-md-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-md-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none;
    }

    .symbol.symbol-md-125px>img {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-md-125px .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-md-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-md-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none;
    }

    .symbol.symbol-md-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px;
    }

    .symbol.symbol-md-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none;
    }

    .symbol.symbol-md-150px>img {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-md-150px .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-md-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-md-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none;
    }

    .symbol.symbol-md-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-md-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none;
    }

    .symbol.symbol-md-160px>img {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-md-160px .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-md-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-md-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none;
    }

    .symbol.symbol-md-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px;
    }

    .symbol.symbol-md-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none;
    }

    .symbol.symbol-md-175px>img {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-md-175px .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-md-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-md-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none;
    }

    .symbol.symbol-md-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px;
    }

    .symbol.symbol-md-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none;
    }

    .symbol.symbol-md-200px>img {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-md-200px .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-md-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-md-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none;
    }

    .symbol.symbol-md-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px;
    }

    .symbol.symbol-md-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none;
    }
}

@media (min-width: 992px) {
    .symbol.symbol-lg-20px>img {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-lg-20px .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-lg-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-lg-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none;
    }

    .symbol.symbol-lg-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-lg-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none;
    }

    .symbol.symbol-lg-25px>img {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-lg-25px .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-lg-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-lg-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none;
    }

    .symbol.symbol-lg-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-lg-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none;
    }

    .symbol.symbol-lg-30px>img {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-lg-30px .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-lg-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-lg-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none;
    }

    .symbol.symbol-lg-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-lg-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none;
    }

    .symbol.symbol-lg-35px>img {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-lg-35px .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-lg-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-lg-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none;
    }

    .symbol.symbol-lg-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-lg-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none;
    }

    .symbol.symbol-lg-40px>img {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-lg-40px .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-lg-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-lg-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none;
    }

    .symbol.symbol-lg-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-lg-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none;
    }

    .symbol.symbol-lg-45px>img {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-lg-45px .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-lg-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-lg-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none;
    }

    .symbol.symbol-lg-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-lg-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none;
    }

    .symbol.symbol-lg-50px>img {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-lg-50px .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-lg-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-lg-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none;
    }

    .symbol.symbol-lg-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-lg-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none;
    }

    .symbol.symbol-lg-55px>img {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-lg-55px .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-lg-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-lg-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none;
    }

    .symbol.symbol-lg-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-lg-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none;
    }

    .symbol.symbol-lg-60px>img {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-lg-60px .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-lg-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-lg-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none;
    }

    .symbol.symbol-lg-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-lg-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none;
    }

    .symbol.symbol-lg-65px>img {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-lg-65px .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-lg-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-lg-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none;
    }

    .symbol.symbol-lg-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-lg-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none;
    }

    .symbol.symbol-lg-70px>img {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-lg-70px .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-lg-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-lg-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none;
    }

    .symbol.symbol-lg-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-lg-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none;
    }

    .symbol.symbol-lg-75px>img {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-lg-75px .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-lg-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-lg-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none;
    }

    .symbol.symbol-lg-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-lg-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none;
    }

    .symbol.symbol-lg-90px>img {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-lg-90px .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-lg-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-lg-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none;
    }

    .symbol.symbol-lg-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-lg-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none;
    }

    .symbol.symbol-lg-100px>img {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-lg-100px .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-lg-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-lg-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none;
    }

    .symbol.symbol-lg-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-lg-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none;
    }

    .symbol.symbol-lg-125px>img {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-lg-125px .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-lg-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-lg-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none;
    }

    .symbol.symbol-lg-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px;
    }

    .symbol.symbol-lg-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none;
    }

    .symbol.symbol-lg-150px>img {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-lg-150px .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-lg-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-lg-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none;
    }

    .symbol.symbol-lg-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-lg-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none;
    }

    .symbol.symbol-lg-160px>img {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-lg-160px .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-lg-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-lg-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none;
    }

    .symbol.symbol-lg-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px;
    }

    .symbol.symbol-lg-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none;
    }

    .symbol.symbol-lg-175px>img {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-lg-175px .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-lg-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-lg-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none;
    }

    .symbol.symbol-lg-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px;
    }

    .symbol.symbol-lg-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none;
    }

    .symbol.symbol-lg-200px>img {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-lg-200px .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-lg-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-lg-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none;
    }

    .symbol.symbol-lg-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px;
    }

    .symbol.symbol-lg-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none;
    }
}

@media (min-width: 1200px) {
    .symbol.symbol-xl-20px>img {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xl-20px .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xl-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xl-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none;
    }

    .symbol.symbol-xl-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-xl-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none;
    }

    .symbol.symbol-xl-25px>img {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xl-25px .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xl-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xl-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none;
    }

    .symbol.symbol-xl-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-xl-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none;
    }

    .symbol.symbol-xl-30px>img {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xl-30px .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xl-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xl-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none;
    }

    .symbol.symbol-xl-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-xl-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none;
    }

    .symbol.symbol-xl-35px>img {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xl-35px .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xl-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xl-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none;
    }

    .symbol.symbol-xl-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-xl-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none;
    }

    .symbol.symbol-xl-40px>img {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xl-40px .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xl-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xl-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none;
    }

    .symbol.symbol-xl-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-xl-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none;
    }

    .symbol.symbol-xl-45px>img {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xl-45px .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xl-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xl-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none;
    }

    .symbol.symbol-xl-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-xl-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none;
    }

    .symbol.symbol-xl-50px>img {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xl-50px .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xl-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xl-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none;
    }

    .symbol.symbol-xl-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-xl-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none;
    }

    .symbol.symbol-xl-55px>img {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xl-55px .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xl-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xl-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none;
    }

    .symbol.symbol-xl-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-xl-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none;
    }

    .symbol.symbol-xl-60px>img {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xl-60px .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xl-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xl-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none;
    }

    .symbol.symbol-xl-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-xl-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none;
    }

    .symbol.symbol-xl-65px>img {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xl-65px .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xl-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xl-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none;
    }

    .symbol.symbol-xl-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-xl-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none;
    }

    .symbol.symbol-xl-70px>img {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xl-70px .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xl-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xl-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none;
    }

    .symbol.symbol-xl-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-xl-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none;
    }

    .symbol.symbol-xl-75px>img {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xl-75px .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xl-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xl-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none;
    }

    .symbol.symbol-xl-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-xl-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none;
    }

    .symbol.symbol-xl-90px>img {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xl-90px .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xl-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xl-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none;
    }

    .symbol.symbol-xl-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-xl-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none;
    }

    .symbol.symbol-xl-100px>img {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xl-100px .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xl-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xl-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none;
    }

    .symbol.symbol-xl-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-xl-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none;
    }

    .symbol.symbol-xl-125px>img {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-xl-125px .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-xl-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-xl-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none;
    }

    .symbol.symbol-xl-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px;
    }

    .symbol.symbol-xl-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none;
    }

    .symbol.symbol-xl-150px>img {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xl-150px .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xl-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xl-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none;
    }

    .symbol.symbol-xl-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-xl-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none;
    }

    .symbol.symbol-xl-160px>img {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-xl-160px .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-xl-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-xl-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none;
    }

    .symbol.symbol-xl-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px;
    }

    .symbol.symbol-xl-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none;
    }

    .symbol.symbol-xl-175px>img {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-xl-175px .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-xl-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-xl-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none;
    }

    .symbol.symbol-xl-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px;
    }

    .symbol.symbol-xl-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none;
    }

    .symbol.symbol-xl-200px>img {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-xl-200px .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-xl-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-xl-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none;
    }

    .symbol.symbol-xl-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px;
    }

    .symbol.symbol-xl-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none;
    }
}

@media (min-width: 1400px) {
    .symbol.symbol-xxl-20px>img {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xxl-20px .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xxl-20px.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xxl-20px.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: none;
    }

    .symbol.symbol-xxl-20px.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-xxl-20px.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: none;
    }

    .symbol.symbol-xxl-25px>img {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xxl-25px .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xxl-25px.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xxl-25px.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: none;
    }

    .symbol.symbol-xxl-25px.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-xxl-25px.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: none;
    }

    .symbol.symbol-xxl-30px>img {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xxl-30px .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xxl-30px.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xxl-30px.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: none;
    }

    .symbol.symbol-xxl-30px.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-xxl-30px.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: none;
    }

    .symbol.symbol-xxl-35px>img {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xxl-35px .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xxl-35px.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xxl-35px.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: none;
    }

    .symbol.symbol-xxl-35px.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-xxl-35px.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: none;
    }

    .symbol.symbol-xxl-40px>img {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xxl-40px .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xxl-40px.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xxl-40px.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: none;
    }

    .symbol.symbol-xxl-40px.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-xxl-40px.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: none;
    }

    .symbol.symbol-xxl-45px>img {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xxl-45px .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xxl-45px.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xxl-45px.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: none;
    }

    .symbol.symbol-xxl-45px.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-xxl-45px.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: none;
    }

    .symbol.symbol-xxl-50px>img {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xxl-50px .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xxl-50px.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xxl-50px.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: none;
    }

    .symbol.symbol-xxl-50px.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-xxl-50px.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: none;
    }

    .symbol.symbol-xxl-55px>img {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xxl-55px .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xxl-55px.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xxl-55px.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: none;
    }

    .symbol.symbol-xxl-55px.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-xxl-55px.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: none;
    }

    .symbol.symbol-xxl-60px>img {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xxl-60px .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xxl-60px.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xxl-60px.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: none;
    }

    .symbol.symbol-xxl-60px.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-xxl-60px.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: none;
    }

    .symbol.symbol-xxl-65px>img {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xxl-65px .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xxl-65px.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xxl-65px.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: none;
    }

    .symbol.symbol-xxl-65px.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-xxl-65px.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: none;
    }

    .symbol.symbol-xxl-70px>img {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xxl-70px .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xxl-70px.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xxl-70px.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: none;
    }

    .symbol.symbol-xxl-70px.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-xxl-70px.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: none;
    }

    .symbol.symbol-xxl-75px>img {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xxl-75px .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xxl-75px.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xxl-75px.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: none;
    }

    .symbol.symbol-xxl-75px.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-xxl-75px.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: none;
    }

    .symbol.symbol-xxl-90px>img {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xxl-90px .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xxl-90px.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xxl-90px.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: none;
    }

    .symbol.symbol-xxl-90px.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-xxl-90px.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: none;
    }

    .symbol.symbol-xxl-100px>img {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xxl-100px .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xxl-100px.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xxl-100px.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: none;
    }

    .symbol.symbol-xxl-100px.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-xxl-100px.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: none;
    }

    .symbol.symbol-xxl-125px>img {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-xxl-125px .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-xxl-125px.symbol-fixed .symbol-label {
        width: 125px;
        height: 125px;
    }

    .symbol.symbol-xxl-125px.symbol-fixed>img {
        width: 125px;
        height: 125px;
        max-width: none;
    }

    .symbol.symbol-xxl-125px.symbol-2by3 .symbol-label {
        height: 125px;
        width: 187.5px;
    }

    .symbol.symbol-xxl-125px.symbol-2by3>img {
        height: 125px;
        width: 187.5px;
        max-width: none;
    }

    .symbol.symbol-xxl-150px>img {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xxl-150px .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xxl-150px.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xxl-150px.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: none;
    }

    .symbol.symbol-xxl-150px.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-xxl-150px.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: none;
    }

    .symbol.symbol-xxl-160px>img {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-xxl-160px .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-xxl-160px.symbol-fixed .symbol-label {
        width: 160px;
        height: 160px;
    }

    .symbol.symbol-xxl-160px.symbol-fixed>img {
        width: 160px;
        height: 160px;
        max-width: none;
    }

    .symbol.symbol-xxl-160px.symbol-2by3 .symbol-label {
        height: 160px;
        width: 240px;
    }

    .symbol.symbol-xxl-160px.symbol-2by3>img {
        height: 160px;
        width: 240px;
        max-width: none;
    }

    .symbol.symbol-xxl-175px>img {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-xxl-175px .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-xxl-175px.symbol-fixed .symbol-label {
        width: 175px;
        height: 175px;
    }

    .symbol.symbol-xxl-175px.symbol-fixed>img {
        width: 175px;
        height: 175px;
        max-width: none;
    }

    .symbol.symbol-xxl-175px.symbol-2by3 .symbol-label {
        height: 175px;
        width: 262.5px;
    }

    .symbol.symbol-xxl-175px.symbol-2by3>img {
        height: 175px;
        width: 262.5px;
        max-width: none;
    }

    .symbol.symbol-xxl-200px>img {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-xxl-200px .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-xxl-200px.symbol-fixed .symbol-label {
        width: 200px;
        height: 200px;
    }

    .symbol.symbol-xxl-200px.symbol-fixed>img {
        width: 200px;
        height: 200px;
        max-width: none;
    }

    .symbol.symbol-xxl-200px.symbol-2by3 .symbol-label {
        height: 200px;
        width: 300px;
    }

    .symbol.symbol-xxl-200px.symbol-2by3>img {
        height: 200px;
        width: 300px;
        max-width: none;
    }
}

.symbol-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 10px;
}

.symbol-group .symbol {
    position: relative;
    z-index: 0;
    margin-left: -10px;
    transition: all 0.3s ease;
}

.symbol-group .symbol:hover {
    transition: all 0.3s ease;
    z-index: 1;
}

.symbol-group .symbol-badge {
    border: 2px solid var(--bs-body-bg);
}

.symbol-group .symbol-label {
    position: relative;
}

.symbol-group .symbol-label:after {
    display: block;
    content: " ";
    border-radius: inherit;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 2px solid var(--bs-symbol-border-color);
    -webkit-background-clip: padding-box;
    /* for Safari */
    background-clip: padding-box;
    /* for IE9+, Firefox 4+, Opera, Chrome */
}

.symbol-group.symbol-hover .symbol {
    cursor: pointer;
}

.text-white {
    color: var(--bs-text-white) !important;
}

.text-hover-white {
    transition: color 0.2s ease;
}

.text-hover-white i {
    transition: color 0.2s ease;
}

.text-hover-white:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-white) !important;
}

.text-hover-white:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-white) !important;
}

.text-hover-white:hover .svg-icon {
    color: var(--bs-text-white) !important;
}

.text-active-white {
    transition: color 0.2s ease;
}

.text-active-white i {
    transition: color 0.2s ease;
}

.text-active-white.active {
    transition: color 0.2s ease;
    color: var(--bs-text-white) !important;
}

.text-active-white.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-white) !important;
}

.text-active-white.active .svg-icon {
    color: var(--bs-text-white) !important;
}

.text-primary {
    color: var(--bs-text-primary) !important;
}

.text-inverse-primary {
    color: var(--bs-primary-inverse) !important;
}

.text-light-primary {
    color: var(--bs-primary-light) !important;
}

.text-hover-primary {
    transition: color 0.2s ease;
}

.text-hover-primary i {
    transition: color 0.2s ease;
}

.text-hover-primary:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-primary) !important;
}

.text-hover-primary:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-primary) !important;
}

.text-hover-primary:hover .svg-icon {
    color: var(--bs-text-primary) !important;
}

.text-active-primary {
    transition: color 0.2s ease;
}

.text-active-primary i {
    transition: color 0.2s ease;
}

.text-active-primary.active {
    transition: color 0.2s ease;
    color: var(--bs-text-primary) !important;
}

.text-active-primary.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-primary) !important;
}

.text-active-primary.active .svg-icon {
    color: var(--bs-text-primary) !important;
}

.text-secondary {
    color: var(--bs-text-secondary) !important;
}

.text-inverse-secondary {
    color: var(--bs-secondary-inverse) !important;
}

.text-light-secondary {
    color: var(--bs-secondary-light) !important;
}

.text-hover-secondary {
    transition: color 0.2s ease;
}

.text-hover-secondary i {
    transition: color 0.2s ease;
}

.text-hover-secondary:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-secondary) !important;
}

.text-hover-secondary:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-secondary) !important;
}

.text-hover-secondary:hover .svg-icon {
    color: var(--bs-text-secondary) !important;
}

.text-active-secondary {
    transition: color 0.2s ease;
}

.text-active-secondary i {
    transition: color 0.2s ease;
}

.text-active-secondary.active {
    transition: color 0.2s ease;
    color: var(--bs-text-secondary) !important;
}

.text-active-secondary.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-secondary) !important;
}

.text-active-secondary.active .svg-icon {
    color: var(--bs-text-secondary) !important;
}

.text-light {
    color: var(--bs-text-light) !important;
}

.text-inverse-light {
    color: var(--bs-light-inverse) !important;
}

.text-light-light {
    color: var(--bs-light-light) !important;
}

.text-hover-light {
    transition: color 0.2s ease;
}

.text-hover-light i {
    transition: color 0.2s ease;
}

.text-hover-light:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-light) !important;
}

.text-hover-light:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-light) !important;
}

.text-hover-light:hover .svg-icon {
    color: var(--bs-text-light) !important;
}

.text-active-light {
    transition: color 0.2s ease;
}

.text-active-light i {
    transition: color 0.2s ease;
}

.text-active-light.active {
    transition: color 0.2s ease;
    color: var(--bs-text-light) !important;
}

.text-active-light.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-light) !important;
}

.text-active-light.active .svg-icon {
    color: var(--bs-text-light) !important;
}

.text-success {
    color: var(--bs-text-success) !important;
}

.text-inverse-success {
    color: var(--bs-success-inverse) !important;
}

.text-light-success {
    color: var(--bs-success-light) !important;
}

.text-hover-success {
    transition: color 0.2s ease;
}

.text-hover-success i {
    transition: color 0.2s ease;
}

.text-hover-success:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-success) !important;
}

.text-hover-success:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-success) !important;
}

.text-hover-success:hover .svg-icon {
    color: var(--bs-text-success) !important;
}

.text-active-success {
    transition: color 0.2s ease;
}

.text-active-success i {
    transition: color 0.2s ease;
}

.text-active-success.active {
    transition: color 0.2s ease;
    color: var(--bs-text-success) !important;
}

.text-active-success.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-success) !important;
}

.text-active-success.active .svg-icon {
    color: var(--bs-text-success) !important;
}

.text-info {
    color: var(--bs-text-info) !important;
}

.text-inverse-info {
    color: var(--bs-info-inverse) !important;
}

.text-light-info {
    color: var(--bs-info-light) !important;
}

.text-hover-info {
    transition: color 0.2s ease;
}

.text-hover-info i {
    transition: color 0.2s ease;
}

.text-hover-info:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-info) !important;
}

.text-hover-info:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-info) !important;
}

.text-hover-info:hover .svg-icon {
    color: var(--bs-text-info) !important;
}

.text-active-info {
    transition: color 0.2s ease;
}

.text-active-info i {
    transition: color 0.2s ease;
}

.text-active-info.active {
    transition: color 0.2s ease;
    color: var(--bs-text-info) !important;
}

.text-active-info.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-info) !important;
}

.text-active-info.active .svg-icon {
    color: var(--bs-text-info) !important;
}

.text-warning {
    color: var(--bs-text-warning) !important;
}

.text-inverse-warning {
    color: var(--bs-warning-inverse) !important;
}

.text-light-warning {
    color: var(--bs-warning-light) !important;
}

.text-hover-warning {
    transition: color 0.2s ease;
}

.text-hover-warning i {
    transition: color 0.2s ease;
}

.text-hover-warning:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-warning) !important;
}

.text-hover-warning:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-warning) !important;
}

.text-hover-warning:hover .svg-icon {
    color: var(--bs-text-warning) !important;
}

.text-active-warning {
    transition: color 0.2s ease;
}

.text-active-warning i {
    transition: color 0.2s ease;
}

.text-active-warning.active {
    transition: color 0.2s ease;
    color: var(--bs-text-warning) !important;
}

.text-active-warning.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-warning) !important;
}

.text-active-warning.active .svg-icon {
    color: var(--bs-text-warning) !important;
}

.text-danger {
    color: var(--bs-text-danger) !important;
}

.text-inverse-danger {
    color: var(--bs-danger-inverse) !important;
}

.text-light-danger {
    color: var(--bs-danger-light) !important;
}

.text-hover-danger {
    transition: color 0.2s ease;
}

.text-hover-danger i {
    transition: color 0.2s ease;
}

.text-hover-danger:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-danger) !important;
}

.text-hover-danger:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-danger) !important;
}

.text-hover-danger:hover .svg-icon {
    color: var(--bs-text-danger) !important;
}

.text-active-danger {
    transition: color 0.2s ease;
}

.text-active-danger i {
    transition: color 0.2s ease;
}

.text-active-danger.active {
    transition: color 0.2s ease;
    color: var(--bs-text-danger) !important;
}

.text-active-danger.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-danger) !important;
}

.text-active-danger.active .svg-icon {
    color: var(--bs-text-danger) !important;
}

.text-dark {
    color: var(--bs-text-dark) !important;
}

.text-inverse-dark {
    color: var(--bs-dark-inverse) !important;
}

.text-light-dark {
    color: var(--bs-dark-light) !important;
}

.text-hover-dark {
    transition: color 0.2s ease;
}

.text-hover-dark i {
    transition: color 0.2s ease;
}

.text-hover-dark:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-dark) !important;
}

.text-hover-dark:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-dark) !important;
}

.text-hover-dark:hover .svg-icon {
    color: var(--bs-text-dark) !important;
}

.text-active-dark {
    transition: color 0.2s ease;
}

.text-active-dark i {
    transition: color 0.2s ease;
}

.text-active-dark.active {
    transition: color 0.2s ease;
    color: var(--bs-text-dark) !important;
}

.text-active-dark.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-dark) !important;
}

.text-active-dark.active .svg-icon {
    color: var(--bs-text-dark) !important;
}

.text-muted {
    color: #8b8b8b !important;
}

.text-hover-muted {
    transition: color 0.2s ease;
}

.text-hover-muted i {
    transition: color 0.2s ease;
}

.text-hover-muted:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-muted) !important;
}

.text-hover-muted:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-muted) !important;
}

.text-hover-muted:hover .svg-icon {
    color: var(--bs-text-muted) !important;
}

.text-active-muted {
    transition: color 0.2s ease;
}

.text-active-muted i {
    transition: color 0.2s ease;
}

.text-active-muted.active {
    transition: color 0.2s ease;
    color: var(--bs-text-muted) !important;
}

.text-active-muted.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-muted) !important;
}

.text-active-muted.active .svg-icon {
    color: var(--bs-text-muted) !important;
}

.text-gray-100 {
    color: var(--bs-text-gray-100) !important;
}

.text-hover-gray-100 {
    transition: color 0.2s ease;
}

.text-hover-gray-100 i {
    transition: color 0.2s ease;
}

.text-hover-gray-100:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-100) !important;
}

.text-hover-gray-100:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-100) !important;
}

.text-hover-gray-100:hover .svg-icon {
    color: var(--bs-text-gray-100) !important;
}

.text-active-gray-100 {
    transition: color 0.2s ease;
}

.text-active-gray-100 i {
    transition: color 0.2s ease;
}

.text-active-gray-100.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-100) !important;
}

.text-active-gray-100.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-100) !important;
}

.text-active-gray-100.active .svg-icon {
    color: var(--bs-text-gray-100) !important;
}

.text-gray-200 {
    color: var(--bs-text-gray-200) !important;
}

.text-hover-gray-200 {
    transition: color 0.2s ease;
}

.text-hover-gray-200 i {
    transition: color 0.2s ease;
}

.text-hover-gray-200:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}

.text-hover-gray-200:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}

.text-hover-gray-200:hover .svg-icon {
    color: var(--bs-text-gray-200) !important;
}

.text-active-gray-200 {
    transition: color 0.2s ease;
}

.text-active-gray-200 i {
    transition: color 0.2s ease;
}

.text-active-gray-200.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}

.text-active-gray-200.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}

.text-active-gray-200.active .svg-icon {
    color: var(--bs-text-gray-200) !important;
}

.text-gray-300 {
    color: var(--bs-text-gray-300) !important;
}

.text-hover-gray-300 {
    transition: color 0.2s ease;
}

.text-hover-gray-300 i {
    transition: color 0.2s ease;
}

.text-hover-gray-300:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}

.text-hover-gray-300:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}

.text-hover-gray-300:hover .svg-icon {
    color: var(--bs-text-gray-300) !important;
}

.text-active-gray-300 {
    transition: color 0.2s ease;
}

.text-active-gray-300 i {
    transition: color 0.2s ease;
}

.text-active-gray-300.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}

.text-active-gray-300.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}

.text-active-gray-300.active .svg-icon {
    color: var(--bs-text-gray-300) !important;
}

.text-gray-400 {
    color: var(--bs-text-gray-400) !important;
}

.text-hover-gray-400 {
    transition: color 0.2s ease;
}

.text-hover-gray-400 i {
    transition: color 0.2s ease;
}

.text-hover-gray-400:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}

.text-hover-gray-400:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}

.text-hover-gray-400:hover .svg-icon {
    color: var(--bs-text-gray-400) !important;
}

.text-active-gray-400 {
    transition: color 0.2s ease;
}

.text-active-gray-400 i {
    transition: color 0.2s ease;
}

.text-active-gray-400.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}

.text-active-gray-400.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}

.text-active-gray-400.active .svg-icon {
    color: var(--bs-text-gray-400) !important;
}

.text-gray-500 {
    color: var(--bs-text-gray-500) !important;
}

.text-hover-gray-500 {
    transition: color 0.2s ease;
}

.text-hover-gray-500 i {
    transition: color 0.2s ease;
}

.text-hover-gray-500:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}

.text-hover-gray-500:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}

.text-hover-gray-500:hover .svg-icon {
    color: var(--bs-text-gray-500) !important;
}

.text-active-gray-500 {
    transition: color 0.2s ease;
}

.text-active-gray-500 i {
    transition: color 0.2s ease;
}

.text-active-gray-500.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}

.text-active-gray-500.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}

.text-active-gray-500.active .svg-icon {
    color: var(--bs-text-gray-500) !important;
}

.text-gray-600 {
    color: var(--bs-text-gray-600) !important;
}

.text-hover-gray-600 {
    transition: color 0.2s ease;
}

.text-hover-gray-600 i {
    transition: color 0.2s ease;
}

.text-hover-gray-600:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}

.text-hover-gray-600:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}

.text-hover-gray-600:hover .svg-icon {
    color: var(--bs-text-gray-600) !important;
}

.text-active-gray-600 {
    transition: color 0.2s ease;
}

.text-active-gray-600 i {
    transition: color 0.2s ease;
}

.text-active-gray-600.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}

.text-active-gray-600.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}

.text-active-gray-600.active .svg-icon {
    color: var(--bs-text-gray-600) !important;
}

.text-gray-700 {
    color: var(--bs-text-gray-700) !important;
}

.text-hover-gray-700 {
    transition: color 0.2s ease;
}

.text-hover-gray-700 i {
    transition: color 0.2s ease;
}

.text-hover-gray-700:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}

.text-hover-gray-700:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}

.text-hover-gray-700:hover .svg-icon {
    color: var(--bs-text-gray-700) !important;
}

.text-active-gray-700 {
    transition: color 0.2s ease;
}

.text-active-gray-700 i {
    transition: color 0.2s ease;
}

.text-active-gray-700.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}

.text-active-gray-700.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}

.text-active-gray-700.active .svg-icon {
    color: var(--bs-text-gray-700) !important;
}

.text-gray-800 {
    color: var(--bs-text-gray-800) !important;
}

.text-hover-gray-800 {
    transition: color 0.2s ease;
}

.text-hover-gray-800 i {
    transition: color 0.2s ease;
}

.text-hover-gray-800:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}

.text-hover-gray-800:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}

.text-hover-gray-800:hover .svg-icon {
    color: var(--bs-text-gray-800) !important;
}

.text-active-gray-800 {
    transition: color 0.2s ease;
}

.text-active-gray-800 i {
    transition: color 0.2s ease;
}

.text-active-gray-800.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}

.text-active-gray-800.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}

.text-active-gray-800.active .svg-icon {
    color: var(--bs-text-gray-800) !important;
}

.text-gray-900 {
    color: var(--bs-text-gray-900) !important;
}

.text-hover-gray-900 {
    transition: color 0.2s ease;
}

.text-hover-gray-900 i {
    transition: color 0.2s ease;
}

.text-hover-gray-900:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}

.text-hover-gray-900:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}

.text-hover-gray-900:hover .svg-icon {
    color: var(--bs-text-gray-900) !important;
}

.text-active-gray-900 {
    transition: color 0.2s ease;
}

.text-active-gray-900 i {
    transition: color 0.2s ease;
}

.text-active-gray-900.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}

.text-active-gray-900.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}

.text-active-gray-900.active .svg-icon {
    color: var(--bs-text-gray-900) !important;
}


.opacity-0 {
    opacity: 0 !important;
}

.opacity-5 {
    opacity: 0.05 !important;
}

.opacity-10 {
    opacity: 0.1 !important;
}

.opacity-15 {
    opacity: 0.15 !important;
}

.opacity-20 {
    opacity: 0.2 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.bg-white {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #ffffff !important;
}

.bg-black {
    --bs-bg-rgb-color: var(--bs-black-bg-rgb);
    background-color: #000000 !important;
}

.bg-body {
    --bs-bg-rgb-color: var(--bs-body-bg-rgb);
    background-color: var(--bs-body-bg) !important;
}

.bg-hover-body {
    cursor: pointer;
}

.bg-hover-body:hover {
    background-color: var(--bs-body-bg) !important;
}

.bg-active-body.active {
    background-color: var(--bs-body-bg) !important;
}

.bg-state-body {
    cursor: pointer;
}

.bg-state-body.active,
.bg-state-body:hover {
    background-color: var(--bs-body-bg) !important;
}

.bg-hover-white {
    cursor: pointer;
}

.bg-hover-white:hover {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #ffffff !important;
}

.bg-active-white.active {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #ffffff !important;
}

.bg-state-white {
    cursor: pointer;
}

.bg-state-white.active,
.bg-state-white:hover {
    --bs-bg-rgb-color: var(--bs-white-bg-rgb);
    background-color: #ffffff !important;
}

.bg-light-light {
    background-color: var(--bs-light-light) !important;
}

.bg-light {
    --bs-bg-rgb-color: var(--bs-light-rgb);
    background-color: var(--bs-light) !important;
}

.bg-light-active {
    --bs-bg-rgb-color: var(--bs-light-active-rgb);
    background-color: var(--bs-light-active) !important;
}

.bg-hover-light-light {
    cursor: pointer;
}

.bg-hover-light-light:hover {
    background-color: var(--bs-light-light) !important;
}

.bg-state-light-light {
    cursor: pointer;
}

.bg-state-light-light.active,
.bg-state-light-light:hover {
    background-color: var(--bs-light-light) !important;
}

.bg-hover-light {
    cursor: pointer;
}

.bg-hover-light:hover {
    background-color: var(--bs-light) !important;
}

.bg-active-light.active {
    background-color: var(--bs-light) !important;
}

.bg-state-light {
    cursor: pointer;
}

.bg-state-light.active,
.bg-state-light:hover {
    background-color: var(--bs-light) !important;
}

.bg-light-primary {
    background-color: var(--bs-primary-light) !important;
}

.bg-primary {
    --bs-bg-rgb-color: var(--bs-primary-rgb);
    background-color: var(--bs-primary) !important;
}

.bg-primary-active {
    --bs-bg-rgb-color: var(--bs-primary-active-rgb);
    background-color: var(--bs-primary-active) !important;
}

.bg-hover-light-primary {
    cursor: pointer;
}

.bg-hover-light-primary:hover {
    background-color: var(--bs-primary-light) !important;
}

.bg-state-light-primary {
    cursor: pointer;
}

.bg-state-light-primary.active,
.bg-state-light-primary:hover {
    background-color: var(--bs-primary-light) !important;
}

.bg-hover-primary {
    cursor: pointer;
}

.bg-hover-primary:hover {
    background-color: var(--bs-primary) !important;
}

.bg-active-primary.active {
    background-color: var(--bs-primary) !important;
}

.bg-state-primary {
    cursor: pointer;
}

.bg-state-primary.active,
.bg-state-primary:hover {
    background-color: var(--bs-primary) !important;
}

.bg-light-secondary {
    background-color: var(--bs-secondary-light) !important;
}

.bg-secondary {
    --bs-bg-rgb-color: var(--bs-secondary-rgb);
    background-color: var(--bs-secondary) !important;
}

.bg-secondary-active {
    --bs-bg-rgb-color: var(--bs-secondary-active-rgb);
    background-color: var(--bs-secondary-active) !important;
}

.bg-hover-light-secondary {
    cursor: pointer;
}

.bg-hover-light-secondary:hover {
    background-color: var(--bs-secondary-light) !important;
}

.bg-state-light-secondary {
    cursor: pointer;
}

.bg-state-light-secondary.active,
.bg-state-light-secondary:hover {
    background-color: var(--bs-secondary-light) !important;
}

.bg-hover-secondary {
    cursor: pointer;
}

.bg-hover-secondary:hover {
    background-color: var(--bs-secondary) !important;
}

.bg-active-secondary.active {
    background-color: var(--bs-secondary) !important;
}

.bg-state-secondary {
    cursor: pointer;
}

.bg-state-secondary.active,
.bg-state-secondary:hover {
    background-color: var(--bs-secondary) !important;
}

.bg-light-success {
    background-color: var(--bs-success-light) !important;
}

.bg-success {
    --bs-bg-rgb-color: var(--bs-success-rgb);
    background-color: var(--bs-success) !important;
}

.bg-success-active {
    --bs-bg-rgb-color: var(--bs-success-active-rgb);
    background-color: var(--bs-success-active) !important;
}

.bg-hover-light-success {
    cursor: pointer;
}

.bg-hover-light-success:hover {
    background-color: var(--bs-success-light) !important;
}

.bg-state-light-success {
    cursor: pointer;
}

.bg-state-light-success.active,
.bg-state-light-success:hover {
    background-color: var(--bs-success-light) !important;
}

.bg-hover-success {
    cursor: pointer;
}

.bg-hover-success:hover {
    background-color: var(--bs-success) !important;
}

.bg-active-success.active {
    background-color: var(--bs-success) !important;
}

.bg-state-success {
    cursor: pointer;
}

.bg-state-success.active,
.bg-state-success:hover {
    background-color: var(--bs-success) !important;
}

.bg-light-info {
    background-color: var(--bs-info-light) !important;
}

.bg-info {
    --bs-bg-rgb-color: var(--bs-info-rgb);
    background-color: var(--bs-info) !important;
}

.bg-info-active {
    --bs-bg-rgb-color: var(--bs-info-active-rgb);
    background-color: var(--bs-info-active) !important;
}

.bg-hover-light-info {
    cursor: pointer;
}

.bg-hover-light-info:hover {
    background-color: var(--bs-info-light) !important;
}

.bg-state-light-info {
    cursor: pointer;
}

.bg-state-light-info.active,
.bg-state-light-info:hover {
    background-color: var(--bs-info-light) !important;
}

.bg-hover-info {
    cursor: pointer;
}

.bg-hover-info:hover {
    background-color: var(--bs-info) !important;
}

.bg-active-info.active {
    background-color: var(--bs-info) !important;
}

.bg-state-info {
    cursor: pointer;
}

.bg-state-info.active,
.bg-state-info:hover {
    background-color: var(--bs-info) !important;
}

.bg-light-warning {
    background-color: var(--bs-warning-light) !important;
}

.bg-warning {
    --bs-bg-rgb-color: var(--bs-warning-rgb);
    background-color: var(--bs-warning) !important;
}

.bg-warning-active {
    --bs-bg-rgb-color: var(--bs-warning-active-rgb);
    background-color: var(--bs-warning-active) !important;
}

.bg-hover-light-warning {
    cursor: pointer;
}

.bg-hover-light-warning:hover {
    background-color: var(--bs-warning-light) !important;
}

.bg-state-light-warning {
    cursor: pointer;
}

.bg-state-light-warning.active,
.bg-state-light-warning:hover {
    background-color: var(--bs-warning-light) !important;
}

.bg-hover-warning {
    cursor: pointer;
}

.bg-hover-warning:hover {
    background-color: var(--bs-warning) !important;
}

.bg-active-warning.active {
    background-color: var(--bs-warning) !important;
}

.bg-state-warning {
    cursor: pointer;
}

.bg-state-warning.active,
.bg-state-warning:hover {
    background-color: var(--bs-warning) !important;
}

.bg-light-danger {
    background-color: var(--bs-danger-light) !important;
}

.bg-danger {
    --bs-bg-rgb-color: var(--bs-danger-rgb);
    background-color: var(--bs-danger) !important;
}

.bg-danger-active {
    --bs-bg-rgb-color: var(--bs-danger-active-rgb);
    background-color: var(--bs-danger-active) !important;
}

.bg-hover-light-danger {
    cursor: pointer;
}

.bg-hover-light-danger:hover {
    background-color: var(--bs-danger-light) !important;
}

.bg-state-light-danger {
    cursor: pointer;
}

.bg-state-light-danger.active,
.bg-state-light-danger:hover {
    background-color: var(--bs-danger-light) !important;
}

.bg-hover-danger {
    cursor: pointer;
}

.bg-hover-danger:hover {
    background-color: var(--bs-danger) !important;
}

.bg-active-danger.active {
    background-color: var(--bs-danger) !important;
}

.bg-state-danger {
    cursor: pointer;
}

.bg-state-danger.active,
.bg-state-danger:hover {
    background-color: var(--bs-danger) !important;
}

.bg-light-dark {
    background-color: var(--bs-dark-light) !important;
}

.bg-dark {
    --bs-bg-rgb-color: var(--bs-dark-rgb);
    background-color: var(--bs-dark) !important;
}

.bg-dark-active {
    --bs-bg-rgb-color: var(--bs-dark-active-rgb);
    background-color: var(--bs-dark-active) !important;
}

.bg-hover-light-dark {
    cursor: pointer;
}

.bg-hover-light-dark:hover {
    background-color: var(--bs-dark-light) !important;
}

.bg-state-light-dark {
    cursor: pointer;
}

.bg-state-light-dark.active,
.bg-state-light-dark:hover {
    background-color: var(--bs-dark-light) !important;
}

.bg-hover-dark {
    cursor: pointer;
}

.bg-hover-dark:hover {
    background-color: var(--bs-dark) !important;
}

.bg-active-dark.active {
    background-color: var(--bs-dark) !important;
}

.bg-state-dark {
    cursor: pointer;
}

.bg-state-dark.active,
.bg-state-dark:hover {
    background-color: var(--bs-dark) !important;
}

.bg-gray-100 {
    --bs-bg-rgb-color: var(--bs-gray-100-rgb);
    background-color: var(--bs-gray-100);
}

.bg-hover-gray-100:hover {
    --bs-bg-rgb-color: var(--bs-gray-100-rgb);
    background-color: var(--bs-gray-100);
}

.bg-gray-100i {
    --bs-bg-rgb-color: var(--bs-gray-100-rgb);
    background-color: var(--bs-gray-100) !important;
}

.bg-gray-200 {
    --bs-bg-rgb-color: var(--bs-gray-200-rgb);
    background-color: var(--bs-gray-200);
}

.bg-hover-gray-200:hover {
    --bs-bg-rgb-color: var(--bs-gray-200-rgb);
    background-color: var(--bs-gray-200);
}

.bg-gray-200i {
    --bs-bg-rgb-color: var(--bs-gray-200-rgb);
    background-color: var(--bs-gray-200) !important;
}

.bg-gray-300 {
    --bs-bg-rgb-color: var(--bs-gray-300-rgb);
    background-color: var(--bs-gray-300);
}

.bg-hover-gray-300:hover {
    --bs-bg-rgb-color: var(--bs-gray-300-rgb);
    background-color: var(--bs-gray-300);
}

.bg-gray-300i {
    --bs-bg-rgb-color: var(--bs-gray-300-rgb);
    background-color: var(--bs-gray-300) !important;
}

.bg-gray-400 {
    --bs-bg-rgb-color: var(--bs-gray-400-rgb);
    background-color: var(--bs-gray-400);
}

.bg-hover-gray-400:hover {
    --bs-bg-rgb-color: var(--bs-gray-400-rgb);
    background-color: var(--bs-gray-400);
}

.bg-gray-400i {
    --bs-bg-rgb-color: var(--bs-gray-400-rgb);
    background-color: var(--bs-gray-400) !important;
}

.bg-gray-500 {
    --bs-bg-rgb-color: var(--bs-gray-500-rgb);
    background-color: var(--bs-gray-500);
}

.bg-hover-gray-500:hover {
    --bs-bg-rgb-color: var(--bs-gray-500-rgb);
    background-color: var(--bs-gray-500);
}

.bg-gray-500i {
    --bs-bg-rgb-color: var(--bs-gray-500-rgb);
    background-color: var(--bs-gray-500) !important;
}

.bg-gray-600 {
    --bs-bg-rgb-color: var(--bs-gray-600-rgb);
    background-color: var(--bs-gray-600);
}

.bg-hover-gray-600:hover {
    --bs-bg-rgb-color: var(--bs-gray-600-rgb);
    background-color: var(--bs-gray-600);
}

.bg-gray-600i {
    --bs-bg-rgb-color: var(--bs-gray-600-rgb);
    background-color: var(--bs-gray-600) !important;
}

.bg-gray-700 {
    --bs-bg-rgb-color: var(--bs-gray-700-rgb);
    background-color: var(--bs-gray-700);
}

.bg-hover-gray-700:hover {
    --bs-bg-rgb-color: var(--bs-gray-700-rgb);
    background-color: var(--bs-gray-700);
}

.bg-gray-700i {
    --bs-bg-rgb-color: var(--bs-gray-700-rgb);
    background-color: var(--bs-gray-700) !important;
}

.bg-gray-800 {
    --bs-bg-rgb-color: var(--bs-gray-800-rgb);
    background-color: var(--bs-gray-800);
}

.bg-hover-gray-800:hover {
    --bs-bg-rgb-color: var(--bs-gray-800-rgb);
    background-color: var(--bs-gray-800);
}

.bg-gray-800i {
    --bs-bg-rgb-color: var(--bs-gray-800-rgb);
    background-color: var(--bs-gray-800) !important;
}

.bg-gray-900 {
    --bs-bg-rgb-color: var(--bs-gray-900-rgb);
    background-color: var(--bs-gray-900);
}

.bg-hover-gray-900:hover {
    --bs-bg-rgb-color: var(--bs-gray-900-rgb);
    background-color: var(--bs-gray-900);
}

.bg-gray-900i {
    --bs-bg-rgb-color: var(--bs-gray-900-rgb);
    background-color: var(--bs-gray-900) !important;
}

.bg-opacity-0 {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important;
}

.bg-hover-opacity-0:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important;
}

.bg-active-opacity-0.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important;
}

.bg-state-opacity-0 .active,
.bg-state-opacity-0:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0) !important;
}

.bg-opacity-5 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important;
}

.bg-hover-opacity-5:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important;
}

.bg-active-opacity-5.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important;
}

.bg-state-opacity-5 .active,
.bg-state-opacity-5:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.05) !important;
}

.bg-opacity-10 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important;
}

.bg-hover-opacity-10:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important;
}

.bg-active-opacity-10.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important;
}

.bg-state-opacity-10 .active,
.bg-state-opacity-10:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.1) !important;
}

.bg-opacity-15 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important;
}

.bg-hover-opacity-15:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important;
}

.bg-active-opacity-15.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important;
}

.bg-state-opacity-15 .active,
.bg-state-opacity-15:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.15) !important;
}

.bg-opacity-20 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important;
}

.bg-hover-opacity-20:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important;
}

.bg-active-opacity-20.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important;
}

.bg-state-opacity-20 .active,
.bg-state-opacity-20:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.2) !important;
}

.bg-opacity-25 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important;
}

.bg-hover-opacity-25:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important;
}

.bg-active-opacity-25.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important;
}

.bg-state-opacity-25 .active,
.bg-state-opacity-25:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.25) !important;
}

.bg-opacity-50 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important;
}

.bg-hover-opacity-50:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important;
}

.bg-active-opacity-50.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important;
}

.bg-state-opacity-50 .active,
.bg-state-opacity-50:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.5) !important;
}

.bg-opacity-75 {
    background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important;
}

.bg-hover-opacity-75:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important;
}

.bg-active-opacity-75.active {
    background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important;
}

.bg-state-opacity-75 .active,
.bg-state-opacity-75:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 0.75) !important;
}

.bg-opacity-100 {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important;
}

.bg-hover-opacity-100:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important;
}

.bg-active-opacity-100.active {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important;
}

.bg-state-opacity-100 .active,
.bg-state-opacity-100:hover {
    background-color: rgba(var(--bs-bg-rgb-color), 1) !important;
}






/*
product list view
*/

/* .product-list-view .product {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    gap: 1.25rem !important;
    padding: 0rem !important;
    overflow: hidden;
} */

/* @media (max-width: 479px) {
    .product-list-view .product {
        padding: 0rem!important;
        gap: 0.75rem !important;
    }
    .mobile_two_items.product-list-view,
    .product-list-view {
        --minWidth: 18rem !important;
    }
} */

/* .product-list-view .product .product__top {
    inline-size: 7rem !important;
    block-size: 7rem !important;
    min-inline-size: 7rem!important;
} */

/* .product-list-view .product .product__summary {
    padding: 0.4rem 0rem 0rem 0rem !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    text-align: start;
    gap: 0.5rem !important;
    max-inline-size: calc(100% - 10rem);
    flex-grow: 1;
} */

/* .product__discount-badge {
    padding: 0.3rem !important;
} */
/* .app-bar{
   bottom : 2xp !important;
} */
.app-bar svg {
    /* fill: #6c757d !important; */
    stroke: #6c757d;
    stroke-width: 1.5;
}

.app-bar .active svg {
    /* stroke: #000000; */
    stroke: var(--bs-primary) !important;

    fill: var(--bs-primary) !important;
}

.app-bar .active .count {
    color: #ffff !important;
    font-size: 0.7rem !important;
}

@media (max-width: 767px) {
    body {
        font-size: 1rem !important;
        font-weight: 500 !important;
        padding-bottom: 60px !important;
    }
}



#searchModal .search-bar {
    background-color: var(--bs-light) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    block-size: 2.8rem !important;
    border-radius: .6rem !important;
}

#searchModal .search-bar input {
    block-size: 2.8rem !important;
    background-color: transparent !important;
    border: 0;
    /* padding-inline: 1rem; */
}

#searchModal .search-bar .search-icon {
    padding-inline-start: 15px;
    font-size: 1rem;
}

#searchModal ::placeholder {
    color: rgba(0, 0, 0, 0.598) !important;
    opacity: 1 !important;
}

#searchModal .sticky {
    display: block !important;
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
    z-index: 999;
    inline-size: 100%;
    background-color: var(--bs-white);
}




/* Main scroll bar container */






/* Main Categories Scrollbar */
.main-category-scrollbar {
    width: 100%;
    overflow-x: auto;
    /* Enable horizontal scrolling */
    white-space: nowrap;
    /* Keep items in one line */
    background-color: var(--bs-white);
    /* Light background */
    padding-top: 4px;
    -ms-overflow-style: none;
    /* Hide scrollbar for IE/Edge */
    scrollbar-width: none;
    /* Hide scrollbar for Firefox */
}

.main-category-scrollbar::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar for Chrome/Safari */
}

.profile-menu-aside::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar for Chrome/Safari */
}

/* Scroll Container */
.scroll-container {
    display: inline-flex;
    /* Display items in a single row */
    gap: 20px;
    /* Space between items */
    /* padding: 0 15px; */
}

/* Scrollable Item */
.scroll-item {
    text-decoration: none;
    color: var(--bs-primary);
    opacity: 0.9;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0px;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
    /* Prevent wrapping */
    transition: all 0.3s ease-in-out;
}

/* Hover Effect */
.scroll-item:hover {
    color: var(--bs-primary);
    /* Highlight text color */
    border-bottom: 2px solid var(--bs-primary);
}

/* Active State */
.scroll-item.active {
    color: var(--title-color);
    /* Highlight active text */
    border-bottom: 4px solid var(--bs-primary);
    /* Underline effect for active item */
    cursor: default;
    /* Make it look inactive */
    opacity: 1;

}

/* Optional: Subcategories Container Styling */
.subcategories-container {
    text-align: center;
    padding: 20px;
    font-size: 18px;
    color: #555;
}













/* Slick Carousel Styling */
/*

/* Swiper Container */
.categories-swiper {
    direction: rtl !important;
    /* دعم اتجاه التمرير من اليمين إلى اليسار */
    padding: 10px 0;
    background-color: transparent;
}

/* [dir="rtl"] .swiper-wrapper {
    direction: rtl;
} */


/* Individual Category Item */
.category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    transition: transform 0.3s ease;

}

.category-item img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.category-item span {
    font-size: 1rem !important;
    font-weight: 600;
}


@media screen and (max-width: 500px) {
    .category-item img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .category-item span {
        font-size: 12px !important;
        /* font-weight: bold; */
        /* color: #555; */
    }
}

.category-item:hover img {
    transform: scale(1.1);
}

.sub-category-item {
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
    background: #ffffff;
    align-items: center;
    text-align: center;
    text-decoration: none;
    /* padding: 5px; */
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    transition: transform 0.3s ease;
    padding-inline-end: 20px;

}

.sub-category-item img {
    width: 40px;
    height: 40px;
    border-radius: 15%;
    object-fit: cover;
    /* margin-bottom: 8px; */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.sub-category-item span {
    font-size: .8rem !important;
    white-space: nowrap;
    font-weight: 600;
    /* margin-inline-start: 5px; */
}


.swiper-lazy-preloader {
    width: 50px;
    height: 50px;
    border: 4px solid #ccc;
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.option-select-btn.product-view-option label>* {
    background-color: transparent;
    padding: 0rem;
    /* font-size: 1.2rem; */
    opacity: .8;

}

.filter-btn {
    padding: 0px !important;
    padding-inline-end: 4px !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.main-header {
    position: sticky;
    z-index: 2;
    top: -2px;
}

.section .section--title .title {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
    font-weight: 700 !important;
}

.section .section--title.section--title2 .title {
    font-size: 2.1rem !important;
    font-weight: 500 !important;
}

.section .section--title::after {
    content: "";
    display: block;
    width: 50px;
    height: 5px;
    background: #2b2b2b;
    margin: 0 auto;
    margin: 15px auto 0;
}

.section .section--title.section--title2::after {
    content: "";
    display: none !important;

}

.product__title {
    font-size: 18px !important;
    font-weight: 500 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* يخلي النص ما يزيدش عن سطرين */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;     /* يخلي النص يلف للسطر الثاني */
    font-size: 14px;         /* تتحكم بحجم الخط */
    line-height: 1.4;
    min-height: calc(1.4em * 2); /* يخلي المساحة ثابته لسطرين */
}


.product__new-price {
    font-size: 15px !important;
}
.product__old-price {
    font-size: 13px !important;
    color: grey;
}

/* @media (max-width: 992px) {
    .section .section--title .title {
        font-size: 1.5rem !important;;
        line-height: 2rem !important;;
    }
    .section .section--title.section--title2 .title {
        font-size: 2.1rem !important;
        font-weight: 500 !important;
    }
    .section .section--title::after {
        content: "";
        display: none !important;

    }
} */

@media (max-width: 786px) {
    .section .section--title .title {
        font-size: 1.3rem !important;
        ;
        line-height: 2rem !important;
        ;
    }

    .section .section--title::after {
        content: "";
        display: none !important;

    }

    .section .section--title.section--title2 .title {
        font-size: 1.3rem !important;
        font-weight: 500 !important;
    }

    .product__title {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    /* .product-price {
        font-size: 15px !important;
    } */
}


/* Set the width of the scrollbar */
::-webkit-scrollbar {
    width: 5px !important;
    /* Change this value for your desired width */
}

/* Customize the scrollbar track */
::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    /* Track color */
}

/* Customize the scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
    background: #976c0d !important;
    /* Thumb color */
    border-radius: 5px;
    /* Rounded corners (optional) */
}

/* Optionally, add a hover effect for the thumb */
::-webkit-scrollbar-thumb:hover {
    background: #555 !important;
    /* Change thumb color on hover */
}


[dir=ltr] .revers-ltr {
    transform: rotate(180deg);
}



.product--cart .btn-add-to-cart {
    border: 0;
    outline: none;
    transition: all .45s;
    padding: 10px 6px 5px;
    font-size: 14px;
    overflow: hidden;
    position: relative
}

.product--cart .btn-add-to-cart.btn-add-to-cart-up {
    padding: 6px 6px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    width: 100%;
    background: rgba(221, 221, 221, .8);
    z-index: 1
}

.product--cart .btn-add-to-cart.btn-add-to-cart-up * {
    color: #000 !important
}

.product--cart .btn-add-to-cart.btn-add-to-cart-up * svg {
    width: 16px
}

.product--cart .btn-add-to-cart.btn-add-to-cart-up * svg path,
.product--cart .btn-add-to-cart.btn-add-to-cart-up * svg line {
    stroke: #000 !important
}

.product--cart .btn-add-to-cart.btn-add-to-cart-up:hover * {
    color: #fff !important
}

.product--cart .btn-add-to-cart.btn-add-to-cart-up:hover * svg {
    width: 16px
}

.product--cart .btn-add-to-cart.btn-add-to-cart-up:hover * svg path,
.product--cart .btn-add-to-cart.btn-add-to-cart-up:hover * svg line {
    stroke: #fff !important
}

.product--cart .btn-add-to-cart.btn-footer {
    padding: 7px;
    font-size: 12px;
    border: 1px solid var(--primary);
    border-radius: 6px;
    color: var(--primary);
    background: rgba(0, 0, 0, 0);
    outline: none;
    width: 35px;
    height: 35px
}

.product--cart .btn-add-to-cart.btn-footer::before {
    display: none
}

.product--cart .btn-add-to-cart.btn-footer:hover {
    background: var(--primary);
    color: var(--text-color-primary-bg)
}

.product--cart:hover .btn-add-to-cart.btn-add-to-cart-up {
    bottom: -1px
}

.btn--custom * {
    z-index: 2;
    position: relative !important
}

.btn--custom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: unset;
    width: 0;
    z-index: 1;
    height: 100%;
    background: var(--bs-primary);
    transition: all .3s ease
}

.btn--custom:hover * {
    color: var(--primary-revers) !important
}

.btn--custom:hover * svg path,
.btn--custom:hover * svg line {
    stroke: var(--primary-revers) !important
}

.btn--custom:hover::before {
    width: 100% !important;
    right: 0;
    left: unset
}

.animated {
    animation-duration: 400ms;
    animation-fill-mode: both
}




.product--cart .wrapper--image {
    width: 400px;
    position: relative;
    overflow: hidden
}

.product--cart .wrapper--image::after {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 1;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
    pointer-events: none
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.product--cart .wrapper--image:hover::after {
    animation: shine .75s
}

.aside .separator {
    /* margin-inline: -16px; */
    height: 2px;
    background: #e4e4e4;
}

.aside-categories .title {
    font-size: 14px !important;
    font-weight: bold !important;
}

.fs-14px {
    font-size: 14px !important;
}

.aside-categories span .title {
    font-size: 14px !important;
}

.aside-body li.has-sub-item:after {
    font-size: .9rem !important;
    color: #000;
    font-weight: bold;

}

.filter-toggle-aside.active {
    position: sticky;
    top: 66px;
}

@media (max-width: 786px) {
    .filter-toggle-aside.active {
        position: fixed !important;
        /* top: 100px !important; */
        height: 100vh !important;
    }
}

.filter-item {
    margin-bottom: 10px;
}

.filter-item>.title {
    margin-bottom: 10px !important;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.filter-options {
    display: flex;
    gap: 10px;
}

.filter-options .option {
    padding-inline: 12px;
    background: var(--bs-gray);
    border-radius: 11px;
    padding-block: 4px;
    display: flex;
    gap: 10px;
}

.filter-options .title {
    font-size: 13px;
    color: var(--bs-dark);
    ;
}

.swiper-pagination-bullet {
    background-color: #939292 !important;
    opacity: 1 !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    width: 8px !important
}

.swiper-pagination-bullet-active {
    background-color: #ffffff !important;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 50px !important;
    width: 100%
}

.product-details-content .product_title {
    font-size: 25px !important;
    font-weight: bold !important;
}

@media screen {}

.label-p-title {
    color: #8b8b8b;
    font-weight: bold;
    font-size: 14px;
}

.short-desc {
    color: dark;
}

.discounted_unit_price {
    font-size: 26px !important;
    font-weight: bold !important;
}

/* .product-option {
  gap: 70px !important;
} */
.gap-6 {
    gap: 4rem !important;
}

.product-option .title {
    font-size: 14px;

    /* font-weight: bold; */
}

.product-details-content .option-select-btn label>* {
    border: 1px solid;
    padding: 7px 10px !important;
    font-size: .9rem !important;
    font-weight: normal !important;
}

.product-details-content .option-select-btn.custom_01_option label input:checked~* {
    border: 1px solid #fff;
    outline: 1px solid var(--bs-primary);
}

.quantity--style-two {
    border-color: #686464;
    padding: 4px 12px;
    border-radius: 14px;

}

.quantity--style-two .quantity__qty {
    font-weight: bold !important;
    font-size: 17px !important;


}

.quantity__minus i,
.quantity__plus i {
    font-size: 25px;
    font-weight: bolder;
}

/* .product_quantity__qty{
  color: #fff !important;
} */

.product-share-icons-2 ul {
    display: flex;
    gap: 20px;
    list-style: none;
    align-items: center;
    margin-bottom: 0px !important;
}

.product-share-icons-2 ul i {
    font-size: 18px;
}

.product-details-btn {
    padding-block: 12px !important;
}


.product-details-btn:hover svg path,
.product-details-btn:focus svg path {
    fill: currentColor !important;
}

.list-rating li {
    display: grid;
    grid-template-columns: 1.125rem 1fr !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem !important;
}

.list-rating .review-name {
    font-weight: bold;
}

.list-rating .progress {
    height: 12px !important;
    /* border-radius: 0.25rem; */
}

.sub-categories .auto-item-width {
    --width: fit-content;
}

@media (max-width: 575px) {
    .sub-categories .auto-item-width {
        --width: fit-content;
    }
}

.sub-categories .auto-item-width .swiper-slide {
    max-inline-size: fit-content;
    min-inline-size: fit-content;
}

.product-details-sticky {
    position: fixed;
    bottom: 200px;
    z-index: 9999;
    width: 100%;
    /* bottom: 0; */
    background: #fff;
    box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.08);
    border-radius: 20px 20px 0 0;
    opacity: 1;
    /* visibility: hidden; */
    /* transform: translateY(100%); */
    transition: all 0.3s;
}

@media (max-width: 575px) {
    .sub-categories .auto-item-width .swiper-slide {
        --width: fit-content;
    }

    .product-details-content .product_title {
        font-size: 20px !important;
    }

    .cart_information .avatar {
        --size: 6rem !important;
        block-size: 7rem !important;
    }

    .cart-page .card {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

    .cart-page .card .card-body {
        padding: 0px !important;
    }

    .cart-page {
        background: var(---bg-white) !important;
    }

    .cart-page .product-box {
        border: solid #eae7e7 1px;
        background-color: var(--bs-white);
    }

    .cart-page .product-box .product-title {
        font-size: 15px;
        line-height: 23px !important;
        font-weight: bold;
    }

    .cart-page .product-box .product__new-price {
        font-size: 17px;
        color: var(--bs-danger);
    }

    .btn {
        /* --bs-btn-padding-x: 1.7rem !important; */
        --bs-btn-padding-y: 0.55rem !important;
        --bs-btn-font-size: 1rem !important;
    }

    .order-summery .coupon-code {
        block-size: 4rem !important;
    }

    .wish-list {
        margin-top: 0px !important;
    }

    .wish-list .avatar {
        --size: 5rem !important;
        block-size: 6rem !important;
    }

    .wish-list .discounted_unit_price {
        font-size: 18px !important;

    }

    .wish-list .total_unit_price {
        font-size: 14px !important;
    }

    .main-content:has(.wish-list) {
        background-color: var(--bs-white) !important;
    }

    body:has(.wish-list) {
        background-color: var(--bs-white) !important;
    }

    .product-details-page .quickview-content .swiper-wrapper {
        height: 400px !important;

    }

    .product-details-page .quickview-content .swiper-slide img {
        /* inline-size: 100%; */
        block-size: 100% !important;
        /* -o-object-fit: cover;
  object-fit: cover;
  display: block; */
    }

    .product-details-page .quickview-content .swiper-slide a {
        height: 100%;
    }

}

.orders-page {
    background-color: var(--bs-white) !important;
}

.orders-page .orders-card {
    background-color: var(--bs-white) !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0px !important;
}

.orders-page .orders-card .card-body {
    padding: 0px !important;
}

/* d-flex gap-2 justify-content-between p-3 border border-grey rounded  mb-3 */
.orders-page .order-box {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    padding: 1rem 1rem;
    border: solid #eae7e7 1px;
    background-color: var(--bs-white);
    border-radius: 10px;
    margin-bottom: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}

.orders-nav {
    margin-bottom: 5px;
}

.orders-nav button {
    border: 1px solid #d7d5d5;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    padding-block: 7px;
    padding-inline: 19px;
    background-color: var(--bs-white);

}

.orders-nav .active {
    background-color: var(--bs-secondary);
    /* color: var(--bs-white) !important; */

}

.nav-categories {
    display: flex;
    flex-direction: row;
    gap: 5px;
    flex-wrap: wrap;
    column-gap: 13px;
    row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0px !important;
    list-style: none;
}

.nav-categories .nav-item {
    font-size: 14px;
}

.nav-categories .nav-item .get-view-by-onclick {
    font-size: 14px;
}


.nav-categories .dropdown-menu li {
    padding: .25rem .5rem !important;
    border-bottom: 0 !important;
}

.nav-categories .dropdown-menu li .dropdown-item {
    font-size: 13px !important;
}


.nav-categories .nav-item.dropdown {
    position: relative;
}

.nav-categories .nav-item.dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
}

.nav-categories .nav-item.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.header-main .lang-currency-ul>li {
    padding-inline: 8px !important;
}

.header-main .search-bar {
    box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
    block-size: 3rem !important;
    background-color: var(--bs-white) !important;
    border-radius: 3px !important;
}

.header-main .search-bar input {
    block-size: 3rem !important;
    background-color: transparent !important;
    border: 0;
    padding-inline: 1rem;
}


.header-main .search-dialog {
    position: absolute;
    top: 40px;
    left: 0;
    right: auto;
    z-index: 9999;
    width: 500px
}



::-webkit-input-placeholder {
    color: var(--title-color) !important;
    opacity: 0.8 !important;
}

::-moz-placeholder {
    color: var(--title-color) !important;
    opacity: 0.8 !important;
}

:-ms-input-placeholder {
    color: var(--title-color) !important;
    opacity: 0.8 !important;
}

::-ms-input-placeholder {
    color: var(--title-color) !important;
    opacity: 0.8 !important;
}

::placeholder {
    color: var(--title-color) !important;
    opacity: 0.8 !important;
}

.list-group-item {
    border: 0 !important;
}



.announcement-bar {
    position: relative;
    /* z-index: 998; */
    border: 0;
    padding: 5px 0 0;
    text-align: center;
    font-weight: 200;
    width: 100%;
    margin: auto;
    min-height: 40px;
}

.announcement-bar .svg-icon {
    background-color: #000;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 5px 5px
}

.announcement-bar a:hover {
    color: #fff
}

.announcement-bar a:hover .svg-icon {
    background-color: #fff
}

.announcement-bar .ticker-container {
    direction: rtl;
    white-space: nowrap;
    overflow: hidden
}

.announcement-bar .ticker-content {
    display: inline-block
}

.announcement-bar .ticker-content a {
    display: inline-block;
    margin-top: 0;
    padding-right: 60px;
    font-weight: 700;
    font-size: 15px
}

@media(max-width: 786px) {
    .announcement-bar .ticker-content a {
        margin-top: 0;
        font-size: 11px;
    }

    .announcement-bar {
        min-height: 30px
    }
}

html[dir='ltr'] .announcement-bar .ticker-container {
    direction: ltr
}

.addToCartMobile {
    display: none;
}

.product .product__summary .product-short-description {
    display: none;
}

/*  */
@media (min-width: 1200px) {
    .product-list-view .product .product__summary .product-short-description {
        display: block;
    }

}


.main-progress-bar-container {
    width: 100% !important;
    height: 4px !important;
    overflow: hidden !important;
    position: relative !important;
}

.main-progress-bar {
    height: 100% !important;
    width: 40% !important;
    background-color: #000000 !important;
    position: absolute !important;
    animation: loading 1.5s infinite !important;
    border-radius: 10px;
}

@keyframes loading {
    0% {
        left: -20%;
    }

    50% {
        left: 50%;
    }

    100% {
        left: 100%;
    }
}
.product--cart .product__top .product__thumbnail img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

@media(min-width: 786px) {
    .product--cart .product__top .product__thumbnail img {
        max-height:400px !important;
        height: 400px!important
    }
}

@media(min-width: 992px) {
    .product--cart .product__top .product__thumbnail img {
        max-height:400px !important;
        height: 400px !important
    }
}

@media(min-width: 1200px) {
    .product--cart .product__top .product__thumbnail img {
        max-height:550px !important;
        height: 550px !important
    }
}

@media(max-width: 786px) {
    .product--cart .product__top .product__thumbnail img {
        max-height:unset;
        height: auto
    }
}