:root {
    --bs-tosca--mrtu: #2CE1D8;
    --bs-dark--mrtu: #353937;

    --bs-linear-gradient-45--mrtu: linear-gradient(45deg, var(--bs-info), var(--bs-primary));
}

::-webkit-scrollbar-thumb {
    background: var(--bs-linear-gradient-45--mrtu);
    border-radius: 10px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bs-linear-gradient-45--mrtu);
    background-clip: content-box;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar {
    inline-size: 20px;
}

[data-bs-theme=light] {
    --bs-bg-url--theme: url('/mrtopup/assets/medias/backgrounds/background-light-mrtu.png');
    /*--bs-bg-url--theme-2: url('/mrtopup/assets/medias/backgrounds/background-1.png');*/
    --bs-bg-menu-link-active--mrtu: #e9f3ff;
    --bs-card-bg--mrtu: #fdfdfd;
    --bs-card-color--mrtu: var(--bs-dark);
    --bs-circle-gradient--mrtu-1: radial-gradient(circle, #FFF, #fdfdfd);
}

[data-bs-theme=dark] {
    --bs-bg-url--theme: url('/mrtopup/assets/medias/backgrounds/background-dark-mrtu.png');
    /*--bs-bg-url--theme-2: url('/mrtopup/assets/medias/backgrounds/background-1.png');*/
    --bs-bg-menu-link-active--mrtu: #e9f3ff;
    --bs-card-bg--mrtu: #1E1E1E;
    --bs-card-color--mrtu: var(--bs-body);
    --bs-circle-gradient--mrtu-1: radial-gradient(circle, #272727, #07182E);
}

.separator-gradient--mrtu {
    border-width: 2px;
    border-style: solid;
    border-image: var(--bs-linear-gradient-45--mrtu) 1;
    animation: bordergradientAnimation 3s linear infinite;
}

.title--mrtu {
    font-family: 'Orbitron', sans-serif;
    color: var(--bs-tosca--mrtu);
    /* font-size: 14pt; */
    font-weight: 500;
}

.text-ntosca--mrtu {
    color: var(--bs-tosca--mrtu);
}

.text-hover-ntosca--mrtu:hover,
.text-hover-ntosca--mrtu:hover i,
.text-hover-ntosca--mrtu:hover svg {
    color: var(--bs-tosca--mrtu) !important;
}

.border-gradient--mrtu {
    border: 2px solid transparent;
    /* border-radius: 8px; */
    border-image: var(--bs-linear-gradient-45--mrtu);
    border-image-slice: 1;
}

.hover-social-media--mrtu:hover {
    /* background: var(--bs-gray-700); */
    border-color: var(--bs-tosca--mrtu) !important;
    box-shadow: 0 8px 16px var(--bs-tosca--mrtu);
    transition: transform .3s ease;
    transform: scale(1.05);
}

.bg-theme {
    background: var(--bs-bg-url--theme) center repeat-y;
    background-size: 100% auto;
}

.bg-theme-2 {
    background: var(--bs-bg-url--theme-2) center repeat-y;
    background-size: 100% auto;
}

.bg-hover-transparent {
    background: transparent !important;
}

.title--information,
.description--information {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.date--published {
    text-decoration: underline dotted;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    cursor: help;
}

.border-gradient-card--mrtu {
    position: relative;
    background-color: white;
    border-radius: 15px;
    /* box-shadow: rgba(124, 124, 124, 0.25) 0px 30px 50px -12px inset, rgba(124, 124, 124, 0.25) 0px 18px 26px -18px inset; */
}

.border-gradient-card--mrtu::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: var(--bs-linear-gradient-45--mrtu);
    border-radius: 15px;
    z-index: -1;
}

/* Form */
.form-control.form-control--mrtu {
    /* font-weight: 600; */
    /* color: var(--bs-primary-theme) !important; */
    /* border: 2px solid var(--bs-primary) !important; */
    box-shadow: 0.25rem 0.25rem 0 0 var(--bs-box-shadow) !important;
    transition: all 0.3s ease-in-out;
}

.form-control.form-control--mrtu:focus {
    /* font-weight: 600; */
    color: var(--bs-white);
    border: 2px solid var(--bs-info) !important;
    /* transform: translate(0.25rem, 0.25rem); */
    box-shadow: none !important;
    transition: all 0.3s ease-in-out;
}

.form-control.form-control--mrtu:not(:focus):not(:placeholder-shown) {
    color: var(--bs-white);
    border: 2px solid var(--bs-info) !important;
    /* transform: translate(0.25rem, 0.25rem); */
    box-shadow: none !important;
}

.form-control.form-control--mrtu.readonly {
    font-weight: 600;
    color: var(--bs-primary-theme) !important;
    background-color: var(--bs-secondary);
    border: 2px solid var(--bs-primary-theme) !important;
    transform: translate(0.25rem, 0.25rem);
    box-shadow: none !important;
    transition: all 0.3s ease-in-out;
    cursor: not-allowed;
}

.form-control.form-control-group--mrtu {
    font-weight: 600;
    color: var(--bs-primary-theme) !important;
    border: 2px solid var(--bs-primary-theme) !important;
    box-shadow: 0.25rem 0.25rem 0 0 var(--bs-box-shadow) !important;
    transition: all 0.3s ease-in-out;
}

.form-control.form-control-group--mrtu.inputed {
    font-weight: 600;
    color: var(--bs-primary-theme) !important;
    border: 2px solid var(--bs-primary-theme) !important;
    transform: translate(0.25rem, 0.25rem);
    box-shadow: none !important;
    transition: all 0.3s ease-in-out;
}

.input-group.input-group--mrtu-focus {
    border: 2px solid var(--bs-info);
    color: var(--bs-white);
    box-shadow: none;
    transition: all 0.3s ease-in-out;
}

/* Menu Navbar */
[data-mrtu-sticky-landing-header="on"] .landing-header {
    /* background-color: var(--bs-landing--footer-bg-2);
    border-block-end: 3px solid var(--bs-card--box-shadow); */
    /* box-shadow: 0 4px 17px var(--bs-info); */
}

[data-mrtu-sticky-landing-header="on"] .landing-header .menu .menu-link.active {
    color: var(--bs-white) !important;
    font-weight: 400;
    background-color: var(--bs-info) !important;
    border-radius: 10px;
}

[data-mrtu-sticky-landing-header="on"] .menu-active-bg--mrtu .menu-item .menu-link.active .menu-arrow:after {
    background-color: var(--bs-white);
}

.landing-header {
    background: var(--bs-linear-gradient-45--mrtu);
}

.landing-header .menu .menu-link.active {
    color: var(--bs-white) !important;
    /* font-weight: 600; */
    /* background-color: var(--bs-bg-menu-link-active--mrtu); */
    background-color: var(--bs-info);
    /* border: 3px solid #ffffff4d; */
    /* border-radius: 25px; */
    border-radius: 10px;
    /* height: 40px; */
    /* box-shadow: 0 0 1rem 0 #ffffff4d; */
}

.xxxx {
    position: relative;
    /* display: inline-block; */
    text-decoration: none;
    color: #fff;
    transition: color 0.3s ease;
}

.xxxx:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #00ff99;
    transform: scaleX(0);
    transform-origin: bottom right;
    box-shadow: 0 0 8px 2px rgba(0, 255, 153, 0.8);
    /* box-shadow:
        0 0 8px 2px rgba(0, 255, 153, 0.8),
        0 0 20px 4px rgba(0, 255, 153, 0.6),
        0 0 40px 6px rgba(0, 255, 153, 0.4); */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.xxxx:hover {
    color: #00ff99;
}

.xxxx:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
    box-shadow: 0 0 8px 2px rgba(0, 255, 153, 0.8);
    /* box-shadow:
        0 0 8px 2px rgba(0, 255, 153, 0.8),
        0 0 20px 4px rgba(0, 255, 153, 0.6),
        0 0 40px 6px rgba(0, 255, 153, 0.4); */
}


/* .menu-state-bg .menu-item .menu-link:hover {
    background: transparent !important;
} */

.menu-state-bg .menu-item .menu-link.active {
    transition: color .2s ease;
    color: var(--bs-white) !important;
    font-weight: 400;
    background-color: var(--bs-info) !important;
    /* border-radius: 25px; */
}

.menu-hover-title--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-hover-title--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    color: var(--bs--theme)
}

