.m-qa li {
    list-style-type: disc;
    margin-bottom: 2px;
    margin-left: 30px;
}

.m-paving-calculate__download-block:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-flex;
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_6107_37633" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="0" width="36" height="40"><path d="M34.4675 40H4.85714C3.27919 40 2 38.7208 2 37.1429V2.85714C2 1.27919 3.27919 0 4.85714 0H24.0779L37.3247 13.2468V37.1429C37.3247 38.7208 36.0455 40 34.4675 40Z" fill="url(%23paint0_linear_6107_37633)"/></mask><g mask="url(%23mask0_6107_37633)"><path d="M34.4675 40H4.85714C3.27919 40 2 38.7208 2 37.1429V2.85714C2 1.27919 3.27919 0 4.85714 0H24.0779L37.3247 13.2468V37.1429C37.3247 38.7208 36.0455 40 34.4675 40Z" fill="url(%23paint1_linear_6107_37633)"/><mask id="path-3-outside-1_6107_37633" maskUnits="userSpaceOnUse" x="8" y="19" width="24" height="10" fill="black"><rect fill="white" x="8" y="19" width="24" height="10"/><path d="M9.044 19.516H11.984C12.92 19.516 13.652 19.748 14.18 20.212C14.708 20.668 14.972 21.376 14.972 22.336C14.972 22.824 14.884 23.252 14.708 23.62C14.54 23.988 14.304 24.292 14 24.532C13.744 24.74 13.424 24.904 13.04 25.024C12.656 25.144 12.232 25.204 11.768 25.204H10.088V28H9.044V19.516ZM11.72 24.256C12.024 24.256 12.32 24.22 12.608 24.148C12.896 24.068 13.132 23.944 13.316 23.776C13.5 23.616 13.644 23.42 13.748 23.188C13.852 22.956 13.904 22.656 13.904 22.288C13.904 21.072 13.248 20.464 11.936 20.464H10.088V24.256H11.72ZM16.8026 19.516H19.8146C20.4706 19.516 21.0466 19.62 21.5426 19.828C22.0466 20.028 22.4666 20.316 22.8026 20.692C23.1386 21.06 23.3906 21.508 23.5586 22.036C23.7266 22.556 23.8106 23.132 23.8106 23.764C23.8026 24.396 23.7146 24.972 23.5466 25.492C23.3786 26.012 23.1266 26.46 22.7906 26.836C22.4626 27.204 22.0506 27.492 21.5546 27.7C21.0586 27.9 20.4786 28 19.8146 28H16.8026V19.516ZM17.8466 20.464V27.052H19.7426C20.1746 27.052 20.5866 26.988 20.9786 26.86C21.3786 26.724 21.7186 26.488 21.9986 26.152C22.2546 25.856 22.4426 25.508 22.5626 25.108C22.6826 24.7 22.7426 24.252 22.7426 23.764C22.7426 23.26 22.6826 22.812 22.5626 22.42C22.4426 22.028 22.2626 21.688 22.0226 21.4C21.7826 21.112 21.4786 20.884 21.1106 20.716C20.7426 20.548 20.3066 20.464 19.8026 20.464H17.8466ZM25.6393 28V19.516H31.3393V20.464H26.6833V23.644H30.7513V24.604H26.6833V28H25.6393Z"/></mask><path d="M9.044 19.516H11.984C12.92 19.516 13.652 19.748 14.18 20.212C14.708 20.668 14.972 21.376 14.972 22.336C14.972 22.824 14.884 23.252 14.708 23.62C14.54 23.988 14.304 24.292 14 24.532C13.744 24.74 13.424 24.904 13.04 25.024C12.656 25.144 12.232 25.204 11.768 25.204H10.088V28H9.044V19.516ZM11.72 24.256C12.024 24.256 12.32 24.22 12.608 24.148C12.896 24.068 13.132 23.944 13.316 23.776C13.5 23.616 13.644 23.42 13.748 23.188C13.852 22.956 13.904 22.656 13.904 22.288C13.904 21.072 13.248 20.464 11.936 20.464H10.088V24.256H11.72ZM16.8026 19.516H19.8146C20.4706 19.516 21.0466 19.62 21.5426 19.828C22.0466 20.028 22.4666 20.316 22.8026 20.692C23.1386 21.06 23.3906 21.508 23.5586 22.036C23.7266 22.556 23.8106 23.132 23.8106 23.764C23.8026 24.396 23.7146 24.972 23.5466 25.492C23.3786 26.012 23.1266 26.46 22.7906 26.836C22.4626 27.204 22.0506 27.492 21.5546 27.7C21.0586 27.9 20.4786 28 19.8146 28H16.8026V19.516ZM17.8466 20.464V27.052H19.7426C20.1746 27.052 20.5866 26.988 20.9786 26.86C21.3786 26.724 21.7186 26.488 21.9986 26.152C22.2546 25.856 22.4426 25.508 22.5626 25.108C22.6826 24.7 22.7426 24.252 22.7426 23.764C22.7426 23.26 22.6826 22.812 22.5626 22.42C22.4426 22.028 22.2626 21.688 22.0226 21.4C21.7826 21.112 21.4786 20.884 21.1106 20.716C20.7426 20.548 20.3066 20.464 19.8026 20.464H17.8466ZM25.6393 28V19.516H31.3393V20.464H26.6833V23.644H30.7513V24.604H26.6833V28H25.6393Z" fill="white"/><path d="M9.044 19.516V19.2563H8.78426V19.516H9.044ZM14.18 20.212L14.0085 20.4071L14.0102 20.4086L14.18 20.212ZM14.708 23.62L14.4736 23.5079L14.4717 23.5121L14.708 23.62ZM14 24.532L13.839 24.3281L13.8362 24.3304L14 24.532ZM10.088 25.204V24.9443H9.82826V25.204H10.088ZM10.088 28V28.2597H10.3477V28H10.088ZM9.044 28H8.78426V28.2597H9.044V28ZM12.608 24.148L12.671 24.4001L12.6775 24.3983L12.608 24.148ZM13.316 23.776L13.1455 23.5799L13.1409 23.5842L13.316 23.776ZM13.748 23.188L13.985 23.2942L13.748 23.188ZM10.088 20.464V20.2043H9.82826V20.464H10.088ZM10.088 24.256H9.82826V24.5157H10.088V24.256ZM9.044 19.7757H11.984V19.2563H9.044V19.7757ZM11.984 19.7757C12.8781 19.7757 13.5418 19.9969 14.0085 20.4071L14.3515 20.0169C13.7622 19.4991 12.9619 19.2563 11.984 19.2563V19.7757ZM14.0102 20.4086C14.4619 20.7987 14.7123 21.4218 14.7123 22.336H15.2317C15.2317 21.3302 14.9541 20.5373 14.3498 20.0154L14.0102 20.4086ZM14.7123 22.336C14.7123 22.7927 14.63 23.1811 14.4737 23.5079L14.9423 23.7321C15.138 23.3229 15.2317 22.8553 15.2317 22.336H14.7123ZM14.4717 23.5121C14.3201 23.8443 14.1092 24.1148 13.8391 24.3281L14.1609 24.7359C14.4988 24.4692 14.7599 24.1317 14.9443 23.7279L14.4717 23.5121ZM13.8362 24.3304C13.6107 24.5136 13.3218 24.6638 12.9625 24.7761L13.1175 25.2719C13.5262 25.1442 13.8773 24.9664 14.1638 24.7336L13.8362 24.3304ZM12.9625 24.7761C12.6071 24.8872 12.2097 24.9443 11.768 24.9443V25.4637C12.2543 25.4637 12.7049 25.4008 13.1175 25.2719L12.9625 24.7761ZM11.768 24.9443H10.088V25.4637H11.768V24.9443ZM9.82826 25.204V28H10.3477V25.204H9.82826ZM10.088 27.7403H9.044V28.2597H10.088V27.7403ZM9.30374 28V19.516H8.78426V28H9.30374ZM11.72 24.5157C12.0447 24.5157 12.3619 24.4773 12.671 24.4L12.545 23.896C12.2781 23.9627 12.0033 23.9963 11.72 23.9963V24.5157ZM12.6775 24.3983C12.997 24.3095 13.2716 24.1683 13.4911 23.9678L13.1409 23.5842C12.9924 23.7197 12.795 23.8265 12.5385 23.8977L12.6775 24.3983ZM13.4864 23.972C13.7001 23.7862 13.8663 23.5591 13.985 23.2942L13.511 23.0818C13.4217 23.2809 13.2999 23.4458 13.1456 23.58L13.4864 23.972ZM13.985 23.2942C14.1091 23.0174 14.1637 22.6775 14.1637 22.288H13.6443C13.6443 22.6345 13.5949 22.8946 13.511 23.0818L13.985 23.2942ZM14.1637 22.288C14.1637 21.6347 13.9866 21.0984 13.5886 20.7295C13.1943 20.364 12.6273 20.2043 11.936 20.2043V20.7237C12.5567 20.7237 12.9737 20.868 13.2354 21.1105C13.4934 21.3496 13.6443 21.7253 13.6443 22.288H14.1637ZM11.936 20.2043H10.088V20.7237H11.936V20.2043ZM9.82826 20.464V24.256H10.3477V20.464H9.82826ZM10.088 24.5157H11.72V23.9963H10.088V24.5157ZM16.8026 19.516V19.2563H16.5429V19.516H16.8026ZM21.5426 19.828L21.4421 20.0676L21.4468 20.0694L21.5426 19.828ZM22.8026 20.692L22.6089 20.8651L22.6108 20.8671L22.8026 20.692ZM23.5586 22.036L23.3111 22.1148L23.3114 22.1159L23.5586 22.036ZM23.8106 23.764L24.0703 23.7673V23.764H23.8106ZM23.5466 25.492L23.7938 25.5719L23.5466 25.492ZM22.7906 26.836L22.5969 26.6629L22.5967 26.6632L22.7906 26.836ZM21.5546 27.7L21.6517 27.9409L21.655 27.9395L21.5546 27.7ZM16.8026 28H16.5429V28.2597H16.8026V28ZM17.8466 20.464V20.2043H17.5869V20.464H17.8466ZM17.8466 27.052H17.5869V27.3117H17.8466V27.052ZM20.9786 26.86L21.0592 27.1069L21.0622 27.1059L20.9786 26.86ZM21.9986 26.152L21.8021 25.9821L21.7991 25.9857L21.9986 26.152ZM22.5626 25.108L22.8114 25.1826L22.8118 25.1813L22.5626 25.108ZM22.5626 22.42L22.811 22.344L22.5626 22.42ZM22.0226 21.4L21.8231 21.5663L21.8231 21.5663L22.0226 21.4ZM21.1106 20.716L21.2185 20.4797L21.1106 20.716ZM16.8026 19.7757H19.8146V19.2563H16.8026V19.7757ZM19.8146 19.7757C20.4435 19.7757 20.9841 19.8755 21.4421 20.0675L21.643 19.5885C21.1091 19.3645 20.4977 19.2563 19.8146 19.2563V19.7757ZM21.4468 20.0694C21.9162 20.2557 22.3018 20.5214 22.6089 20.8651L22.9963 20.5189C22.6314 20.1106 22.177 19.8003 21.6384 19.5866L21.4468 20.0694ZM22.6108 20.8671C22.9188 21.2044 23.1532 21.6185 23.3111 22.1148L23.8061 21.9572C23.628 21.3975 23.3584 20.9156 22.9944 20.5169L22.6108 20.8671ZM23.3114 22.1159C23.4699 22.6064 23.5509 23.155 23.5509 23.764H24.0703C24.0703 23.109 23.9833 22.5056 23.8058 21.9561L23.3114 22.1159ZM23.5509 23.7607C23.5432 24.3707 23.4583 24.9204 23.2994 25.4121L23.7938 25.5719C23.9709 25.0236 24.062 24.4213 24.0703 23.7673L23.5509 23.7607ZM23.2994 25.4121C23.1416 25.9006 22.9068 26.3161 22.5969 26.6629L22.9843 27.0091C23.3464 26.6039 23.6156 26.1234 23.7938 25.5719L23.2994 25.4121ZM22.5967 26.6632C22.2968 26.9997 21.9177 27.2661 21.4541 27.4605L21.655 27.9395C22.1835 27.7179 22.6284 27.4083 22.9845 27.0088L22.5967 26.6632ZM21.4575 27.4591C20.9988 27.644 20.4531 27.7403 19.8146 27.7403V28.2597C20.5041 28.2597 21.1184 28.156 21.6517 27.9409L21.4575 27.4591ZM19.8146 27.7403H16.8026V28.2597H19.8146V27.7403ZM17.0623 28V19.516H16.5429V28H17.0623ZM17.5869 20.464V27.052H18.1063V20.464H17.5869ZM17.8466 27.3117H19.7426V26.7923H17.8466V27.3117ZM19.7426 27.3117C20.2007 27.3117 20.64 27.2438 21.0592 27.1069L20.898 26.6131C20.5332 26.7322 20.1485 26.7923 19.7426 26.7923V27.3117ZM21.0622 27.1059C21.5091 26.954 21.8887 26.6896 22.1981 26.3183L21.7991 25.9857C21.5485 26.2864 21.2481 26.494 20.895 26.6141L21.0622 27.1059ZM22.1951 26.3219C22.4766 25.9964 22.6816 25.6153 22.8114 25.1826L22.3138 25.0334C22.2036 25.4007 22.0326 25.7156 21.8021 25.9821L22.1951 26.3219ZM22.8118 25.1813C22.9397 24.7463 23.0023 24.2732 23.0023 23.764H22.4829C22.4829 24.2308 22.4255 24.6537 22.3134 25.0347L22.8118 25.1813ZM23.0023 23.764C23.0023 23.2399 22.94 22.7655 22.811 22.344L22.3142 22.496C22.4252 22.8585 22.4829 23.2801 22.4829 23.764H23.0023ZM22.811 22.344C22.6818 21.922 22.4862 21.5506 22.2221 21.2337L21.8231 21.5663C22.039 21.8254 22.2034 22.134 22.3142 22.496L22.811 22.344ZM22.2221 21.2337C21.9553 20.9135 21.619 20.6626 21.2185 20.4797L21.0027 20.9523C21.3382 21.1054 21.6099 21.3105 21.8231 21.5663L22.2221 21.2337ZM21.2185 20.4797C20.8093 20.2929 20.3349 20.2043 19.8026 20.2043V20.7237C20.2783 20.7237 20.6758 20.8031 21.0027 20.9523L21.2185 20.4797ZM19.8026 20.2043H17.8466V20.7237H19.8026V20.2043ZM25.6393 28H25.3796V28.2597H25.6393V28ZM25.6393 19.516V19.2563H25.3796V19.516H25.6393ZM31.3393 19.516H31.5991V19.2563H31.3393V19.516ZM31.3393 20.464V20.7237H31.5991V20.464H31.3393ZM26.6833 20.464V20.2043H26.4236V20.464H26.6833ZM26.6833 23.644H26.4236V23.9037H26.6833V23.644ZM30.7513 23.644H31.0111V23.3843H30.7513V23.644ZM30.7513 24.604V24.8637H31.0111V24.604H30.7513ZM26.6833 24.604V24.3443H26.4236V24.604H26.6833ZM26.6833 28V28.2597H26.9431V28H26.6833ZM25.8991 28V19.516H25.3796V28H25.8991ZM25.6393 19.7757H31.3393V19.2563H25.6393V19.7757ZM31.0796 19.516V20.464H31.5991V19.516H31.0796ZM31.3393 20.2043H26.6833V20.7237H31.3393V20.2043ZM26.4236 20.464V23.644H26.9431V20.464H26.4236ZM26.6833 23.9037H30.7513V23.3843H26.6833V23.9037ZM30.4916 23.644V24.604H31.0111V23.644H30.4916ZM30.7513 24.3443H26.6833V24.8637H30.7513V24.3443ZM26.4236 24.604V28H26.9431V24.604H26.4236ZM26.6833 27.7403H25.6393V28.2597H26.6833V27.7403Z" fill="white" mask="url(%23path-3-outside-1_6107_37633)"/><g filter="url(%23filter0_d_6107_37633)"><path d="M37.3249 13.2468H26.9353C25.3573 13.2468 24.0781 11.9676 24.0781 10.3896V0L37.3249 13.2468Z" fill="url(%23paint2_linear_6107_37633)"/></g></g><defs><filter id="filter0_d_6107_37633" x="21.0911" y="-3.11688" width="19.7396" height="19.7406" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="0.25974" dy="0.12987"/><feGaussianBlur stdDeviation="1.62338"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.33 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6107_37633"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6107_37633" result="shape"/></filter><linearGradient id="paint0_linear_6107_37633" x1="19.6623" y1="0" x2="19.6623" y2="40" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF7979"/><stop offset="1" stop-color="%23E85555"/></linearGradient><linearGradient id="paint1_linear_6107_37633" x1="19.6623" y1="0" x2="19.6623" y2="40" gradientUnits="userSpaceOnUse"><stop stop-color="%236C98AD"/><stop offset="1" stop-color="%23165C7D"/></linearGradient><linearGradient id="paint2_linear_6107_37633" x1="30.7015" y1="0" x2="30.7015" y2="13.2468" gradientUnits="userSpaceOnUse"><stop stop-color="%23134E6A"/><stop offset="1" stop-color="%230D3447"/></linearGradient></defs></svg>');
    background-size: 40px 40px;
    margin-right: 8px;
}

