/* BTN MAIN */
.btn-main {
    display: inline-flex;
    align-items: center;
    justify-content: end;
    gap: 5px;
    height: 32px;
    min-width: 97px;
    padding: 0;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--color-black);
    font-family: var(--font-h);
    font-weight: normal !important;
    text-transform: uppercase;
    transition: transform .2s ease-in, color .2s ease-in;
}
.btn-main.btn-white {
    color: var(--color-white);
}
.btn-main::before, .btn-main::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 100%;
    transition: transform .2s ease-in;
}
.btn-main::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M16.6.76v-.76C7.1,4.31,0,13.65,0,25.12s6.5,21.96,16.39,26.22v-.71c-8.14-4.92-11.74-15.57-11.74-25.51S8.85,5.68,16.6.76Z' style='fill:%23010101;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
.btn-main::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M0,0v.76c7.76,4.91,11.96,14.53,11.96,24.36S8.36,45.72.22,50.63v.71c9.89-4.26,16.39-14.64,16.39-26.22S9.5,4.31,0,0Z' style='fill:%23010101;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
.btn-main.btn-white::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M16.6.76v-.76C7.1,4.31,0,13.65,0,25.12s6.5,21.96,16.39,26.22v-.71c-8.14-4.92-11.74-15.57-11.74-25.51S8.85,5.68,16.6.76Z' style='fill:%23ffffff;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
.btn-main.btn-white::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M0,0v.76c7.76,4.91,11.96,14.53,11.96,24.36S8.36,45.72.22,50.63v.71c9.89-4.26,16.39-14.64,16.39-26.22S9.5,4.31,0,0Z' style='fill:%23ffffff;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
@media (hover: hover) {
    .btn-main:hover::before {
        transform: translateX(10px);
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M16.6.76v-.76C7.1,4.31,0,13.65,0,25.12s6.5,21.96,16.39,26.22v-.71c-8.14-4.92-11.74-15.57-11.74-25.51S8.85,5.68,16.6.76Z' style='fill:%230611c5;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
    }
    .btn-main:hover::after {
        transform: translateX(-10px);
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M0,0v.76c7.76,4.91,11.96,14.53,11.96,24.36S8.36,45.72.22,50.63v.71c9.89-4.26,16.39-14.64,16.39-26.22S9.5,4.31,0,0Z' style='fill:%230611c5;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
    }
    .btn-main:hover {
        color: var(--color-blue);
    }
    .btn-main.btn-white:hover {
        color: var(--color-dgray);
    }
    .btn-main.btn-white:hover::before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M16.6.76v-.76C7.1,4.31,0,13.65,0,25.12s6.5,21.96,16.39,26.22v-.71c-8.14-4.92-11.74-15.57-11.74-25.51S8.85,5.68,16.6.76Z' style='fill:%23666666;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
    }
    .btn-main.btn-white:hover::after {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M0,0v.76c7.76,4.91,11.96,14.53,11.96,24.36S8.36,45.72.22,50.63v.71c9.89-4.26,16.39-14.64,16.39-26.22S9.5,4.31,0,0Z' style='fill:%23666666;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
    }
}
@media(min-width: 744px) {
    .btn-main {
        gap: 14px;
        height: 42px;
        min-width: 113px;
    }
}
@media(min-width: 1200px) {
    .btn-main {
        min-width: 120px;
    }
}
.btn-spotify {
    gap: 10px;
}
.btn-spotify:hover {
    color: var(--color-blue);
}
@media (min-width: 744px) {
    .btn-spotify {
        gap: 20px;
    }
}
.btn-spotify svg {
    width: 35px;
}
.btn-spotify svg * {
    transition: fill 0.3s ease-in-out;
}
.btn-spotify:hover svg * {
    fill: var(--color-blue);
}
.btn-spotify:hover::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M16.6.76v-.76C7.1,4.31,0,13.65,0,25.12s6.5,21.96,16.39,26.22v-.71c-8.14-4.92-11.74-15.57-11.74-25.51S8.85,5.68,16.6.76Z' style='fill:%230611c5;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
.btn-spotify:hover::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M0,0v.76c7.76,4.91,11.96,14.53,11.96,24.36S8.36,45.72.22,50.63v.71c9.89-4.26,16.39-14.64,16.39-26.22S9.5,4.31,0,0Z' style='fill:%230611c5;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
.facetwp-load-more svg {
    width: 10px;
    height: auto;
    margin-left: 0;
}
.facetwp-load-more svg * {
    transition: fill 0.3s ease-in-out;
}
.facetwp-load-more svg * {
    fill: var(--color-black)!important;
}
.facetwp-load-more:hover svg * {
    fill: var(--color-blue)!important;
}
@media(min-width: 1200px) {
    .facetwp-load-more svg {
        margin-left: -4px;
    }
}
/* LINK */
.link {
    position: relative;
    display: inline-block;
    /* font-family: var(--font-h); */
    transition: color .3s ease-in;
}
.link:hover {
    color: var(--color-blue);
}
.link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border: 1px solid var(--color-black);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease-in, border .3s ease-in;
}
.link.active {
    color: var(--color-black);
}
.link.active::before {
    border: 1px solid var(--color-black);
    transform: scaleX(1);
}
.link:hover::before {
    border: 1px solid var(--color-blue);
    transform: scaleX(1);
}
/* LINK SIMPLE */
.link-s {
    display: inline-block;
    transition: color .3s ease-out;
}
.link-s:hover, a:hover .link-s {
    color: var(--color-blue);
}
/* LINK UNDERLINE */
.link-ul {
    position: relative;
    display: inline-block;
    outline: none !important;
    box-shadow: none !important;
}
.theContent a {
    font-size: inherit;
    /* text-transform: uppercase; */
    /* font-family: var(--font-h); */
    text-decoration: underline;
    text-underline-offset: 4px;
}
.theContent a:hover {
    color: var(--color-blue)!important;
}
.link-ul::before, .link-ul::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid var(--color-black);
    transform-origin: right;
    transition: transform 0.3s ease-out;
    will-change: transform;
}
.link-ul::before {
    transform: scaleX(1);
    transform-origin: left center;
    transition-delay: .1s;
}
.link-ul::after {
    transform: scaleX(0);
    border-color: var(--color-blue);
    transform-origin: right center;
    transition-delay: 0s;
}
@media (hover: hover) {
    .link-ul:hover::before {
        transform: scaleX(0);
        transform-origin: right center;
        transition-delay: 0s;
    }
    .link-ul:hover::after {
        border-color: var(--color-blue);
        transform: scaleX(1);
        transform-origin: left center;
        transition-delay: .1s;
    }
}
/* BTN CLOSE */
.btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    width: 30px;
    height: 30px;
    left: unset;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.77 36.77'%3E%3Cpolygon points='36.77 1.41 35.35 0 18.38 16.97 1.41 0 0 1.41 16.97 18.38 0 35.35 1.41 36.77 18.38 19.8 35.35 36.77 36.77 35.35 19.8 18.38 36.77 1.41' fill='%23ffffff'/%3E%3C/svg%3E") center / 30px auto no-repeat;
    opacity: 1;
    box-shadow: none !important;
    border: none !important;
    transition: transform .3s ease-in, background .3s ease-in;
}
.btn-close.btn-dark {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.77 36.77'%3E%3Cpolygon points='36.77 1.41 35.35 0 18.38 16.97 1.41 0 0 1.41 16.97 18.38 0 35.35 1.41 36.77 18.38 19.8 35.35 36.77 36.77 35.35 19.8 18.38 36.77 1.41'/%3E%3C/svg%3E") center / 30px auto no-repeat;
}
/* .btn-close:hover {
    transform: scale(1.05);
} */
.btn-close::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.77 36.77'%3E%3Cpolygon points='36.77 1.41 35.35 0 18.38 16.97 1.41 0 0 1.41 16.97 18.38 0 35.35 1.41 36.77 18.38 19.8 35.35 36.77 36.77 35.35 19.8 18.38 36.77 1.41' fill='%230200cd'/%3E%3C/svg%3E") center / 30px auto no-repeat;
    opacity: 0;
    transition: opacity .3s ease-in;
}
.btn-close:hover::before {
    opacity: 1;
}
/* LANGUAGE SWITCHER */
/* LANG SWITCHER - Dropdown Version */
.lang-switcher {
    position: relative;
    min-width: 32px;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-black-15);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    text-decoration: none;
    color: var(--color-black);
    font-family: var(--font-h);
    text-transform: uppercase;
    transition: background 0.3s ease-in, color 0.3s ease-in;
    background: transparent;
    padding: 0;
    z-index: 3;
}
.lang-switcher:hover,
.lang-switcher:focus,
.lang-switcher[aria-expanded="true"] {
    background: var(--color-black);
    color: var(--color-white);
}
.lang-switcher .lang-current {
    font-family: inherit;
    text-align: center;
}
.lang-switcher::after {
    display: none; /* Hide Bootstrap's default dropdown arrow */
}
@media(min-width: 768px) {
    .lang-switcher {
        width: 38px;
        height: 38px;
    }
}
.lang-dropdown .dropdown-menu {
    display: flex;
    gap: 2px;
    flex-direction: column;
    min-width: 0;
    border-radius: 20rem;
    border: none !important;
    box-shadow: none !important;
    background: transparent;
    padding: 3px;
    margin: 0;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    z-index: 1;
    overflow: hidden;
    visibility: hidden;
    transition: visibility 0s linear;
}
.lang-dropdown .dropdown-menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #c0c0c0;
    will-change: transform;
    transition: transform .3s ease-in;
    transform: scaleY(0);
    transform-origin: top;
}
.lang-dropdown .dropdown-menu li {
    will-change: auto;
    opacity: 0;
    transition: opacity .3s ease;
    transition-delay: .3s;
}
.lang-dropdown .dropdown-menu.show {
    visibility: visible;
}
.lang-dropdown .dropdown-menu.show::before {
    transform: scaleY(1);
}
.lang-dropdown .dropdown-menu.show li {
    opacity: 1;
}
.lang-dropdown .dropdown-item {
    padding: 0;
    transition: background 0.2s ease-in, color 0.2s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--color-black-15);
    border-radius: 50%;
}
.lang-dropdown .dropdown-item.active,
.lang-dropdown .dropdown-item:hover,
.lang-dropdown .dropdown-item:focus {
    background: var(--color-black);
    color: var(--color-white);
}
.lang-dropdown .dropdown-item .lang-code {
    opacity: 0.6;
    font-size: 0.9em;
}
.lang-dropdown .dropdown-item:hover .lang-code,
.lang-dropdown .dropdown-item:focus .lang-code {
    opacity: 1;
}

