body
{
position: absolute;
width: 100%;
height: 3600px;
background: #FFFFFF;
    margin: 0; 
    padding: 0;
    min-height: 100vh;
}
.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;
}
.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: 3500px;
background:#0099FF;
}
 .summary {
            cursor: pointer;
        }
.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;
}
.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;
}
.FAQs
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 80px;
position: absolute;
width: 929px;
height: 1076px;
left: 256px;
top: 702px;
}
.FAQsPicture
{
width: 928px;
height: 395px;
background: url(little-girl-drawing-sitting-table.jpg);
border-radius: 20px;
flex: none;
order: 0;
flex-grow: 0;
}
.AccNav {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0;
            gap: 12px;
            width: 929px;
        }

        .ACCFAQ {
            display: flex;
            flex-direction: column;
            width: 875px;
            background: #0099FF;
            border-radius: 14px;
            color: #FFFFFF;
            font-family: 'Nunito', sans-serif;
            font-size: 18px;
            font-weight: 800;
            text-transform: uppercase;
            cursor: pointer;
        }

        .ACCFAQ summary {
            padding: 16px;
            list-style: none;
            display: flex;
            align-items: center;
        }

        .ACCFAQ span {
            padding: 16px;
            background: #006BBF;
            border-radius: 10px;
            margin-top: 8px;
            display: none; /* Скрываем содержимое по умолчанию */
        }

        .ACCFAQ[open] span {
            display: block; /* Показываем содержимое, когда элемент открыт */
        }
.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;
}
.ContaT
{
    margin-top:53px;
position: absolute;
width: 304px;
height: 87px;
left: 257px;
top: 160px;
    bottom:2574px;
font-family: 'Pangolin';
font-style: normal;
font-weight: 400;
font-size: 62px;
line-height: 140%;
text-transform: uppercase;
color: #FFFFFF;
    z-index:0;
}
.SSN
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 359px;
height: 114px;
left: 1305px;
top: 703px;
}
.Sn
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 138px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #0099FF;
border-radius: 14px;
flex: none;
order: 0;
flex-grow: 0;
}
.snn
{
width: 191px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
    margin-right:33px;
line-height: 140%;
text-transform: uppercase;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
    text-decoration: none;
    margin-top:-50px;
}
.ObrG
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 103px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 1;
flex-grow: 0;
}
.OBR
{
width: 226px;
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;
}
.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;
}
.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;
}
@media(max-width:1080px)
{
    .top
    {
        width:170%;
    }
    .under
    {
        width:146.2%;
    }
    .background
    {
        width:170%;
    }
    .under-bar
    {
        width:170%;
    }
}