/*-------------------------*/
/*----header-container-----*/
/*-------------------------*/
.header-container .buttons{
    display: flex !important;
    align-items: center;
    justify-content: start;
    margin-top: 70px !important;
}
.header-container .buttons > div,
.header-container .buttons > div > div{
    width: fit-content;
    padding: 0;
}
.header-container .buttons .button{
    padding-right: 25px !important;
}

/*-------------------------*/
/*--might-be-interesting---*/
/*-------------------------*/
.grid-wrapper-adv .grid-wrapper--item .item--description{
    padding: 48px 48px 20px;
}
@media screen and (max-width: 640px) {
    .grid-wrapper-adv .img-container img {width: 100%}
}
/*-------------------------*/
/*-------------------------*/

/*-------------------------*/
/*--block-request-garantiya---*/
/*-------------------------*/
.block-request-garantiya .list-request-garantiya{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: end;
    gap: 50px;
    height: 100%;
}
.block-request-garantiya .wrapper-content > div.block-row{
    gap: 0;
}
@media screen and (max-width: 960px) {
    .block-request-garantiya .wrapper-content > div.block-row{
        flex-wrap: wrap-reverse;
        gap: 30px;
    }

    .block-request-garantiya .wrapper-content .img-container,
    .block-request-garantiya .wrapper-content .list-request-garantiya{
        width: 100%;
    }
    .block-request-garantiya .wrapper-content .list-request-garantiya{
        gap: 30px;
    }
    .block-request-garantiya .wrapper-content .img-container img{
        width: 70%;
    }
    .block-request-garantiya .wrapper-content .btn-container{
        align-items: center;
    }
}

.list-request-garantiya > div{
    display: flex;
    flex-direction: column;
}
.list-request-garantiya .text-bold{
    font-size: 32px;
    line-height: 122%;
}
@media screen and (max-width: 1200px) {
    .list-request-garantiya .text-bold{font-size: 30px;}
}
@media screen and (max-width: 960px) {
    .list-request-garantiya .text-bold{font-size: 26px;}
}
@media screen and (max-width: 767px) {
    .list-request-garantiya .text-bold{font-size: 24px;}
}
@media screen and (max-width: 640px) {
    .list-request-garantiya .text-bold{font-size: 20px;}
}
@media screen and (max-width: 430px) {
    .list-request-garantiya .text-bold{font-size: 14px;}
}
/*-------------------------*/
/*-------------------------*/


/*-------------------------*/
/*--client-choose BO---*/
/*-------------------------*/
.grid-wrapper-client-choose .grid-wrapper--item .item--description{
    gap: 15px;
}
@media screen and (min-width: 430px) and (max-width: 640px) {
    .grid-wrapper-client-choose{
        grid-template-columns: repeat(2, 1fr);
    }
}

/*-------------------------*/
/*-------------------------*/


/*-------------------------*/
/*--for-what-bank-guarantee---*/
/*-------------------------*/
.for-what-bank-guarantee .grid-wrapper--item .item--description{
    gap: 15px;
}
.for-what-bank-guarantee .grid-wrapper > div:first-child{
    background: url('/local/assets/image/background/bg-gradient-woman.png') no-repeat center center;
    background-size: cover;
}
.for-what-bank-guarantee .grid-wrapper > div:first-child .item--description{
    max-width: 615px;
}
/*-------------------------*/
/*-------------------------*/



/*-------------------------*/
/*------how-this-work------*/
/*-------------------------*/
.how-this-work .grid-wrapper{
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}
@media screen and (max-width: 960px) {
    .how-this-work .grid-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 430px){
    .how-this-work .grid-wrapper{
        grid-template-columns: repeat(1, 1fr);
    }
}
.how-this-work .grid-wrapper--item .item--description{
    padding: 48px 25px;
    z-index: 1;
}@media screen and (max-width: 960px) {
    .how-this-work .grid-wrapper--item .item--description{
        padding: 35px;
        gap: 20px;
    }
}
.how-this-work .grid-wrapper--item .item--description p{
    line-height: 122%;
}@media screen and (max-width: 960px) {
    .how-this-work .grid-wrapper--item .item--description p{
        white-space: normal;
    }
}

.step-work{
    color: #F6F6FD;
    font-size: 128px;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 600;
    line-height: 125%;

    position: absolute;
    bottom: 0;
    right: 20px;
}
.bg-violet .step-work{
    color: #7C76FA;
}
/*-------------------------*/
/*-------------------------*/


/*-------------------------*/
/*-----reliable-partner-----*/
/*-------------------------*/
.reliable-partner .grid-wrapper--item  .item--description{
    padding-bottom: 0;
    z-index: 1;
}
@media screen and (max-width: 640px) {
    .reliable-partner .grid-wrapper--item  .item--description{
        padding-bottom: 35px;
    }
}


.reliable-partner .grid-wrapper--item .item--description .item--title{
    font-size: 24px;
    line-height: 165%;
}
@media screen and (max-width: 1200px) {
    .reliable-partner .grid-wrapper--item .item--description .item--title{font-size: 22px;}
}
@media screen and (max-width: 960px) {
    .reliable-partner .grid-wrapper--item .item--description .item--title{font-size: 22px;}
}
@media screen and (max-width: 767px) {
    .reliable-partner .grid-wrapper--item .item--description .item--title{font-size: 20px;}
}
@media screen and (max-width: 640px) {
    .reliable-partner .grid-wrapper--item .item--description .item--title{font-size: 18px;}
}
@media screen and (max-width: 430px) {
    .reliable-partner .grid-wrapper--item .item--description .item--title{font-size: 16px;}
}
.reliable-partner .grid-wrapper-reliable-partner > div:first-child .img-container{
    position: absolute;
    bottom: 0;
    width: 100%;
}
@media screen and (max-width: 640px) {
    .reliable-partner .grid-wrapper-reliable-partner > div:first-child .img-container img {width: 100%}
}

.reliable-partner .grid-wrapper--item.item-contacts .item--description{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    padding-bottom: 48px;
}
@media screen and (max-width: 640px) {
    .reliable-partner .grid-wrapper--item.item-contacts .item--description{
        flex-direction: column;
        padding-bottom: 35px;
    }
}

.reliable-partner .grid-wrapper--item .item--description .info-container{
    width: 100%;
}
.reliable-partner .grid-wrapper--item.item-contacts .item--description p{
    white-space: normal;
}
/*-------------------------*/
/*-------------------------*/