:root {
    --text-grey: #969696;
    --bg-linear: linear-gradient(90deg, #0DBBFC 0%, #1343BB 100%);
}

body {
    /* background: #000 !important; */
    background-image: linear-gradient(90deg, #1E1E1E 0%, #000000 100%);
}

.z-1 {
    position: relative;
    z-index: 1;
}

.w-semibold {
    font-weight: 600;
}

.text-grey {
    color: var(--text-grey) !important;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.e-con>.e-con-inner {
    max-width: 1600px !important;
}

.container {
    max-width: 1600px !important;
}

.bg-linear {
    background: var(--bg-linear);
}

/* Banner Block */

header#masthead+section.hero-section {
    padding-top: 140px !important;
}

/* Online Casino */

ul.banner-ul {
    list-style: none;
    padding: 0px;
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.play-block {
    height: 100%;
    background: #000;
    overflow: hidden;
    border-radius: 20px;
    transition: 400ms;
    border: 1px solid #000;
}

.play-text-block {
    padding: 25px;
}

.play-block:hover {
    background: transparent;
    border: 1px solid #fff;
}

.growth-block {
    height: 100%;
    border: 1px solid #fff;
    padding: 25px;
    border-radius: 20px;
}

.growth-block img {
    width: 65px;
}

.swiper-slide {
    height: auto !important;
}

.explore-block {
    background: #000;
    padding: 25px;
    border-radius: 20px;
    height: 100%;
}

.explore-block img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
}

.cta-wrapper {
    background-image: url(../images/free-casino-images/cta-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 40px;
    border-radius: 20px;
    position: relative;
}

.cta-wrapper h2 {
    color: #000 !important;
}

.girl-img {
    position: absolute;
    bottom: 0px;
}

.casino-img {
    position: absolute;
    bottom: 0px;
    right: 40px;
}

/*Free Casino Game*/

.discover-block {
    border-radius: 20px;
    padding: 25px;
    text-align: center;
    background: #1d1d1d;
    border: 1px solid #606060;
    height: 100%;
    transition: all 0.3s;
}

.discover-img-block {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.discover-img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.return-tag {
    background: linear-gradient(90deg, #FFBE0B 0%, #F41414 100%);
    font-size: 18px;
    color: #fff;
    position: absolute;
    bottom: 1px;
    right: 0px;
    padding: 10px 20px;
    border-radius: 10px 0px 10px 0px;
}

.discover-block:hover {
    background: #28282800;
    border: 1px solid #ffffff;
}

.h-260 {
    height: 260px;
    object-fit: cover;
    object-position: bottom;
}

/* Tips Block */

.shape-overlay {
    position: absolute;
    inset: -50% 0 auto;
    margin: auto;
}

.dice-1 {
    position: absolute;
    right: 0;
    top: 20px;
}

.dice-2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.tips-block {
    position: relative;
    background-color: #1F1F1FB2;
    padding: 30px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}

.tips-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(102, 102, 102, 0.8) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

/* Choose Block */

.choose-intro {
    background: url(../images/dealer-images/choose-overlay.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000312;
}

/* Games Block */

.games-block {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.3s;
}

.games-img {
    width: 100%;
    height: 260px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.games-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.games-content {
    background: #1F1F1FB2;
    backdrop-filter: blur(14px);
    padding: 30px 30px;
    margin: -40px 0 0;
    border-radius: 10px;
    min-height: 300px;
}

.cta-wrapper.bg-linear h2 {
    color: #fff !important;
}


@media (max-width:1030px) {
    .girl-img,
    .casino-img {
        display: none;
    }
}

@media (max-width:767px) {

    .cta-wrapper {
        padding: 40px;
    }
}