html {
    font-size : 10px;
}

.container {
    max-width : 1170px;
}
.subtitle {
    font-family : 'Marck';
    font-size   : 7.5rem;
    font-weight : 400;
    line-height : 6rem;
    color       : var(--bs-active);
}

.h2, h2 {
    font-family : 'Montserrat';
    font-size : 4.8rem;
    font-weight : 700;
    line-height : 5.8rem;
}

/** Block 7 **/

.block_7 {
    padding-top : 13.3rem;
}

.block_7 .title {
    font-family : "Montserrat";
    font-weight : 700;
    font-size : 4.8rem;
    line-height : 5.8rem;
    color : black;
    text-transform : uppercase;
}

.block_7 .title span {
    font-size : 3rem;
    line-height : 3rem;
    position : absolute;
}

.block_7 .subtitle {
    font-family : "Montserrat";
    font-weight : 400;
    font-size : 1.8rem;
    line-height : 2.8rem;
    color : black;
    padding-top : 1.51rem;
    text-transform : uppercase;
}

.block_7 .text {
    font-family : "Montserrat";
    font-weight : 700;
    font-size : 1.8rem;
    line-height : 2.7rem;
    color : black;
    padding-top : 4.46rem;
    padding-right : 3rem;
}

.block_7 .text ul li {
    padding-bottom : 2.5rem;
}

.block_7 .text ul {
    list-style: none;
}

.block_7 .text ul li {
    padding-left : 4.5rem;
}

.block_7 .text ul li:before {
	content : url('/wp-content/uploads/2024/03/check_big.png');
	width : 3.8rem;
	height : 3.8rem;
	position : absolute;
	margin-left : -6.5rem;
}

.block_7 .image img {
    width : 100%;
}

.block_7_1 {
    padding-top : 7.7rem;
}

.block_7_1 .subtitle_07 {
    font-family: "Montserrat";
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.5rem;
    color : var(--btn-ok);
    padding-bottom : 2.8rem;
}

.block_7_1 .text_01 {
    font-family: "Montserrat";
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.7rem;
    color : black;   
}

.block_7_1 .text_01 ul li {
    padding-bottom : 2.5rem;
}

.block_7_1 .text_01 ul {
    list-style: none;
}

.block_7_1 .text_01 ul li {
    padding-left : 3.5rem;
}

.block_7_1 .text_01 ul li:before {
	content : url('/wp-content/uploads/2024/03/check.png');
	width : 2.2rem;
	height : 2.2rem;
	position : absolute;
	margin-left : -5.5rem;
}


/** Block 8 **/

.block_8 .container >.row > .title {
    font-family : "Montserrat";
    font-weight : 700;
    font-size : 2.5rem;
    line-height : 3.5rem;
    color : var(--btn-ok);
    padding-top : 7.2rem;
    margin-bottom : 1.2rem;
}

.block_8 .container >.row > .text {
    font-family : "Montserrat";
    font-weight : 400;
    font-size : 1.8rem;
    line-height : 1.5;
    color : black;
    margin-bottom : 2.7rem;
}

.block_8 .product {
    display : flex;

    border : 1px solid black;
    border-radius : 4.3rem;
    padding : 2rem;
    height : 100%;
}

.block_8 .product > div {
    width : 50%;
}

.block_8 .product .image {
    display : flex;
    align-items: center;
}

.block_8 .product .image img{
    padding : 0 10%;
    width : 100%;
}

.block_8 .product .text {
    font-family : "Montserrat";
    padding-top : 2rem;
}

.block_8 .product .title {
    font-weight : 700;
    font-size :   2rem;
    line-height : 2.7rem;
    color : var(--btn-ok);
    margin-bottom : 0.52rem;
}



.block_8 .product .subtext ul {
    list-style: none;
}

.block_8 .product .subtext ul li {
    font-weight : 500;
    font-size :   1.4rem;
    line-height : 2.1rem;
    color : black;
    padding-left : 8px;
}

