html, body { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
    padding: 0;
    overflow-x: hidden;
}

                                                            /* HEADER */

.header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: black;
    background-image: url("svg_smarphone/header.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 10%;
}

#logo{
    display: none;
    border-radius: 200px;
    transform: scale(0.25);
}

.header_text{
    display: none;
}

                                                            /* FORM */

.form{
    background-color: white;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}

.form_left{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.form_right{
    width: 100%;
    height: 500px;
    /*background-image: url("svg_smarphone/from_bottom.svg");*/
    background-image: url("images/form_bottom.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.form_left_top{
    height: 300px;
    width: 100%;
    /*background-image: url("svg_smarphone/form_top.svg");*/
    background-image: url("images/form_top.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.form_left_bottom{
    display: flex;
    justify-content: center;
    background-color: #10355e;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    height: auto;
    width: 100%;
}

.form_info{
    display: flex;
    flex-direction: column;
    margin-top: 8%;
    height: 80%;
    width: 90%;
    margin-bottom: 8%;
}

.form-group{
    width: 100%;
    margin-bottom: 2%;
    display: flex;
    justify-content: center;
}

.form-group-2{
    display: flex;
    flex-direction: column;
    width: 100%;
}

#form_button{
    width: 100%;
    background-color: #549AC6;
    font-weight: bold;
}

#form_email{
    width: 100%;
}

#form_telephone{
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.label_text{
    color: white;
    font-size: 8px;
}

.form-control{
    height: 2em;
    font-family: "degular",sans-serif;
    font-style: normal;
    font-weight: 400;
}

                                                            /* FEEDBACK */

.feedback{
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 100%;
    height: 80%;
}

.about_us{
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    background-color: white;
    width: 100%;
    height: 40%;
    /*background-image: url("svg_smarphone/about_us.svg");*/
    background-image: url("images/about_us.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}

.google{
    display: none;
    background-color: white;
    margin-bottom: 10%;
    margin-top: 3%;
    margin-left: 0%;
    width: 20%;
    height: auto;
}

#google_logo{
    width: 100%;
    height: 100%;
}

#about_us_img{
    display: none;
}

.employees{
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #DEE6DE;
    width: 100%;
    height: 65%;
    overflow: scroll;
    direction: ltr;
}

.employee_structure{
    display: flex;
    flex-direction: column;
    background-color: white;
    flex-shrink: 0;
    margin: 10px;
    width: 250px;
    height: 300px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
}

.employee_structure_img{
    display: none;
    justify-content: center;
    margin-top: 10px;    
}

.employee_img{
    background-color: #bebebe;
    background-size: 70px 70px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.employee_structure_name{
    margin-left: 10px;
    margin-top: 10px;
}

.review{
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}


                                                            /* INFORMATION */

.information{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: white;
    width: 100%;
    height: 15%;
}

#information_logo{
    border-radius: 50%;
    width: auto;
    height: 100%;
}

#adresses{
    margin-left: 30px;
    margin-right: 30px;
}

.social_link{
    display: none;
    width: 30px;
    height: 30px;
    margin-left: 30px;
    margin-right: 30px;
}

#ig_logo, #fb_logo, #tiktok_logo{
    width: auto;
    height: auto;
}
                                                            


                                                            /* COMMON SVG STYLE */

.stars_about_us{
    display: none;
    flex-direction: row;
    align-items: center;
    margin-left: -0%;
}

.stars{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
    margin-left: 10px;
}

.star_green{
    background-image: url("svg/star_green.svg");
    margin: 1px;
    width: 20px;
    height: 20px;
}

.star_grey{
    background-image: url("svg/star_grey.svg");
    margin: 1px;
    width: 20px;
    height: 20px;
}

.star_yellow_google{
    background-image: url("svg/star_yellow_google.svg");
    margin: 1px;
    width: 20px;
    height: 20px;
}

.star_grey_google{
    background-image: url("svg/star_grey_google.svg");
    margin: 1px;
    width: 20px;
    height: 20px;
}