.m-paving-calculate {
    padding-top: 52px;
    padding-bottom: 52px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0px;
}

.m-paving-calculate__table-unit, .m-paving-calculate__table-volume, .m-paving-calculate__table-price, .m-paving-calculate__table-total {
    width: 100px;
}

.m-paving-calculate__title {
    margin-bottom: 16px;
}

.m-paving-calculate__table-volume-number {
    background-color: #fff;
}

.m-paving-calculate__table-volume-input {
     background: #fff !important;
}

.m-paving-calculate .w-100 {
    max-width: 100px !important;
    width: 100px !important;
}

.m-paving-calculate__table-wrapper {
   
   
    overflow-y: hidden;
    overflow-x: auto;

}

.paving-calculate__bottom-block {
    padding: 24px 26px;
    border-top: 1px solid var(--color-black5);
}

.paving-calculate__table-row:last-child {
    
     border-bottom: 1px solid var(--color-black5);
}

.m-paving-calculate__wrapper {
     margin-top: 36px;
         border: 1px solid var(--color-black5);
    border-radius: var(--radius-default);
}

.m-paving-calculate__table-contains {
    max-width: 504px;
    width: auto;
}

.m-paving-calculate__button-more-block {
    margin-top: 4px;
    margin-bottom: 20px;
}

