@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --tikla-eslestir-main-color: #37E3EB;
    --tikla-eslestir-main-color-hover: #6ff8ff;
    --tikla-eslestir-color1: #37E3EB;
    --tikla-eslestir-color1-hover: #68f7ff;
    --tikla-eslestir-color2: #FF4CAB;
    --tikla-eslestir-color2-hover: #ff5cb3;
    --tikla-eslestir-background-light: #FAFAFA;
}
.center-screen {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    min-height: 100vh!important;
}
.center-horizontal-mobile { }
.tikla-eslestir-bg-light{ background-color: var(--tikla-eslestir-background-light)!important; }
.tikla-eslestir-img-button{
   cursor: pointer;
}
.tikla-eslestir-button:hover{ background: var(--tikla-eslestir-main-color-hover); }
.tikla-eslestir-button.play-now{
    color: #FFF!important;
    font-family: "Plus Jakarta Sans"!important;
    font-size: 15px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
    border-radius: 50px!important;
    height: 40px;
}

.play-now-button-color1{ background: var(--tikla-eslestir-color1)!important; }
.play-now-button-color1:hover{ background: var(--tikla-eslestir-color1-hover)!important; }
.play-now-button-color2{ background: var(--tikla-eslestir-color2)!important; }
.play-now-button-color2:hover{ background: var(--tikla-eslestir-color2-hover)!important; }

.tikla-eslestir-button.start-now{
    width: 408px;
    height: 60px;
    color: #FFF!important;
    font-family: "Plus Jakarta Sans"!important;
    font-size: 26px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
}
.game-card{
    border: 1px solid #E3E3E3;
    height: 162px;
    border-radius: 8px;
    background: #FFF;
    padding: 0.8rem;
}

 /* the slides */
.slick-slide {
    margin: 0 27px;
}
/* the parent */
.slick-list {
    margin: 0 -27px;
}
.vertical-line {
    width: 1px; 
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #E3E3E3 0%, #FFF 100%);
    margin: 0 10px 0 3px;
}


@media only screen and (max-width: 768px) {
    .center-horizontal-mobile{
        margin: 0 auto!important;
    }
}
@media (min-width: 1024px) {
    .game-logo-part img {
        width: 50%;
        height: auto;
    }
}