.menu-hover-title--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.menu-hover-title--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs--theme)
}

.menu-here-title--theme .menu-item.here>.menu-link {
    transition: color .2s ease;
    color: var(--bs--theme)
}

.menu-here-title--theme .menu-item.here>.menu-link .menu-title {
    color: var(--bs--theme)
}

.menu-show-title--theme .menu-item.show>.menu-link {
    transition: color .2s ease;
    color: var(--bs--theme)
}

.menu-show-title--theme .menu-item.show>.menu-link .menu-title {
    color: var(--bs--theme)
}

.menu-active-title--theme .menu-item .menu-link.active {
    transition: color .2s ease;
    color: var(--bs--theme)
}

.menu-active-title--theme .menu-item .menu-link.active .menu-title {
    color: var(--bs--theme)
}

.menu-state-title--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-state-title--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),
.menu-state-title--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) i {
    transition: color .2s ease;
    color: var(--bs-gray-800) !important
}

.menu-state-title--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.menu-state-title--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs--theme)
}

.menu-state-title--theme .menu-item.here>.menu-link {
    transition: color .2s ease;
    color: var(--bs--theme)
}

.menu-state-title--theme .menu-item.here>.menu-link .menu-title {
    color: var(--bs--theme)
}

.menu-state-title--theme .menu-item.show>.menu-link,
.menu-state-title--theme .menu-item.show>.menu-link .button_text i {
    transition: color .2s ease;
    color: var(--bs-white) !important
}

.menu-state-title--theme .menu-item.show>.menu-link .menu-title {
    color: var(--bs--theme)
}

.menu-state-title--theme .menu-item .menu-link.active {
    transition: color .2s ease;
    color: var(--bs--theme)
}

.menu-state-title--theme .menu-item .menu-link.active .menu-title {
    color: var(--bs--theme)
}

.menu-hover-icon--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-hover-icon--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease
}

.menu-hover-icon--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-hover-icon--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-hover-icon--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.menu-hover-icon--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-hover-icon--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-hover-icon--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--bs--theme)
}

.menu-here-icon--theme .menu-item.here>.menu-link {
    transition: color .2s ease
}

.menu-here-icon--theme .menu-item.here>.menu-link .menu-icon,
.menu-here-icon--theme .menu-item.here>.menu-link .menu-icon .svg-icon,
.menu-here-icon--theme .menu-item.here>.menu-link .menu-icon i {
    color: var(--bs--theme)
}

.menu-show-icon--theme .menu-item.show>.menu-link {
    transition: color .2s ease
}

.menu-show-icon--theme .menu-item.show>.menu-link .menu-icon,
.menu-show-icon--theme .menu-item.show>.menu-link .menu-icon .svg-icon,
.menu-show-icon--theme .menu-item.show>.menu-link .menu-icon i {
    color: var(--bs--theme)
}

.menu-active-icon--theme .menu-item .menu-link.active {
    transition: color .2s ease
}

.menu-active-icon--theme .menu-item .menu-link.active .menu-icon,
.menu-active-icon--theme .menu-item .menu-link.active .menu-icon .svg-icon,
.menu-active-icon--theme .menu-item .menu-link.active .menu-icon i {
    color: var(--bs--theme)
}

.menu-state-icon--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-state-icon--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease
}

.menu-state-icon--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-state-icon--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-state-icon--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.menu-state-icon--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-state-icon--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-state-icon--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--bs--theme)
}

.menu-state-icon--theme .menu-item.here>.menu-link {
    transition: color .2s ease
}