/* BTN EMAIL */
.btn-email {
    position: relative;
    min-width: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    overflow: hidden;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 18.83"%3E%3Cpath d="m26,7.83v8c0,.8-.32,1.56-.88,2.12-.56.56-1.33.88-2.12.88H3c-.8,0-1.56-.32-2.12-.88-.56-.56-.88-1.33-.88-2.12V7.83c0-.55.45-1,1-1s1,.45,1,1v8c0,.55.45,1,1,1h20c.55,0,1-.45,1-1V7.83c0-.55.45-1,1-1s1,.45,1,1ZM.59,2.94c-.38-.29-.5-.8-.3-1.23.15-.31.35-.59.59-.83.56-.56,1.32-.88,2.12-.88h20c.8,0,1.56.32,2.12.88.24.24.44.52.59.83.2.43.08.94-.3,1.23l-11.81,8.86c-.36.27-.84.27-1.2,0L.59,2.94Zm2.13-.94l10.28,7.75,10.28-7.75c-.09-.01-.19-.01-.28,0H3c-.09-.01-.19-.01-.28,0Z"/%3E%3C/svg%3E') no-repeat center / 14px auto;
    transition: background 0.3s ease-in;
}
/* BTN DOWNLOAD */
.btn-download {
    display: block;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-left: auto;
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20122.542%20161.633'%3E%3Cpath%20d='M120.322,55.913c-2.96-2.96-7.755-2.96-10.715,0l-40.758,40.758V7.577c0-4.183-3.394-7.577-7.577-7.577s-7.577,3.394-7.577,7.577v89.094L12.935,55.913c-2.96-2.96-7.755-2.96-10.715,0s-2.96,7.755,0,10.715l59.051,59.051,59.051-59.051c2.96-2.96,2.96-7.755,0-10.715Z'%20fill='%23000'/%3E%3Cpath%20d='M109.656,146.478H12.886c-4.183,0-7.577,3.394-7.577,7.577s3.394,7.577,7.577,7.577h96.771c4.183,0,7.577-3.394,7.577-7.577s-3.394-7.577-7.577-7.577Z'%20fill='%23000'/%3E%3C/svg%3E") no-repeat center/11px;
    background-color: var(--color-white);
    border-radius: 50%;
    border: none;
    padding: 0;
    transition: transform .3s ease-out, background .3s ease-in-out;
}
/* .btn-download:hover {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20122.542%20161.633'%3E%3Cpath%20d='M120.322,55.913c-2.96-2.96-7.755-2.96-10.715,0l-40.758,40.758V7.577c0-4.183-3.394-7.577-7.577-7.577s-7.577,3.394-7.577,7.577v89.094L12.935,55.913c-2.96-2.96-7.755-2.96-10.715,0s-2.96,7.755,0,10.715l59.051,59.051,59.051-59.051c2.96-2.96,2.96-7.755,0-10.715Z'%20fill='%23fff'/%3E%3Cpath%20d='M109.656,146.478H12.886c-4.183,0-7.577,3.394-7.577,7.577s3.394,7.577,7.577,7.577h96.771c4.183,0,7.577-3.394,7.577-7.577s-3.394-7.577-7.577-7.577Z'%20fill='%23fff'/%3E%3C/svg%3E") no-repeat center/11px;
    background-color: var(--color-blue);
} */
@media (min-width: 744px) {
    .btn-download {
        width: 50px;
        height: 50px;
        background-size: 12px;
    }
}
@media (min-width: 1200px) {
    .btn-download {
        width: 60px;
        height: 60px;
        background-size: 12px;
    }
}
/* END BTN DOWNLOAD */
/* BTN ARROW */
.btn-arrow, .pswp__button--arrow {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--color-gray);
    background: transparent;
    transition: background .3s ease-out;
}
.pswp__button--arrow {
    position: absolute;
}
.pswp__button--arrow > svg {
    display: none !important;
}
.pswp__button--arrow.pswp__button--arrow--prev {
    left: 30px;
}
.pswp__button--arrow.pswp__button--arrow--next {
    right: 30px;
}
.btn-arrow::before, .pswp__button--arrow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s ease-out;
}
.btn-arrow.btn-left, .pswp__button--arrow.pswp__button--arrow--prev {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.74 40.66'%3E%3Cpolygon points='45.74 23.22 45.74 17.35 11.02 17.44 24.41 4.13 20.19 0 0 20.29 20.19 40.66 24.42 36.53 11.02 23.22 11.02 23.22 45.74 23.22' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-left::before, .pswp__button--arrow.pswp__button--arrow--prev::before {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.74 40.66'%3E%3Cpolygon points='45.74 23.22 45.74 17.35 11.02 17.44 24.41 4.13 20.19 0 0 20.29 20.19 40.66 24.42 36.53 11.02 23.22 11.02 23.22 45.74 23.22' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-right, .pswp__button--arrow.pswp__button--arrow--next {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.74 40.66'%3E%3Cpolygon points='25.55 0 21.33 4.13 34.73 17.44 34.73 17.44 0 17.44 0 23.31 34.73 23.22 21.33 36.53 25.55 40.66 45.74 20.37 25.55 0' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-right::before, .pswp__button--arrow.pswp__button--arrow--next::before {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.74 40.66'%3E%3Cpolygon points='25.55 0 21.33 4.13 34.73 17.44 34.73 17.44 0 17.44 0 23.31 34.73 23.22 21.33 36.53 25.55 40.66 45.74 20.37 25.55 0' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-down {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.66 45.74'%3E%3Cpath d='M23.22,34.73l13.31-13.4,4.13,4.22-20.37,20.19L0,25.55l4.13-4.22,13.31,13.4-.09-34.73h5.87V34.73h0Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-down::before {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.66 45.74'%3E%3Cpath d='M23.22,34.73l13.31-13.4,4.13,4.22-20.37,20.19L0,25.55l4.13-4.22,13.31,13.4-.09-34.73h5.87V34.73h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-sort {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.39 13.3'%3E%3Cpath d='M5.23,10.82l3-3.02,.93,.95-4.59,4.55L0,8.76l.93-.95,3,3.02-.02-7.82h1.32v7.82h0ZM13.15,2.48l-3,3.02-.93-.95L13.82,0l4.57,4.55-.93,.95-3-3.02,.02,7.82h-1.32V2.48h-.01Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 19px;
}
.btn-arrow.btn-sort::before, .show .btn-arrow.btn-sort::before {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.39 13.3'%3E%3Cpath d='M5.23,10.82l3-3.02,.93,.95-4.59,4.55L0,8.76l.93-.95,3,3.02-.02-7.82h1.32v7.82h0ZM13.15,2.48l-3,3.02-.93-.95L13.82,0l4.57,4.55-.93,.95-3-3.02,.02,7.82h-1.32V2.48h-.01Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 19px;
}
.btn-arrow.btn-top {
    transform: rotate(180deg);
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.66 45.74'%3E%3Cpath d='M23.22,34.73l13.31-13.4,4.13,4.22-20.37,20.19L0,25.55l4.13-4.22,13.31,13.4-.09-34.73h5.87V34.73h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-top::before {
    background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.66 45.74'%3E%3Cpath d='M23.22,34.73l13.31-13.4,4.13,4.22-20.37,20.19L0,25.55l4.13-4.22,13.31,13.4-.09-34.73h5.87V34.73h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.pswp__button--arrow.pswp__button--arrow--next, .pswp__button--arrow.pswp__button--arrow--prev {
    background-color: var(--color-white);
}
.btn-arrow:hover::before, .pswp__button--arrow:hover::before, a:hover .btn-arrow::before, a:hover .pswp__button--arrow::before {
    opacity: 1;
}
@media(min-width: 1200px) {
    .btn-arrow, .pswp__button--arrow {
        width: 55px;
        height: 55px;
    }
}
/* BTN ARROW END */
/* BTN PLUS */
.btn-plus {
    display: inline-block;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--color-gray);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpolygon points='11 4.85 6.15 4.85 6.15 0 4.85 0 4.85 4.85 0 4.85 0 6.15 4.85 6.15 4.85 11 6.15 11 6.15 6.15 11 6.15 11 4.85' style='fill:%23010101;'/%3E%3C/svg%3E") no-repeat center / 11px;
    transition: background .3s ease-out;
}
.btn-plus:hover, a:hover .btn-plus {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpolygon points='11 4.85 6.15 4.85 6.15 0 4.85 0 4.85 4.85 0 4.85 0 6.15 4.85 6.15 4.85 11 6.15 11 6.15 6.15 11 6.15 11 4.85' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
@media(min-width: 1200px) {
    .btn-plus {
        width: 55px;
        height: 55px;
    }
}
span.icon-plus {
    display: block;
    width: 11px;
    height: 11px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpolygon points='11 4.85 6.15 4.85 6.15 0 4.85 0 4.85 4.85 0 4.85 0 6.15 4.85 6.15 4.85 11 6.15 11 6.15 6.15 11 6.15 11 4.85' style='fill:%23010101;'/%3E%3C/svg%3E") no-repeat center / 11px;
    transition: background .3s ease-out;
}
a:hover span.icon-plus {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpolygon points='11 4.85 6.15 4.85 6.15 0 4.85 0 4.85 4.85 0 4.85 0 6.15 4.85 6.15 4.85 11 6.15 11 6.15 6.15 11 6.15 11 4.85' style='fill:%230611c5;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
/* BTN DROPDOWN */
.btn-dropdown {
    display: inline-flex;
    width: 100%;
    min-width: 250px;
    min-height: 70px;
    padding: 0px 0px 10px 0px;
    justify-content: end;
    align-items: center;
    gap: 20px;
    border: none;
    background: transparent!important;
    color: var(--color-black);
    box-shadow: none!important;
    outline: none!important;
    transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}
/* .btn-dropdown.show {
    color: var(--color-white);
    background: var(--color-white);
} */
@media(min-width: 576px) {
    .btn-dropdown {
        width: 260px;
    }
}
@media (min-width: 744px) {
    .btn-dropdown {
        width: 320px;
    }
}
@media(min-width: 1200px) {
    .btn-dropdown {
        width: 350px;
        height: 55px;
    }
}
.btn-dropdown::after {
    display: none!important;
}
.btn-dropdown .btn-drop {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
        flex-shrink: 0;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    background: center / 19px url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.39 13.3"%3E%3Cpath d="M5.23,10.82l3-3.02,.93,.95-4.59,4.55L0,8.76l.93-.95,3,3.02-.02-7.82h1.32v7.82h0ZM13.15,2.48l-3,3.02-.93-.95L13.82,0l4.57,4.55-.93,.95-3-3.02,.02,7.82h-1.32V2.48h0Z" style="fill:%23000000;"/%3E%3C/svg%3E') no-repeat;
    transition: background .3s ease-in-out;
}
.btn-dropdown .btn-drop::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: center / 19px url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.39 13.3"%3E%3Cpath d="M5.23,10.82l3-3.02,.93,.95-4.59,4.55L0,8.76l.93-.95,3,3.02-.02-7.82h1.32v7.82h0ZM13.15,2.48l-3,3.02-.93-.95L13.82,0l4.57,4.55-.93,.95-3-3.02,.02,7.82h-1.32V2.48h0Z" style="fill:%23ffffff;"/%3E%3C/svg%3E') var(--color-black) no-repeat;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.btn-dropdown.show .btn-drop::before {
    opacity: 1;
}
@media (min-width: 744px) {
    .btn-dropdown .btn-drop {
        width: 45px;
        height: 45px;
    }
}
@media(min-width: 1200px) {
    .btn-dropdown .btn-drop {
        width: 55px;
        height: 55px;
    }
}
@media (hover: hover) {
    .btn-dropdown:hover .btn-drop::before {
        opacity: 1;
    }
}
.facetwp-facet-categories {
    margin: 0!important;
}

.facetwp-bs-dropdown .dropdown-menu,
.v-bs-dropdown .dropdown-menu {
    background: var(--color-white);
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* border: 1px solid var(--color-mblue);
    border-top: 1px solid var(--color-mblue); */
    border: none!important;
    padding: 20px 40px 20px 30px;
    min-width: 260px;
    /* width: 100%; */
    width: auto;
    color: var(--color-mblue);
    top: 80%;
    left: 10%;
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, top .5s ease-in-out;
    -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, top .5s ease-in-out;
    transition: visibility .3s ease-in-out, opacity .3s ease-in-out, top .5s ease-in-out;
}
.v-bs-dropdown.ulogin .dropdown-menu.show {
    top: 120%;
}
#wrapper-navbar .v-bs-dropdown.ulogin .dropdown-menu.show {
    top: 150%;
}
.facetwp-bs-dropdown .dropdown-menu.show,
.v-bs-dropdown .dropdown-menu.show {
    display: block;
    visibility: visible;
    opacity: 1;
    top: 100%;
    background: var(--color-black);
}
.v-bs-dropdown.ulogin .dropdown-menu {
    /* right: -230%; */
    left: -460%;
    background: var(--color-black);
    max-width: 250px;
    /* padding: 20px 30px 20px 70px; */
    padding: 20px 30px;
}
/* .facetwp-bs-dropdown .dropdown-menu li,
.v-bs-dropdown .dropdown-menu li {
    border-bottom: 1px solid var(--color-black);
} */
@media(min-width: 576px) {
    .facetwp-bs-dropdown .dropdown-menu,
    .v-bs-dropdown .dropdown-menu {
        width: 260px;
    }
}
@media (min-width: 744px) {
    .v-bs-dropdown.ulogin .dropdown-menu {
        left: auto;
        right: 0;
    }
    .facetwp-bs-dropdown .dropdown-menu,
    .v-bs-dropdown .dropdown-menu {
        width: 320px;
        left: unset;
        padding: 20px 70px 20px 25px;
    }
}
@media(min-width: 1200px) {
    .facetwp-bs-dropdown .dropdown-menu,
    .v-bs-dropdown .dropdown-menu {
        width: 350px;
        padding: 20px 70px 20px 25px;
    }
}
/* .facetwp-bs-dropdown li,
.v-bs-dropdown li {
    padding-bottom: 15px;
} */
/* .facetwp-bs-dropdown li:last-child,
.v-bs-dropdown li:last-child {
    padding-bottom: 0;
} */
.facetwp-bs-dropdown .dropdown-item,
.v-bs-dropdown .dropdown-item {
    text-align: right;
    white-space: normal;
    color: var(--color-gray);
    padding: 10px 0;
    background: transparent;
    transition: color .3s ease-in-out;
}
.v-bs-dropdown.ulogin .dropdown-item {
    padding: 5px 0;
}
@media (hover: hover) {
    .facetwp-bs-dropdown .dropdown-item:hover,
    .v-bs-dropdown .dropdown-item:hover {
        /* background: var(--color-mblue); */
        color: var(--color-white);
    }
}
/* END BTN DROPDOWN */
/* SECONDARY DROPDOWN */
.v-select-wrapper .v-bs-dropdown {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    border-bottom: 1px solid var(--color-gray) !important;
    border-radius: 0;
    padding: 10px 0;
    font-size: inherit;
    color: var(--color-black);
}
.v-select-wrapper .btn-select {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    color: var(--color-black);
    background: transparent;
    border: none !important;
    outline: none !important;
}
.v-select-wrapper .btn-select::after {
    /* position: absolute; */
    display: inline-block;
    width: 40px;
    height: 40px;
    right: 0;
    top: 50%;
    /* transform: translateY(-50%); */
    margin-left: 14px;
    content: "";
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 11px;
    transition: background 0.3s ease-out, border 0.3s ease-out;
}
.v-select-wrapper .btn-select:hover::after {
    border-color: transparent!important;
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.v-select-wrapper .btn-select.show::after {
    border-color: transparent!important;
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
    /* transform: translateY(-50%) rotate(180deg); */
    transform: rotate(180deg);
}
.v-select-wrapper .dropdown .dropdown-menu {
    width: 100%;
    max-height: 400px;
    background: var(--color-white);
    border: none;
    padding: 16px 0;
    left: 0 !important;
    top: 10px !important;
    overflow: hidden auto;
    border-radius: 0;
}
.v-select-wrapper .dropdown .dropdown-menu::-webkit-scrollbar {
    width: 1px;
}
.v-select-wrapper .dropdown .dropdown-menu::-webkit-scrollbar-track {
    background: var(--color-gray);
}
.v-select-wrapper .dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--color-dgray);
}
.v-select-wrapper .dropdown .dropdown-item {
    color: var(--color-black);
    text-transform: unset !important;
    text-align: left;
    padding: 15px 25px 15px 20px;
    width: 100% !important;
    transition: background 0.3s ease-out, color 0.3s ease-out;
}
.v-select-wrapper .dropdown .dropdown-item.active, .v-select-wrapper .dropdown .dropdown-item:hover {
    background: var(--color-white);
    color: var(--color-blue);
}
.v-select-wrapper .form-group:has(.dropdown-menu.show) .btn-select {
    color: var(--color-black);
}
.v-select-wrapper .dropdown .dropdown-menu.show {
    top: 100% !important;
    max-height: 400px;
    transform: none !important;
}
@media(min-width: 744px) {
    .v-select-wrapper .v-bs-dropdown {
        padding: 0 0 30px 0!important;
    }
    .v-select-wrapper .btn-select::after {
        width: 50px;
        height: 50px;
    }
    /* .v-select-wrapper .dropdown .dropdown-menu {
        width: 100%;
        left: -10px !important;
    } */
}
@media(min-width: 1200px) {
    .v-select-wrapper .v-bs-dropdown {
        padding: 0 0 25px 0!important;
    }
    .v-select-wrapper .btn-select::after {
        width: 55px;
        height: 55px;
    }
    .v-select-wrapper .dropdown .dropdown-menu {
        width: 100%;
        padding: 16px 0;
        left: 0px !important;
        top: 49px !important;
        border-radius: 0;
    }
}
/* ΒΤΝ PLAY */
.btn-play-small {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 0;
    border: none !important;
    border-radius: 50%;
    background: var(--color-lgray) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 86.6'%3E%3Cpolygon points='75 43.3 0 0 0 86.6 75 43.3' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat 53% / 10px;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    transition: background .3s ease-out;
}
.btn-play-small::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 86.6'%3E%3Cpolygon points='75 43.3 0 0 0 86.6 75 43.3' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat 53% / 10px;
    opacity: 0;
    transition: opacity .3s ease-out;
}
.btn-play-small:hover::before, div:hover > .btn-play-small::before {
    opacity: 1;
}
/* BTN SOCIAL LOGIN */
.btn-social-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--color-gray);
    background: var(--color-white);
    color: var(--color-black);
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
.btn-social-login:hover {
    background: var(--color-black);
    color: var(--color-white);
}
@media(min-width: 744px) {
    .btn-social-login {
        width: 50px;
        height: 50px;
    }
}
@media(min-width: 1200px) {
    .btn-social-login {
        width: 55px;
        height: 55px;
    }
}
/* BTN USER LOGIN */
.btn-ulogin {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--color-black-15);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.86 24.9'%3E%3Cpath d='M6.66,3.76C7.29,1.13,9.93-.49,12.56,.13c2.63,.62,4.26,3.27,3.63,5.89-.63,2.64-2.73,4.95-5,7.01l-1.23-1.03c.35-.39,.89-.92,1.16-1.49,.25-.52,0-1.09-.51-1.33-.23-.11-.5-.15-.77-.21-2.38-.5-3.73-2.88-3.18-5.22h0ZM22.81,24.67c-.62-2.54-2.11-4.76-4.14-6.32-1.99-1.54-4.5-2.45-7.23-2.45s-5.24,.92-7.24,2.45C2.17,19.92,.68,22.13,.05,24.67l-.05,.22H22.86s-.06-.22-.06-.22Z' style='fill:%23000000; fill-rule:evenodd;'/%3E%3C/svg%3E") no-repeat center / 13px;
    color: var(--color-black);
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
/* .btn-ulogin:hover, .btn-ulogin.show {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.86 24.9'%3E%3Cpath d='M6.66,3.76C7.29,1.13,9.93-.49,12.56,.13c2.63,.62,4.26,3.27,3.63,5.89-.63,2.64-2.73,4.95-5,7.01l-1.23-1.03c.35-.39,.89-.92,1.16-1.49,.25-.52,0-1.09-.51-1.33-.23-.11-.5-.15-.77-.21-2.38-.5-3.73-2.88-3.18-5.22h0ZM22.81,24.67c-.62-2.54-2.11-4.76-4.14-6.32-1.99-1.54-4.5-2.45-7.23-2.45s-5.24,.92-7.24,2.45C2.17,19.92,.68,22.13,.05,24.67l-.05,.22H22.86s-.06-.22-.06-.22Z' style='fill:%23ffffff; fill-rule:evenodd;'/%3E%3C/svg%3E") no-repeat center / 13px;
} */
.btn-ulogin::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.86 24.9'%3E%3Cpath d='M6.66,3.76C7.29,1.13,9.93-.49,12.56,.13c2.63,.62,4.26,3.27,3.63,5.89-.63,2.64-2.73,4.95-5,7.01l-1.23-1.03c.35-.39,.89-.92,1.16-1.49,.25-.52,0-1.09-.51-1.33-.23-.11-.5-.15-.77-.21-2.38-.5-3.73-2.88-3.18-5.22h0ZM22.81,24.67c-.62-2.54-2.11-4.76-4.14-6.32-1.99-1.54-4.5-2.45-7.23-2.45s-5.24,.92-7.24,2.45C2.17,19.92,.68,22.13,.05,24.67l-.05,.22H22.86s-.06-.22-.06-.22Z' style='fill:%23ffffff; fill-rule:evenodd;'/%3E%3C/svg%3E") no-repeat center / 13px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.btn-ulogin:hover::before, .btn-ulogin.show::before {
    opacity: 1;
}
.btn-ulogin::after {
    content: none;
}
@media(min-width: 768px) {
    .btn-ulogin {
        width: 40px;
        height: 40px;
    }
}
/* BTN USER LOGIN END */
/* BTN CHECK */
:root {
    --tik-width: 40px;
}
.btn-tik {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}
.btn-tik::before {
    content: '';
    position: relative;
    width: var(--tik-width);
    height: var(--tik-width);
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    transition: border-color .3s ease-in-out;
}
.btn-tik::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(var(--tik-width) / 2);
    display: inline-block;
    width: 7px;
    height: 7px;
    background: var(--color-black);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .3s ease-in-out;
}
.btn-tik:hover::before, .btn-tik.active::before {
    border-color: var(--color-black);
}
.btn-tik:hover::after, .btn-tik.active::after {
    transform: translate(-50%, -50%) scale(1);
}
@media(min-width: 1200px) {
    :root {
        --tik-width: 55px;
    }
    .btn-tik::after {
        width: 10px;
        height: 10px;
    }
}
/* BTN CHECK END */
/* CUSTOM CHECKBOX */
.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    text-transform: uppercase;
}
.custom-checkbox input {
    display: none;
}
.custom-checkbox .custom-check {
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-black);
    border-radius: 50%;
    position: relative;
    margin-right: 20px;
    transition: border-color 0.3s ease-out;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.custom-checkbox input:checked+.custom-check {
    border-color: var(--color-gray);
}
.custom-checkbox .custom-check::after {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--color-black);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease-in-out;
}
.custom-checkbox input:checked+.custom-check::after {
    transform: translate(-50%, -50%) scale(1);
}
.custom-checkbox input:not(:checked)+.custom-check {
    border-color: var(--color-gray);
}
.custom-checkbox input:not(:checked)+.custom-check::after {
    content: "";
    width: 0;
    height: 0;
}
.custom-checkbox:hover .custom-check,
.custom-checkbox input:checked + .custom-check,
.custom-checkbox:hover input:not(:checked) + .custom-check {
    border-color: var(--color-black);
}
@media(min-width: 1200px) {
    .custom-checkbox .custom-check {
        width: 55px;
        height: 55px;
    }
}
/* CUSTOM CHECKBOX END */

