.container__services__v1 {
    padding: 50px 0
}

.container__services__v1 .title__card {
    color: var(--black);
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center
}

.container__services__v1 .description__card {
    color: var(--black);
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    margin: 0 auto;
    max-width: 616px;
    text-align: center;
    width: 100%
}

.container__services__v1 .content__services {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 2rem auto
}

.container__services__v1 .service .background-image {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%
}

.container__services__v1 .service {
    background: linear-gradient(96deg, rgba(192, 14, 14, .2) 4.11%, rgba(192, 39, 39, 0) 33.77%), #000;
    background-repeat: no-repeat;
    border-radius: 1.625rem;
    cursor: pointer;
    height: 270px;
    overflow: hidden;
    position: relative;
    transition: .5s;
    width: 49%
}

.container__services__v1 .service__full {
    margin-top: 3rem;
    width: 100%
}

.container__services__v1 .service__content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    left: 30px;
    position: absolute;
    top: 50px;
    width: 50%
}

.container__services__v1 .service__text,
.container__services__v1 .service__title {
    color: var(--white);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem
}

.container__services__v1 .service__text {
    color: var(--white);
    font-size: .9rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.438rem
}

.container__services__v1 .service__link {
    background-color: var(--white);
    border-radius: 1rem;
    color: var(--black);
    font-weight: 500;
    padding: .25rem .5rem;
    text-decoration: none;
    transition: .5s
}

@media screen and (min-width:768px) {

    .container__services__v1 .service__text,
    .container__services__v1 .service__title {
        color: var(--white);
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1.75rem
    }

    .container__services__v1 .service__text {
        color: var(--white);
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 300
    }
}

@media screen and (max-width:992px) {
    .container__services__v1 .service {
        width: 100%
    }

    .container__services__v1 .service .background-image {
        background-size: 27% 100%
    }
}

@media screen and (max-width:576px) {
    .container__services__v1 .service .background-image {
        background-size: 50% 100%
    }
}

@media (hover:hover) {
    .container__services__v1 .service__link:hover {
        opacity: .5
    }
}