*{
    margin: 0;
    padding: 0;
}
.header{
    background-color: rgb(226, 223, 255);
    height: 90px;
    padding: 20px 0px;
}
.main_logo{
    width: 100%;
    height: 115px;
    display: flex;
}
.cover{
    display: flex;
    margin: auto;
    width: 1000px;
    background-color: rgb(168, 169, 192);
    height: 90px;
    border-radius: 24px ;
}
.all_in_wrap{
    background-color: rgb(109, 171, 255);
    height: 1100px;
}
.background{
    width: 1800px;
    height: 990px;
    background: url(images/рисунок-1\ \(1\).png) ;
    background-size: 100%;
    background-position-y: -103px;
}
.box__wrapper{
    width: 700px;
    height: 987px;
    border: 1px solid red;
}
.list__cover{
    display: flex;
}
.two{
    width: 387px;
}
.three{
    width: 300px;
}
.one{
    width: 700px;
}
.four{
    width: 900px;
}
.point{
    width: 35px;
    height: 35px;
    border: 3px solid black;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    background-color: gray;
    position: absolute;
    top: 510px;
    cursor: pointer;
}
.in__point{
    width: 15px;
    height: 15px;
    border: 3px solid black;
    border-radius: 50%;
    margin: auto;
    background-color: lightgray;
}
.point:hover{
    animation: color 1.5s infinite;
}
.fourthtxt_wrap:hover ~ .point{
    animation: color 1.5s infinite;
}
.left__wrap__list{
    background-color: #fff; 
    width: 326px;
    height: 500px;
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 7px;
    margin-top: 10px;
}
.flex_wrap{
    display: flex;
}
.fourthtxt{
    left: 60px;
    top: 200px;
    z-index: 2;
}
.thirdtxt_wrap:hover ~ .point{
    animation: color 1.5s infinite;
}
.secondtxt_wrap:hover ~ .point{
    animation: color 1.5s infinite;
}
.firsttxt_wrap:hover ~ .point{
    animation: color 1.5s infinite;
}
.eighthtxt_wrap:hover ~ .point{
    animation: color 1.5s infinite;
}
.def_font_base{
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    user-select: none;
    cursor: pointer;
}
.thirdtxt{
    left: 60px;
    top: 240px;
    z-index: 3;
}
.secondtxt{
    left: 60px;
    top: 280px;
    z-index: 4;
}
.firsttxt{
    left: 60px;
    top: 320px;
    z-index: 5;
}
.sixthtxt{
    left: 60px;
    top: 400px;
    z-index: 7;
}
.seventhtxt{
    left: 60px;
    top: 440px;
    z-index: 8;
}
.eighthtxt{
    left: 60px;
    top: 480px;
    z-index: 9;
}
.fivthtxt{
    left: 60px;
    top: 360px;
    z-index: 6;
}
@keyframes color{
    0%{
        background-color:gray;
    }
    25%{
    background-color: red;
    }
    50%{
    background-color: orange;
    }
    100%{
        background-color:gray;
    }
}
.p-2{
    left: 1025px;
    top: 720px;
}
.p-3{
    left: 1380px;
    top: 650px;
}
.p-4{
    left: 768px;
    top: 577px;
}
.p-1{
    left: 1700px;
    top: 540px;
}
.p-5{
    left: 640px;
    top: 692px;
}
.p-6{
    left: 734px;
    top: 774px;
}
.p-7{
    left: 595px;
    top: 872px;
}
.p-8{
    left: 569px;
    top: 957px;
}
.h{
    margin: auto;
    width: 300px;
    margin-top: 10px;
}
.card{
    width: 300px;
    height: 70px;
    background-color: rgb(43, 97, 236);
    border: 2px solid black;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    flex-wrap: wrap;
    color: white;
}
.card:hover{
    transform: translateY(-25px);
    transition:  0.1s linear;
    background-color: rgb(25, 79, 218);
}
.container{
    width: 250px;
}
.def_font_scary_base{
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    user-select: none;
}
.tooltip{
    height: 30px;
    border-right: 30px solid black;
    position: absolute;
    left: -35px;
    background-color: black;
    display: inline-block;
}
.picfir_of_or{
    height: 190px;
    position: relative;
    width: 300px;
    margin: auto;
    overflow: hidden;
}
.flex__UMKI__wrap{
    display: flex;
    margin: 30px 0px;
}
.slide{
    display: none;
    width: 100%;
}
.slide.active {
  display: block;
}
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}
.left { left: 10px; }
.right { right: 10px; }
.Name_of_or{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: rgb(22, 68, 132);
}
.container__of__District{
    height: 600px;
    overflow: hidden;
    overflow: auto;
    scrollbar-width: none;
    user-select: none;
    scroll-behavior: smooth;
    }

@media(max-width:2000px){
    .background{
        width: 1400px;
        height: 750px;
    }
    .p-1{
       left: 1450px; 
       top: 500px   ;
    }
    .p-2{
       left: 918px; 
       top: 570px   ;
    }
    .p-3{
       left: 1139px; 
       top: 486px   ;
    }
    .p-4{
       left: 697px; 
       top: 461px   ;
    }
    .p-5{
       left: 580px; 
       top: 550px   ;
    }
    .p-6{
       left: 680px; 
       top: 640px   ;
    }
    .p-7{
       left: 568px; 
       top: 694px   ;
    }
    .p-8{
       left: 528px; 
       top: 743px   ;
    }
    .one{
        width:450px ;
    }
    .two{
        width:310px
    }
    .box__wrapper{
        height: 748px;
    }
    .Dalnev{
        margin-left: 332px;
    }
}
.head_txt{
    font-size: 70px;
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(34, 34, 34);
  font-weight: bold;
  text-align: center;
  align-items: center;
  font-weight: bold;
}
body{
    background-color: rgb(109, 171, 255);
}
.fivthtxt_wrap:hover ~ .p-5{
    animation: color 1.5s infinite;
}
.attention_cover{
    color: white;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: rgb(24, 64, 201);
    width: 2450px;
    padding: 50px 0px;
    margin: auto;
}
.attention_wrap{
    background-color: rgb(24, 64, 201);
}
.head_logo{
    width: 194px;
    height: 100px;
    background: url(images/asdas.png) center no-repeat;
    background-size: contain
    ;
}
.cover{
    padding: 5px 0px;
}