/* V-BS-DROPDOWN VALIDATION STYLES */
/* .v-bs-dropdown .btn-select.is-invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
    background-color: rgba(220, 53, 69, 0.05) !important;
}

.v-bs-dropdown .btn-select.is-invalid::after {
    border-top-color: #dc3545 !important;
} */

.v-bs-dropdown .invalid-feedback,
.v-bs-dropdown .validation-error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #dc3545;
    display: block !important;
    position: relative;
    z-index: 1;
}

.v-bs-dropdown .invalid-feedback.d-block,
.v-bs-dropdown .validation-error.d-block {
    display: block !important;
}

/* Add focus state for invalid dropdowns */
/* .v-bs-dropdown .btn-select.is-invalid:focus,
.v-bs-dropdown .btn-select.is-invalid.show {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
    outline: 0;
} */

/* Style for required field indicators */
.v-bs-dropdown .btn-select[required]::before,
.v-bs-dropdown .btn-select[aria-required="true"]::before {
    content: "*";
    color: #dc3545;
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    z-index: 2;
}

/* Ensure validation error appears above other elements */
.v-bs-dropdown {
    position: relative;
}

.v-select-wrapper .v-bs-dropdown .validation-error {
    position: relative;
    z-index: 10;
}
/* V-BS-DROPDOWN VALIDATION STYLES END */