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

.layouts__item {
    display: flex;
    height: 280px;
    background: #fff;
    position: relative;
    transition: box-shadow .3s ease-out, border-color .3s ease-out;
    margin-bottom: 40px;
}
.layouts__item._order {
    flex-direction: column;
    padding: 34px 40px 40px;
    background: rgba(70, 83, 110, 1);
    color: #fff;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url("data:image/svg+xml,%3Csvg width='229' height='280' viewBox='0 0 229 280' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath d='M155.347 310.811C139.059 278.153 133.297 238.972 135.81 198.976C102.583 139.325 61.9478 120.657 0 126.665V107.439C61.2557 100.359 106.697 116.58 139.361 168.035C143.438 143.429 150.268 119.348 159.722 96.2387C145.253 43.9259 138.453 -7.57143 160.978 -61L178.739 -57.8244C162.321 -15.5107 164.053 26.331 173.021 68.0868C192.688 31.0516 218.897 0.238964 249.091 -17.7422L268.499 -6.32695C228.47 23.7132 199.186 59.2894 180.776 98.7279C185.724 116.08 191.459 133.444 197.209 150.847C202.734 167.575 208.273 184.339 213.135 201.165C235.272 150.011 270.275 110.615 334 97.5691L333.912 114.048L334 114.134C272.269 127.824 240.038 169.708 220.976 231.248C224.886 248.038 227.392 265.118 228.47 282.316L207.59 294.375C206.472 243.915 191.231 196.508 176.399 150.375C174 142.913 171.612 135.484 169.296 128.081C151.447 183.87 153.353 246.482 174.971 313L155.347 310.811Z' fill='url(%23paint0_linear_182_1440)'/%3E%3Cpath d='M102.277 73.2444C104.038 67.1745 105.962 60.546 106.872 52.8539C134.796 74.9585 131.485 84.0888 125.96 99.3342C123.547 105.991 120.711 113.814 119.869 124.392C93.4089 103.8 97.1601 90.8796 102.277 73.2444Z' fill='url(%23paint1_linear_182_1440)'/%3E%3Cpath d='M50.7174 51.1879C50.5176 44.8707 50.2995 37.9601 48.7799 30.3238C82.4429 42.926 82.1059 52.6259 81.5427 68.8757C81.2982 75.9222 81.0108 84.2003 83.4356 94.4809C51.7217 82.8914 51.2989 69.5443 50.7174 51.1879Z' fill='url(%23paint2_linear_182_1440)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_182_1440' x1='173.204' y1='126' x2='9.14894e-08' y2='126' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_182_1440' x1='173.204' y1='126' x2='9.14894e-08' y2='126' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_182_1440' x1='173.204' y1='126' x2='9.14894e-08' y2='126' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.layouts__item-order__name {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.13;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin-bottom: 17px;
}
.layouts__item-order__text {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.44;
}

.layouts__item-plan {
    width: calc(50% - 40px);
}

.layouts__item-plan picture {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; 
}

.layouts__item-plan img {
    max-height: 212px;
    width: 90%;
    object-fit: contain;
}

.layouts__item--body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(50% + 40px);
    height: 100%;
    padding: 37px 40px 40px;
    border-left: 1px solid rgba(70, 83, 110, 0.15);
}

.layouts__item-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #46536E;
    margin-bottom: 17px;
}

.layouts__item-text {
    position: relative;
    padding-left: 38px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #46536E;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left center;
}

.layouts__item-area {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.5' x='5' y='5' width='20' height='20' stroke='%2300AA85' stroke-width='2' stroke-dasharray='4 2'/%3E%3Cpath d='M20 10L10 20M20 10V15M20 10H15M10 20H15M10 20V15' stroke='%2300AA85' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.layouts__item-price {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='15' cy='15' r='12' stroke='%2300AA85' stroke-width='2' stroke-dasharray='4 2'/%3E%3Cpath d='M13 21V10H16C17.6569 10 19 10.8431 19 12.5C19 14.1569 17.6569 15 16 15H10M17.5 18H10' stroke='%2300AA85' stroke-width='2'/%3E%3C/svg%3E%0A");
}


@media (min-width: 1200px) {
    .layouts__item:not(._order):hover {
        
    }
}

@media all and (max-width: 1700px) {

}

@media all and (max-width: 1599px) {
    .layouts__item-plan {
        width: calc(50% - 30px);
    }
    .layouts__item--body {
        width: calc(50% + 30px);
        padding-left: 30px;
    }    
}

@media all and (max-width: 1399px) {
    .layouts__item-plan {
        width: calc(50% - 15px);
    }
    .layouts__item--body {
        width: calc(50% + 15px);
        padding: 30px 15px;
    }
    .layouts__item._order {
        padding: 30px;
    }
    .layouts__item-order__name {
        font-size: 24px;
    }
    .layouts__item-order__text {
        font-size: 18px;
    }
    .layouts__item-order__text > br {
        display: none;
    }
}

@media all and (max-width: 1199px) {
    .layouts__item--wrapper {
        margin: 15px 0;
    }
    .layouts__item {
        height: unset;
        flex-direction: column;
        margin-bottom: 30px;
    }
    .layouts__item-plan {
        width: 100%;
        align-items: center;
        padding: 30px 10px;
    }
    .layouts__item--body {
        width: 100%;
        border-left: 0;
        border-top: 1px solid rgba(70, 83, 110, 0.15);
        padding: 30px;
    }
    .layouts__item--body .btn {
        margin-top: 20px;
    }
    .layouts__item-order__text {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

@media all and (max-width: 959px){
    .layouts__item._order {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .layouts__item--body {
        text-align: center;
    }
    .layouts__item-text {
        display: inline-block;
    }
    .fancybox-slide--html #index_flat_order.modal-form---bg .fancybox-close-small {
        background-color: rgba(70, 83, 110, 1);
        opacity: 1;
        top: 25px;
        right: 25px;
    }
    .modal-form--simple-header {
        text-align: center;
    }
}