.block_8 .product .subtext ul li:before {
	content : url('/wp-content/uploads/2024/03/bulit.webp');
	width : 1.8rem;
	height : 1.8rem;
	position : absolute;
	margin-left : -2.8rem;
}

.block_8 .row.button {
    margin-top : 6.3rem;
    margin-bottom : 12.9rem;
}

.block_8 .row.button a {
    border : 2px solid black;
    border-radius : 5rem;
    font-family : 'Open Sans';
    font-weight : 500;
    font-size : 2rem;
    line-height : 2.8rem;
    width : fit-content;
    text-decoration : none;
    color : black;
    padding : 2.1rem 5.2rem;
    transition : 0.3s ease;
}

.block_8 .row.button a:hover {
    border : 2px solid #737373;
    color : #737373;
}


/* Block 9 */

.block_9 {
    background-color : var(--bg-light);  
    position : relative;
}

.block_9 .container {
    position: relative;
}

.block_9 .images {
    position: relative;
    display:inline-block;
    height : 47rem;
}

.block_9 .image {
    position: absolute;
}

.block_9 .img_01 {
    top: 13.8rem;
    left : 0;
}
.block_9 .img_01 img{
    width: 100%;
}

.block_9 .img_02 {
    top: 0.7rem;
    left : 5.2rem;
}
.block_9 .img_02 img{
    height : 46.3rem
}

.block_9 .text {
    top : 11.2rem;
    left : 52.1rem;
    width : 54.5rem;
}

.block_9 .text_01 {
    font-family : 'Montserrat';
    font-weight : 700;
    font-size : 4.8rem;
    line-height : 5.8rem;
    text-transform: uppercase;
}

.block_9 .text_02{
    font-family : 'Marck';
    font-weight : 400;
    font-size : 4.8rem;
    line-height : 5.8rem;
    color : var(--bs-active);
}












/* Block 6 */

.block_6 {
    background-color : var(--bg-green);  
}

.block_6 .container {
    padding : 12rem 0;
}

.block_6 .col {
    background-color : white;
    border-radius : 3rem;
}

.block_6 .wrapper {
    width : 100%;
    height : 24.5rem;
}

.block_6 .wrapper img {
    height: auto; /* Установите желаемую высоту для изображений */
    width: 100%;
    object-fit: cover; /* Обеспечивает сохранение соотношения сторон и обрезку изображения при необходимости */
}

.block_6 .img_01 {
    padding : 5.1rem 7.8rem 4.3rem 8rem;
}

.block_6 .img_02 {
    padding : 2.6rem 3.9rem 1.5rem 3.4rem;
}

.block_6 .img_03 {
    padding : 2.9rem 12.9rem 1.9rem 11.5rem;
}

.block_6 .text {
    font-family : 'Montserrat';
    font-size : 1.8rem;
    font-weight : 400;
    line-height : 2.7rem;
    padding : 0 3.7rem 1.9rem 4.5rem;
    
}

/* Block 5 */

.block_5 {
    background-color : var(--bg-light);  
    position : relative;
}

.block_5 .container {
    position: relative;
}

.block_5 .images {
    position: relative;
    display:inline-block;
    height : 76.8rem;
}

.block_5 .image {
    position: absolute;
}

.block_5 .img_01 {
    top: 49.4rem;
    left : 0;
    right : 0;
}
.block_5 .img_01 img{
    width: 100%;
}

.block_5 .img_02 {
    top: 5.4rem;
    left : 55.1rem;
}
.block_5 .img_02 img{
    height: 15.3rem;
}

.block_5 .img_03 {
    top : 12rem;
    left : 0;
}
.block_5 .img_03 img{
    height: 64.8rem;
}

.block_5 .img_04 {
    top : 25.4rem;
    left : 50rem;
}
.block_5 .img_04 img{
    width: 66rem;
}

.block_5 .text_01 {
    top : 5.3rem;
    left : 0;
}
.block_5 .text_01 div{
    font-family : 'Montserrat';
    font-weight : 700;
    font-size : 4.8rem;
    line-height : 5.8rem;
    text-transform: uppercase;
}

