body
{
position: absolute;
width: 100%;
height: 3986px;
background: #FFFFFF;
    margin: 0; 
    padding: 0;
}
*{
    margin: 0;
    padding: 0;
}
img
{
    max-width: 100%;
    height: auto;
}
.topbar
{
    z-index:10;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 1920px;
height: 145px;
left:0px;
top: 307px; 
}
.top
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 18px 0;
gap: 137px;
    width:100%;
max-width: 1919px;
height: 60px;
background: #0099FF;
flex: none;
order: 0;
flex-grow: 0;
}
.tloc
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 4px;
width: 313px;
height: 24px
flex: none;
order: 0;
flex-grow: 0;
}
.li
{
width: 24px;
height: 24px;
flex: none;
order: 0;
flex-grow: 0;
}
.locimg
{
width: 12.6px;
height: 18px;
flex: none;
order: 0;
flex-grow: 0;
}
.GT
{
width: 285px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.SM
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 20px;
width: 265px;
height: 26px;
flex: none;
order: 1;
flex-grow: 0;
}
.sm
{
width: 117px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
}
.smR
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 12px;
width: 128px;
height: 26px;
flex: none;
order: 1;
flex-grow: 0;
}
.TT
{
width: 20px;
height: 20px;
flex: none;
order: 0;
flex-grow: 0;
}
.Inst
{
width: 20px;
height: 20px;
flex: none;
order: 1;
flex-grow: 0;
}
.YT
{
width: 26px;
height: 26px;
flex: none;
order: 2;
flex-grow: 0;
}
.TG
{
width: 26px;
height: 26px;
flex: none;
order: 3;
flex-grow: 0;
}
.gmail
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 8px;
width: 232px;
height: 24px;
flex: none;
order: 2;
flex-grow: 0;
}
.imgMail
{
width: 20px;
height: 16px;
flex: none;
order: 0;
flex-grow: 0;
}
.TMail
{
width: 200px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.phone
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 6px;
width: 186px;
height: 24px;
flex: none;
order: 3;
flex-grow: 0;
}
.imgP
{
width: 16.8px;
height: 16.8px;
flex: none;
order: 0;
flex-grow: 0;
}
.PT
{
width: 156px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.under
{
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 0 10px 256px; 
gap: 189px; 
 width: calc(100% - 256px);
height: 85px;
background: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.LT
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 30px;
width: 447px;
height: 65px;
flex: none;
order: 0;
flex-grow: 0;
}
.logoM
{
width: 89px;
height: 65px;
flex: none;
order: 0;
flex-grow: 0;
}
.TL
{
width: 328px;
height: 60px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 11px;
line-height: 140%;
display: flex;
align-items:left;
text-transform: uppercase;
color: #0099FF;
flex: none;
order: 1;
flex-grow: 0;

}
.Tnav
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 32px;
width: 771px;
height: 25px;
flex: none;
order: 1;
flex-grow: 0;
}
.nav
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 32px;
width: 771px;
height: 25px;
flex: none;
order: 0;
flex-grow: 0;
}
.AS
{
width: 94px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 0;
flex-grow: 0;
    text-decoration: none;
}
.TC
{
width: 154px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 1;
flex-grow: 0;
text-decoration: none;
 
}
.RF
{
width: 197px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 2;
flex-grow: 0;
text-decoration: none;
}
.News
{
width: 93px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 3;
flex-grow: 0;
    text-decoration: none;
}
.KK
{
    width: 105px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 5;
flex-grow: 0;
text-decoration: none; 
    margin-top:50px;
}
.Cont
{
width: 105px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 4;
flex-grow: 0;
text-decoration: none;
}
.under-bar
{
position: absolute;
width: 100%;
height: 445px;
left: 0px;
top: 3986px;
background:#0099FF;
}
.ubar
{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 296px;
position: absolute;
left: 13.33%;
right: 13.33%;
top: 15.51%;
bottom: 15.16%;
}
.underlogo
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 30px;
width: 420px;
height: 308.56px;
flex: none;
order: 0;
flex-grow: 0;
}
.menu-nav
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 158px;
height: 276px;
flex: none;
order: 1;
flex-grow: 0;
}
.Tmenu
{
width: 60px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
}
.OMENU
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 158px;
height: 235px;
flex:none;
order: 1;
flex-grow: 0;
}
.Main
{
width: 60px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
      text-decoration: none;
}
.AC
{
width: 70px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
      text-decoration: none;
}
.RC
{
width: 108px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 2;
flex-grow: 0;
      text-decoration: none;
}
.FR
{
width: 139px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 3;
flex-grow: 0;
      text-decoration: none;
}
.BG
{
width: 36px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 4;
flex-grow: 0;
      text-decoration: none;
}
.OG
{
width: 158px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 5;
flex-grow: 0;
      text-decoration: none;
}
.CT
{
width: 72px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 6;
flex-grow: 0;
      text-decoration: none;
}