.menu-state-icon--theme .menu-item.here>.menu-link .menu-icon,
.menu-state-icon--theme .menu-item.here>.menu-link .menu-icon .svg-icon,
.menu-state-icon--theme .menu-item.here>.menu-link .menu-icon i {
    color: var(--bs--theme)
}

.menu-state-icon--theme .menu-item.show>.menu-link {
    transition: color .2s ease
}

.menu-state-icon--theme .menu-item.show>.menu-link .menu-icon,
.menu-state-icon--theme .menu-item.show>.menu-link .menu-icon .svg-icon,
.menu-state-icon--theme .menu-item.show>.menu-link .menu-icon i {
    color: var(--bs--theme)
}

.menu-state-icon--theme .menu-item .menu-link.active {
    transition: color .2s ease
}

.menu-state-icon--theme .menu-item .menu-link.active .menu-icon,
.menu-state-icon--theme .menu-item .menu-link.active .menu-icon .svg-icon,
.menu-state-icon--theme .menu-item .menu-link.active .menu-icon i {
    color: var(--bs--theme)
}

.menu-hover-bullet--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-hover-bullet--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease
}

.menu-hover-bullet--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
.menu-hover-bullet--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--bs--theme)
}

.menu-show-bullet--theme .menu-item.show>.menu-link {
    transition: color .2s ease
}

.menu-show-bullet--theme .menu-item.show>.menu-link .menu-bullet .bullet {
    background-color: var(--bs--theme)
}

.menu-here-bullet--theme .menu-item.here>.menu-link {
    transition: color .2s ease
}

.menu-here-bullet--theme .menu-item.here>.menu-link .menu-bullet .bullet {
    background-color: var(--bs--theme)
}

.menu-active-bullet--theme .menu-item .menu-link.active {
    transition: color .2s ease
}

.menu-active-bullet--theme .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: var(--bs--theme)
}

.menu-state-bullet--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-state-bullet--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease
}

.menu-state-bullet--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
.menu-state-bullet--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--bs--theme)
}

.menu-state-bullet--theme .menu-item.here>.menu-link {
    transition: color .2s ease
}

.menu-state-bullet--theme .menu-item.here>.menu-link .menu-bullet .bullet {
    background-color: var(--bs--theme)
}

.menu-state-bullet--theme .menu-item.show>.menu-link {
    transition: color .2s ease
}

.menu-state-bullet--theme .menu-item.show>.menu-link .menu-bullet .bullet {
    background-color: var(--bs--theme)
}

.menu-state-bullet--theme .menu-item .menu-link.active {
    transition: color .2s ease
}

.menu-state-bullet--theme .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: var(--bs--theme)
}

.menu-hover-arrow--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-hover-arrow--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease
}

.menu-hover-arrow--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after,
.menu-hover-arrow--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-800);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-800);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.menu-here-arrow--theme .menu-item.here>.menu-link {
    transition: color .2s ease
}

.menu-here-arrow--theme .menu-item.here>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.menu-show-arrow--theme .menu-item.show>.menu-link {
    transition: color .2s ease
}

.menu-show-arrow--theme .menu-item.show>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    /* background-color: var(--bs-info); */
    background-color: var(--bs-white);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    /* background-color: var(--bs-info); */
    background-color: var(--bs-white);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.menu-active-arrow--theme .menu-item .menu-link.active {
    transition: color .2s ease
}

.menu-active-arrow--theme .menu-item .menu-link.active .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.menu-state-arrow--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-state-arrow--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease
}

.menu-state-arrow--theme .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after,
.menu-state-arrow--theme .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.menu-state-arrow--theme .menu-item.here>.menu-link {
    transition: color .2s ease
}

.menu-state-arrow--theme .menu-item.here>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.menu-state-arrow--theme .menu-item.show>.menu-link {
    transition: color .2s ease
}

.menu-state-arrow--theme .menu-item.show>.menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.menu-state-arrow--theme .menu-item .menu-link.active {
    transition: color .2s ease
}

.menu-state-arrow--theme .menu-item .menu-link.active .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs--theme);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs--theme%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

.menu-icon-gray-200 .menu-item .menu-link .menu-icon,
.menu-icon-gray-200 .menu-item .menu-link .menu-icon .svg-icon,
.menu-icon-gray-200 .menu-item .menu-link .menu-icon i {
    color: var(--bs-gray-400);
}

.menu-active-bg--mrtu .menu-item .menu-link.active {
    transition: color .2s ease;
    background-color: var(--bs-info);
    color: var(--bs-info-inverse);
    border-radius: 10px;
}

.menu-active-bg--mrtu .menu-item .menu-link.active .menu-title {
    color: var(--bs-info-inverse)
}

.menu-active-bg--mrtu .menu-item .menu-link.active .menu-icon,
.menu-active-bg--mrtu .menu-item .menu-link.active .menu-icon .svg-icon,
.menu-active-bg--mrtu .menu-item .menu-link.active .menu-icon i {
    color: var(--bs-info-inverse)
}

.menu-active-bg--mrtu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: var(--bs-info-inverse)
}

.menu-active-bg--mrtu .menu-item .menu-link.active .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-info-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-info-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-info-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-info-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-info-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-info-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}


.actived {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: none;
    color: #ffd451 !important;
    cursor: pointer;
    position: relative;
    /* padding: 8px; */
    /* margin-bottom: 20px; */
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    /* font-size: 14px; */
    transition: all .15s ease;
}

.actived i {
    color: #ffd451 !important;
}

.actived::before,
.actived::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    height: calc(50% - 5px);
    border: 2px solid #ffd451;
    border-radius: 5px;
    transition: all .15s ease;
}

.actived::before {
    top: 0;
    border-bottom-width: 0;
}

.actived::after {
    bottom: 0;
    border-top-width: 0;
}

/* .actived:active,
.actived:focus {
    outline: none;
}

.actived:active::before,
.actived:active::after {
    right: 3px;
    left: 3px;
}

.actived:active::before {
    top: 3px;
}

.actived:active::after {
    bottom: 3px;
} */