.block_5 .text_02 {
    top : 68.4rem;
    left : 50rem;
    width : 66rem;
    text-align : center;
}
.block_5 .text_02 div{
    font-family : 'Montserrat';
    font-weight : 400;
    font-size : 1.8rem;
    line-height : 2.7rem;
}


/* Block 4 */

.block_4 {
    background-color : var(--bg-gray);  
}

.block_4 .container {
    position: relative;
}

.block_4 .images {
    position: relative;
    display:inline-block;
    height : 76.8rem;
}

.block_4 .image {
    position: absolute;
}

.block_4 .img_01 {
    top: 13.5rem;
    left : 45.6rem;
}
.block_4 .img_01 img{
    height: 57.7rem;
}

.block_4 .img_02 {
    top: 24.5rem;
    left : -10rem;
}
.block_4 .img_02 img{
    height: 45.7rem;
}

.block_4 .img_03 {
    bottom: 0;
    left : 52.8rem;
}
.block_4 .img_03 img{
    height: 61.7rem;
}

.block_4 .img_04 {
    top: 20.5rem;
    left : 0;
}
.block_4 .img_04 img{
    height: 3.9rem;
}

.block_4 .img_05 {
    top: 16.8rem;
    left : 38.0rem;
}
.block_4 .img_05 img{
    height: 15.9rem;
}

.block_4 .img_06 {
    display : flex;
    align-items: center;
    top: 5.8rem;
    left : 85.3rem;
}
.block_4 .img_06 img{
    height: 26.9rem;
}

.block_4 .img_06 .text_03 {
    position : absolute;
    font-family : 'Montserrat';
    font-weight : 400;
    font-size : 2.2rem;
    line-height : 3.1rem;
}

.block_4 .img_06 .text_03 {
    padding: 7rem;
    text-align: center;
}

.block_4 .text_01 {
    top: 28.2rem;
    left : 0;
}
.block_4 .text_01 div{
    font-family : 'Montserrat';
    font-weight : 700;
    font-size : 6.8rem;
    line-height : 6.5rem;
    color : white;
    width : 41.2rem;
}

.block_4 .text_01 .text_02{
    font-family : 'Montserrat';
    font-weight : 700;
    font-size : 2.2rem;
    line-height : 3.5rem;
    padding-top : 1rem;
    padding-left : 0.5rem;
}






/* Block 3 */

.block_3 {
    background-color : var(--bg-rose);  
}

.block_3 .container {
    position: relative;
    
}

.block_3 .images {
    position: relative;
    display:inline-block;
    height : 76.8rem;
    
}

.block_3 .image {
    position: absolute;
}

.block_3 .img_01 {
    top: 6.2rem;
    left : 28.5rem;
}
.block_3 .img_01 img{
    height: 54.3rem;
}

.block_3 .img_02 {
    bottom: 2.2rem;
    left : 0;
}
.block_3 .img_02 img{
    height: 50.6rem;
}

.block_3 .img_03 {
    bottom: 0;
    right : 0;
}
.block_3 .img_03 img{
    height: 46rem;
}

.block_3 .img_04 {
    display : flex;
    top: 8.3rem;
    left : 0;
}
.block_3 .img_04 img{
    height: 20.2rem;
}

.block_3 .img_05 {
    display : flex;
    top: 13.8rem;
    right : 0;
}
.block_3 .img_05 img{
    height: 19.7rem;
}

.block_3 .img_04 .text_01,
.block_3 .img_05 .text_02 {
    position : absolute;
    font-family : 'Marck';
    font-weight : 400;
    font-size : 3.2rem;
    line-height : 3.2rem;
}

.block_3 .img_04 .text_01 {
    padding : 2.9rem 0.48rem 5.3rem 4.8rem;
}

.block_3 .img_05 .text_02 {
    padding : 3.1rem 1.2rem 6.2rem 3.9rem;
}