.menuRB
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 238px;
height: 168px;
flex: none;
order: 2;
flex-grow: 0;
}
.TRB
{
width: 154px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
}
.navRB
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 238px;
height: 127px;
flex: none;
order: 1;
flex-grow: 0;
}
.Med
{
width: 103px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0; 
    text-decoration: none;
}
.Psycho
{
    text-decoration: none;
width: 203px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.Social
{
width: 154px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 2;
flex-grow: 0;
    text-decoration:none;
}
.Music
{
width: 104px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 3;
flex-grow: 0;
 text-decoration: none;
}
.Correction
{
width: 238px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 4;
flex-grow: 0;
    text-decoration: none;
}
.background
{
   position: absolute; 
    top: 0; 
    left: 0;
    width: 100%; 
    height: 600px; 
    background: url('img/5dd6abc34f1ec0b340bf3fc31de4f249%203.png') no-repeat center center;
    background-size: cover;
    z-index: -2; 
}
.cloud
{
position: absolute;
    width:100%; 
    height: 477.79px; 
    left: 0.04px;
    top: 380.4px; 
    z-index: 0; 
    background: url('img/Union.png') no-repeat center center; 
    background-size: contain;
}
.rectangle43
{
position: absolute;
width: 945.36px;
height: 656.49px;
left: -101px;
top: -211px;
background: #0099FF;
filter: blur(125px);
border-radius: 555px;
    z-index:-2;
}
.rectangle40
{
position: absolute;
width: 945.36px;
height: 656.49px;
left: -112px;
top: -378px;
background: #0099FF;
filter: blur(125px);
border-radius: 555px;
z-index:-1;
}
.rectangle38
{
position: absolute;
width: 945.36px;
height: 656.49px;
left: -337px;
top: -388px;
background: #0099FF;
filter: blur(125px);
border-radius: 555px;
}
.MusicFrame
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 80px;
position: absolute;
width: 929px;
height: 2186px;
left: 256px;
top: 702px;
}
.SVGJ
{
width: 929px;
height: 395px;
background: url(side-view-girl-learning-play-piano.jpg);
border-radius: 20px;
flex: none;
order: 0;
flex-grow: 0;
}


.HelpHeal
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 40px;
gap: 172px;
position: absolute;
width: 1408px;
height: 313px;
left: 256px;
top: 3208px;
background: #31C020;
border-radius: 40px;
}
.RDV
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 36px;
width: 894px;
height: 233px;
flex: none;
order: 0;
flex-grow: 0;
}
.PVLIR
{
width: 802px;
height: 100px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 42px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.PSZ
{
width: 721px;
height: 26px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 2;
flex-grow: 0;
}
.RVD
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 20px;
gap: 10px;
width: 175px;
height: 35px;
background: #FFFFFF;
border-radius: 25px;
flex: none;
order: 0;
flex-grow: 0;
}
.RFY
{
width: 135px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #000000;
flex: none;
order: 0;
flex-grow: 0;
}
.SSnS
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 24px;
gap: 10px;
width: 198px;
height: 56px;
background: #FFFFFF;
box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
border-radius: 10px;
flex: none;
order: 1;
flex-grow: 0;
}
.sssn
{
width: 150px;
height: 28px;
font-family: 'Pangolin';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
color: #0099FF;
flex: none;
order: 0;
flex-grow: 0;
    text-decoration: none;
}
.FTxt
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 40px;
width: 929px;
height: 977px;
flex: none;
order: 1;
flex-grow: 0;
}
.EffectM
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 26px;
width: 929px;
height: 604px;
flex: none;
order: 0;
flex-grow: 0;
}
.EffM
{
width: 371px;
height: 34px;
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 120%;
color: #0099FF;
flex: none;
order: 0;
flex-grow: 0;
}
.MMYR
{
width: 929px;
height: 544px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: #000000;
flex: none;
order: 1;
flex-grow: 0;
}
/*
.vid1
{
margin-left: 250px;
margin-top: 1700px;
display: inline-block;
}
.vid2
{
margin-top: -697px;
margin-left: 655px;
display: table;
}
.vid3
{
margin-top: 3px;
margin-left: 655px;
display: table;
}
.vid4
{
margin-top: 3px;
margin-left: 655px;
display: table;
}
.vid5
{
margin-top: 3px;
margin-left: 655px;
display: table;
}
*/
.CHVTxt
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 929px;
height: 333px;
margin-top: 400px;
flex: none;
order: 1;
flex-grow: 0;
}
h1 {
    color: #0099FF; /* Цвет заголовка */
    font-size: 1.8em;
    margin-bottom: 20px;
}

