.dx-slider {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    margin: auto;
    overflow: hidden;
}
.dx-slider  {
    opacity: 0;
    transition: .1s opacity ease-out;
}

.dx-slider.is-ready  {
    opacity: 1;
}
.dx-slider-wrapper {
    flex-grow: 1;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
}
.dx-slider-line {
    justify-content: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-basis: 0;
    margin: 0;
    transition: .2s transform cubic-bezier(0.39, 0.58, 0.57, 1);
    display: flex;
    overflow: visible;
}
.dx-slider-line.dx-auto-slide {
    transition: 1s transform ease-in-out;
}

.dx-slider .dx-slider-item {
    padding: 0;
    margin: 0;
    display: flex;
    opacity: 1;
    min-width: 20%;
    transition: .2s all ease-out;
    position: relative;
    justify-content: center;
}
.card-list .dx-slider .dx-slider-item {
    margin: 8px 16px;
    box-shadow: 2px 2px 3px -2px #00000073;
}
.card-list .dx-slider .dx-slider-item:hover {
    box-shadow: 2px 2px 5px -2px #00000099, 0px 0px 5px -1px #0000007d;
}
.dx-slider .dx-slider-item > * {
    transition: .4s all ease-out .2s;
    opacity: 1;
    transform: translateY(0px);
    width: 100%;

}
.dx-slider .dx-slider-item > a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dx-slider[data-type="icons"] .dx-slider-item > a {
    padding: 12px;
}

.dx-slider .dx-slider-item.is-loading > * {
    opacity: 0;
    transform: translateY(14px);
}
.dx-slider .dx-slider-item:before {
    position: absolute;
    content: '';
    display: block !important;
    background-image:url('data:image/svg+xml;utf8,<svg stroke="rgba(255,255,255)" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-width="2"><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/><animate attributeName="stroke-opacity" begin="0s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/></circle><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/><animate attributeName="stroke-opacity" begin="-0.9s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/></circle></g></svg>');
    top: 50% !important;
    left: 50% !important;
    box-shadow: none !important;
    width: 0;
    height: 0;
    background-color: transparent !important;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: .2s all ease-in !important;
}

.dx-slider .dx-slider-item.is-loading-invert:before {
    filter: invert(1);
}
.dx-slider .dx-slider-item.is-loading:before {
    opacity: 1;
    width: 50px;
    height: 50px;

}
.home-page-wrapper .dx-slider.dxs-icon-btns  .svg-image-wrapper {
    font-weight: 600;
    background-color: transparent;
    width: 70px;
    height: 52px;
    margin-right: 10px;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.6));
    text-align: right;
    display: flex;
    justify-content: center;
}


.dx-slider.dxs-icon-btns .dx-slider-item a > span {
    max-width: min-content;
    line-height: 1.2;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.6));
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.svg-image-wrapper img, .svg-image-wrapper svg {
    padding: 0px;
    fill: var(--text-primary);
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}
.dx-slider.dxs-icon-btns .dx-slider-item > a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 1.8rem;
    padding: 18px 12px;
    position: relative;
}
.dx-slider.dxs-icon-btns .dx-slider-item > a:before {
    background-color: #00000045;
    position: absolute;
    content: ' ';
    display: block;
    top: 0%;
    right: 50%;
    bottom: 0%;
    left: 50%;
    opacity: 0;
    transition: .14s all ease-out;
}
.dx-slider.dxs-icon-btns .dx-slider-item > a:hover:before {
    opacity: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}
.dx-slider .svg-containment {
    width: 150px;
    height: 70px;
    margin-bottom: 0px;
}
@media (max-width: 400px) {
    .dx-slider .svg-containment {
        width: 86px;
        height: 40px;
    }
}
.dx-slider .svg-containment img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.dx-slider .dx-slider-btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(0%);
    padding: 0px 4px;
    transition: .14s all ease-out .4s;
    position: absolute;
    z-index: 5;
    top: 50%;
    opacity: 0;

}
.dx-slider .dx-slider-btn-wrapper:first-child {
    left: 20px;
    transform: translate(-90px, -50%);

}
.dx-slider:hover .dx-slider-btn-wrapper:first-child {
    transform: translate(0px, -50%);
    opacity: 1;
}
.dx-slider .dx-slider-btn-wrapper:last-child {
    right: 20px;
    transform: translate(90px,-50%);
}
.dx-slider:hover .dx-slider-btn-wrapper:last-child {
    right: 20px;
    transform: translate(0px, -50%);
    opacity: 1;
}
.dx-slider .dx-slider-btn-wrapper.dx-slide-out {
    opacity: 0;
}
.dx-slider .dx-slider-btn-wrapper.dx-slide-out:first-child {
    transform: translateX(-100%);
}

.dx-slider .dx-slider-btn-wrapper.dx-slide-out:last-child {
    transform: translateX(100%);
}
.dx-slider .dx-slider-btn {
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 50%;
    background-color: rgb(83 83 83 / 96%);
    font-size: 12px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .1s all ease-out;
}
.dx-slider .dx-slider-btn:hover {
    background-color: rgb(0 0 0 / 100%);
}
.dx-slider .dx-slider-btn:active {
    background-color: rgb(0 0 0);
}
.dx-slider .dx-slider-btn i {
    color: #fff;
}
.dx-slider .dx-slider-btn[data-direction="prev"] {
    padding-right: 4px;
}
.dx-slider .dx-slider-btn[data-direction="next"] {
    padding-left: 4px;
}
.dx-slider .no-animate {
    transition: none !important;
}
.dx-slider .single-card p {
    overflow-y: visible;
}