.layouts__item--wrapper {
    margin: 20px 0;
}

.layouts__item {
    display: flex;
    align-items: center;
    border: 1px solid rgb(9 38 49 / 15%);
    height: 100%;
    background: #fff;
    position: relative;
    transition: box-shadow .3s ease-out, border-color .3s ease-out;
}

.layouts__item.all {
    background-color: rgba(237, 243, 252, 1);
    padding: 30px;
    flex-direction: column;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='301' height='527' viewBox='0 0 301 527' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234.8 5.99986C259.883 18.5921 273.389 -12.4042 300.4 6.00035C275.318 -6.59192 261.812 24.4039 234.8 5.99986Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M169.201 5.99986C194.283 18.5921 207.789 -12.4042 234.801 6.00035C209.718 -6.59192 196.213 24.4039 169.201 5.99986Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M103.601 5.99986C128.684 18.5921 142.189 -12.4042 169.201 6.00035C144.119 -6.59192 130.613 24.4039 103.601 5.99986Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.9996 5.99986C63.082 18.5921 76.5878 -12.4042 103.6 6.00035C78.5173 -6.59192 65.0114 24.4039 37.9996 5.99986Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234.8 491C259.883 503.592 273.389 472.596 300.4 491C275.318 478.408 261.812 509.404 234.8 491Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M169.201 491C194.283 503.592 207.789 472.596 234.801 491C209.718 478.408 196.213 509.404 169.201 491Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M103.601 491C128.684 503.592 142.189 472.596 169.201 491C144.119 478.408 130.613 509.404 103.601 491Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.9996 491C63.082 503.592 76.5878 472.596 103.6 491C78.5173 478.408 65.0114 509.404 37.9996 491Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234.8 205C259.883 217.592 273.389 186.596 300.4 205C275.318 192.408 261.812 223.404 234.8 205Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M169.201 205C194.283 217.592 207.789 186.596 234.801 205C209.718 192.408 196.213 223.404 169.201 205Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M103.601 205C128.684 217.592 142.189 186.596 169.201 205C144.119 192.408 130.613 223.404 103.601 205Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M131.8 311C156.883 323.592 170.389 292.596 197.4 311C172.318 298.408 158.812 329.404 131.8 311Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M66.2008 311C91.2831 323.592 104.789 292.596 131.801 311C106.718 298.408 93.2125 329.404 66.2008 311Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.601173 311C25.6835 323.592 39.1894 292.596 66.2012 311C41.1188 298.408 27.6129 329.404 0.601173 311Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M196.8 35.9999C221.883 48.5921 235.389 17.5958 262.4 36.0003C237.318 23.4081 223.812 54.4039 196.8 35.9999Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M131.201 35.9999C156.283 48.5921 169.789 17.5958 196.801 36.0003C171.718 23.4081 158.213 54.4039 131.201 35.9999Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.6012 35.9999C90.6835 48.5921 104.189 17.5958 131.201 36.0003C106.119 23.4081 92.6129 54.4039 65.6012 35.9999Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-0.000389099 35.9999C25.082 48.5921 38.5878 17.5958 65.5996 36.0003C40.5173 23.4081 27.0114 54.4039 -0.000389099 35.9999Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M196.8 521C221.883 533.592 235.389 502.596 262.4 521C237.318 508.408 223.812 539.404 196.8 521Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M131.201 521C156.283 533.592 169.789 502.596 196.801 521C171.718 508.408 158.213 539.404 131.201 521Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.6012 521C90.6835 533.592 104.189 502.596 131.201 521C106.119 508.408 92.6129 539.404 65.6012 521Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-0.000389099 521C25.082 533.592 38.5878 502.596 65.5996 521C40.5173 508.408 27.0114 539.404 -0.000389099 521Z' fill='%23CAD4EA'/%3E%3C/svg%3E%0A");
    background-position: left 50px bottom 60px;
/*    background: url("data:image/svg+xml,%3Csvg width='400' height='390' viewBox='0 0 400 390' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_905_112)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M348.493 226.638C380.422 242.667 397.615 203.21 432 226.638C400.071 210.609 382.878 250.065 348.493 226.638Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M264.986 226.638C296.915 242.667 314.108 203.21 348.493 226.638C316.564 210.609 299.372 250.065 264.986 226.638Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M181.48 226.638C213.409 242.667 230.601 203.21 264.987 226.638C233.058 210.609 215.865 250.065 181.48 226.638Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M217.378 315.746C249.307 331.775 266.499 292.318 300.884 315.746C268.955 299.717 251.763 339.173 217.378 315.746Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M133.871 315.746C165.8 331.775 182.992 292.318 217.377 315.746C185.448 299.717 168.256 339.173 133.871 315.746Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50.364 315.746C82.293 331.775 99.4856 292.318 133.871 315.746C101.942 299.717 84.7491 339.173 50.364 315.746Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M348.493 43.6376C380.422 59.6672 397.615 20.2099 432 43.6383C400.071 27.6087 382.878 67.0654 348.493 43.6376Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M264.986 43.6376C296.915 59.6672 314.108 20.2099 348.493 43.6383C316.564 27.6087 299.372 67.0654 264.986 43.6376Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M181.48 43.6376C213.409 59.6672 230.601 20.2099 264.987 43.6383C233.058 27.6087 215.865 67.0654 181.48 43.6376Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M97.973 43.6376C129.902 59.6672 147.095 20.2099 181.48 43.6383C149.551 27.6087 132.358 67.0654 97.973 43.6376Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M300.12 81.8266C332.049 97.8561 349.242 58.3988 383.627 81.8272C351.698 65.7977 334.506 105.254 300.12 81.8266Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M216.614 81.8266C248.543 97.8561 265.735 58.3988 300.12 81.8272C268.191 65.7977 250.999 105.254 216.614 81.8266Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M133.107 81.8266C165.036 97.8561 182.229 58.3988 216.614 81.8272C184.685 65.7977 167.492 105.254 133.107 81.8266Z' fill='%23CAD4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M49.6 81.8266C81.5291 97.8561 98.7217 58.3988 133.107 81.8272C101.178 65.7977 83.9852 105.254 49.6 81.8266Z' fill='%23CAD4EA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_905_112'%3E%3Crect width='400' height='390' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center bottom / contain no-repeat, #EDF3FC;*/
    border: none;
}