.actived_lg {
    position: relative;
    display: block;
    border-radius: 8px;
    padding: 0;
    /* padding: 10px 20px; */
    color: #fff;
    background-color: transparent;
    /* background-color: #0f1923; */
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px transparent;
}

.actived_lg::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: transparent;
    /* background-color: #0f1923; */
}

.actived_lg::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    background-color: transparent;
    /* background-color: #0f1923; */
}

.actived_sl {
    display: block;
    position: absolute;
    top: 0;
    bottom: -1px;
    left: -8px;
    width: 0;
    /* background-color: #ff4655; */
    transform: skew(-15deg);
    transition: all .2s ease;
}

.actived_text {
    position: relative;
}

.actived:hover {
    color: #0f1923;
}

.actived:hover .actived_sl {
    width: calc(100% + 15px);
}

.actived:hover .actived_lg::after {
    /* background-color: #fff; */
    border-radius: 50%;
}





/* Product */
.label-product--mrtu {
    position: relative;
    height: 100px;
    overflow: hidden;
    /* background: var(--bs-linear-gradient-45--mrtu); */
}

.label-product--mrtu::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
}

.label-product--mrtu:hover::before {
    animation: shine 1s ease-out;
}

.form-custom-order::before {
    content: 'Rp';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
}

.btn.btn-outline.btn-outline-solid {
    border: 2px solid var(--bs-primary);
    box-shadow: 0 0 8px var(--bs-gray-200) !important;
    transition: all 0.5s ease;
}

.btn-check:active+.btn.btn-active-light--theme,
.btn-check:checked+.btn.btn-active-light--theme,
.btn.btn-active-light--theme.active,
.btn.btn-active-light--theme.show,
.btn.btn-active-light--theme:active:not(.btn-active),
.btn.btn-active-light--theme:focus:not(.btn-active),
.btn.btn-active-light--theme:hover:not(.btn-active),
.show>.btn.btn-active-light--theme {
    /* color: var(--bs--theme); */
    border-color: var(--bs-info);
    background: var(--bs-info-light) !important;
    box-shadow: 0 0 8px var(--bs-info) !important;
    transition: all 0.5s ease;
}

.btn-check:active+.btn.btn-active-light--theme .svg-icon,
.btn-check:active+.btn.btn-active-light--theme i,
.btn-check:checked+.btn.btn-active-light--theme .svg-icon,
.btn-check:checked+.btn.btn-active-light--theme i,
.btn.btn-active-light--theme.active .svg-icon,
.btn.btn-active-light--theme.active i,
.btn.btn-active-light--theme.show .svg-icon,
.btn.btn-active-light--theme.show i,
.btn.btn-active-light--theme:active:not(.btn-active) .svg-icon,
.btn.btn-active-light--theme:active:not(.btn-active) i,
.btn.btn-active-light--theme:focus:not(.btn-active) .svg-icon,
.btn.btn-active-light--theme:focus:not(.btn-active) i,
.btn.btn-active-light--theme:hover:not(.btn-active) .svg-icon,
.btn.btn-active-light--theme:hover:not(.btn-active) i,
.show>.btn.btn-active-light--theme .svg-icon,
.show>.btn.btn-active-light--theme i {
    color: var(--bs-primary)
}

.btn-check:active+.btn.btn-active-light--theme.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-light--theme.dropdown-toggle:after,
.btn.btn-active-light--theme.active.dropdown-toggle:after,
.btn.btn-active-light--theme.show.dropdown-toggle:after,
.btn.btn-active-light--theme:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light--theme:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light--theme:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-light--theme.dropdown-toggle:after {
    color: var(--bs-primary)
}

.btn.btn-outline.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
    background-color: transparent
}

.btn.btn-outline.btn-outline-primary .svg-icon,
.btn.btn-outline.btn-outline-primary i {
    color: var(--bs-primary)
}

.btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
    color: var(--bs-primary)
}

.btn-check:active+.btn.btn-outline.btn-outline-primary,
.btn-check:checked+.btn.btn-outline.btn-outline-primary,
.btn.btn-outline.btn-outline-primary.active,
.btn.btn-outline.btn-outline-primary.show,
.btn.btn-outline.btn-outline-primary:active:not(.btn-active),
.btn.btn-outline.btn-outline-primary:focus:not(.btn-active),
.btn.btn-outline.btn-outline-primary:hover:not(.btn-active),
.show>.btn.btn-outline.btn-outline-primary {
    color: var(--bs-primary-active);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary-light) !important
}

.btn-check:active+.btn.btn-outline.btn-outline-primary .svg-icon,
.btn-check:active+.btn.btn-outline.btn-outline-primary i,
.btn-check:checked+.btn.btn-outline.btn-outline-primary .svg-icon,
.btn-check:checked+.btn.btn-outline.btn-outline-primary i,
.btn.btn-outline.btn-outline-primary.active .svg-icon,
.btn.btn-outline.btn-outline-primary.active i,
.btn.btn-outline.btn-outline-primary.show .svg-icon,
.btn.btn-outline.btn-outline-primary.show i,
.btn.btn-outline.btn-outline-primary:active:not(.btn-active) .svg-icon,
.btn.btn-outline.btn-outline-primary:active:not(.btn-active) i,
.btn.btn-outline.btn-outline-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-outline.btn-outline-primary:focus:not(.btn-active) i,
.btn.btn-outline.btn-outline-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-outline.btn-outline-primary:hover:not(.btn-active) i,
.show>.btn.btn-outline.btn-outline-primary .svg-icon,
.show>.btn.btn-outline.btn-outline-primary i {
    color: var(--bs-primary-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-primary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-outline.btn-outline-primary.dropdown-toggle:after,
.btn.btn-outline.btn-outline-primary.active.dropdown-toggle:after,
.btn.btn-outline.btn-outline-primary.show.dropdown-toggle:after,
.btn.btn-outline.btn-outline-primary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-outline.btn-outline-primary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-outline.btn-outline-primary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
    color: var(--bs-primary-active)
}

.btn-submit--mrtu {
    color: #FFF;
    background: var(--bs-linear-gradient-45--mrtu);
    clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%);
}