.paving-calculate__table-gradient {
    width: 100%;
    min-width: calc(1172px - 1.3rem);
}

.paving-calculate__table-row--background td:not(.paving-calculate__table-name), .paving-calculate__table-row--background .paving-calculate__table-volume-input {
    background: var(--color-primary1);
}



.m-paving-calculate__table td {
    border: 1px solid var(--color-black5);
}

.paving-calculate__bottom-block {
     justify-content: space-between;
}

.m-paving-calculate__download-block {
    display: flex !important;
    margin-left: 24px;
}


.m-paving-calculate__total-price-left {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.m-paving-calculate__download-button::before {
    display: none;
}

.m-paving-calculate__download-text{
    font-weight: 400;
    margin-bottom: 4px;
}

.m-paving-calculate__download-button {
    margin: 0;
    text-decoration: none;
    color: var(--color-primary6);
}

.m-paving-calculate__table {
    border-bottom: 1px solid var(--color-black5);
    min-width: calc(1172px - 1.3rem);
    overflow: hidden;
    margin-bottom: 16px;
}

.m-free-consultation {
    padding-top: 52px;
    padding-bottom: 52px;
    padding-left: 16px;
    padding-right: 16px;
}

.m-free-consultation__wrapper {
    max-width: var(--wrapper-max);
    margin-right: auto;
    margin-left: auto;
    border-radius: var(--radius-default);
    background-color: var(--color-primary1);
    padding: 36px 36px 32px 36px;
}

.m-free-consultation__title {
    color: var(--color-primary6);
}

.m-free-consultation__form {
    margin-top: 16px;
}

.m-free-consultation__message-top {
    margin-bottom: 36px;
}

.m-free-consultation__data {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.m-free-consultation__btn {
    flex: 1;
    cursor: pointer;
    max-width: 220px;
    min-width: 132px;
}

.m-free-consultation__field {
    flex: 1;
    border-color: var(--color-primary2) !important;
    min-width: 228px !important;
}

.m-free-consultation__field::placeholder {
    color: var(--color-primary3) !important; 
}

.m-free-consultation__text {
    color: var(--color-primary6);
}


.m-free-consultation__personal, .m-free-consultation__personal a {
    color: var(--color-primary6);
}


.m-free-consultation__personal.show {
    display: inline !important;
}

.m-free-consultation__btn-second {
    margin-top: 16px;
    cursor: pointer;
}

.m-free-consultation .hide {
    display: none;
}

.m-free-consultation .show {
    display: flex;
}

@media (max-width:1400px) {
    .m-free-consultation {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    
    .m-free-consultation__message-top {
        margin-bottom: 24px;
    }
}


@media (max-width:840px) {
    .m-free-consultation__wrapper {
        max-width: 400px;
        padding-top: 36px;
        padding-bottom: 36px;
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .m-table-styles {
        display: none;
    }
    
    .m-free-consultation__data {
        flex-direction: column;
    }

    .m-free-consultation__btn {
        flex: unset;
        max-width: unset;
        min-width: unset;
    }
}

@media (max-width:500px) {
    .m-free-consultation {
        padding: 0;
        
    }
    .m-free-consultation__wrapper {
        max-width: unset;
        padding-top: 36px;
        padding-bottom: 36px;
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 0;
    }
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

a {
  text-decoration: none;
}

li,ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: 400;
}

*,:after,:before,html {
  box-sizing: border-box;
}

:focus {
  outline: 0;
}

audio,img,video {
  height: auto;
  max-width: 100%;
}

audio,canvas,iframe,img,svg,video {
  vertical-align: middle;
}

iframe {
  border: 0;
}

textarea {
  box-shadow: none;
  overflow: auto;
  resize: none; /* remove the resize handle on the bottom right */
  vertical-align: top;
}

button,input,select,textarea {
  background-color: transparent;
  border: none;
  font-size: 100%;
  margin: 0;
  outline: none;
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
  button:active span,button:focus span {
    left: 0;
    position: relative;
    top: 0;
  }
}
button,input {
  line-height: normal;
}

input::-ms-clear,input::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}

input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration {
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td,th {
  padding: 0;
  text-align: left;
}

button {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  display: block;
  padding: 0;
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
          appearance: none;
}

input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 100 1000;
  src: url(../assets/fonts/Onest-VariableFont.ttf) format("truetype"), url(../assets/fonts/Onest-Regular.woff2) format("woff2 supports variations"), url(../assets/fonts/Onest-Regular.woff2) format("woff2-variations");
}
@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 100;
  src: url(../assets/fonts/Onest-Thin.ttf) format("truetype"), url(../assets/fonts/Onest-Thin.woff2) format("woff2"), url(../assets/fonts/Onest-Thin.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 700;
  src: url(../assets/fonts/Onest-ExtraBold.ttf) format("truetype"), url(../assets/fonts/Onest-ExtraBold.woff2) format("woff2"), url(../assets/fonts/Onest-ExtraBold.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 300;
  src: url(../assets/fonts/Onest-Light.ttf) format("truetype"), url(../assets/fonts/Onest-Light.woff2) format("woff2"), url(../assets/fonts/Onest-Light.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 700;
  src: url(../assets/fonts/Onest-Bold.ttf) format("truetype"), url(../assets/fonts/Onest-Bold.woff2) format("woff2"), url(../assets/fonts/Onest-Bold.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  src: url(../assets/fonts/Onest-Regular.ttf) format("truetype"), url(../assets/fonts/Onest-Regular.woff2) format("woff2"), url(../assets/fonts/Onest-Regular.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  src: url(../assets/fonts/Onest-Medium.ttf) format("truetype"), url(../assets/fonts/Onest-Medium.woff2) format("woff2"), url(../assets/fonts/Onest-Medium.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 900;
  src: url(../assets/fonts/Onest-Black.ttf) format("truetype"), url(../assets/fonts/Onest-Black.woff2) format("woff2"), url(../assets/fonts/Onest-Black.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 200;
  src: url(../assets/fonts/Onest-ExtraLight.ttf) format("truetype"), url(../assets/fonts/Onest-ExtraLight.woff2) format("woff2"), url(../assets/fonts/Onest-ExtraLight.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  src: url(../assets/fonts/Onest-SemiBold.ttf) format("truetype"), url(../assets/fonts/Onest-SemiBold.woff2) format("woff2"), url(../assets/fonts/Onest-SemiBold.woff) format("woff");
}
:root {
  --wrapper-max: 1200px;
  --gradient-icon: linear-gradient(var(--color-primary6) 0%, var(--color-primary4) 100%);
  --color-primary6: #165c7d;
  --color-secondary6: #d4122c;
  --color-bgblue1: #f4f4f7;
  --color-strokeblue1: #e6e8ee;
  --color-white: #fff;
  --color-black2: #fafafa;
  --color-black3: #f5f5f5;
  --color-black4: #f0f0f0;
  --color-black5: #e0e0e0;
  --color-black6: #bababa;
  --color-black7: #919191;
  --color-black8: #595959;
  --color-blacktext: #454545;
  --color-black10: #262626;
  --color-black: #000;
  --color-primary1: #e8eff2;
  --color-primary2: #c7d8e0;
  --color-primary3: #9bb9c7;
  --color-primary4: #6c98ad;
  --color-primary5: #407994;
  --color-primary7: #134e6a;
  --color-primary8: #104159;
  --color-primary9: #0d3447;
  --color-primary10: #0a2938;
  --color-secondary1: #fbe7ea;
  --color-secondary2: #f5c6cc;
  --color-secondary3: #ed99a4;
  --color-secondary4: #e46a7a;
  --color-secondary5: #dc3d52;
  --color-secondary7: #b40f25;
  --color-secondary8: #970d1f;
  --color-secondary9: #790a19;
  --color-secondary10: #5f0814;
  --color-warning: #d23939;
  --color-success: #30ba24;
  --color-info: #0093dd;
  --color-attention: #ffce0c;
  --color-focus: #ff6e1d;
  --small-items: 0px 4px 12px rgba(27,55,69,.4);
  --small-btn: 0px 2px 2px rgba(0,0,0,.2), 0px 0px 2px rgba(0,0,0,.1);
  --cart-hover: 0px 16px 24px rgba(0,0,0,.1), 0px 0px 16px transparent;
  --font-size-desc-s: 10px;
  --font-size-desc-m: 12px;
  --font-size-desc-l: 13px;
  --font-size-body-s: 15px;
  --font-size-base: 16px;
  --font-size-button: 16px;
  --font-size-body-l: 18px;
  --font-size-h3: 24px;
  --font-size-h2: 32px;
  --font-size-h1: 40px;
  --line-height-desc-s: 12px;
  --line-height-button: 16px;
  --line-height-desc-l: 16px;
  --line-height-desc-m: 16px;
  --line-height-body-s: 20px;
  --line-height-base: 24px;
  --line-height-body-l: 26px;
  --line-height-h3: 32px;
  --line-height-h2: 40px;
  --line-height-h1: 52px;
  --radius-default: 10px;
  --radius-full: 10000px;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --font: Onest;
}
@media (max-width:1200px) {
  :root {
    --font-size-desc-s: 10px;
    --font-size-desc-m: 12px;
    --font-size-desc-l: 13px;
    --font-size-body-s: 14px;
    --font-size-base: 15px;
    --font-size-button: 15px;
    --font-size-body-l: 16px;
    --font-size-h3: 18px;
    --font-size-h2: 20px;
    --font-size-h1: 26px;
    --line-height-desc-s: 12px;
    --line-height-button: 16px;
    --line-height-desc-l: 16px;
    --line-height-desc-m: 16px;
    --line-height-base: 20px;
    --line-height-body-l: 20px;
    --line-height-body-s: 20px;
    --line-height-h3: 24px;
    --line-height-h2: 28px;
    --line-height-h1: 32px;
  }
}

.focus-visible {
  outline: 2px solid #ff6e1d;
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}

:focus-visible {
  outline: 2px solid #ff6e1d;
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}

.t-icon-container {
  align-items: center;
  display: flex;
}
.t-icon-container svg {
  height: 100%;
  width: 100%;
}

.t-body {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.t-main {
  flex: 1;
}
.t-main.--mgt {
  margin-top: 106px;
}
@media (max-width:1200px) {
  .t-main,.t-main.--mgt {
    margin-top: 66px;
  }
}

.t-inline-list li {
  display: inline-block;
}

.f-text-default {
  color: #000;
  color: var(--color-black);
  font-size: 16px;
  font-size: var(--font-size-base, 16px);
  font-weight: 400;
  font-weight: var(--weight-regular);
  line-height: 24px;
  line-height: var(--line-height-base, 24px); /* 150% */
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

.f-family,.f-text-default {
  font-family: Onest;
  font-family: var(--font, Onest);
  font-style: normal;
}

.f-light {
  font-weight: 300;
  font-weight: var(--weight-light);
}

.f-medium {
  font-weight: 500;
  font-weight: var(--weight-medium);
}

.f-semibold {
  font-weight: 600;
  font-weight: var(--weight-semibold);
}

.f-bold {
  font-weight: 700;
  font-weight: var(--weight-bold);
}

.f-uppercase {
  text-transform: uppercase;
}

.f-h1 {
  font-size: 40px;
  font-size: var(--font-size-h1, 40px);
  line-height: 52px;
  line-height: var(--line-height-h1, 52px); /* 130% */
}

.f-h2 {
  font-size: 32px;
  font-size: var(--font-size-h2, 32px);
  line-height: 40px;
  line-height: var(--line-height-h2, 40px); /* 125% */
}

.f-h3 {
  font-size: 24px;
  font-size: var(--font-size-h3, 24px);
  line-height: 32px;
  line-height: var(--line-height-h3, 32px); /* 133.333% */
}

.f-h4 {
  font-size: 16px;
  font-size: var(--font-size-base, 16px);
  line-height: 24px;
  line-height: var(--line-height-base, 24px); /* 150% */
}

.f-h5 {
  font-size: 15px;
  font-size: var(--font-size-body-s, 15px);
  line-height: 20px;
  line-height: var(--line-height-body-s, 20px); /* 133.333% */
}

.f-btn {
  font-family: Onest;
  font-family: var(--font, Onest);
  font-size: 16px;
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: 600;
  font-weight: var(--weight-semibold, 600);
  line-height: 16px;
  line-height: var(--line-height-button, 16px); /* 100% */
}

.f-body-l {
  font-size: 18px;
  font-size: var(--font-size-body-l, 18px);
  line-height: 26px;
  line-height: var(--line-height-body-l, 26px); /* 144.444% */
}

.f-body-s {
  font-size: 15px;
  font-size: var(--font-size-body-s, 15px);
  line-height: 20px;
  line-height: var(--line-height-body-s, 20px); /* 133.333% */
}

.f-description-l {
  font-size: 13px;
  font-size: var(--font-size-desc-l, 13px);
  line-height: 16px;
  line-height: var(--line-height-desc-l, 16px); /* 123.077% */
}

.f-description-m {
  font-size: 12px;
  font-size: var(--font-size-desc-m, 12px);
  line-height: 16px;
  line-height: var(--line-height-desc-m, 16px); /* 133.333% */
}

.f-description-s {
  font-size: 10px;
  font-size: var(--font-size-desc-s, 10px);
  letter-spacing: .4px;
  line-height: 12px;
  line-height: var(--line-height-desc-s, 12px); /* 120% */
}

.b-benefit-minimal {
  align-items: flex-start;
  gap: 4px;
  padding: 8px 12px;
}

.b-benefit,.b-benefit-minimal {
  display: flex;
  flex-direction: column;
}

.b-benefit {
  align-items: center;
  padding: 16px 0 24px;
}
.b-benefit.--sm {
  padding-bottom: 24px;
  padding-top: 16px;
}
.b-benefit__icon-container {
  max-height: 180px;
  max-width: 180px;
}
.b-benefit__icon-container.--icon-1 {
  display: flex;
}
.b-benefit__icon-container.--icon-2 {
  display: none;
}
.b-benefit__icon-container path {
  fill: #165c7d;
  fill: var(--color-primary6);
}
.b-benefit.--sm .b-benefit__icon-container {
  max-height: 125px;
  max-width: 125px;
}
.b-benefit__description {
  color: #165c7d;
  color: var(--color-primary6);
  margin-top: 6px;
  text-align: center;
}
@media (max-width:1200px) {
  .b-benefit {
    display: block;
    max-width: 158px;
    min-width: 158px;
    padding: 0;
  }
  .b-benefit.--sm {
    max-width: 198px;
    min-width: 198px;
    padding: 0;
  }
  .b-benefit__icon-container {
    max-height: 96px;
    max-width: 96px;
    min-height: 96px;
    min-width: 96px;
  }
  .b-benefit__icon-container.--icon-1 {
    display: none;
  }
  .b-benefit__icon-container.--icon-2 {
    display: flex;
  }
  .b-benefit__icon-container path {
    fill: #165c7d;
    fill: var(--color-primary6);
  }
  .b-benefit__description {
    text-align: left;
  }
}

.b-card-benefit-btn {
  align-items: center;
  background-color: #d4122c;
  background-color: var(--color-secondary6);
  border-radius: 10000px;
  border-radius: var(--radius-full);
  color: #fff;
  color: var(--color-white);
  display: flex;
  height: 53px;
  justify-content: center;
  padding: 0 20px;
}
.b-card-benefit-btn:hover {
  background-color: #b40f25;
  background-color: var(--color-secondary7);
}

.b-chip-size {
  align-items: center;
  background: rgba(0,0,0,.64);
  border-radius: 10000px;
  border-radius: var(--radius-full);
  color: #fff;
  color: var(--color-white);
  display: flex;
  gap: 6px;
  justify-content: center;
  padding: 5px 16px 6px 12px;
}
.b-chip-size__icon-container {
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
}
.b-chip-size__icon-container path {
  fill: #fff;
  fill: var(--color-white);
}

.b-field {
  background: #fff;
  background: var(--color-white, #fff);
  border: 1px solid #e0e0e0;
  border: 1px solid var(--color-black5, #e0e0e0);
  border-radius: 10000px;
  border-radius: var(--radius-full, 999px);
  min-width: 0;
  padding: 14px 20px;
}
.b-field.focus-visible {
  border-color: #165c7d;
  border-color: var(--color-primary6);
  outline: none;
}
.b-field:focus-visible {
  border-color: #165c7d;
  border-color: var(--color-primary6);
  outline: none;
}
.b-field.--red.focus-visible {
  border-color: #d4122c;
  border-color: var(--color-secondary6);
  outline: none;
}
.b-field.--red:focus-visible {
  border-color: #d4122c;
  border-color: var(--color-secondary6);
  outline: none;
}

.b-label {
  background-color: #fafafa;
  background-color: var(--color-black2);
  border-radius: 10000px;
  border-radius: var(--radius-full);
  color: #000;
  color: var(--color-black);
  padding: 4px 12px;
  text-align: center;
}
.b-label.--blue {
  background-color: #0093dd;
  background-color: var(--color-info);
}
.b-label.--blue,.b-label.--red {
  color: #fff;
  color: var(--color-white);
}
.b-label.--red {
  background-color: #d4122c;
  background-color: var(--color-secondary6);
}
.b-label.--gray {
  background-color: #595959;
  background-color: var(--color-black8);
  color: #fff;
  color: var(--color-white);
}

.b-link {
  align-items: center;
  color: #165c7d;
  color: var(--color-primary6);
  display: flex;
  gap: 8px;
}
.b-link__icon-container {
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
}
.b-link__icon-container path {
  fill: #165c7d;
  fill: var(--color-primary6);
}
.b-link:hover {
  color: #0a2938;
  color: var(--color-primary10);
}
.b-link:hover path {
  fill: #0a2938;
  fill: var(--color-primary10);
}
.b-link.--disabled,.b-link.--disabled:hover {
  color: #919191;
  color: var(--color-black7);
}

.b-list-item {
  list-style-type: disc;
  margin-bottom: 8px;
  margin-left: 30px;
}
@media (max-width:1200px) {
  .b-list-item {
    margin-left: 20px;
  }
}

.b-primary-btn {
  align-items: center;
  background-color: #165c7d;
  background-color: var(--color-primary6);
  border-radius: 10000px;
  border-radius: var(--radius-full, 10000px);
  color: #fff;
  color: var(--color-white);
  display: flex;
  height: 52px;
  justify-content: center;
  padding: 0 24px;
  white-space: nowrap;
}
.b-primary-btn:hover {
  background-color: #134e6a;
  background-color: var(--color-primary7);
}

.b-professional-card {
  background-color: #f0f0f0;
  background-color: var(--color-black4);
  border-radius: 10px;
  border-radius: var(--radius-default);
  padding: 20px;
}
.b-professional-card__img {
  border-radius: 4px;
  margin-bottom: 16px;
}
.b-professional-card__type {
  margin-top: 4px;
}
.b-professional-card__list {
  margin-top: 16px;
}
.b-professional-card__list-item {
  color: #454545;
  color: var(--color-blacktext);
  margin-left: 24px;
}
.b-professional-card__list-item:not(:last-child) {
  margin-bottom: 8px;
}

.b-qa-accordion {
  background-color: #fff;
  background-color: var(--color-white);
  border-radius: 10px;
  border-radius: var(--radius-default);
  padding: 20px;
}
.b-qa-accordion__icon-container {
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
}
.b-qa-accordion .--open path {
  fill: #165c7d;
  fill: var(--color-primary6);
}
.b-qa-accordion .--close {
  display: none;
}
.b-qa-accordion .--close path {
  fill: #919191;
  fill: var(--color-black7);
}
.b-qa-accordion.--open .--open {
  display: none;
}
.b-qa-accordion.--open .--close {
  display: flex;
}
.b-qa-accordion__head {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
}
.b-qa-accordion__title {
  color: #000;
  color: var(--color-black);
  text-align: left;
}
.b-qa-accordion__main {
  color: #454545;
  color: var(--color-blacktext);
  display: none;
  margin-top: 16px;
}
.b-qa-accordion.--open .b-qa-accordion__main {
  display: block;
}

.b-icon-label {
  align-items: center;
  color: #919191;
  color: var(--color-black7);
  display: flex;
  gap: 4px;
}
.b-icon-label__icon-container {
  max-height: 11px;
  max-width: 11px;
  min-height: 11px;
  min-width: 11px;
}
.b-icon-label__icon-container path {
  fill: #919191;
  fill: var(--color-black7);
}

.b-secondary-btn {
  align-items: center;
  border: 1px solid #000;
  border: 1px solid var(--color-black);
  border-radius: 10000px;
  border-radius: var(--radius-full, 10000px);
  color: #000;
  color: var(--color-black);
  display: flex;
  height: 52px;
  justify-content: center;
  padding: 0 22px;
  white-space: nowrap;
}
.b-secondary-btn.--gray {
  border: 1px solid #bababa;
  border: 1px solid var(--color-black6);
  color: #bababa;
  color: var(--color-black6);
}
.b-secondary-btn:hover {
  background-color: #f0f0f0;
  background-color: var(--color-black4);
}
.b-secondary-btn.--yandex .b-secondary-btn__icon-container {
  max-height: 28px;
  max-width: 28px;
  min-height: 28px;
  min-width: 28px;
}

.b-slider-nav-btn {
  align-items: center;
  border: 1px solid #bababa;
  border: 1px solid var(--color-black6);
  border-radius: 100%;
  display: flex;
  height: 52px;
  justify-content: center;
  width: 52px;
}
.b-slider-nav-btn__icon-container {
  max-height: 28px;
  max-width: 28px;
  min-height: 28px;
  min-width: 28px;
}
.b-slider-nav-btn__icon-container path {
  fill: #bababa;
  fill: var(--color-black6);
}
.b-slider-nav-btn:hover {
  background-color: #f0f0f0;
  background-color: var(--color-black4);
}
.b-slider-nav-btn.--disabled {
  opacity: .5;
  pointer-events: none;
}

.b-step-item {
  padding: 24px 24px 60px 76px;
  position: relative;
}
.b-step-item__count {
  align-items: center;
  background-color: #d4122c;
  background-color: var(--color-secondary6);
  border-radius: 10000px;
  border-radius: var(--radius-full);
  color: #fff;
  color: var(--color-white);
  display: flex;
  height: 72px;
  justify-content: center;
  left: -36px;
  position: absolute;
  top: 0;
  width: 72px;
}
.b-step-item__title {
  margin-bottom: 12px;
}
.b-step-item__description {
  color: #454545;
  color: var(--color-blacktext);
}
.b-step-item__description:not(:first-child) {
  margin-bottom: 16px;
}
.b-step-item__description:last-child {
  margin-bottom: 0;
}
.b-step-item__list {
  color: #454545;
  color: var(--color-blacktext);
}
.b-step-item__list:not(:first-child) {
  margin-bottom: 16px;
}
.b-step-item__link {
  margin-top: 16px;
  text-decoration: underline;
}
@media (max-width:1300px) {
  .b-step-item {
    padding: 24px 24px 32px 50px;
  }
  .b-step-item__count {
    height: 52px;
    left: -26px;
    width: 52px;
  }
}
@media (max-width:1080px) {
  .b-step-item {
    padding: 36px 16px 52px;
  }
  .b-step-item__title {
    margin-bottom: 16px;
  }
  .b-step-item__count {
    left: 16px;
    top: -26px;
  }
}

.b-tab {
  border: 1px solid #165c7d;
  border: 1px solid var(--color-primary6);
  border-radius: 10000px;
  border-radius: var(--radius-full);
  color: #165c7d;
  color: var(--color-primary6);
  cursor: pointer;
  padding: 8px 12px;
}
.b-tab[\:has\(input\:checked\)] {
  background-color: #165c7d;
  background-color: var(--color-primary6);
  color: #fff;
  color: var(--color-white);
}
.b-tab:has(input:checked) {
  background-color: #165c7d;
  background-color: var(--color-primary6);
  color: #fff;
  color: var(--color-white);
}
.b-tab__input {
  display: none;
}

.b-title-chip {
  border: 1px solid #000;
  border: 1px solid var(--color-black);
  border-radius: 10000px;
  border-radius: var(--radius-full, 999px);
  padding: 8px 12px;
  vertical-align: middle;
}

.b-type-chip {
  border: 2px solid #fff;
  border: 2px solid var(--color-white);
  border-radius: 10000px;
  border-radius: var(--radius-full);
  padding: 8px 12px;
  text-align: center;
}
.b-type-chip.--good {
  background: rgba(48,186,36,.06);
  border: 2px solid #30ba24;
  border: 2px solid var(--color-success, #30ba24);
  color: #30ba24;
  color: var(--color-success, #30ba24);
}
.b-type-chip.--bad {
  background: rgba(210,57,57,.06);
  border: 2px solid #d23939;
  border: 2px solid var(--color-warning, #d23939);
  color: #d23939;
  color: var(--color-warning, #d23939);
}

.b-white-primary-btn {
  align-items: center;
  background-color: #fff;
  background-color: var(--color-white);
  border-radius: 10000px;
  border-radius: var(--radius-full);
  color: #165c7d;
  color: var(--color-primary6);
  display: flex;
  height: 53px;
  justify-content: center;
  padding: 0 46px;
}
.b-white-primary-btn:hover {
  background-color: #e8eff2;
  background-color: var(--color-primary1);
}

.c-architect-insult-card {
  background-color: #f0f0f0;
  background-color: var(--color-black4);
  border-radius: 10px;
  border-radius: var(--radius-default);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 24px 20px;
  position: relative;
}
.c-architect-insult-card__title {
  margin-bottom: 16px;
}
.c-architect-insult-card__description {
  margin-bottom: 16px;
}
.c-architect-insult-card__description,.c-architect-insult-card__list-item {
  color: #454545;
  color: var(--color-blacktext);
}
.c-architect-insult-card__list-item:not(:last-child) {
  margin-bottom: 2px;
}
.c-architect-insult-card__btn {
  align-self: flex-start;
  height: 44px;
  margin-top: auto;
  position: relative;
    z-index: 1;
}
.c-architect-insult-card__bg {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  gap: 24px;
  left: 52px;
  position: absolute;
}
@media (max-width:810px) {
  .c-architect-insult-card__bg {
    left: 11px;
  }
}

.c-checklist-field {
  -moz-column-gap: 8px;
       column-gap: 8px;
  display: flex;
  row-gap: 12px;
}
.c-checklist-field__input {
  align-self: stretch;
  flex: 1 0 0;
}
@media (max-width:810px) {
  .c-checklist-field {
    flex-wrap: wrap;
  }
  .c-checklist-field__input {
    min-width: 240px;
  }
  .c-checklist-field__btn {
    flex: 1 0 0;
  }
}

.c-form-block {
  background: rgba(22,92,125,.03);
  border: 1.5px solid #165c7d;
  border: 1.5px solid var(--color-primary6, #165c7d);
  border-radius: 10px;
  border-radius: var(--radius-default, 10px);
  padding: 20px;
}
.c-form-block__description {
  margin-bottom: 12px;
}

.c-form-check-list {
  background-color: rgba(212,18,44,.03);
  border: 1px solid #d4122c;
  border: 1px solid var(--color-secondary6);
  border-radius: 10px;
  border-radius: var(--radius-default);
  padding: 20px;
}
.c-form-check-list__title {
  margin-bottom: 14px;
}
.c-form-check-list__divider {
  border: 0;
  border-top: 1px solid #e0e0e0;
  border-top: 1px solid var(--color-black5);
  margin-bottom: 14px;
}
.c-form-check-list__description {
  margin-bottom: 12px;
}
@media (max-width:810px) {
  .c-form-check-list__description,.c-form-check-list__divider {
    margin-bottom: 16px;
  }
}

.c-iframe-video {
  border-radius: 10px;
  border-radius: var(--radius-default);
  cursor: pointer;
  max-height: 432px;
  overflow: hidden;
  position: relative;
}
.c-iframe-video__thumbnail {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  overflow: hidden;
  padding: 12px;
  position: absolute;
  width: 100%;
}
.c-iframe-video__thumbnail.--none {
  display: none;
}
.c-iframe-video__thumbnail-img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.c-iframe-video__chip {
  z-index: 1;
}
.c-iframe-video__iframe {
  height: 100%;
  width: 100%;
}

.c-service-case {
  align-items: center;
  background: #fff;
  background: var(--color-white, #fff);
  min-height: 446px;
}
.c-service-case,.c-service-case__top {
  border-radius: 10px;
  border-radius: var(--radius-default, 10px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.c-service-case__top {
  align-items: flex-end;
  height: 240px;
  justify-content: flex-end;
  padding: 12px;
  position: relative;
  width: 100%;
}
.c-service-case__img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-service-case__chip {
  z-index: 1;
}
.c-service-case__bottom {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
}
.c-service-case__title {
  flex: 1;
  margin-bottom: 8px;
}
.c-service-case__label {
  color: #595959;
  color: var(--color-black8);
  margin-bottom: 17px;
}
.c-service-case__author {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 11px;
}
.c-service-case__avatar {
  border-radius: 100%;
  height: 36px;
  width: 36px;
}
@media (max-width:1200px) {
  .c-service-case {
    min-height: 360px;
  }
  .c-service-case__top {
    height: 176px;
  }
  .c-service-case__btn {
    height: 42px;
  }
  .c-service-case__avatar {
    height: 24px;
    width: 24px;
  }
  .c-service-case__author {
    margin-bottom: 15px;
  }
}

.c-service-price {
  background: #fff;
  background: var(--color-white, #fff);
  border-radius: 10px;
  border-radius: var(--radius-default, 10px);
  overflow: hidden;
  padding: 24px 20px;
  position: relative;
}
.c-service-price__label {
  padding: 6px 12px;
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 1;
}
.c-service-price__img {
  width: 100%;
}
.c-service-price__title {
  margin-bottom: 12px;
  margin-top: 12px;
}
.c-service-price__price {
  color: #165c7d;
  color: var(--color-primary6);
  margin-top: 12px;
}
.c-service-price__tabs {
  border: 0;
}
.c-service-price__slide {
  align-content: flex-start;
  align-items: flex-start;
  -moz-column-gap: 4px;
       column-gap: 4px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.c-service-price__btn,.c-service-price__deadline {
  margin-bottom: 17px;
}
.c-service-price__btn {
  height: 42px;
}
.c-service-price__list-item {
  color: #454545;
  color: var(--color-blacktext);
  margin-bottom: 2px;
  margin-left: 22px;
}
.c-service-price__content-item:not(.--active) {
  display: none;
}
@media (max-width:1200px) {
  .c-service-price__title {
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .c-service-price__price {
    margin-top: 8px;
  }
  .c-service-price__btn,.c-service-price__deadline {
    margin-bottom: 13px;
  }
}
@media (max-width:810px) {
  .c-service-price__slide {
    flex-wrap: nowrap;
    width: -moz-max-content;
    width: max-content;
  }
  .c-service-price__tabs {
    min-width: 0;
    min-width: auto;
  }
  .c-service-price__tab {
    flex-shrink: 0;
  }
}

.c-step-info {
  align-items: flex-start;
  border: 1px solid #f0f0f0;
  border: 1px solid var(--color-black4, #f0f0f0);
  border-radius: 10px;
  border-radius: var(--radius-default, 10px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 20px;
}
.c-step-info__top {
  align-items: baseline;
  display: flex;
  gap: 16px;
}
.c-step-info__chip {
  margin-bottom: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.c-step-info__list-item {
  margin-bottom: 4px;
}
@media (max-width:810px) {
  .c-step-info__top {
    align-items: center;
  }
}

.c-vebinar {
  border: 1px solid #e0e0e0;
  border: 1px solid var(--color-black5);
  border-radius: 10px;
  border-radius: var(--radius-default);
  overflow: hidden;
  padding: 20px;
  position: relative;
}
.c-vebinar__title {
  margin-bottom: 14px;
}
.c-vebinar__icon-container {
  max-height: 240px;
  max-width: 240px;
  min-height: 240px;
  min-width: 240px;
  position: absolute;
  right: -100px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.c-vebinar__icon-container path {
  fill: #000;
  fill: var(--color-black);
}
.c-vebinar__list-item {
  margin-bottom: 0;
}
@media (max-width:810px) {
  .c-vebinar__list {
    max-width: 364px;
  }
}

.c-video-review__thumbnail {
  align-items: flex-end;
  aspect-ratio: 16/9;
  border-radius: 10px;
  border-radius: var(--radius-default);
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: 12px;
  position: relative;
}
.c-video-review__img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-video-review__chip {
  position: relative;
  z-index: 1;
}
.c-video-review__main,.c-video-review__top {
  display: flex;
  margin-top: 8px;
}
.c-video-review__main {
  align-items: center;
  gap: 12px;
}
.c-video-review__date {
  color: #919191;
  color: var(--color-black7);
  display: flex;
}
.c-video-review__tag {
  color: #165c7d;
  color: var(--color-primary6);
}
.c-video-review__bottom {
  display: flex;
  margin-top: 8px;
}
.c-video-review__title {
  color: #000;
  color: var(--color-black);
}

.m-benefits {
  background-color: #e8eff2;
  background-color: var(--color-primary1);
  overflow: hidden;
  padding: 16px 24px;
}
.m-benefits__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-benefits__slide {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 24px;
  gap: 24px;
}
.m-benefits.--sm .m-benefits__slide {
  gap: 16px;
}
.m-benefits__benefit {
  flex: 1;
}
@media (max-width:1200px) {
  .m-benefits__slide {
    width: -moz-max-content;
    width: max-content;
  }
  .m-benefits__benefit {
    min-width: 170px;
  }
}

.m-comparison {
  padding: 52px 16px;
}
.m-comparison__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-comparison__head {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 36px;
}
.m-comparison__head-right {
  display: flex;
  gap: 8px;
}
.m-comparison__main {
  display: flex;
  gap: 24px;
}
.m-comparison__main-left {
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 20px;
  padding-right: 50px;
  position: relative;
}
.m-comparison__main-right {
  flex: 1;
}
.m-comparison__slider-1 {
  border-radius: 10px;
  border-radius: var(--radius-default);
  margin-bottom: 16px;
  max-width: 640px;
  overflow: hidden;
  position: relative;
}
.m-comparison__slider-1-wrapper {
  display: flex;
}
.m-comparison__good-icon {
  top: 24px;
}
.m-comparison__bad-icon,.m-comparison__good-icon {
  left: 24px;
  max-height: 64px;
  max-width: 64px;
  min-height: 64px;
  min-width: 64px;
  position: absolute;
  z-index: 1;
}
.m-comparison__bad-icon {
  top: 50%;
  transform: translateY(-50%);
}
.m-comparison__slider-2 {
  aspect-ratio: 1/1;
  border: 5px solid #fff;
  border: 5px solid var(--color-white);
  border-radius: 100%;
  bottom: 0;
  max-height: 300px;
  max-width: 300px;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 100%;
}
.m-comparison__slider-2-wrapper {
  display: flex;
}
.m-comparison__slider-3 {
  border: 1px solid #f0f0f0;
  border: 1px solid var(--color-black4, #f0f0f0);
  border-radius: 10px;
  border-radius: var(--radius-default, 10px);
  max-width: 486px;
  min-height: 460px;
  overflow: hidden;
}
.m-comparison__slider-3-wrapper {
  display: flex;
  flex-direction: row;
}
.m-comparison__slide-3 {
  border: none;
}
.m-comparison__dots {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}
@media (max-width:1080px) {
  .m-comparison__main-left {
    max-width: 50%;
    padding-bottom: 26px;
    padding-right: 0;
  }
  .m-comparison__main-right {
    max-width: 47%;
  }
  .m-comparison__dots {
    display: none;
  }
  .m-comparison__good-icon {
    top: 13px;
  }
  .m-comparison__bad-icon,.m-comparison__good-icon {
    left: 13px;
    max-height: 34px;
    max-width: 34px;
    min-height: 34px;
    min-width: 34px;
    position: absolute;
    z-index: 1;
  }
  .m-comparison__bad-icon {
    top: 50%;
    transform: translateY(-50%);
  }
  .m-comparison__slider-2 {
    border: 3px solid #fff;
    border: 3px solid var(--color-white);
    max-height: 220px;
    max-width: 220px;
    right: -16px;
  }
  .m-comparison__slider-3 {
    max-width: 100%;
  }
}
@media (max-width:810px) {
  .m-comparison {
    padding: 36px 16px;
  }
  .m-comparison__head {
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
  }
  .m-comparison__dots {
    display: none;
  }
  .m-comparison__main {
    flex-direction: column;
    gap: 8px;
  }
  .m-comparison__main-left,.m-comparison__main-right,.m-comparison__slider-1 {
    max-width: 100%;
  }
  .m-comparison__slider-2 {
    max-height: 300px;
    max-width: 300px;
    right: -8px;
  }
}
@media (max-width:600px) {
  .m-comparison__slider-2 {
    max-height: 160px;
    max-width: 160px;
  }
}

.m-design-project {
  overflow: hidden;
  padding: 52px 16px;
}
.m-design-project__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-design-project__title {
  margin-bottom: 36px;
}
.m-design-project__slide {
  display: flex;
  gap: 40px;
}
.m-design-project__column {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 15px;
}
.m-design-project__column-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.m-design-project__item-text {
  margin-bottom: 12px;
}
.m-design-project__item-gallery {
  display: block;
  flex: 1;
}
.m-design-project__item-img {
  height: 100%;
  width: 100%;
}
.m-design-project .--hide-desktop {
  display: none;
}
@media (max-width:810px) {
  .m-design-project {
    padding: 36px 16px;
  }
  .m-design-project .--hide-mobile {
    display: none;
  }
  .m-design-project .--hide-desktop {
    display: flex;
  }
  .m-design-project__title {
    margin-bottom: 24px;
  }
  .m-design-project__slide {
    width: -moz-max-content;
    width: max-content;
  }
  .m-design-project__column,.m-design-project__slide {
    flex-direction: row;
    gap: 32px;
  }
  .m-design-project__column-item {
    width: 282px;
  }
  .m-design-project__item-gallery {
    flex: initial;
    max-height: 400px;
  }
}

.m-guide {
  padding: 52px 16px;
}
.m-guide__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-guide__head {
  margin-bottom: 43px;
}
.m-guide__main {
  display: flex;
  gap: 24px;
}
.m-guide__col {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  max-width: 486px;
  min-width: 384px;
}
.m-guide__video {
  aspect-ratio: 16/9;
  flex: 1;
  height: -moz-fit-content;
  height: fit-content;
  min-width: 563px;
}
@media (max-width:1200px) {
  .m-guide__head {
    margin-bottom: 24px;
  }
  .m-guide__video {
    min-width: 300px;
  }
  .m-guide__col {
    max-width: none;
    min-width: 200px;
  }
}
@media (max-width:1080px) {
  .m-guide__title-br {
    display: none;
  }
  .m-guide__main {
    flex-direction: column;
    gap: 8px;
  }
  .m-guide__col,.m-guide__video {
    min-width: 0;
    min-width: auto;
  }
  .m-guide__col {
    flex-direction: row;
  }
  .m-guide__form,.m-guide__vebinar {
    width: 50%;
  }
  .m-guide__chip {
    display: block;
    margin-top: 12px;
    text-align: center;
  }
}
@media (max-width:810px) {
  .m-guide__col {
    flex-direction: column;
  }
  .m-guide__form,.m-guide__vebinar {
    width: auto;
  }
}

.m-happy-clients {
  background-color: #f5f5f5;
  background-color: var(--color-black3);
  overflow: hidden;
  padding: 52px 16px;
}
.m-happy-clients__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-happy-clients__head {
  align-items: flex-end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 36px;
}
.m-happy-clients__title {
  margin-bottom: 16px;
}
.m-happy-clients__slide {
  display: flex;
  gap: 24px;
}
.m-happy-clients__review {
  flex: 1;
  min-width: 328px;
}
.m-happy-clients__mobile-btn {
  display: none;
  margin-top: 24px;
}
.m-happy-clients__mobile-btn.b-secondary-btn {
  display: none;
  margin-top: 24px;
}

@media (max-width:1200px) {
  .m-happy-clients {
    padding: 36px 16px;
  }
  .m-happy-clients__head {
    margin-bottom: 24px;
  }
}
@media (max-width:1080px) {
  .m-happy-clients__review {
    flex: 1;
    max-width: 280px;
    min-width: 280px;
  }
  .m-happy-clients__slide {
    width: -moz-max-content;
    width: max-content;
  }
}
@media (max-width:810px) {
  .m-happy-clients__btn.b-secondary-btn {
    display: none;
  }
  .m-happy-clients__btn {
    display: none;
  }  
  .m-happy-clients__mobile-btn {
    display: flex;
  }
	.m-happy-clients__mobile-btn.b-secondary-btn {
	  display: flex;
	}  
}

.m-ideas {
  overflow: hidden;
  padding: 52px 16px;
}
.m-ideas__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
  position: relative;
}
.m-ideas__title {
  margin-bottom: 36px;
}
.m-ideas__left {
  max-width: 652px;
}
.m-ideas__description {
  margin-bottom: 24px;
}
.m-ideas__form {
  max-width: 486px;
}
.m-ideas__bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.m-ideas__img,.m-ideas__vectors {
  bottom: -52px;
  position: absolute;
  right: -150px;
}
.m-ideas__vectors {
  align-items: flex-end;
  display: flex;
  gap: 80px;
  z-index: -1;
}
.m-ideas__house {
  height: 407px;
  width: 534px;
}
.m-ideas__house svg {
  height: 100%;
  width: 100%;
}
.m-ideas__tree {
  height: 407px;
  width: 324px;
}
.m-ideas__tree svg {
  height: 100%;
  width: 100%;
}
@media (max-width:1200px) {
  .m-ideas {
    padding: 36px 16px;
  }
  .m-ideas__title {
    margin-bottom: 24px;
  }
  .m-ideas__description {
    margin-bottom: 16px;
  }
  .m-ideas__img {
    bottom: -56px;
    right: -270px;
    width: 700px;
  }
  .m-ideas__left {
    margin-right: 35%;
  }
  .m-ideas__vectors {
    bottom: -56px;
    gap: 48px;
    right: -230px;
  }
  .m-ideas__form {
    margin-right: 20%;
  }
}
@media (max-width:810px) {
  .m-ideas {
    padding-bottom: 0;
  }
  .m-ideas__left {
    margin-right: 0;
    max-width: none;
  }
  .m-ideas__img {
    position: relative;
    width: auto;
  }
  .m-ideas__img,.m-ideas__vectors {
    bottom: 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .m-ideas__vectors {
    min-width: 560px;
    width: 100%;
  }
  .m-ideas__house,.m-ideas__tree {
    height: auto;
  }
  .m-ideas__form {
    margin-right: 0;
    max-width: none;
  }
  .m-ideas__bg {
    position: relative;
  }
}

.m-portfolio {
  background-color: #f5f5f5;
  background-color: var(--color-black3);
  padding: 52px 24px;
}
.m-portfolio__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-portfolio__title {
  margin-bottom: 16px;
}
.m-portfolio__head {
  align-items: flex-end;
  display: flex;
  gap: 24px;
  margin-bottom: 36px;
}
.m-portfolio__head-left {
  flex: 1;
}
.m-portfolio__head-right {
  display: flex;
  gap: 8px;
}
.m-portfolio__main {
  display: flex;
  overflow: hidden;
}
.m-portfolio__slider {
  display: flex;
}
.m-portfolio__slide {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width:768px) {
  .m-portfolio {
    overflow: hidden;
    padding: 36px 16px;
  }
  .m-portfolio__head {
    margin-bottom: 24px;
  }
  .m-portfolio__head-right {
    display: none;
  }
  .m-portfolio__title {
    margin-bottom: 8px;
  }
  .m-portfolio__main {
    overflow: visible;
    overflow: initial;
  }
  .m-portfolio__slide {
    gap: 8px;
  }
}

.m-process {
  padding: 52px 16px;
}
.m-process__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-process__title {
  margin-bottom: 36px;
}
.m-process__step:not(:last-child) {
  background-image: linear-gradient(#d4122c 50%, hsla(0,0%,100%,0) 0);
  background-image: linear-gradient(var(--color-secondary6) 50%, hsla(0,0%,100%,0) 0);
  background-position: 0;
  background-repeat: repeat-y;
  background-size: 1px 8px;
}
@media (max-width:1200px) {
  .m-process {
    padding: 36px 16px;
  }
  .m-process__main {
    padding-left: 24px;
  }
}
@media (max-width:1080px) {
  .m-process {
    padding: 36px 0 0 16px;
  }
  .m-process__title {
    padding-left: 24px;
    padding-right: 24px;
  }
  .m-process__main {
    padding-left: 0;
  }
  .m-process__step {
    position: relative;
  }
  .m-process__step:before {
    background-image: linear-gradient(270deg, #d4122c 50%, hsla(0,0%,100%,0) 0);
    background-image: linear-gradient(to left, var(--color-secondary6) 50%, hsla(0,0%,100%,0) 0);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }
}

.m-professionals {
  overflow: hidden;
  padding: 52px 16px;
}
.m-professionals__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-professionals__title {
  margin-bottom: 36px;
}
.m-professionals__slide {
  display: flex;
  gap: 24px;
}
.m-professionals__card {
  flex: 1;
}
@media (max-width:1200px) {
  .m-professionals {
    padding: 36px 16px;
  }
  .m-professionals__title {
    margin-bottom: 24px;
  }
  .m-professionals__slide {
    gap: 8px;
  }
}
@media (max-width:1080px) {
  .m-professionals__card {
    max-width: 350px;
  }
  .m-professionals__slide {
    width: -moz-max-content;
    width: max-content;
  }
}

.m-qa {
  background-color: #f5f5f5;
  background-color: var(--color-black3);
  padding: 52px 16px;
}
.m-qa__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-qa__title {
  margin-bottom: 36px;
}
.m-qa__item:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width:1200px) {
  .m-qa {
    padding: 36px 16px;
  }
  .m-qa__title {
    margin-bottom: 24px;
  }
  .m-qa__item:not(:last-child) {
    margin-bottom: 8px;
  }
}

.m-service-benefits {
  padding-bottom: 52px;
  padding-top: 52px;
}
.m-service-benefits__bottom {
  align-items: center;
  display: flex;
  gap: 16px;
}
.m-service-benefits__additional {
  flex: 1;
}
.m-service-benefits__btn {
  padding: 12px 20px;
}
.m-service-benefits__left,.m-service-benefits__right {
  align-items: flex-start;
  border-radius: 10px;
  border-radius: var(--radius-default, 10px);
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  min-height: 291px;
  overflow: hidden;
  padding: 24px 20px;
  position: relative;
}
.m-service-benefits__wrapper {
  display: flex;
  gap: 24px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-service-benefits__title {
  margin-bottom: 16px;
}
.m-service-benefits__title:not(.--dark) {
  color: #e8eff2;
  color: var(--color-primary1);
}
.m-service-benefits__description {
  margin-bottom: 8px;
}
.m-service-benefits__price {
  margin-bottom: 32px;
}
.m-service-benefits__left {
  background: #165c7d;
  background: var(--color-primary6, #165c7d);
  color: #fff;
  color: var(--color-white);
}
.m-service-benefits__right {
  background: #e8eff2;
  background: var(--color-primary1, #e8eff2);
  color: #165c7d;
  color: var(--color-primary6, #165c7d);
}
.m-service-benefits__icon {
  position: absolute;
  right: -80px;
  top: -14px;
}
.m-service-benefits__right .m-service-benefits__icon {
  top: 0;
}
@media (max-width:1200px) {
  .m-service-benefits__bottom {
    flex-direction: column;
  }
  .m-service-benefits__left,.m-service-benefits__right {
    min-height: 280px;
    padding: 24px 16px;
  }
  .m-service-benefits__wrapper {
    gap: 8px;
  }
}
@media (max-width:810px) {
  .m-service-benefits {
    padding: 36px 16px;
  }
  .m-service-benefits__wrapper {
    flex-direction: column;
  }
  .m-service-benefits__left,.m-service-benefits__right {
    justify-content: normal;
    min-height: 0;
    min-height: auto;
    padding: 24px 16px;
  }
  .m-service-benefits__right .m-service-benefits__title {
    margin-bottom: 24px;
  }
  .m-service-benefits__right .m-service-benefits__icon {
    top: 50%;
    transform: translateY(-50%);
  }
}

.m-service-hello-screen {
  color: #fff;
  color: var(--color-white);
}
.m-service-hello-screen__wrapper {
  border-radius: 10px;
  border-radius: var(--radius-Default, 10px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
  overflow: hidden;
}
.m-service-hello-screen__head {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 384px;
  padding: 36px 120px 36px 36px;
  position: relative;
}
.m-service-hello-screen__img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.m-service-hello-screen__title {
  margin-bottom: 16px;
}
.m-service-hello-screen__btn {
  margin-bottom: auto;
}
.m-service-hello-screen__benefits {
  align-items: flex-start;
  align-self: stretch;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  display: flex;
  gap: 16px;
  max-width: 720px;
  padding: 8px 8px 10px;
}
@media (max-width:1200px) {
  .m-service-hello-screen__wrapper {
    border-radius: 0;
    border-radius: initial;
  }
  .m-service-hello-screen__head {
    padding: 36px 16px;
  }
}
@media (max-width:810px) {
  .m-service-hello-screen__btn {
    margin-bottom: 36px;
  }
  .m-service-hello-screen__benefits {
    flex-direction: column;
    gap: 8px;
  }
}

.m-service-portfolio {
  background-color: #f5f5f5;
  background-color: var(--color-black3);
  overflow: hidden;
  padding: 52px 16px;
}
.m-service-portfolio__wrapper {
  display: grid;
  grid-template-areas: "a a b" "c c c" "d d d";
  grid-gap: 36px;
  align-items: center;
  gap: 36px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-service-portfolio__title {
  grid-area: a;
}
.m-service-portfolio__btn {
  grid-area: b;
  justify-self: flex-end;
  width: -moz-fit-content;
  width: fit-content;
}
.m-service-portfolio__main {
  grid-area: c;
}
.m-service-portfolio__slide {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  gap: 24px;
}
.m-service-portfolio__footer {
  grid-area: d;
}
.m-service-portfolio__mobile-btn {
  display: none;
}
@media (max-width:1080px) {
  .m-service-portfolio {
    padding: 36px 16px;
  }
  .m-service-portfolio__wrapper {
    gap: 24px;
  }
  .m-service-portfolio__btn {
    display: none;
  }
  .m-service-portfolio__mobile-btn {
    display: flex;
  }
  .m-service-portfolio__slide {
    gap: 8px;
  }
}
@media (max-width:810px) {
  .m-service-portfolio__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
  }
  .m-service-portfolio__slide {
    display: flex;
    width: -moz-max-content;
    width: max-content;
  }
  .m-service-portfolio__service-case {
    width: 282px;
  }
}

.m-service-prices {
  background-color: #f5f5f5;
  background-color: var(--color-black3);
  overflow: hidden;
  padding: 52px 16px;
}
.m-service-prices__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-service-prices__head {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 36px;
}
.m-service-prices__head-right {
  display: flex;
  gap: 8px;
}
.m-service-prices__swiper-wrapper {
  display: flex;
}
.m-service-prices__slide {
  flex: 1;
}
@media (max-width:1200px) {
  .m-service-prices {
    padding: 36px 16px;
  }
  .m-service-prices__head {
    margin-bottom: 24px;
  }
  .m-service-prices__head-right {
    display: none;
  }
}
@media (max-width:568px) {
  .m-service-prices__slide {
    max-width: 360px;
    min-width: 360px;
    width: 360px !important;
  }
}
@media (max-width:425px) {
  .m-service-prices__slide {
    max-width: 282px;
    min-width: 282px;
    width: 282px !important;
  }
}

.m-service {
  padding: 52px 24px;
}
.m-service__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  max-width: var(--wrapper-max);
}
.m-service__title-br {
  display: none;
}
.m-service__head {
  align-items: flex-end;
  display: flex;
  gap: 24px;
  margin-bottom: 36px;
}
.m-service__head-left {
  flex: 1;
}
.m-service__head-right {
  display: flex;
  gap: 8px;
}
.m-service__main {
  display: flex;
  overflow: hidden;
}
.m-service__slider {
  display: flex;
}
@media (max-width:1080px) {
  .m-service {
    overflow: hidden;
    padding: 36px 16px;
  }
  .m-service__head {
    margin-bottom: 24px;
  }
  .m-service__head-right {
    display: none;
  }
  .m-service__main {
    overflow: visible;
    overflow: initial;
  }
  .m-service__service-tile {
    height: 368px;
    max-width: 296px;
  }
}
@media (max-width:810px) {
  .m-service__title-br {
    display: block;
  }
}