@media only screen and (min-width: 960px) {
    .how-first {
        background-image: url("/assets/graph-assets/backgrounds/blue_circle.svg"), url("/assets/graph-assets/backgrounds/pink_dots.svg");
        background-size: auto;
        background-repeat: no-repeat;
        background-position: 55% 0, 65% 25%;
    }

    .how-second {
        background-image: url("/assets/graph-assets/backgrounds/pink_circle.svg"), url("/assets/graph-assets/backgrounds/blue_dots.svg");
        background-size: auto;
        background-repeat: no-repeat;
        background-position: 40% 0, bottom right;
    }

    .why {
        background-image: url("/assets/graph-assets/home/4.svg");
        background-size: 25%;
        background-repeat: no-repeat;
        background-position: 55% 100%;
    }

    .service-slide {
        height: 350px !important;
    }
}

.service-slide {
    height: 600px;
}

.services {
    background: transparent linear-gradient(180deg, #E1E8F2 0%, #F5F5F5 62%, #FAFAFA 100%) 0 0 no-repeat;
    /*background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%) !important;*/
}

.services-list a {
    opacity: 0.3;
}

.services-list a.uk-active, .services-list a:hover {
    opacity: 1;
}

.uk-card {
    border-radius: 36px;
    color: #1a1a1a;
}

.uk-animation-fade {
    animation-duration: 1.5s;
}

.fade-out {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 1s, opacity 1s;
}
.fade-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 1s;
}

.uk-list.target > li:nth-child(n+2) {
    margin-top: 10px;
}

.case {
    background-color: white;
    height: 250px;
    position: relative;
}

.case img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 150px;
}

.explore-search {
    background-color: #F9DBD1;
    --portal-main-color: var(--explore-color);
    --portal-dark-color: var(--explore-dark-color);
}