.btn-submit--mrtu:hover {
    color: #FFF;
}

.btn-outline-gradient--mrtu-1 {
    align-items: center;
    background-image: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);
    border: 0;
    /* border-radius: 8px; */
    box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
    box-sizing: border-box;
    color: #ffffff;
    display: flex;
    /* font-size: 18px; */
    justify-content: center;
    /* line-height: 1em; */
    /* max-width: 100%; */
    /* min-width: 140px; */
    /* padding: 3px; */
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-outline-gradient--mrtu-1:active,
.btn-outline-gradient--mrtu-1:hover {
    outline: 0;
}

.btn-outline-gradient--mrtu-1 span.text-btn {
    background-color: rgb(5, 6, 45);
    padding: 16px 36px;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    transition: 300ms;
}

.btn-outline-gradient--mrtu-1:hover span.text-btn {
    background: none;
}

.btn-outline-gradient--mrtu-1:active {
    transform: scale(0.9);
}

/* Button Style 1 */
.btn-custom--mrtus1-primary {
    position: relative;
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); */
    padding-block: 0.5rem;
    padding-inline: 1.25rem;
    background-color: var(--bs-primary);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    gap: 10px;
    /* font-weight: 600; */
    border: 3px solid #ffffff4d;
    outline: none;
    overflow: hidden;
    /* font-size: 15px; */
    /* cursor: pointer; */
}

.btn-custom--mrtus1-primary i,
.btn-custom--mrtus1-primary svg {
    color: #FFF;
    /* font-weight: normal; */
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
}

.btn-custom--mrtus1-primary:hover {
    /* transform: scale(1.05); */
    border-color: #fff9;
}

.btn-custom--mrtus1-primary:hover i,
.btn-custom--mrtus1-primary:hover svg {
    /* transform: translate(4px); */
}

.btn-custom--mrtus1-primary:hover::before {
    animation: shine 1.5s ease-out infinite;
}

.btn-custom--mrtus1-primary::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
}

.btn-custom--mrtus1-warning {
    position: relative;
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); */
    padding-block: 0.5rem;
    padding-inline: 1.25rem;
    background-color: var(--bs-warning);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    gap: 10px;
    /* font-weight: 600; */
    border: 3px solid #ffffff4d;
    outline: none;
    overflow: hidden;
    /* font-size: 15px; */
    /* cursor: pointer; */
}

.btn-custom--mrtus1-warning i,
.btn-custom--mrtus1-warning svg {
    color: #FFF;
    /* font-weight: normal; */
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
}

.btn-custom--mrtus1-warning:hover {
    /* transform: scale(1.05); */
    border-color: #fff9;
}

.btn-custom--mrtus1-warning:hover i,
.btn-custom--mrtus1-warning:hover svg {
    /* transform: translate(4px); */
}

.btn-custom--mrtus1-warning:hover::before {
    animation: shine 1.5s ease-out infinite;
}

.btn-custom--mrtus1-warning::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
}

.btn-custom--mrtus1-danger {
    position: relative;
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); */
    padding-block: 0.5rem;
    padding-inline: 1.25rem;
    background-color: var(--bs-danger);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    gap: 10px;
    /* font-weight: 600; */
    border: 3px solid #ffffff4d;
    outline: none;
    overflow: hidden;
    /* font-size: 15px; */
    /* cursor: pointer; */
}

.btn-custom--mrtus1-danger i,
.btn-custom--mrtus1-danger svg {
    color: #FFF;
    /* font-weight: normal; */
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
}

.btn-custom--mrtus1-danger:hover {
    /* transform: scale(1.05); */
    border-color: #fff9;
}

.btn-custom--mrtus1-danger:hover i,
.btn-custom--mrtus1-danger:hover svg {
    /* transform: translate(4px); */
}

.btn-custom--mrtus1-danger:hover::before {
    animation: shine 1.5s ease-out infinite;
}

.btn-custom--mrtus1-danger::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
}

.btn-custom--mrtus1-success {
    position: relative;
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); */
    padding-block: 0.5rem;
    padding-inline: 1.25rem;
    background-color: var(--bs-success);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    gap: 10px;
    /* font-weight: 600; */
    border: 3px solid #ffffff4d;
    outline: none;
    overflow: hidden;
    /* font-size: 15px; */
    /* cursor: pointer; */
}

.btn-custom--mrtus1-success i,
.btn-custom--mrtus1-success svg {
    color: #FFF;
    /* font-weight: normal; */
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
}

.btn-custom--mrtus1-success:hover {
    /* transform: scale(1.05); */
    border-color: #fff9;
}

.btn-custom--mrtus1-success:hover i,
.btn-custom--mrtus1-success:hover svg {
    /* transform: translate(4px); */
}

.btn-custom--mrtus1-success:hover::before {
    animation: shine 1.5s ease-out infinite;
}

.btn-custom--mrtus1-success::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
}

.btn-custom--mrtus1-dark {
    position: relative;
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); */
    padding-block: 0.5rem;
    padding-inline: 1.25rem;
    background-color: var(--bs-dark);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    gap: 10px;
    /* font-weight: 600; */
    border: 3px solid #ffffff4d;
    outline: none;
    overflow: hidden;
    /* font-size: 15px; */
    /* cursor: pointer; */
}

.btn-custom--mrtus1-dark i,
.btn-custom--mrtus1-dark svg {
    color: #FFF;
    /* font-weight: normal; */
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
}

.btn-custom--mrtus1-dark:hover {
    /* transform: scale(1.05); */
    border-color: #fff9;
}

.btn-custom--mrtus1-dark:hover i,
.btn-custom--mrtus1-dark:hover svg {
    /* transform: translate(4px); */
}

.btn-custom--mrtus1-dark:hover::before {
    animation: shine 1.5s ease-out infinite;
}

.btn-custom--mrtus1-dark::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
}