.block_3 .text_03 {
    top: 26.2rem;
    left : 42.5rem;
}
.block_3 .text_03 div{
    font-family : 'Montserrat';
    font-weight : 700;
    font-size : 3.2rem;
    line-height : 5.5rem;
}




/* Block 1 */

.block_1 {
    background-color : #a1e1df; 
    padding-top : 5rem;
}


.block_1 .container {
    position: relative;
    
}

.block_1 .images {
    position: relative;
    display:inline-block;
    height : 69.8rem;
    
}

.block_1 .image {
    position: absolute;
}

.block_1 .image img{
    width : auto;
}


.block_1 .img_01 {
    bottom: 0;
    left : 3.6rem;    
}
.block_1 .img_01 img{
    height: 69.8rem;
}

.block_1 .img_02 {
    top: 5.9rem;
    left : 48.5rem;    
}
.block_1 .img_02 img{
    height: 17.5rem;
}

.block_1 .img_03 {
    top: 33.7rem;
    left : -5rem;
}
.block_1 .img_03 img{
    height: 14.9rem;
}

.block_1 .img_04 {
    top: 6.2rem;
    left : 26rem;
}
.block_1 .img_04 img{
    height: 55.8rem;
}

.block_1 .img_05 {
    top: 36.8rem;
    left : 61.9rem;
}
.block_1 .img_05 img{
    height: 29.4rem;
}

.block_1 .img_06 {
    top: 21.8rem;
    left : 57.3rem;
}
.block_1 .img_06 img{
    height: 31.5rem;
}

.block_1 .img_07 {
    top: 15.4rem;
    left : 2.6rem;
}
.block_1 .img_07 img{
    height: 13.2rem;
}

.block_1 .text_01 {
    top: 24.4rem;
    left : 78.6rem;
    text-align: right;
}
.block_1 .text_01 div{
    font-family : 'Montserrat';
    font-weight : 700;
    font-size : 2.8rem;
    line-height : 3.8rem;
    text-transform: uppercase;
}

.block_1 .btn_01 {
    top: 54.9rem;
    left : 0;
}
.block_1 .btn_01 a{
    background-color : var(--btn-ok);
    padding : 1.9rem 5.2rem 2.3rem;
    font-family : 'Montserrat';
    font-weight : 400;
    font-size : 2rem;
    color : #fff;
    border-radius : 5rem;
    text-decoration: none;
    transition : 0.3s ease;
}

.block_1 .btn_01 a:hover{
    background-color : var(--btn-hover);
    
}


/* Block 2 */

.block_2 {
    margin : 12.5rem 0;
    background-color : #FFFFFF;    
}

.block_2 .title {
    width : 50%;
    display : block;
    margin-bottom : 10rem;
}

.problem__item {
    text-align : center;
    margin : 0 auto;
    max-width : 80%;
}

.problem__item .image {
    position : relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom : 3.5rem;
}

.problem__item .image .back {
    position : absolute;
    display: contents;
}

.problem__item .image .sign {
    position : absolute;
    bottom: 3.5rem;
}

.problem__item .text{
    font-family: Montserrat;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.7rem;
}

.mobile section {
    padding : 0 1.5rem;
}

.mobile .block_9 .text_01 {
    font-size: 4rem;
    line-height: 5rem;
}
.mobile .block_9 .text_02 {
    font-size: 4.2rem;
    line-height: 5rem;
    padding-top : 6.5rem;
    
}

.mobile .block_9 .images { 
    height : auto;
    position : relative;
}

.mobile .block_9 .img_01 {
    position : absolute;
    top: -4rem;
    left: -53rem;
}

.mobile .block_9 .img_02 {
    top : 0;
    left : 0;
    position: relative;
    margin : 0 auto;
}

.mobile .block_9 .img_02 img {
    height : auto;  
    width : 100%;
}


.mobile .block_8 .product {
    flex-direction: column;
}

.mobile .block_8 .product > div{
    width: 100%;
}
.mobile .block_8 .product .img-0 img{
    width: 20rem;
}

.mobile .block_8 .product .img-1 img{
    width: 16rem;
}

