body {

    margin: 0;
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw – 100%));

}
body::-webkit-scrollbar {
  width: 10px;               
}
body::-webkit-scrollbar-track {
  background: rgb(0, 0, 0);        
}
body::-webkit-scrollbar-thumb {
  background-color: rgb(255, 255, 255);    
  border-radius: 20px;       
  border: 1px solid rgb(255, 255, 255);  
}

.Invisible-Div {

    width: 100vw;
    height: 10vh;
    
}

/* Первый блок */


/* Шапка */

.First-Block {

    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.Background-Video {
  
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: 0.4s all;


}
.Background-Video.Visible {

    opacity: 1;

}  

.Header {

    display: flex;
    justify-content: center;
    width: 100%;
    height: 7%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    transition: all 0.4s;
    transition-delay: 0.4s;

}
.Header.Visible {

    opacity: 1;
}

.Place-For-Element1 {

    width: 85%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.Place-For-Logo-Header {

    display: flex;
    justify-content: start;
    align-items: center;
    width: 60%;
    height: 100%;

}
.Place-For-Button-Header {

    width: 40%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.Button-Header1 {

    width: 30%;
    height: 60%;
    border: 0.1px solid;
    border-radius: 30px;
    background-color: rgb(255, 27, 206);
    color: white;
    border-color: rgb(255, 27, 206);
    transition: all 0.2s ;
    cursor: pointer;
    

}
.Button-Header1:hover {

    background-color: white;
    color: rgb(255, 27, 206);

} 
.Button-Header2 {

    width: 30%;
    height: 60%;
    border: 0.1px solid;
    border-radius: 30px;
    background-color: rgb(255, 27, 206);
    color: white;
    border-color: rgb(255, 27, 206);
    transition: all 0.2s ;
    cursor: pointer;

}
.Button-Header3 {

    width: 30%;
    height: 60%;
    border: 0.1px solid;
    border-radius: 30px;
    background-color: white;
    color: rgb(255, 27, 206);
    border-color: rgb(255, 27, 206);
    transition: all 0.2s ;
    
}
.Button-Header2:hover {

    background-color: white;
    color: rgb(255, 27, 206);

}

a {
    text-decoration: none;
    color: white;
    transition: all 0.2s;
}
a:hover {

    color: rgb(255, 27, 206);

}


/* Шапка */

.Heading-First-Block {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80%;

}
.Place-For-Element2 {

    display: flex;
    justify-content: flex-end;
    align-items: start;
    flex-direction: column;
    width: 85%;
    height: 100%;  

}
.Heading-First-Block1 {

    color: rgb(255, 27, 206);
    font-size: 90px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin: 0;
    opacity: 0;
    transition: all 0.4s;
    transition-delay: 0.4s;
    
}
.Heading-First-Block2 {

    color: white;
    font-size: 90px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin: 0;
    opacity: 0;
    transition: all 0.4s;
    transition-delay: 0.4s;
}

.Heading-First-Block1.Visible,
.Heading-First-Block2.Visible {

    opacity: 1;

}

/* Первый блок */

/* Второй блок */

.Place-For-Heading-Second-Block {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 20vh;
    
}
.Heading-Second-Block {

    font-family:Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: black;
    opacity: 0;
    transition: all 0.4s;
    transform: translateY(30px);
    
}
.Heading-Second-Block.Visible {

    opacity: 1;
    transform: translateY(0px);

}

.Second-Block {

    width: 100vw;
    height: 150vh;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.Place-For-Element3 {

    width: 85%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;

}
.Line-With-Card {

    width: 100%;
    height: 18%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.4s;
    transform: translateY(30px);

}
.Line-With-Card.Visible {

    opacity: 1;
    transform: translateY(0px);

}

.Card-Information-Second-Block {

    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255, 27, 206);
    border: 0.1px solid;
    border-radius: 15px;
    border-color: rgb(255, 27, 206);
    cursor: pointer;
    transition: all 0.3s;
    flex-direction: column;


}
.Card-Information-Second-Block:hover {
    
    width: 100%;
    background: #ff4fd9;
    background: linear-gradient(80deg,rgba(255, 79, 217, 1) 0%, rgba(202, 7, 160, 1) 51%, rgba(166, 0, 130, 1) 100%);
    border-radius: 0px;
    animation-name: Heading-up;
    animation-timing-function: 0.4s;
    animation-fill-mode: forwards;
    
}
.Place-For-Name-Of-Card-Second-Block {

    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.Name-Of-Card-Second-Block {

    font-size: 30px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: white;
    margin: 0%;

}
.Container-With-Info-Second-Block {

    opacity: 0;
    width: 100%;
    height: 1%;
    display: flex;
    justify-content: center;
    transition: 0.6s all;

}
.Container-With-Info-Second-Block.active,
.Container-With-Info-Second-Block:hover {

    height: 80%;
    opacity: 1;

}
.Container-With-Info-Second-Block:not(.active):not(:hover) {

    transition: 0.2s all;

}
.Place-For-Price-Of-Card-Second-Block {

    width: 25vw;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.Price-Of-Card-Second-Block {

    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    margin: 0%;

}
.Place-For-Text-Of-Card-Second-Block {

    width: 32vw;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.Text-Of-Card-Second-Block {
    
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    transition-delay: 1.5s;
    transition: 2.3s all;
    opacity: 0;

}

.Text-Of-Card-Second-Block.active,
.Text-Of-Card-Second-Block:hover {

    opacity: 1;
    transition-delay: 1.5s;
    transition: 2.3s all;

}
.Text-Of-Card-Second-Block2 {
    
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    transition-delay: 1.5s;
    transition: 2.3s all;
    opacity: 0;

}

.Text-Of-Card-Second-Block2.active,
.Text-Of-Card-Second-Block2:hover {

    opacity: 1;
    transition-delay: 1.5s;
    transition: 2.3s all;

}
.Text-Of-Card-Second-Block2:not(.active):not(:hover) {

    transition: 0.3s 0s;

}
.Text-Of-Card-Second-Block3 {
    
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    transition-delay: 1.5s;
    transition: 2.3s all;
    opacity: 0;

}
.Text-Of-Card-Second-Block3.active,
.Text-Of-Card-Second-Block3:hover {

    opacity: 1;
    transition-delay: 1.5s;
    transition: 2.3s all;

}
.Text-Of-Card-Second-Block3:not(.active):not(:hover) {

    transition: 0.3s 0s;

}
.Text-Of-Card-Second-Block4 {
    
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    transition-delay: 1.5s;
    transition: 2.3s all;
    opacity: 0;

}
.Text-Of-Card-Second-Block4.active,
.Text-Of-Card-Second-Block4:hover {

    opacity: 1;
    transition-delay: 1.5s;
    transition: 2.3s all;

}
.Text-Of-Card-Second-Block4:not(.active):not(:hover) {

    transition: 0.3s 0s;

}
.Text-Of-Card-Second-Block5 {
    
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    transition-delay: 1.5s;
    transition: 2.3s all;
    opacity: 0;

}

.Text-Of-Card-Second-Block5.active,
.Text-Of-Card-Second-Block5:hover {

    opacity: 1;
    transition-delay: 1.5s;
    transition: 2.3s all;

}
.Text-Of-Card-Second-Block5:not(.active):not(:hover) {

    transition: 0.3s 0s;

}
.Place-For-MoreInfo-Of-Card-Second-Block {

    width: 25vw;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.MoreInfo-Of-Card-Second-Block {

    font-size: 25px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;

}

/* Третий блок */

.Third-Block {

    display: flex;
    width: 100vw;
    height: 30vh;
    justify-content: center;
    align-items: center;

}
.Place-For-Element4 {

    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85%;
    height: 100%;

} 
.Column-Third-Block {

    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 30%;
    height: 100%;

}
.Place-For-Ellipse-Element {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 10%;
    height: 100%;
    flex-direction: column;
    opacity: 0;
    transition: all 0.4s;
    transition-delay: 0.4s;
    
}
.Place-For-Ellipse-Element.Visible {

    opacity: 1;

}
.Place-For-Ellipse {

    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    height: 100%;

}
.Ellipse {

    width: 37%;
    height: 20%;
    border: 1px solid;
    border-color:rgb(255, 27, 206);
    border-radius: 50px;
    background-color: rgb(255, 27, 206);

}
.Place-For-Text-Element {

    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 75%;
    height: 100%;
    flex-direction: column;
    

}
.Place-For-Text-Third-Block {

    width: 100%;
    height: 30%;
    display: flex;
    justify-content: start;
    align-items: center;
    opacity: 0;
    transition: all 0.4s;
    transition-delay: 0.6s;

}
.Place-For-Text-Third-Block.Visible {

    opacity: 1;

}
.Text-Third-Block {

    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    font-size: 20px;

}

.Place-For-Square-Element {

    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 15%;
    height: 100%;
    flex-direction: column;
    
}
.Place-For-Square {

    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.4s all;
    transition-delay: 0.8s;

}
.Place-For-Square.Visible {

    opacity: 1;

}
.Square {

    width: 30%;
    height: 25%;
    border: 2px solid;
    border-color: grey;

}

/* Третий блок */

/* Четвёртый блок  */

.Fourth-Block {

    width: 100vw;
    height: 170vh;
    display: flex;
    justify-content: center;
    align-items: center;

}
.Place-For-Element5 {

    background-color: rgb(245, 245, 245);
    width: 85%;
    height: 100%;
    border: 1px solid;
    border-radius: 5%;
    border-color: rgb(245, 245, 245);
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.Place-For-Element-In-Element5 {

    background-color: rgb(245, 245, 245);
    width: 95%;
    height: 95%;
    display: flex;

}
.Left-Half-Fourth-Block {

    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 100%;
    height: 100%;

}
.Place-For-Heading-Fourth-Block {

    width: 99%;
    height: 15%;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-color: white;
    border-radius: 10px;

}
.Heading-Fourth-Block {

    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    transition: all 0.4s;
    opacity: 0;

}
.Heading-Fourth-Block.Visible {

    opacity: 1;

}
.Right-Half-Fourth-Block {

    display: flex;
    flex-direction: column;
    align-items: end;
    width: 100%;
    height: 100%;

}
.Place-First-Project {

    width: 99%;
    height:32%;
    background-color: white;
    border: 1px solid;
    border-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(40px);
    transition-delay: 0.5s;
    transition: all 0.4s;

}
.Place-First-Project.Visible {

    opacity: 1;
    transform: translateY(0px);

}
.First-Project-Img {

    width: 100%;
    height: 65%;
    border: 0.1px solid;
    border-color: white;
    border-radius: 10px;
    background-image: url(Content-Main/First-Project.webp);
    background-size: cover;

}
.Place-Heading-First-Project {

    width: 97%;
    height: 12%;
    display: flex;
    justify-content: start;
    align-items: center;

}
.Heading-First-Project {

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 30px;
    color: black;
    margin: 0%;

}
.Place-Text-First-Project {

    width: 97%;
    height: 12%;
    display: flex;
    justify-content: start;
    align-items: center;
    
}
.Text-First-Project {

    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    text-align: start;

}
.Place-Tag-First-Project {

    width: 97%;
    height: 11%;
    display: flex;
    justify-content: start;
    align-items: center;
    

}
.Tag-First-Project1 {

    color: white;
    background-color: rgb(255, 27, 206);
    border: 1px solid;
    border-color: rgb(255, 27, 206);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1%;
    
}
.Tag-First-Project2 {

    color: white;
    background-color: rgb(255, 27, 206);
    border: 1px solid;
    border-color: rgb(255, 27, 206);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1%;
    margin-left: 2%;
    
}



.Place-Second-Project {

    width: 99%;
    height:37%;
    background-color: white;
    border: 1px solid;
    border-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1%;
    opacity: 0;
    transform: translateY(40px);
    transition-delay: 0.5s;
    transition: all 0.4s;

}

.Place-Second-Project.Visible {

    opacity: 1;
    transform: translateY(0px);

}
.Second-Project-Img {

    width: 100%;
    height: 70%;
    border: 0.1px solid;
    border-color: white;
    border-radius: 10px;
    background-image: url(Content-Main/Second-Project.webp);
    background-size: cover;

}
.Place-Heading-Second-Project {

    width: 97%;
    height: 10%;
    display: flex;
    justify-content: start;
    align-items: center;
    

}
.Heading-Second-Project {

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 30px;
    color: black;
    margin: 0%;

}
.Place-Text-Second-Project {

    width: 97%;
    height: 10%;
    display: flex;
    justify-content: start;
    align-items: center;
    

}
.Text-Second-Project {

    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    text-align: start;

}
.Place-Tag-Second-Project {

    width: 97%;
    height: 10%;
    display: flex;
    justify-content: start;
    align-items: center;
    

}
.Tag-Second-Project1 {

    color: white;
    background-color: rgb(255, 27, 206);
    border: 1px solid;
    border-color: rgb(255, 27, 206);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1%;
    
}
.Tag-Second-Project2 {

    color: white;
    background-color: rgb(255, 27, 206);
    border: 1px solid;
    border-color: rgb(255, 27, 206);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1%;
    margin-left: 2%;
    
}



.Place-Third-Project {

    width: 99%;
    height:32%;
    background-color: white;
    border: 1px solid;
    border-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1%;
    opacity: 0;
    transform: translateY(40px);
    transition-delay: 0.5s;
    transition: all 0.4s;

}
.Place-Third-Project.Visible {

    opacity: 1;
    transform: translateY(0px);

}
.Third-Project-Img {

    width: 100%;
    height: 65%;
    border: 0.1px solid;
    border-color: white;
    border-radius: 10px;
    background-image: url(Content-Main/Third-Project.webp);
    background-size: cover;

}
.Place-Heading-Third-Project {

    width: 97%;
    height: 12%;
    display: flex;
    justify-content: start;
    align-items: center;
    
}
.Heading-Third-Project {

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 30px;
    color: black;
    margin: 0%;

}
.Place-Text-Third-Project {

    width: 97%;
    height: 12%;
    display: flex;
    justify-content: start;
    align-items: center;
    

}
.Text-Third-Project {

    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    text-align: start;

}
.Place-Tag-Third-Project {

    width: 97%;
    height: 11%;
    display: flex;
    justify-content: start;
    align-items: center;
    

}
.Tag-Third-Project1 {

    color: white;
    background-color: rgb(255, 27, 206);
    border: 1px solid;
    border-color: rgb(255, 27, 206);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1%;
    
}
.Tag-Third-Project2 {

    color: white;
    background-color: rgb(255, 27, 206);
    border: 1px solid;
    border-color: rgb(255, 27, 206);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1%;
    margin-left: 2%;
    
}



.Place-Fourth-Project {

    width: 99%;
    height:47%;
    background-color: white;
    border: 1px solid;
    border-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1%;
    opacity: 0;
    transform: translateY(40px);
    transition-delay: 0.5s;
    transition: all 0.4s;

}
.Place-Fourth-Project.Visible {

    opacity: 1;
    transform: translateY(0px);

}
.Fourth-Project-Img {

    width: 100%;
    height: 75%;
    border: 0.1px solid;
    border-color: white;
    border-radius: 10px;
    background-image: url(Content-Main/Fourth-Project.png);
    background-size: cover;

}
.Place-Heading-Fourth-Project {

    width: 97%;
    height: 8%;
    display: flex;
    justify-content: start;
    align-items: center;
    
}
.Heading-Fourth-Project {

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 30px;
    color: black;
    margin: 0%;

}
.Place-Text-Fourth-Project {

    width: 97%;
    height: 10%;
    display: flex;
    justify-content: start;
    align-items: center;
    

}
.Text-Fourth-Project {

    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    text-align: start;

}
.Place-Tag-Fourth-Project {

    width: 97%;
    height: 8%;
    display: flex;
    justify-content: start;
    align-items: center;

}
.Tag-Fourth-Project1 {

    color: white;
    background-color: rgb(255, 27, 206);
    border: 1px solid;
    border-color: rgb(255, 27, 206);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1%;
    
}


.Place-Fifth-Project {

    width: 99%;
    height:37%;
    background-color: white;
    border: 1px solid;
    border-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1%;
    opacity: 0;
    transform: translateY(40px);
    transition-delay: 0.5s;
    transition: all 0.4s;

}
.Place-Fifth-Project.Visible {

    opacity: 1;
    transform: translateY(0px);

}
.Fifth-Project-Img {

    width: 100%;
    height: 70%;
    border: 0.1px solid;
    border-color: white;
    border-radius: 10px;
    background-image: url(Content-Main/Fifth-Project.webp);
    background-size: cover;

}
.Place-Heading-Fifth-Project {

    width: 97%;
    height: 10%;
    display: flex;
    justify-content: start;
    align-items: center;
    

}
.Heading-Fifth-Project {

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 30px;
    color: black;
    margin: 0%;

}
.Place-Text-Fifth-Project {

    width: 97%;
    height: 10%;
    display: flex;
    justify-content: start;
    align-items: center;
    

}
.Text-Fifth-Project {

    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    text-align: start;

}
.Place-Tag-Fifth-Project {

    width: 97%;
    height: 10%;
    display: flex;
    justify-content: start;
    align-items: center;

}
.Tag-Fifth-Project1 {

    color: white;
    background-color: rgb(255, 27, 206);
    border: 1px solid;
    border-color: rgb(255, 27, 206);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1%;
    
}
.Tag-Fifth-Project2 {

    color: white;
    background-color: rgb(255, 27, 206);
    border: 1px solid;
    border-color: rgb(255, 27, 206);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1%;
    margin-left: 2%;
    
}

/* Четвёртый блок  */

/* Пятый блок  */

.Fifth-Block {

    width: 100vw;
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;

}
.Place-For-Element6 {

    width: 85%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.Left-Half-Fifth-Block {
    
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;

}
.Right-Half-Fifth-Block {

    width: 100%;
    height: 100%;
    background-image: url(Content-Main/Consultation.jpg);
    background-size: cover;
    
}

.Name-Of-Input {

    margin: 0%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: grey;

}

input {
    
    width: 80%;
    height: 15%;
    border: 1px solid;
    border-radius: 20px;
    border-color: rgb(255, 27, 206);

}
input:focus{

    outline: none;
    border-color: rgb(255, 27, 206);

}
input:focus:hover{

    outline: none;
    border-color: rgb(255, 27, 206);
}
textarea {

    width: 80%; 
    height: 15%;
    border: 1px solid;
    border-radius: 20px;
    border-color: rgb(255, 27, 206);
    resize: none;

}

textarea:focus{

    outline: none;
    border-color: rgb(255, 27, 206);

}
textarea:focus:hover{

    outline: none;
    border-color: rgb(255, 27, 206);

}
.Place-For-Text-Fifth-Block {

    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.Bottom-Text-Fifth-Block {

    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    font-size: 20px;
    text-align: center;

}

/* Подвал  */

.Footer {

    width: 100vw;
    height: 25vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(245, 245, 245);
    
}
.Place-For-Element7 {

    width: 85%;
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;

}
.Top-Side-Footer {

    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    

}
.Left-Side-Top-Footer{

    width: 100%;
    height: 100%;
    justify-content: start;
    align-items: center;
    display: flex;

}
.Center-Side-Top-Footer{

    width: 100%;
    height: 100%;
    justify-content: space-evenly;
    align-items: center;
    display: flex;
    
}
.Button-Footer {

    text-decoration: none;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    
}
.Right-Side-Top-Footer{

    width: 100%;
    height: 100%;
    justify-content: end;
    align-items: center;
    display: flex;
    
}
.Number-Footer {

    color: rgb(255, 27, 206);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;

}
.Bottom-Side-Footer {

    width: 100%;
    height: 100%;
    display: flex;

}
.Left-Side-Bottom-Footer {

    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: top;

}
.Right-Side-Bottom-Footer {

    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: end;

}
.Address {

    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0%;
    
}