.btn-custom--mrtus1-info {
    position: relative;
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); */
    padding-block: 0.5rem;
    padding-inline: 1.25rem;
    background-color: var(--bs-info);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    gap: 10px;
    /* font-weight: 600; */
    border: 3px solid #ffffff4d;
    outline: none;
    overflow: hidden;
    /* font-size: 15px; */
    /* cursor: pointer; */
}

.btn-custom--mrtus1-info i,
.btn-custom--mrtus1-info svg {
    color: #FFF;
    /* font-weight: normal; */
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
}

.btn-custom--mrtus1-info:hover {
    /* transform: scale(1.05); */
    border-color: #fff9;
}

.btn-custom--mrtus1-info:hover i,
.btn-custom--mrtus1-info:hover svg {
    /* transform: translate(4px); */
}

.btn-custom--mrtus1-info:hover::before {
    animation: shine 1.5s ease-out infinite;
}

.btn-custom--mrtus1-info::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
}

.badge-referral {
    background-color: #9b8000;
    border: 2px solid #ffffff4d;
}

.scale-infinite {
    animation: zoom-in-zoom-out 1s ease infinite;
}

.shine {
    position: relative;
    overflow: hidden;
}

.shine::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
    animation: shine 1.5s ease-out infinite;
}

.hover-shine::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
}

.hover-shine:hover::before {
    animation: shine 1.5s ease-out infinite;
}


#mrtu-order-summary {
    position: sticky;
    top: 85px;
    max-height: calc(100vh - 100px);
    height: 100%;
    margin-bottom: 2.5rem;
}

/* Cards */
.card--mrtu {
    background: var(--bs-card-bg--mrtu);
    position: relative;
    display: flex;
    place-content: center;
    place-items: center;
    overflow: hidden;
    border-radius: 20px;
}

.card--mrtu .card-body {
    z-index: 1;
    color: var(--bs-card-color--mrtu);
    /* font-size: 2em; */
}

.card--mrtu::before {
    content: '';
    position: absolute;
    height: 100px;
    background-image: linear-gradient(90deg, var(--bs-primary), rgb(255, 48, 255));
    width: 130%;
    animation: rotBGimg 8s linear infinite;
    animation-play-state: running;
    transition: all 0.2s linear;
}

.card--mrtu:hover::before {
    animation-play-state: paused;
}

.card--mrtu::after {
    content: '';
    position: absolute;
    /* background: #07182E; */
    background: var(--bs-circle-gradient--mrtu-1);
    inset: 3px;
    border-radius: 10px;
}

.card-title--mrtu,
.card-title--mrtu i {
    color: var(--bs-card-color--mrtu) !important;
}

/*  */
.card--merch {
    /* width: 250px; */
    border-radius: 20px;
    background: #1b233d;
    padding: 5px;
    /* margin: 9px; */
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 20px 0px;
    /* transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); */
    transition: none;
}

.card--merch:hover {
    /* transform: scale(1.05); */
    transform: none;
}

.card--merch:hover .title--mrtu {
    color: var(--bs-white);
    text-shadow: 0 0 7px var(--bs-tosca--mrtu), 0 0 5px var(--bs-tosca--mrtu);
    transition: color .2s ease-in, text-shadow .2s ease;
}

.card--merch .top-section {
    height: 190px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(45deg, rgb(4, 159, 187) 0%, rgb(80, 246, 255) 100%);
    position: relative;
}

.card--merch .top-section .borders--logo {
    border-bottom-right-radius: 10px;
    height: 30px;
    width: 130px;
    background: white;
    background: #1b233d;
    position: relative;
    transform: skew(-40deg);
    box-shadow: -10px -10px 0 0 #1b233d;
}

.card--merch .top-section .borders--logo::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -15px;
    background: rgba(255, 255, 255, 0);
    border-top-left-radius: 10px;
    box-shadow: -5px -5px 0 2px #1b233d;
}

.card--merch .top-section::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    background: rgba(255, 255, 255, 0);
    height: 15px;
    width: 15px;
    border-top-left-radius: 15px;
    box-shadow: -5px -5px 0 2px #1b233d;
}

.card--merch .top-section .icons {
    position: absolute;
    top: 0;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
}

.card--merch .top-section .icons .logo {
    height: 100%;
    aspect-ratio: 1;
    padding: 7px 0 7px 15px;
}

.card--merch .top-section .icons .logo .top-section {
    height: 100%;
}

.card--merch .top-section .icons .social-media {
    height: 100%;
    padding: 8px 15px;
    display: flex;
    gap: 7px;
}

.card--merch .top-section .icons .social-media .svg {
    height: 100%;
    fill: #1b233d;
}

.card--merch .top-section .icons .social-media .svg:hover {
    fill: white;
}

.card--merch .bottom-section {
    margin-top: 15px;
    padding: 10px 5px;
}

