@media (max-width: 1023px){
    body{
        margin: 0;
        background-color: white;
    }
    .icon-block{
        display: none;
    }

    .main-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 1335vh;
        .info-container{
            display: none;
        }
        .menu-container{
            display: none;
        }
        .mobile-menu{
            height: 10%;
            width: 100%;
            background-color: white;
            position: sticky;
            top: 0;
            z-index: 100;
            .invisible-menu-block{
                display: none;
            }
            .visible-menu-block{
                position: absolute;
                right: 0;
                top: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 80vw;
                height: 100vh;
                background-color: white;
                z-index: 60;
                .menu{
                    width: 100%;
                    height: 100%;
                    .items-block{
                        width: 100%;
                        height: auto;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding-top: 35%;
                        .item{
                            width: 100%;
                            height: 7.5vh;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            .item-button{
                                width: 100%;
                                height: 100%;
                                font-family: 'Montserrat', sans-serif;
                                color: #1a2e39;
                                font-size: 2.5vh;
                                border: none;
                                background-color: white;
                            }
                            .item-button:active{
                                background-color: rgb(229, 229, 229);
                            }
                        }
                        .line{
                                height: 1px;
                                width: 80%;
                                background-color: #1a2e39;
                                opacity: 0.2;
                            }
                    }
                }    
            }
            .info-subcontainer{
                height: 100%;
                display: flex;
                flex-direction: row;
                .right-block{
                    height: 100%;
                    width: 50%;
                    display: flex;
                    justify-content: left;
                    .logo-container{
                        height: 100%;
                        width: auto;
                        z-index: 260;
                        .logo-btn{
                            height: 100%;
                            width: auto;
                            background-color: white;
                            justify-content: center;
                            align-items: center;
                            object-fit: contain;
                            border: none;
                            .logo{
                                height: 15vw;
                                width: auto;
                            }
                        }
                    }
                }
                .left-block{
                    height: 100%;
                    width: 50%;
                    display: flex;
                    justify-content: right;  
                    .btn-container{
                        height: 100%;
                        width: auto;
                        margin-right: 5%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .btn{
                            height: 12vw;
                            width: 12vw;
                            background-color: white;
                            justify-content: center;
                            align-items: center;
                            object-fit: contain;
                            border: none;
                            z-index: 250;
                            .btn-img{
                                height: 7vw;
                                width: 7vw;
                            }
                        }
                    }
                }
            }
        }
        .body-container{
            width: 100%;
            height: 1175%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .container-1{
                height: 90%;
                width: 100%;
                .info-subcontainer{
                    display: none;
                }
                .mobile-info-subcontainer{
                    height: 100%;
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    .title-container{
                        width: 100%;
                        height: 50%;
                        .title{
                            font-family: 'Montserrat', sans-serif;
                            font-size: 6vh;
                            width: 80%;
                            margin-left: 3%;
                        }
                    }
                    .subtitle-container{
                        width: 100%;
                        height: 30%;
                        .subtitle{
                            font-family: 'Montserrat', sans-serif;
                            font-size: 6vw;
                            width: 80%;
                            margin-left: 3%;
                            color: rgba(0, 0, 0, 0.7);
                        }
                    }
                    .btn-container{
                        width: 100%;
                        height: 20%;
                        display: flex;
                        align-items: center;
                        .btn-href{
                            height: 35%;
                            width: 65%;
                            text-decoration: none;
                            .btn{
                                height: 100%;
                                width: 100%;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                margin-left: 3%;
                                border: none;
                                background-color: #de6845;
                                margin-bottom: 5%;
                                color: white;
                                font-size: 2vw;
                                font-family: 'Montserrat', sans-serif;
                                .border-container{
                                    height: 80%;
                                    width: 97%;
                                    background-color: white;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    .orange-container{
                                        height: 97%;
                                        width: 99.0%;
                                        background-color: #de6845;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                    }
                                }
                            }
                            .btn:hover{
                                background-color: #c75b3d;
                                .orange-container{
                                    background-color: #c75b3d;
                                }
                            }
                        }
                    }
                }
                .mobile-info-subcontainer::before{
                    background-image: url("/static/IMG/Picture/mobile_main.jpg");
                    background-size: cover;
                    opacity: 0.5;
                    z-index: -1;
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 100%;
                }

            }
            .container-2{
                height: 90%;
                width: 100%;
                .info-subcontainer{
                    height: 100%;
                    width: 100%;
                    background: linear-gradient(#00a4d6, #333333);
                    .group-container{
                        height: 100%;
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        .container{
                            height: 33.3%;
                            width: 100%;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            .img-container{
                                height: 23.3%;
                                width: 100%;
                                justify-content: center;
                                align-items: center;
                                display: flex;
                                .box{
                                    width: 100%;
                                    height: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .icon-1{
                                        height: 30px;
                                        width: 30px;
                                        background-image: url("/static/IMG/Icon/сейф.png");
                                        background-size: cover;
                                        background-position: center;
                                    }
                                    .icon-2{
                                        height: 30px;
                                        width: 30px;
                                        background-image: url("/static/IMG/Icon/место.png");
                                        background-size: cover;
                                        background-position: center;
                                    }
                                    .icon-3{
                                        height: 30px;
                                        width: 30px;
                                        background-image: url("/static/IMG/Icon/smile.png");
                                        background-size: cover;
                                        background-position: center;
                                    }
                                }
                            }
                            .num-container{
                                width: 100%;
                                height: 33.3%;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                .num{
                                    height: 60%;
                                    width: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .info{
                                        color: white;
                                        font-size: 4vh;
                                        text-align: center;
                                        font-family: 'Montserrat', sans-serif;
                                    }
                                }
                                .text{
                                    width: 100%;
                                    height: 40%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .info{
                                        color: white;
                                        font-size: 120%;
                                        text-align: center;
                                        font-family: 'Montserrat', sans-serif;
                                    }
                                }
                            }
                            .text-container{
                                height: 33.3%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                .info{
                                    color: rgb(255, 255, 255, 0.5);
                                    text-align: center;
                                    font-family: 'Montserrat', sans-serif;
                                }
                            }
                        }
                    }
                }
            }
            .title-mid-container{
                height: 25%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                .title{
                    font-size: 3vh;
                    text-align: center;
                    font-family: 'Montserrat', sans-serif;
                    color: #1a2e39;
                }
            }
            .container-3{
                height: 360%;
                width: 100%;
                .info-subcontainer{
                    height: 100%;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    .group-container-1{
                        height: 100%;
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        .block{
                            height: 23.5%;
                            width: 92%;
                            border: 1px solid rgba(0, 0, 0, 0.1);
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            .icon-block{
                                height: 19%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .icon{
                                    margin-top: 2%;
                                    height: 50px;
                                    width: 50px;
                                }
                            }
                            .title-block{
                                height: 4%;
                                width: 100%;
                                text-align: center;
                                font-family: 'Montserrat', sans-serif;
                                font-size: larger;
                                margin-top: 8%;
                                color: rgba(0,0,0, 0.7);
                            }
                            .info-block{
                                height: 18%;
                                width: 80%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                text-align: center;
                                color: rgba(0,0,0, 0.8);
                                font-family: 'Montserrat', sans-serif;
                                font-size: 85%;
                            }
                            .big-trail{
                                height: 1%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .trail{
                                    height: 2px;
                                    width: 20%;
                                    background-color: rgba(0, 0, 0, 0.6);
                                }
                            }
                            .group-block{
                                height: 50%;
                                width: 100%;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                .data{
                                    width: 80%;
                                    height: 50%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    text-align: center;
                                    font-family: 'Montserrat', sans-serif;
                                    color: rgba(0,0,0, 0.8);
                                    font-size: 85%;
                                }
                                .trail{
                                    width: 80%;
                                    height: 0.4%;
                                    background-color: rgba(0, 0, 0, 0.1);
                                }
                                .void-block{
                                    width: 100%;
                                    height: 10%;
                                }
                            }
                        }
                        .hollow-block{
                            height: 1.2%;
                            width: 100%;
                        }
                    }
                }
            }
            .container-4{
                height: 100%;
                width: 100%;
                display: flex;
                flex-direction: column;
                .price-container{
                    height: 50%;
                    width: 100%;
                    .price{
                        width: 100vw;
                        height: auto;
                    }
                }
            }
            .container-5{
                height: 140%;
                width: 100%;
                .info-subcontainer{
                    height: 100%;
                    width: 100%;
                    .group-container-2{
                        height: 100%;
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        .top-group{
                            height: 28.5%;
                            width: 100%;
                            display: flex;
                            flex-direction: column;
                            .block{
                                height: 50%;
                                width: 100%;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                .price-block{
                                    height: 30%;
                                    width: 90%;
                                    .price{
                                        font-family: 'Montserrat', sans-serif;
                                        font-size: 1.5vh;
                                        font-weight: 600;
                                    }
                                }
                                .title-block{
                                    height: 30%;
                                    width: 90%;
                                    .title{
                                        font-family: 'Montserrat', sans-serif;
                                        font-weight: 500;
                                        font-size: 1.4vh;
                                    }
                                }
                                .line-block{
                                    height: 10%;
                                    width: 90%;
                                    display: flex;
                                    align-items: center;
                                    .line{
                                        height: 40%;
                                        width: 15%;
                                        background-color: #1a2e39;
                                    }
                                }
                                .text-block{
                                    height: 30%;
                                    width: 90%;
                                    .text{
                                        font-family: 'Montserrat', sans-serif;
                                    }
                                }
                            }
                        }
                        .bottom-group{
                            height:  71%;
                            width: 100%;
                            display: flex;
                            flex-direction: column;
                            .block{
                                height: 50%;
                                width: 100%;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                .title-block{
                                    height: 25%;
                                    width: 90%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .title{
                                        font-family: 'Montserrat', sans-serif;
                                        font-weight: 600;
                                        font-size: 1.8vh;
                                        text-align: center;
                                    }
                                }
                                .text-block{
                                    height: 30%;
                                    width: 90%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .text{
                                        font-family: 'Montserrat', sans-serif;
                                        text-align: center;
                                    }
                                }
                                .line-block{
                                    height: 5%;
                                    width: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .line{
                                        height: 10%;
                                        background-color: #1a2e39;
                                        width: 50%;
                                    }
                                }
                                .price-block{
                                    height: 35%;
                                    width: 90%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;;
                                    flex-direction: column;
                                    .price{
                                        font-family: 'Montserrat', sans-serif;
                                        text-align: center;
                                        font-size: 1.3vh;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .container-6{
                height: 170%;
                width: 100%;
                .info-subcontainer{
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    background-color: #1a2e39;
                    .right-container{
                        width: 100%;
                        height: 65%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        .title-container{
                            width: 100%;
                            height: 25%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            .title-subcontainer{
                                margin-left: 5%;
                                width: 100%;
                                height: 100%;
                                display: flex;
                                flex-direction: column;
                                .subtitle-block{
                                    width: 100%;
                                    height: 30%;
                                    display: flex;
                                    align-items: center;
                                    font-size: 2.05vh;
                                    font-family: 'Montserrat', sans-serif;
                                    font-weight: 700;
                                    color: #f8430d;
                                }
                                .title-block{
                                    display: flex;
                                    align-items: center;
                                    width: 100%;
                                    height: 50%;
                                    font-size: 3vh;
                                    font-weight: 700;
                                    font-family: 'Montserrat', sans-serif;
                                    color: white;
                                }
                                .trail-block{
                                    width: 100%;
                                    height: 10%;
                                    display: flex;
                                    align-items: center;
                                    .trail{
                                        height: 10px;
                                        width: 100px;
                                        background-color: #f8430d;
                                    }
                                }
                                .text-block{
                                    width: 100%;
                                    height: 10%;
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 1.3vh;
                                }
                            }
                        }
                        .text-container{
                            width: 100%;
                            height: 15%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            .text-subcontainer{
                                width: 90%;
                                height: 70%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .text{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 1.5vh;
                                }
                            }
                        }
                        .info-big-block{
                            width: 100%;
                            height: 60%;
                            .info-subcontainer{
                                width: 100%;
                                height: 100%;
                                display: flex;
                                flex-direction: column;
                                .block{
                                    height: 50%;
                                    width: 100%;
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: center;
                                    align-items: center;
                                    .info-block{
                                        height: 50%;
                                        width: 100%;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        .blue-block{
                                            background-color: #00a4d6;
                                            width: 90%;
                                            height: 80%;
                                            display: flex;
                                            align-items: center;
                                            box-shadow: -6px 0px 0px 0px #2fc6f6;
                                            .text-container{
                                                display: flex;
                                                flex-direction: column;
                                                height: 80%;
                                                width: 100%;
                                                .title{
                                                    width: 100%;
                                                    height: 60%;
                                                    color: white;
                                                    font-family: 'Montserrat', sans-serif;
                                                    font-size: 1.85vh;
                                                    font-weight: 600;
                                                    margin: 0;
                                                    margin-left: 3%;
                                                }
                                                .info{
                                                    width: 100%;
                                                    height: 40%;
                                                    color: black;
                                                    margin-left: 2%;
                                                    font-family: 'Montserrat', sans-serif;
                                                }
                                            }
                                        }
                                        .blue-block:hover{
                                            box-shadow: -6px 0px 0px 0px #006a8a
                                        }
                                    }
                                }
                            }
                        }
                        .btn-container{
                            display: none;
                        }
                    }
                    .left-container{
                        width: 100%;
                        height: 25%;
                        display: flex;
                        justify-content: center;
                        align-items: flex-end;
                        .img-container{
                            width: 100vw;
                            height: 75vw;
                            background-image: url("/static/IMG/Picture/pictures1.jpg");
                            background-size: cover;
                        }
                    }
                    .mobile-btn-container{
                        width: 100%;
                        height: 10%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .btn-href{
                            height: 40%;
                            width: 70%;
                            text-decoration: none;
                            .btn{
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                width: 100%;
                                height: 100%;
                                border: 3px solid #f58319;
                                color: #f58319;
                                font-family: 'Montserrat', sans-serif;
                                text-align: center;
                                font-size: 2.8vh;
                                font-weight: 600;
                                border-radius: 3px;
                                transition: color 0.3s;
                                transition: background-color 0.3s;
                            }
                            .btn:hover{
                                background-color: #f58319;
                                color: #1a2e39;
                            }
                        }
                    }
                }
            }
            .container-7{
                height: 150%;
                width: 100%;
                .info-subcontainer{
                    width: 100%;
                    height: 100%;
                    background-color: #14112c;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    .subtitle-block{
                        width: 100%;
                        height: 7.5%;
                        display: flex;
                        justify-content: center;
                        align-items: flex-end;
                        .subtitle{
                            height: 50%;
                            width: 90%;
                            color: white;
                            text-align: center;
                            font-family: 'Montserrat', sans-serif;
                            font-size: 1.8vh;
                            margin: 0;
                        }
                    }
                    .title-block{
                        width: 100%;
                        height: 7.5%;
                        display: flex;
                        justify-content: center;
                        align-items: flex-end;
                        .title{
                            height: 50%;
                            width: 90%;
                            color: white;
                            text-align: center;
                            font-family: 'Montserrat', sans-serif;
                            font-size: 3.0vh;
                            font-weight: 700;
                        }
                    }
                    .text-block{
                        width: 100%;
                        height: 30%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        .text{
                            height: 80%;
                            width: 90%;
                            color: rgb(208, 205, 205);
                            font-family: 'Montserrat', sans-serif;
                            font-size: 1.7vh;
                            text-align: center;
                            margin-bottom: 0;
                        }
                        .little-text{
                            height: 20%;
                            width: 90%;
                            color: rgb(208, 205, 205);
                            font-family: 'Montserrat', sans-serif;
                            font-size: 1.7vh;
                            text-align: center;
                            margin-top: 0;
                        }
                    }
                    .block-group{
                        width: 100%;
                        height: 45%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .group{
                            width: 90%;
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            .block{
                                width: 100%;
                                height: 30%;
                                display: flex;
                                flex-direction: row;
                                position: relative;
                                margin: 2%;
                                .right-block{
                                    position: absolute;
                                    z-index: 1;
                                    width: 100%;
                                    height: 100%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: right;
                                    .color-block{
                                        width: 85%;
                                        height: 100%;
                                        background-color: #1d1938;
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        .title-container{
                                            width: 100%;
                                            height: 30%;
                                            display: flex;
                                            justify-content: right;
                                            align-items: center;
                                            .title{
                                                width: 80%;
                                                color: white;
                                                font-family: 'Montserrat', sans-serif;
                                                font-size: 2.1vh;
                                            }
                                        }
                                        .text-container{
                                            width: 100%;
                                            height: 70%;
                                            display: flex;
                                            justify-content: right;
                                            .text{
                                                width: 80%;
                                                color: rgba(255, 255, 255, 0.735);
                                                font-family: 'Montserrat', sans-serif;
                                                font-size: 1.8vh;
                                            }
                                        }
                                    }
                                }
                                .left-block{
                                    position: absolute;
                                    z-index: 2;
                                    width: 30%;
                                    height: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .round-container{
                                        width: 100%;
                                        aspect-ratio: 1;
                                        background-color: white;
                                        border-radius: 50%;
                                    }
                                }
                            }
                        }
                    }
                    .btn-block{
                        width: 100%;
                        height: 10%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .btn-container{
                            width: 70%;
                            height: 40%;
                            text-decoration: none;
                            .btn{
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                width: 100%;
                                height: 100%;
                                background-color: rgba(0, 0, 0, 0.0);
                                border: 3px solid #f58319;
                                color: #f58319;
                                font-family: 'Montserrat', sans-serif;
                                text-align: center;
                                font-size: 2.8vh;
                                font-weight: 600;
                                border-radius: 3px;
                                transition: color 0.3s;
                                transition: background-color 0.3s;
                            }
                            .btn:hover{
                                background-color: #f58319;
                                color: #1a2e39;
                            }
                        }
                    }
                }
            }
            .container-8{
                height: 150%;
                width: 100%;
                .info-subcontainer{
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    .right-block{
                        height: 50%;
                        width: 100%;
                        .map-container{
                            width: 100%;
                            height: 100%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
                    }
                    .left-block{
                        height: 50%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background-color: #333333;
                        .info-block{
                            height: 70%;
                            width: 90%;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            .subtitle-block{
                                height: 12.5%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .subtitle{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 1.3vw;
                                }
                            }
                            .title-block{
                                height: 30%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .title{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 3vw;
                                    font-weight: 700;
                                }
                                
                            }
                            .text-block{
                                height: 20%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .text{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                }
                            }
                            .contact-info-block{
                                width: 100%;
                                height: 12.5%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .contact-info{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 1.2vw;
                                }
                            }
                        }
                    }
                }
            }
        }
        .inactive-body{
            opacity: 0.5;
        }
    }
}



@media (min-width: 1024px){
    body{
        margin: 0;
        background-color:rgb(255, 255, 255);
    }
    .main-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 920vh;
        .info-container{
            height: 3.5%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            .subcontainer{
                height: 100%;
                width: 80%;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                .text-container{
                    width: 33.3%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    .text{
                        color: rgb(0, 0, 0); 
                        font-size: 100%;
                        font-family: 'Montserrat', sans-serif;
                        text-align: center;
                    }
                }
            }
        }
        .mobile-menu{
            display: none;
        }
        .menu-container{
            height: 10%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: sticky;
            top: 0;
            background-color: white;
            z-index: 100;
            .subcontainer{
                height: 90%;
                width: 90%;
                max-width: 1450px;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                .logo-container{
                    height: 100%;
                    width: 20%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    .btn{
                        height: 100%;
                        width: 100%;
                        background-color: white;
                        border: none;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        object-fit: contain;
                        .logo{
                            max-height: 100%;
                            max-width: 100%;
                        }
                    }
                }
                .btn-container{
                    height: 100%;
                    width: 14%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    .btn{
                        height: 100%;
                        width: 100%;
                        border: none;
                        color: rgb(0, 0, 0); 
                        font-size: 140%;
                        font-family: 'Montserrat', sans-serif;
                        text-align: center;
                        background-color: white;
                    }
                }
                .messager-container{
                    height: 100%;
                    width: 5%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    .btn{
                        height: 100%;
                        width: 100%;
                        background-color: white;
                        border: none;
                    }
                }
            }
        }
        .body-container{
            height: 907%;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .container-1{
                height: 86.5%;
                width: 100%;
                .mobile-info-subcontainer{
                    display: none;
                }
                .info-subcontainer{
                    height: 100%;
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    .right-container{
                        height: 100%;
                        width: 65%;
                        display: flex;
                        flex-direction: column;
                        .title-container{
                            width: 100%;
                            height: 70%;
                            max-width: 1000px;
                            margin-left: 5%;
                            display: flex;
                            align-items: center;
                            .title{
                                font-size: 10vh;
                                font-family: 'Montserrat', sans-serif;
                            }
                        }
                        .btn-container{
                            width: 100%;
                            height: 30%;
                            display: flex;
                            margin-left: 5%;
                            display: flex;
                            align-items: center;
                            .btn-href{
                                height: 35%;
                                width: 50%;
                                text-decoration: none;
                                .orange-btn{
                                    height: 100%;
                                    width: 100%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    border: none;
                                    background-color: #de6845;
                                    margin-bottom: 5%;
                                    color: white;
                                    font-size: 2vw;
                                    font-family: 'Montserrat', sans-serif;
                                    .border-container{
                                        height: 80%;
                                        width: 97%;
                                        background-color: white;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        .orange-container{
                                            height: 97%;
                                            width: 99.7%;
                                            background-color: #de6845;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                        }
                                    }
                                }
                                .orange-btn:hover{
                                    background-color: #be5c3e;
                                    .orange-container{
                                        background-color: #be5c3e;
                                    }
                                }
                            }
                        }
                    }
                    .left-container{
                        height: 100%;
                        width: 35%;
                        display: flex;
                        flex-direction: column;
                        .void-container{
                            width: 100%;
                            height: 55%;
                        }
                        .subtitle-container{
                            height: 45%;
                            width: 100%;
                            display: flex;
                            .subtitle{
                                font-size: 2vw;
                                font-family: 'Montserrat', sans-serif;
                                text-align: right;
                                margin-right: 5%;
                                margin-bottom: 5%;
                            }
                        }
                    }
                }
                .info-subcontainer::before{
                    background-image: url("/static/IMG/Picture/main.jpg");
                    background-size: cover;
                    opacity: 0.5;
                    z-index: -1;
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 100%;
                }
            }
            .container-2{
                height: 20%;
                width: 100%;
                .info-subcontainer{
                    height: 100%;
                    width: 100%;
                    background: linear-gradient(#00a4d6, #333333);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    .group-container{
                        height: 100%;
                        width: 90%;
                        max-width: 1300px;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        .container{
                            height: 100%;
                            width: 33.3%;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            .img-container{
                                height: 23.3%;
                                width: 100%;
                                justify-content: center;
                                align-items: center;
                                display: flex;
                                .box{
                                    width: 100%;
                                    height: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .icon-1{
                                        height: 30px;
                                        width: 30px;
                                        background-image: url("/static/IMG/Icon/сейф.png");
                                        background-size: cover;
                                        background-position: center;
                                    }
                                    .icon-2{
                                        height: 30px;
                                        width: 30px;
                                        background-image: url("/static/IMG/Icon/место.png");
                                        background-size: cover;
                                        background-position: center;
                                    }
                                    .icon-3{
                                        height: 30px;
                                        width: 30px;
                                        background-image: url("/static/IMG/Icon/smile.png");
                                        background-size: cover;
                                        background-position: center;
                                    }
                                }
                            }
                            .num-container{
                                width: 100%;
                                height: 33.3%;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                .num{
                                    height: 60%;
                                    width: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .info{
                                        color: white;
                                        font-size: 2.5vw;
                                        text-align: center;
                                        font-family: 'Montserrat', sans-serif;
                                    }
                                }
                                .text{
                                    width: 100%;
                                    height: 40%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .info{
                                        color: white;
                                        font-size: 120%;
                                        text-align: center;
                                        font-family: 'Montserrat', sans-serif;
                                    }
                                }
                            }
                            .text-container{
                                height: 33.3%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                .info{
                                    color: rgb(255, 255, 255, 0.5);
                                    text-align: center;
                                    font-family: 'Montserrat', sans-serif;
                                }
                            }
                        }
                    }
                }
            }
            .title-mid-container{
                height: 20%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                .title{
                    font-size: 3vw;
                    text-align: center;
                    font-family: 'Montserrat', sans-serif;
                    color: #1a2e39;
                }
            }
            .container-3{
                height: 85%;
                width: 100%;
                max-height: 1812px;
                .info-subcontainer{
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }
            .group-container-1{
                height: 100%;
                width: 80%;
                max-width: 1400px;
                min-width: 1000px;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                .hollow-block{
                    display: none;
                }
                .block{
                    height: 100%;
                    max-height: 1000px;
                    width: 25%;
                    border: 1px solid rgba(0, 0, 0, 0.1);
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    transition: transform 0.5s;
                    .icon-block{
                        height: 19%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .icon{
                            margin-top: 2%;
                            height: 50px;
                            width: 50px;
                        }
                    }
                    .title-block{
                        height: 4%;
                        width: 100%;
                        text-align: center;
                        font-family: 'Montserrat', sans-serif;
                        font-size: larger;
                        margin-top: 8%;
                        color: rgba(0,0,0, 0.7);
                    }
                    .info-block{
                        height: 18%;
                        width: 80%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        text-align: center;
                        color: rgba(0,0,0, 0.8);
                        font-family: 'Montserrat', sans-serif;
                        font-size: 85%;
                    }
                    .big-trail{
                        height: 1%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .trail{
                            height: 2px;
                            width: 20%;
                            background-color: rgba(0, 0, 0, 0.6);
                        }
                    }
                    .group-block{
                        height: 50%;
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        .data{
                            width: 80%;
                            height: 50%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            text-align: center;
                            font-family: 'Montserrat', sans-serif;
                            color: rgba(0,0,0, 0.8);
                            font-size: 85%;
                        }
                        .trail{
                            width: 80%;
                            height: 0.4%;
                            background-color: rgba(0, 0, 0, 0.1);
                        }
                        .void-block{
                            width: 100%;
                            height: 10%;
                        }
                    }
                }
                .block:hover{
                    transform: translateY(-20px);
                    box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0.1);
                }
            }
            .container-4{
                height: 300%;
                width: 100%;
                .price-container{
                    height: 50%;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    object-fit: cover;
                    overflow: hidden;
                    .price{
                        width: 80%;
                        height: auto;
                    }
                }
            }
            .container-5{
                height: 75%;
                max-height: 1812px;
                width: 100%;
                .info-subcontainer{
                    height: 100%;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    .group-container-2{
                        height: 100%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: column;
                        .top-group{
                            height: 30%;
                            width: 80%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            flex-direction: row;
                            .block{
                                height: 100%;
                                width: 50%;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                .price-block{
                                    height: 30%;
                                    width: 90%;
                                    .price{
                                        font-family: 'Montserrat', sans-serif;
                                        font-size: 1.5vw;
                                        font-weight: 600;
                                    }
                                }
                                .title-block{
                                    height: 30%;
                                    width: 90%;
                                    .title{
                                        font-family: 'Montserrat', sans-serif;
                                        font-weight: 500;
                                        font-size: 1.4vw;
                                    }
                                }
                                .line-block{
                                    height: 10%;
                                    width: 90%;
                                    display: flex;
                                    align-items: center;
                                    .line{
                                        height: 40%;
                                        width: 15%;
                                        background-color: #1a2e39;
                                    }
                                }
                                .text-block{
                                    height: 30%;
                                    width: 90%;
                                    .text{
                                        font-family: 'Montserrat', sans-serif;
                                    }
                                }
                            }
                        }
                        .bottom-group{
                            height: 70%;
                            width: 80%;
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            justify-content: center;
                            .block{
                                height: 80%;
                                width: 50%;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                .title-block{
                                    height: 25%;
                                    width: 90%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .title{
                                        font-family: 'Montserrat', sans-serif;
                                        font-weight: 600;
                                        font-size: 1.8vw;
                                        text-align: center;
                                    }
                                }
                                .text-block{
                                    height: 30%;
                                    width: 90%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .text{
                                        font-family: 'Montserrat', sans-serif;
                                        text-align: center;
                                    }
                                }
                                .line-block{
                                    height: 5%;
                                    width: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .line{
                                        height: 10%;
                                        background-color: #1a2e39;
                                        width: 50%;
                                    }
                                }
                                .price-block{
                                    height: 35%;
                                    width: 90%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;;
                                    flex-direction: column;
                                    .price{
                                        font-family: 'Montserrat', sans-serif;
                                        text-align: center;
                                        font-size: 1.3vw;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .container-6{
                height: 100%;
                max-height: 1812px;
                width: 100%;
                .info-subcontainer{
                    height: 100%;
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    background-color: #1a2e39;
                    .right-container{
                        width: 60%;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        .title-container{
                            width: 100%;
                            height: 30%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            .title-subcontainer{
                                width: 90%;
                                height: 70%;
                                display: flex;
                                flex-direction: column;
                                .subtitle-block{
                                    width: 100%;
                                    height: 30%;
                                    display: flex;
                                    align-items: center;
                                    font-size: 2.05vw;
                                    font-family: 'Montserrat', sans-serif;
                                    font-weight: 700;
                                    color: #f8430d;
                                }
                                .title-block{
                                    display: flex;
                                    align-items: center;
                                    width: 100%;
                                    height: 50%;
                                    font-size: 3vw;
                                    font-weight: 700;
                                    font-family: 'Montserrat', sans-serif;
                                    color: white;
                                }
                                .trail-block{
                                    width: 100%;
                                    height: 10%;
                                    display: flex;
                                    align-items: center;
                                    .trail{
                                        height: 10px;
                                        width: 100px;
                                        background-color: #f8430d;
                                    }
                                }
                                .text-block{
                                    width: 100%;
                                    height: 10%;
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 1.3vw;
                                }
                            }
                        }
                        .text-container{
                            width: 100%;
                            height: 15%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            .text-subcontainer{
                                width: 90%;
                                height: 70%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .text{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 1.3vw;
                                }
                            }
                        }
                        .info-big-block{
                            width: 100%;
                            height: 40%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            .info-subcontainer{
                                width: 90%;
                                height: 100%;
                                display: flex;
                                flex-direction: row;
                                .block{
                                    height: 100%;
                                    width: 50%;
                                    display: flex;
                                    flex-direction: column;
                                    .info-block{
                                        width: 100%;
                                        height: 50%;
                                        display: flex;
                                        align-items: center;
                                        .blue-block{
                                            background-color: #00a4d6;
                                            width: 90%;
                                            height: 80%;
                                            display: flex;
                                            align-items: center;
                                            box-shadow: -6px 0px 0px 0px #2fc6f6;
                                            .text-container{
                                                display: flex;
                                                flex-direction: column;
                                                height: 80%;
                                                width: 100%;
                                                .title{
                                                    width: 100%;
                                                    height: 60%;
                                                    color: white;
                                                    font-family: 'Montserrat', sans-serif;
                                                    font-size: 1.85vw;
                                                    font-weight: 600;
                                                    margin: 0;
                                                    margin-left: 3%;
                                                }
                                                .info{
                                                    width: 100%;
                                                    height: 40%;
                                                    color: black;
                                                    margin-left: 2%;
                                                    font-family: 'Montserrat', sans-serif;
                                                }
                                            }
                                        }
                                        .blue-block:hover{
                                            box-shadow: -6px 0px 0px 0px #006a8a
                                        }
                                    }
                                }
                            }
                        }
                        .btn-container{
                            width: 100%;
                            height: 15%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            .btn-href{
                                width: 40%;
                                height: 50%;
                                text-decoration: none;
                                .btn{
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    width: 100%;
                                    height: 100%;
                                    border: 3px solid #f58319;
                                    color: #f58319;
                                    font-family: 'Montserrat', sans-serif;
                                    text-align: center;
                                    font-size: 1.4vw;
                                    border-radius: 3px;
                                    transition: color 0.3s;
                                    transition: background-color 0.3s;
                                }
                                .btn:hover{
                                    background-color: #f58319;
                                    color: #1a2e39;
                                }
                            }
                        }                    
                    }
                    .left-container{
                        width: 40%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .img-container{
                            width: 100%;
                            height:100%;
                            max-width: 1260px;
                            max-height: 960px;
                            background-image: url("/static/IMG/Picture/pictures1.jpg");
                            background-position: center;
                        }
                    }
                    .mobile-btn-container{
                        display: none;
                    }
                }
            }
            .container-7{
                width: 100%;
                height: 100%;
                .info-subcontainer{
                    width: 100%;
                    height: 100%;
                    background-color: #14112c;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    .subtitle-block{
                        width: 100%;
                        height: 10%;
                        display: flex;
                        justify-content: center;
                        .subtitle{
                            margin-top: 3%;
                            height: 100%;
                            width: 90%;
                            color: white;
                            text-align: center;
                            font-family: 'Montserrat', sans-serif;
                            font-size: 1.2vw;
                        }
                    }
                    .title-block{
                        width: 100%;
                        height: 10%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .title{
                            height: 100%;
                            width: 90%;
                            color: white;
                            text-align: center;
                            font-family: 'Montserrat', sans-serif;
                            font-size: 2.0vw;
                            font-weight: 700;
                        }
                    }
                    .text-block{
                        width: 100%;
                        height: 30%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        .text{
                            height: 80%;
                            width: 60%;
                            color: rgb(208, 205, 205);
                            font-family: 'Montserrat', sans-serif;
                            font-size: 1.1vw;
                            text-align: center;
                        }
                        .little-text{
                            height: 80%;
                            width: 60%;
                            color: rgb(208, 205, 205);
                            font-family: 'Montserrat', sans-serif;
                            font-size: 1.1vw;
                            text-align: center;
                        }
                    }
                    .block-group{
                        width: 100%;
                        height: 40%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .group{
                            width: 80%;
                            height: 100%;
                            display: flex;
                            flex-direction: row;
                            justify-content: center;
                            align-items: center;
                            .block{
                                width: 33%;
                                height: 100%;
                                display: flex;
                                flex-direction: row;
                                position: relative;
                                margin: 0.5%;
                                .right-block{
                                    position: absolute;
                                    z-index: 1;
                                    width: 100%;
                                    height: 100%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: right;
                                    .color-block{
                                        width: 85%;
                                        height: auto;
                                        min-height: 200px;
                                        background-color: #1d1938;
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        .title-container{
                                            width: 100%;
                                            height: 20%;
                                            display: flex;
                                            justify-content: right;
                                            align-items: center;
                                            .title{
                                                width: 80%;
                                                color: white;
                                                font-family: 'Montserrat', sans-serif;
                                                font-size: 1.5vw;
                                            }
                                        }
                                        .text-container{
                                            width: 100%;
                                            height: 80%;
                                            display: flex;
                                            justify-content: right;
                                            .text{
                                                width: 80%;
                                                color: rgba(255, 255, 255, 0.735);
                                                font-family: 'Montserrat', sans-serif;
                                                font-size: 1vw;
                                            }
                                        }
                                    }
                                }
                                .left-block{
                                    position: absolute;
                                    z-index: 2;
                                    width: 30%;
                                    height: 100%;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    .round-container{
                                        width: 100%;
                                        aspect-ratio: 1;
                                        background-color: white;
                                        border-radius: 50%;
                                    }
                                }
                            }
                        }
                    }
                    .btn-block{
                        width: 100%;
                        height: 10%;
                        display: flex;
                        justify-content: center;
                        .btn-container{
                            width: 25%;
                            height: 80%;
                            text-decoration: none;
                            .btn{
                                color: #f58319;
                                background-color: #14112c;
                                width: 100%;
                                height: 100%;
                                border: 3px solid #f58319;
                                text-align: center;
                                font-size: 1.4vw;
                                border-radius: 3px;
                                transition: color 0.3s;
                                transition: background-color 0.3s;
                            }
                            .btn:hover{
                                background-color: #f58319;
                                color: #1a2e39;
                            }
                        }
                    }
                }
            }
            .container-8{
                height: 80%;
                max-height: 1812px;
                width: 100%;
                .info-subcontainer{
                    height: 100%;
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    .right-block{
                        height: 100%;
                        width: 50%;
                        .map-container{
                            width: 100%;
                            height: 100%;
                        }
                    }
                    .left-block{
                        height: 100%;
                        width: 50%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background-color: #333333;
                        .info-block{
                            height: 70%;
                            width: 90%;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            .subtitle-block{
                                height: 12.5%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .subtitle{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 1.3vw;
                                }
                            }
                            .title-block{
                                height: 30%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .title{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 3vw;
                                    font-weight: 700;
                                }
                                
                            }
                            .text-block{
                                height: 20%;
                                width: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .text{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                }
                            }
                            .contact-info-block{
                                width: 100%;
                                height: 12.5%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                .contact-info{
                                    color: white;
                                    font-family: 'Montserrat', sans-serif;
                                    font-size: 1.2vw;
                                }
                            }
                        }
                    }
                }
            }           
        }
    }
}