.gametypes {
    position: relative;
}

.gametypes__title {
    background-clip: unset!important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: white;
    text-align: center;
    margin-bottom: 16px;
}
.gametypes__text {
    text-align: center;
}
.gametypes__row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    position: relative;
}



.gametypes__item {
    background: #1F2836;
    border-radius: 20px;
    flex-grow: 1;
}
.gametypes__item-header {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 10px;
}

.gametypes__item-images {
    display: flex;
    gap: 10px;
}
.gametypes__item-image {
    max-width: 48px;
}

.gametypes__item-image {
    max-width: 48px;
    object-fit: contain;
}
.gametypes__row .full-width-item:last-child .gametypes__item-text{
    max-width: 890px;
}

.gametypes__text-after {
    text-align: center;
}

@media screen and (min-width: 992px){
    .gametypes__text {
        margin-bottom: 32px;
    }

    .gametypes__item {
        flex-basis: calc((100% - 20px) / 2);
        padding: 24px;
    }

    .gametypes__row {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 991.98px){
    .gametypes__text {
        margin-bottom: 24px;
    }

    .gametypes__item {
        padding: 24px 16px;
    }

    .gametypes__row {
        margin-bottom: 24px;
        flex-direction: column;
    }

    .gametypes__item-title {
        font-size: 18px;
    }

    .gametypes svg {
        left: -100px;
    }

    .gametypes .tg-container{
        padding: 0px 20px;
    }
}