.card--merch .bottom-section .title {
    display: -webkit-box;
    font-size: 17px;
    font-weight: bolder;
    /* color: white; */
    text-align: center;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card--merch .bottom-section .regular-text {
    display: -webkit-box;
    color: white;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card--merch .bottom-section .row {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.card--merch .bottom-section .row .item {
    flex: 30%;
    text-align: center;
    padding: 5px;
    color: rgba(170, 222, 243, 0.721);
}

.card--merch .bottom-section .row .item .big-text {
    font-size: 10.5px;
    display: block;
}

.card--merch .bottom-section .row .item .regular-text {
    font-size: 9px;
}

.card--merch .bottom-section .row .item i,
.card--merch .bottom-section .row .item svg {
    color: rgba(170, 222, 243, 0.721);
    font-size: 12pt;
    margin-right: 3px;
}

.card--merch .bottom-section .row .item:nth-child(2) {
    border-left: 1px solid rgba(255, 255, 255, 0.126);
    /* border-right: 1px solid rgba(255, 255, 255, 0.126); */
}

.box-shadow--mrtu {
    box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.75) !important;
}

.ribbon--mrtu {
    position: absolute;
    left: -.5rem;
    top: 2.5rem;
    width: auto;
    height: 3rem;
    background: var(--bs-info);
    padding-right: 1rem;
    border-radius: 2rem;
    border-bottom-left-radius: 0;
    box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.75);
}

.ribbon--mrtu::before,
.ribbon--mrtu::after {
    content: '';
    position: absolute;
    left: 0;
    top: 3rem;
    width: .5rem;
    height: 1rem;
    border-bottom-left-radius: 1rem;
}

.ribbon--mrtu::before {
    background-color: var(--bs-info);
}

.ribbon--mrtu::after {
    background-color: #43168d;
    border-top-left-radius: 1rem;
}

.ribbon-label--mrtu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.ribbon-best-product--mrtu {
    position: absolute;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-size: 8pt;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    background: linear-gradient(90deg, #d93748 .72%, #e05e1a 99.99%, #f27f0c), linear-gradient(90deg, #0b81e3 .72%, #10c4d3);
    padding: 3px 10px 0 10px;
    border-radius: 0 7px 0 20px;
    -webkit-border-radius: 0 7px 0 20px;
    -moz-border-radius: 0 7px 0 20px;
    -ms-border-radius: 0 7px 0 20px;
    -o-border-radius: 0 7px 0 20px
}

.ribbon-best-product--mrtu::before {
    content: '✨';
    margin-right: 2px;
}

.ribbon-best-product--mrtu::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
    animation: shine 1.5s ease-out infinite;
}

.custom-hover:hover {
    background-color: #8b9fa3 !important;
    cursor: pointer;
}

.notification-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: red;
    color: white;
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 50%;
    font-weight: bold;
}

.cookies--mrtu {
    position: fixed;
    bottom: 0;
    border: 2px solid var(--bs-info) !important;
    animation: popupFadeIn .4s ease-out forwards;
    transform: translateY(100%) scale(0.95);
    opacity: 0;
    z-index: 2;
}

.cookies-icon {
    background-image: url('https://jasait.net/assets/medias/svg/cookies.svg');
    background-position: center;
    background-repeat: no-repeat;
    height: 5rem;
}

.btn-acceptCookie {
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    transition-duration: .2s !important;
    box-shadow: 0 4px 6px -1px #977ef3, 0 2px 4px -1px #977ef3 !important;
    transition: all .6s ease !important;
}

.btn-acceptCookie:hover {
    background: var(--bs-blue) !important;
    box-shadow: 0 10px 15px -3px #977ef3, 0 4px 6px -2px #977ef3 !important;
    transition-duration: .2s !important;
}

.btn-declineCookie {
    background: var(--bs-danger) !important;
    color: var(--bs-white) !important;
    /*   border: 1.5px solid var(--bs-danger) !important; */
    transition-duration: .2s !important;
    box-shadow: 0 4px 6px -1px #bebdbd, 0 2px 4px -1px #bebdbd !important;
    transition: all .6s ease !important;
}

.btn-declineCookie:hover {
    background: var(--bs-red) !important;
    box-shadow: 0 10px 15px -3px #bebdbd, 0 4px 6px -2px #bebdbd !important;
    transition-duration: .2s !important;
}

.cookies--hide {
    animation: popupFadeOut .4s ease-out forwards;
}

/* Images */
.img-thumbnail--mrtu {
    background-color: white;
    box-shadow: rgba(124, 124, 124, 0.25) 0px 30px 50px -12px inset, rgba(124, 124, 124, 0.25) 0px 18px 26px -18px inset;
}