.mobile .block_8 .product .img-2 img{
    width: 14rem;
}

.mobile .block_8 .product .img-3 img{
    width: 11rem;
}

.mobile .block_8 .product .image img {
    height : auto;
    padding : 0;
    margin: 0 auto;
}

.mobile .block_8 .container >.row > .title {
    padding-top : 3rem;
    margin-bottom : 1.8rem;
}

.mobile .block_7_1 .subtitle_07 {
    padding-bottom : 1.8rem;
}

.mobile .block_7_1 .text_01 ul li:before {
    margin-left: -3.5rem;
}

.mobile .block_7_1 .text_01 ul li {
    padding-left: 1.5rem;
}

.mobile .block_7 .text ul li:before {
    margin-left: -5.5rem;
}

.mobile .block_7 .text ul li {
    padding-left: 3.5rem;
}

.mobile .block_7_1 {
    padding-top: 1rem;
}

.block_7 .title {
    font-size: 4.3rem;
}

.mobile .block_7 .subtitle {
    width: 25rem;
    padding-bottom: 3rem;
}

.mobile .block_7 {
    padding-top : 5.7rem;
}
.mobile .block_7 .text {
    padding-top: 2rem;
}

.mobile .block_6 .container {
    padding: 4.5rem 0;
}

.mobile .block_6 .col {
    margin : 2rem 4rem;     
}
.mobile .block_6 .wrapper {
    height : unset;
}

.mobile .block_6 .img_01 {
    width: 19rem;
    margin: 0 auto;
    padding : 1rem 0;
}

.mobile .block_6 .img_02 {
    width: 22rem;
    margin: 0 auto;
    padding : 1rem 0;
}

.mobile .block_6 .img_03 {
    width: 10rem;
    margin: 0 auto;
    padding : 2rem 0 1rem;
}

.mobile .block_6 .text {
    padding: 0 3rem 1.9rem;
}



.mobile .block_5 .images {
    display: block;
    height : auto;
    margin : -4rem 0 0
}

.mobile .block_5 .images .img_03 {
    position : relative;
    height : auto;
    width : 100%;
    top : unset;
    left : unset;
}

.mobile .block_5 .images .img_01 {
    position : absolute;
    height : auto;
    width : 100%;
    top : 55rem;
}

.mobile .block_5 .img_02 {
    text-align : center;
    margin-top : -2rem;
}

.mobile .block_5 .img_02 img{
    width : 100%;
}

.mobile .block_5 .text_01 {
    padding-top : 5rem;
    text-align : center;
}

.mobile .block_5 .text_02 {
    position: absolute;
    top : unset;
    bottom: 3rem;
    left: unset;
    text-align: center;
    width : 100%;
    margin : 0 auto;
}

.mobile .block_4 {
    padding : 5rem 2rem;
}
.mobile .block_4 .img_04 img {
    height : auto;
    width: 11rem;
}

.mobile .block_4 .text_01 div {
    font-size: 5rem;
    line-height: 5rem;
    width : 30rem;
    padding-top : 1rem;
}

.mobile .block_4 .text_01 .text_02 {
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding-top: 1.5rem;
    padding-left: 0.5rem;
}

.mobile .images_m {
    position : relative;
    height : 40rem;
    padding : 10rem 0;
}


.mobile .block_4 .img_01 {
    position : relative;
    top : unset;
    left : unset;
}

.mobile .block_4 .img_01 img{
    width : 100%;
    height : auto;
}



.mobile .block_4 .img_02 {
    position : absolute;
    top: 12rem;
    left: -50rem;
}

.mobile .block_4 .img_02 img {
    width: 100%;
    height : auto;
}

.mobile .block_4 .img_03 {
    position: absolute;
    bottom: unset;
    top : 19rem;
    left: 4rem;
}

.mobile .block_4 .img_03 img {
    width : 100%;
    height: auto;
    margin-left: -2rem;
}

.mobile .block_4 .img_05 {
    position: absolute;
    top: 16.8rem;
    left: 38.0rem;
}