.layouts__item.all .layouts__item__text {
    font-size: 20px;
}

.layouts__item--preview img {
    display: inline-block;
    vertical-align: bottom;
}

.layouts__item--content {
    padding: 30px 40px 40px;
    width: 100%;
    height: 100%;
    border-left: 1px solid rgb(9 38 49 / 15%);
    min-height: 270px;
}

.layouts__item__val {
    font-family: 'SignPainter';
    font-size: 150px;
    line-height: 1;
    font-weight: 400;
    color: #1460DA;
}

.layouts__item__text {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.layouts__item--header {
    position: relative;
    display: flex;
    flex-direction: column;
}

.layouts__item--header .layouts__item--header-label {
    width: 60px;
    height: 60px;
    font-weight: 600;
    font-size: 20px;
    background: #1460DA;
    border-radius: 50%;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 60px;
    position: absolute;
    right: 0;
    top: -10px;
}
.layouts__item--wrapper:nth-child(2n) .layouts__item--header .layouts__item--header-label {
    background: #A6D02A;
}

.layouts__item--header .layouts__item--header-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #092631;
}

.layouts__item--body {
    display: flex;
    flex-direction: column;
}

.layouts__item--body .layouts__item--body-area {
    font-size: 16px;
    line-height: 24px;
    opacity: 0.75;
    font-weight: 400;
    color: #092631;
}

.layouts__item--body .layouts__item--body-price {
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    margin-top: 34px;
    color: #092631;
}

.layouts__item--footer {
    margin-top: 25px;
}


.modal-form--content-slider--buttons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    right: -30px;
    height: 24px;
    display: flex;
    justify-content: space-between;
}

.modal-form--content-slider--buttons .swiper-button-prev,
.modal-form--content-slider--buttons .swiper-button-next {
    position: relative;
    width: 23px;
    height: 24px;
    display: block;
    left: unset;
    right: unset;
    top: unset;
    margin: 0;
}

.modal-form--content-slider--buttons .swiper-button-next:after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1C12.6667 6 16 9.33333 21 11M21 11C16 12.6667 12.6667 16 11 21M21 11H1' stroke='%231460DA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
    width: 23px;
    height: 24px;
    display: block;
}

.modal-form--content-slider--buttons .swiper-button-prev:after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1C9.33333 6 6 9.33333 1 11M1 11C6 12.6667 9.33333 16 11 21M1 11H21' stroke='%231460DA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
    width: 23px;
    height: 24px;
    display: block;
}