p {
    margin-bottom: 15px;
    text-align: justify;
    font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 18px;
}

ul {
    margin-left: 20px;
    padding-left: 10px;
    font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 18px;
}

ul li {
    margin-bottom: 10px;
}
.NavC
{ white-space: nowrap;
display: flex;
flex-direction:column;
align-items:center;
padding: 0px;
gap: 0px;
position: absolute;
width: 363px;
height: 119px;
left: 257px;
top: 504px;
}
.Nav-Contact
{
white-space: nowrap;
display: flex;
flex-direction:row;
align-items:center;
padding: 0px;
gap: 0px;
width: 363px;
height: 119px;
left: 257px;
top: 504px;
}
.NAV-TEXT
{
    margin:0px;
padding: 0px;
    color:skyblue;
    text-decoration: none;
}
.CallUS
{
    margin 69px 0px 0px 0px;
width: 363px;
height: 50px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 42px;
line-height: 120%;
color: #0099FF;
flex: none;
order: 1;
flex-grow: 0;
}
.Nav-Adm
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 359px;
height: 620px;
left: 1305px;
top: 702px;
}
.Nav-Us
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 269px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
border-radius: 14px;
flex: none;
order: 0;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-Admins
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 153px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background:#FFFFFF;
border-radius: 14px;
flex: none;
order: 1;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-Spec
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 180px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 2;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-Mark
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 245px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #0099FF;
border-radius: 14px;
flex: none;
order: 3;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-ProfS
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 214px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 4;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.TUS
{
width: 60px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
text-transform: uppercase;
color: #0099FF;
flex: none;
order: 0;
flex-grow: 0;
    text-decoration: none;
}
.TADM
{
width: 176px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
text-transform: uppercase;
color:#0099FF;
flex: none;
order: 0;
flex-grow: 0;
     text-decoration: none;
    margin-top:-20px;
}
.TSPEC
{
    /* Специалисты */
 text-decoration: none;
width: 149px;
height: 25px;

/* 20 жирный */
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-transform: uppercase;

/* Основной 1 */
color: #0099FF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.TMark
{
    /* Отзывы */
 text-decoration: none;
width: 84px;
height: 25px;

/* 20 жирный */
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-transform: uppercase;

/* Основной 1 */
color:#FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.TProf
{
   /* Профсоюз */
 text-decoration: none;
width: 115px;
height: 25px;

/* 20 жирный */
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-transform: uppercase;

/* Основной 1 */
color: #0099FF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
 
}
.AboutCentre
{
   /* Реабилитация */

position: absolute;
width: 444px;
height: 87px;
left: 126px;
top: 248px;

/* Заголовок P/h1 */
font-family: 'Pangolin';
font-style: normal;
font-weight: 400;
font-size: 62px;
line-height: 140%;
/* identical to box height, or 87px */
text-transform: uppercase;

color: #FFFFFF;

 
}
.tv{
    margin-top: 1500px;
    margin-left: flex;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    position: relative;
    margin-left: -500px
}
.player{
    width: 100%;
    max-width: 900px;
    position: relative;
}
.player img{
    width: 100%;
    position: relative;
}
.player video{
    position: absolute;
    width: 84.7%;
    height: 84%;
    background: #000;
    top: 3.2%;
    left: 7.7%; 
}
.video-thumb{
    margin-top: -1000px;
    position: absolute;
    bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    z-index: 999;
}
.video-thumb li{
    list-style: none;
    cursor: pointer;
    border: 3px solid #fff;
    margin: 0 10px;
}
.video-thumb img{
    width: 100px;
    opacity: 0.3;
    transition: 0.4s;
}
.video-thumb img:hover{
    width: 190px;
    opacity: 1;
}
@media(max-width:1080px)
{
    .top
    {
        width:170%;
    }
    .under
    {
        width:146.2%;
    }
    .background
    {
        width:170%;
    }
    .under-bar
    {
        width:170%;
    }
    .player {
  width: 100%;
  max-width: 900px;
  position: relative;
  top: -762px;
  left: 358px;
        z-index:1000;
}
    .video-thumb {
  margin-top: -1000px;
  position: absolute;
  bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 999;
  top: 269px;
  left: 359px;
}
}