.mobile .block_4 .img_05 {
    position: absolute;
    top : 6rem;
    left : 1rem;
}

.mobile .block_4 .img_05 img {
    width: 8rem;
    height : auto;
}

.mobile .block_4 .img_06 {
    display: flex;
    position : absolute;
    align-items: center;
    top: 5.8rem;
    left: 85.3rem;
}

.mobile .block_4 .img_06 {
    position: absolute;
    top: 2rem;
    left: unset;
    right : -1rem;
}

.mobile .block_4 .img_06 img {
    width: 20rem;
    height : auto;
}

.mobile .block_4 .img_06 .text_03 {
    font-size : 1.5rem;
    line-height : 2.5rem;
    padding: 5rem;
}

.mobile section.block_3 {
    padding : 5rem 0 3rem;
    
}

.mobile .block_3 .img_05,
.mobile .block_3 .img_03 {
    display : none;
}

.mobile .block_3 .img_04 img{
    width : 100%;
    height : auto;
    padding : 0 1.5rem;
}

.mobile .block_3 .img_04 .text_01 {
    font-size: 2.3rem;
    line-height: 3rem;
    padding: 2.2rem 1rem 5.3rem 3.8rem;
}

.mobile .block_3 .img_06 {
    display : flex;
    position : relative;
    padding-top :1rem;
}

.mobile .block_3 .img_06 img{
    width: 100%;
    height: auto;
    margin-left: -1rem;
}

.mobile .block_3 .text_03 {

    position : absolute;
    top : 5rem;
    left : 5rem;
}

.mobile .block_3 .text_03 div {
    font-size: 2.5rem;
    line-height: 4rem;
}

.mobile .block_3 .img_02 img {
    width: 100%;
    height: auto;
    position: relative;
    margin-top : -7rem;
}

.mobile .block_2 {
    margin: 8rem 0 2rem;
}

.mobile .block_2 .subtitle {
    font-size : 5.6rem;
    line-height : 4.8rem;
}

.mobile .h2, .mobile h2 {
    font-size: 4rem;
    line-height: 5rem;
}

.mobile .block_2 .title {
    margin-bottom: 4rem;
}

.mobile .block_2 .col-6 {
    margin-bottom: 6rem;
}

.mobile .problem__item .image {
    margin-bottom: 2rem;
}

.mobile .problem__item .image img {
    width : 100%;
    height : auto;
}

.mobile .problem__item .image .sign {
    width: 50%;
}

.mobile .problem__item .text {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.mobile .block_1 .img_02 {
    padding-top : 10rem;
}

.mobile .block_1 .img_02 img {
    width : 100%;
    height : auto;
}

.mobile .block_1 .text_01 {
    z-index : 1;
}

.mobile .block_1 .text_01 div {
    font-size: 2.1rem;
    line-height: 2.8rem;
    padding-left : 20%;
}

.mobile .block_1 .img_04 {
    position: relative;
    left: -6rem;
    top : -4.5rem;
    margin-bottom: 15rem;
}

.mobile .block_1 .img_04 img {
    width: auto;
    height: 26rem;
}

.mobile .block_1 .img_07 {
    position: absolute;
    left : unset;
    right: 0;
    top : 6rem;
}

.mobile .block_1 .img_07 img{
    width: 9rem;
    height: auto;
}

.mobile .block_1 .img_06 {
    position: absolute;
    left : 6rem;
    top : 3rem;
}

.mobile .block_1 .img_06 img{
    width: 20rem;
    height: auto;
}

.mobile .block_1 .img_05 {
    position: absolute;
    left : 8rem;
    top : 17rem;
}

.mobile .block_1 .img_05 img{
    width: auto;
    height: 22rem;
}

.mobile .block_1 .img_03 {
    position: absolute;
    left : -63rem;
    top : unset;
    bottom : -8rem;
}

.mobile .block_1 .img_03 img{
    width: 100%;
    height: auto;
}

.mobile .block_1 .btn_01 {
    text-align: center;
    margin-top: -3rem;
    margin-bottom: 5rem;
}