/* PAYMENT */


.payment{
    display: flex;
    justify-content: center;

    margin-top: 139px;
}

.payment__title{
    font-size: 100px;
    line-height: 100%;
    text-align: center;
}

.payment__text{
    margin-top: 55px;

    font-size: 30px;
    line-height: 120%;
    text-align: center;
}

.payment__cards{
    margin-top: 110px;
}

.payment__cards-row{
    display: flex;
    width: 100%;
}

.payment__card{
    display: flex;
    align-items: center;
    justify-content: center;

    height: 306px;
    width: 25%;
}

.payment__card1, .payment__card2, .payment__card3, .payment__card5, .payment__card6, .payment__card7{
    border-right: 4px solid #D6D6D6;
}


.payment__card1, .payment__card2, .payment__card3, .payment__card4{
    border-bottom: 4px solid #D6D6D6;
}


@media screen and (max-width: 1680px){
    .payment{
        margin-top: 95px;
    }

    .payment__cards{
        margin-top: 95px;
    }
}

@media screen and (max-width: 1400px){
    .payment__title{
        font-size: 64px;
    }
}

@media screen and (max-width: 1100px){

    .payment{
        margin-top: 40px;
    }

   .payment__title, .payment__text{
        margin-top: 30px;
    }

    .payment__card img{
       transform: scale(0.5);
    }

    .payment__cards{
        margin-bottom: 30px;
        margin-top: 30px;
    }
   
    .payment__card{
        height: 150px;
    }

    .qr{
        padding-top: 27px;
    }
}

@media screen and (max-width: 800px){
    .payment__title, .payment__text{
        text-align: left;
    }  
    
    .payment{
        border-radius: 45px;
        border: 1px solid #000;
    }
}

@media screen and (max-width: 600px){
    .payment__title{
        font-size: 36px;
    }

    .payment__text{
        font-size: 18px;
    }

    .payment__card {
        height: 70px;
    }

    .payment__card img{
        transform: scale(0.25);
    }
}

@media screen and (max-height: 600px) and (min-width: 800px){
    .payment{
        margin-top: 70px;
    }

    .payment__text{
        margin-top: 40px;
    }

    .payment__cards{
        margin-top: 40px;
    }

    .payment__card{
        height: 254px;
    }
}