@media (min-width: 1200px) {
    .layouts__item:not(.all):hover {
        box-shadow: 0px 25px 75px rgba(9, 38, 49, 0.15);
        border-color: #fff;
    }
    
    .layouts__item:not(.all):hover::before,
    .layouts__item:not(.all):hover::after {
        opacity: 1;
    }
}

@media (max-width: 1700px) {
    .layouts__item__val {
        font-size: 140px;
    }

    .layouts__item--content {
       padding: 24px 30px 30px;
    }

    .layouts__item__text {
        font-size: 23px;
        line-height: 27px;
    }

    .layouts__item--header .layouts__item--header-name {
        font-size: 18px;
        line-height: 29px;
    }

    .layouts__item--header .layouts__item--header-label {
        width: 50px;
        height: 50px;
        font-size: 18px;
        text-align: center;
        line-height: 53px;
        right: -10px;
        top: -10px;
    }
}

@media (max-width: 1399px) {
    .layouts__item.all {
        background:#EDF3FC;
    }
}


@media (max-width: 1199px) {
    .layouts__item--wrapper {
        margin: 15px 0;
    }

    .layouts__item__text {
        font-size: 18px;
        line-height: 24px;
    }

    .layouts__item--header .layouts__item--header-label {
        position: relative;
        left: -10px;
        top: -10px;
        margin-bottom: 25px;
    }

    .layouts__item--header .layouts__item--header-name {
        font-size: 15px;
        line-height: 18px;
    }

    .layouts__item--body .layouts__item--body-area {
        font-size: 12px;
        line-height: 18px;
    }

    .layouts__item--body .layouts__item--body-price {
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px;
    }

    .layouts__item--footer {
        margin-top: 20px;
    }
}

@media (max-width: 959px){
    .layouts__item--content {
        display: flex; 
        flex-direction: column; 
        justify-content: space-between; 
    }
}

@media (min-width: 768px) and (max-width: 959px){
    .layouts__item.all {
        margin: 0 15px;
    }

    .layouts__item--wrapper_all {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
/*    .layouts__item--wrapper:not(.layouts__item--wrapper_all) {
        -ms-flex-preferred-size: 50%!important;
        flex-basis: 50%!important;
        max-width: 50%!important;
    }*/
    .layouts__item--wrapper.layouts__item--wrapper_all {
        -ms-flex-preferred-size: 100%!important;
        flex-basis: 100%!important;
        max-width: 100%!important;
    }

    .layouts__item.all {
        flex-direction: row;
        align-items: center;
        gap: 50px;
    }

    .layouts__item__text {
        margin-top: 0;
    }

    .layouts__item--header .layouts__item--header-label {
        position: absolute;
        left: unset;
        top: -10px;
    }

    .layouts__item--footer {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .layouts__item {
/*        padding: 20px;*/
    }

    .layouts__item.all .layouts__item__text {
        font-size: 18px;
    }

    .layouts__item.all {
        gap: 40px;
        padding: 20px;
    }

    .layouts__item--wrapper:nth-child(2n) .layouts__item {
        margin-right: -5px;
    }
    .layouts__item--wrapper:nth-child(2n+1) .layouts__item {
        margin-left: -5px;
    }

    .layouts__item.all {
        flex-direction: row;
        align-items: center;
    }

    .layouts__item__text {
        margin-top: 0;
    }

    .layouts__item--header .layouts__item--header-label {
        top: -5px;
        left: -5px;
        margin-bottom: 15px;
    }

    .layouts__item--header .layouts__item--header-name {
        font-size: 14px;
        line-height: 18px;
    }

    .layouts__item--body {
        margin-bottom: 10px;
    }

    .layouts__item--body .layouts__item--body-price {
        font-size: 14px;
        line-height: 28px;
        margin-top: 5px;
    }

    .layouts__item--footer {
        margin-top: auto;
    }

    .layouts__item--footer .btn-lg {
        font-size: 12px;
        line-height: 16px;
        padding: 12px 0;
    }

    #index_flat_order .modal-form--content-slider--pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }
}

@media only screen and (max-width: 575px) { 
	.layouts__item__val {
        font-size: 90px !important;
    }
    .layouts__item {
        flex-direction: column;
    }
    .layouts__item--content {
        height: unset;
        min-height: unset;
        border-left: 0;
        border-top: 1px solid rgb(9 38 49 / 15%);
    }
}

@media (max-width: 375px) {
    .layouts__item__val {
        font-size: 80px !important;
    }

    .layouts__item.all .layouts__item__text {
        font-size: 14px;
    }

}