/* Animation */
@keyframes popupFadeIn {
    0% {
        transform: translateY(100%) scale(0.95);
        opacity: 0;
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@keyframes popupFadeOut {
    0% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateY(100%) scale(0.95);
        opacity: 0;
    }
}

@keyframes bordergradientAnimation {
    0% {
        border-image: linear-gradient(45deg, #722bd0, #2b6bd8) 1;
    }

    50% {
        border-image: linear-gradient(135deg, #2b6bd8, #722bd0) 1;
    }

    100% {
        border-image: linear-gradient(45deg, #722bd0, #2b6bd8) 1;
    }
}

@keyframes rotBGimg {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes shine {
    0% {
        left: -100px;
    }

    60% {
        left: 100%;
    }

    to {
        left: 100%;
    }
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width:320px) {
    .card--merch {
        border-radius: 10px;
    }

    .card--merch .top-section {
        height: 70px;
        border-radius: 10px;
    }

    .card--merch .top-section::before {
        top: 20px;
    }

    .card--merch .top-section .borders--logo {
        height: 20px;
        width: 50px;
    }

    .card--merch .top-section .icons .logo {
        padding: 0;
    }

    .card--merch .top-section .icons .logo img {
        height: 9px;
    }

    .card--merch .bottom-section {
        margin-top: 0;
    }

    .card--merch .bottom-section .title {
        font-size: 10px;
    }

    .card--merch .bottom-section .regular-text {
        font-size: 9px;
    }

    .card--merch .bottom-section .row {
        margin-top: 5px;
    }

    .card--merch .bottom-section .row .item {
        padding: 0 5px 3px 5px;
    }

    .card--merch .bottom-section .row .item:nth-child(2) {
        border-left: 0;
    }

    .card--merch .bottom-section .row .item .big-text {
        font-size: 8px !important;
    }

    .card--merch .bottom-section .row .item i,
    .card--merch .bottom-section .row .item svg {
        font-size: 8;
    }
}

@media (min-width:321px) and (max-width:375px) {
    .card--merch {
        border-radius: 15px;
    }

    .card--merch .top-section {
        height: 86px;
    }

    .card--merch .top-section::before {
        top: 20px;
    }

    .card--merch .top-section .borders--logo {
        height: 20px;
        width: 70px;
    }

    .card--merch .top-section .icons .logo {
        padding: 0 0 0 7px;
    }

    .card--merch .bottom-section {
        margin-top: 0;
        padding: 10px 5px;
    }

    .card--merch .bottom-section .title {
        font-size: 12px;
    }

    .card--merch .bottom-section .regular-text {
        font-size: 9px;
    }

    .card--merch .bottom-section .row {
        margin-top: 10px;
    }

    .card--merch .bottom-section .row .item {
        padding: 0 5px 3px 5px;
    }

    .card--merch .bottom-section .row .item:nth-child(2) {
        border-left: 0;
    }
}

@media (min-width:376px) and (max-width:768px) {

    .fs-4pt,
    .fs-4pt i {
        font-size: 4pt;
    }

    .fs-5pt,
    .fs-5pt i {
        font-size: 5pt;
    }

    .fs-5n8pt,
    .fs-5n8pt i {
        font-size: 5.8pt;
    }

    .fs-6pt,
    .fs-6pt i {
        font-size: 6pt;
    }

    .fs-8px,
    .fs-8px i {
        font-size: 8px;
    }

    #mrtu_user_info {
        padding: 10px 20px;
    }

    #mrtu-user-info-form {
        position: static;
        max-height: none;
    }

    /* #mrtu-order-summary {
        position: sticky;
        bottom: 0;
        top: none;
        max-height: none;
        margin-bottom: 0;
    } */

    #mrtu-order-summary {
        position: unset;
        bottom: 0;
        top: none;
        max-height: none;
        margin-bottom: 0;
    }

    #mrtu-order-summary.sticky {
        position: sticky;
        top: 0;
        animation: slideUp 0.5s ease-out forwards;
    }

    #mrtu-order-summary .card {
        background: var(--bs-gray-400);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    }

    /* .form-control.form-control--mrtu:focus {
        font-size: 6.5pt;
        color: var(--bs-white);
    }

    .form-control.form-control--mrtu:not(:focus):not(:placeholder-shown) {
        font-size: 6.5pt;
        color: var(--bs-white);
    } */

    .form-custom-order::before {
        font-size: 6.5pt;
        right: 5px;
    }

    .label-product--mrtu {
        height: 80px;
    }

    .ribbon-best-product--mrtu {
        font-size: 5pt;
        display: flex;
        flex-direction: row;
        padding: 2px 7px 0 7px;
        border-radius: 0 7px 0 15px;
    }

    .card--merch {
        border-radius: 15px;
    }

    .card--merch .top-section {
        height: 100px;
    }

    .card--merch .top-section::before {
        top: 20px;
    }

    .card--merch .top-section .borders--logo {
        height: 20px;
        width: 70px;
    }

    .card--merch .top-section .icons .logo {
        padding: 0 0 0 7px;
    }

    .card--merch .bottom-section {
        margin-top: 0;
        padding: 10px 5px;
    }

    .card--merch .bottom-section .title {
        font-size: 12px;
    }

    .card--merch .bottom-section .regular-text {
        font-size: 9px;
    }

    .card--merch .bottom-section .row {
        margin-top: 10px;
    }

    .card--merch .bottom-section .row .item {
        padding: 0 5px 3px 5px;
    }

    /* .card--merch .bottom-section .row .item:nth-child(2) {
        border-left: 0;
    } */
}

@media (min-width:769px) and (max-width:1199px) {
    .card--merch {
        border-radius: 15px;
    }

    .card--merch .top-section {
        height: 130px;
    }

    .card--merch .top-section::before {
        top: 20px;
    }

    .card--merch .top-section .borders--logo {
        height: 20px;
        width: 70px;
    }

    .card--merch .top-section .icons .logo {
        padding: 0 0 0 7px;
    }

    .card--merch .top-section .icons .logo img {
        height: 11px !important;
    }

    .card--merch .bottom-section {
        margin-top: 0;
        padding: 10px 5px;
    }

    .card--merch .bottom-section .title {
        font-size: 12px;
    }

    .card--merch .bottom-section .regular-text {
        font-size: 9px;
    }

    .card--merch .bottom-section .row {
        margin-top: 10px;
    }

    .card--merch .bottom-section .row .item {
        padding: 0 5px 3px 5px;
    }

    .card--merch .bottom-section .row .item .big-text {
        font-size: 8px;
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .card--merch {
        border-radius: 15px;
    }

    .card--merch .top-section {
        height: 160px;
    }

    .card--merch .top-section::before {
        top: 20px;
    }

    .card--merch .top-section .borders--logo {
        height: 20px;
        width: 70px;
    }

    .card--merch .top-section .icons .logo {
        padding: 0 0 0 7px;
    }

    .card--merch .top-section .icons .logo img {
        height: 11px !important;
    }

    .card--merch .bottom-section {
        margin-top: 0;
        padding: 10px 5px;
    }

    .card--merch .bottom-section .title {
        font-size: 12px;
    }

    .card--merch .bottom-section .regular-text {
        font-size: 9px;
    }

    .card--merch .bottom-section .row {
        margin-top: 10px;
    }

    .card--merch .bottom-section .row .item {
        padding: 0 5px 3px 5px;
    }

    .card--merch .bottom-section .row .item .big-text {
        font-size: 8px;
    }
}

@media (width:1024px) {
    .card--merch {
        border-radius: 15px;
    }

    .card--merch .top-section {
        height: 130px;
    }

    .card--merch .top-section::before {
        top: 20px;
    }

    .card--merch .top-section .borders--logo {
        height: 20px;
        width: 70px;
    }

    .card--merch .top-section .icons .logo {
        padding: 0 0 0 7px;
    }

    .card--merch .top-section .icons .logo img {
        height: 11px !important;
    }

    .card--merch .bottom-section {
        margin-top: 0;
        padding: 10px 5px;
    }

    .card--merch .bottom-section .title {
        font-size: 12px;
    }

    .card--merch .bottom-section .regular-text {
        font-size: 9px;
    }

    .card--merch .bottom-section .row {
        margin-top: 10px;
    }

    .card--merch .bottom-section .row .item {
        padding: 0 5px 3px 5px;
    }

    .card--merch .bottom-section .row .item .big-text {
        font-size: 8px;
    }
}