body
{
position: absolute;
width: 100%;
height: 6700px;
background: #FFFFFF;
    margin: 0; 
    padding: 0;
}
.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;
top: 6369px;
left: 0px;
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;
}
.Ot
{
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: 7;
flex-grow: 0;
      text-decoration: none;
}
.VAC
{
width: 73px;
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: 8;
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;
}
.hrt
{
width: 100%;
height: auto;
}
.about-us
{
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 76px;

position: absolute;
width: 1407px;
height: 616px;
left: 256px;
top: 1285px;

}
.video
{

display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 22px;

width: 686px;
height: 646px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.video1
{

display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 10px;
isolation: isolate;

width: 686px;
height: 537px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.Rectangle301
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 22px;

width: 686px;
height: 646px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.play-button
{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 10px;
isolation: isolate;

position: absolute;
width: 100px;
height: 100px;
left: 272px;
top: 223px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
z-index: 1;
}
.Polygon1
{
position: absolute;
width: 60px;
height: 60px;
left: 35px;
top: 24px;

/* Основной 3 */

transform: rotate(360deg);

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
z-index: 1;

}
.Ellipse27
{
width: 100px;
height: 100px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
z-index: 0;

}

.under-video-text
{
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 10px 10px 10px 18px;
gap: 10px;
isolation: isolate;

width: 640px;
height: 87px;


/* Inside auto layout */
flex: none;
order: 1;
z-index: 0;
}
.Line1
{
position: absolute;
width: 57px;
height: 6px;
left: -26px;
top: 580px;

/* Основной 3 */
border-radius: 8px;
transform: rotate(90deg);

/* Inside auto layout */
flex: none;
order: 0;
z-index: 1;

}
.this-text
{
/* Посмотрите видео и познакомьтесь с центром “Радуга” */

position: absolute;
width: 613px;
height: 25px;
left: 29px;
margin-top: 4px;

/* Menu */
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-transform: uppercase;

color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
z-index: 1;

}
.this-text-1
{
    color: rgba(0, 153, 255, 1);
}
.About-us
{
    /* Frame 1000004472 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 53px;

width: 645px;
height: 616px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}
.About-us-1
{
    /* Frame 1000004471 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 50px;

width: 645px;
height: 507px;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.text-about
{
    /* О нашем центре */

width: 600px;
height: 70px;
margin-top: -20px;

/* Заголовок N/H3 */
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 36px;
line-height: 100%;
/* or 43px */

/* Основной 1 */
color: #0099FF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.text-to-about
{
    /* Центр медицинской реабилитации для детей-инвалидов и молодых инвалидов с психоневрологическими заболеваниями "Радуга" является ведущим учреждением, предоставляющим комплексную помощь и поддержку. Благодаря высококвалифицированным специалистам и современным подходам, "Радуга" обеспечивает индивидуальный подход к каждому ребенку, способствуя его полноценной социализации и развитию. Целью центра является создание условий для реабилитации и адаптации детей-инвалидов и молодых инвалидов, чтобы они могли достичь максимальной самостоятельности и качества жизни. "Радуга" - это место, где дети получают не только медицинскую помощь, но и эмоциональную поддержку, необходимую для их физического и психологического благополучия. */

width: 645px;
height: 414px;

/* Body/1 */
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 100%;
/* or 26px */

color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}
.about-button
{
    /* Frame 20 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-end;
padding: 14px 28px;
gap: 10px;

width: 170px;
height: 35px;
margin-top: -10px;

/* Основной 3 */
background: #31C020;
border-radius: 6px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}
.button-about-text
{
    /* Подробнее о центре */

width: 178px;
height: 28px;

/* Button */
font-family: 'Pangolin';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 100%;
text-decoration: none;
/* identical to box height, or 28px */

color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.solid-bar
{

display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 68px;

position: absolute;
width: 1408px;
height: 507px;
left: 256px;
top: 2150px;
}
.trial-1
{
    /* Group 17712 */

position: absolute;
width: 1545.04px;
height: 636px;
left: 166px;
top: 2800px;
}
.trial-1-1
{
width: auto;
height: auto;
margin-top: 1800px;
margin-left: 170px;
}
.trial-1-2
{
    /* Frame 24 */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 28px;
gap: 10px;

width: 201px;
height: 56px;
margin-top: 480px;
margin-left: 970px;
/* Основной 3 */
background: #31C020;
border-radius: 10px;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;


}
.trial-1-3
{
    /* Подробнее о центре */

width: 145px;
height: 28px;

/* Button */
font-family: 'Pangolin';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
/* identical to box height, or 28px */
text-decoration: none;
color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
}
.Frame2042
{
    /* Frame 1000004673 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 68px;

position: absolute;
width: 1408px;
height: 581px;
left: 256px;
top: 3750px;
}
.MyLife
{
    /* Frame 1000004536 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 68px;

position: absolute;
width: 1407px;
height: 615px;
left: calc(50% - 1407px/2 - 0.5px);
top: 4500px;
}
.need
{
position: relative;
margin-top:1850px;
    margin-bottom:437.34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.FormCont {
    display: flex;
    flex-direction: column;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 46%;
    left: 29.6%;
    gap: 24px;
    
}

.FormForm {
    display: flex;
    flex-direction: row;
    align-items: center; 
    padding: 0px;
    gap: 10px;
    width: 621px;
    height: 46px;
}

#name, #phone {
   width: 250px; 
    height: 46px;
    padding: 12px 16px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
}

#name::placeholder, #phone::placeholder {
    color: #b0b0b0; 
}

#button {
     width: 120px; 
    height: 56px;
    background: #31C020;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    align-self: center;
    margin-top:20px;
}
.FrameRes
{
    /* Frame 1000004668 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 68px;

position: absolute;
width: 1409px;
height: 255px;
left: calc(50% - 1409px/2 + 0.5px);
top: 6100px;


}
.Map
{
    /* Frame 1000004544 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 10px;
isolation: isolate;
margin-top: -900px;
position: absolute;
width: 100%;
height: 518px;
top: 6752px;


}
.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;
}
.FrameRes
{
    /* Frame 1000004565 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 50px;

width: 342px;
height: 43px;

margin-top:-800px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.TextRes
{
    /* Полезные ресурсы */

width: 500px;
height: 43px;

/* Заголовок N/H3 */
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 36px;
line-height: 120%;
/* or 43px */

/* Основной 1 */
color: #0099FF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.ActiveRes
{
    /* Frame 1000004564 */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 30px;

width: 1409px;
height: 144px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}
.ActiveRes1
{
    /* Frame 1000004560 */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 20px 24px;
gap: 49px;

width: 330px;
height: 144px;

background: #FFFFFF;
border: 1px solid #E9E9E9;
/* 1 */
box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
border-radius: 14px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.arIMG1
{
    /* 1200px-Coat_of_Arms_of_Mazyr,_Belarus 1 */

width: 88px;
height: 104px;

background: url(1200px-Coat_of_Arms_of_Mazyr,_Belarus.png);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.arT1
{
    /* Мозырский районный исполнительный комитет */

width: 145px;
height: 88px;

/* Body/1 */
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
/* or 22px */

color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
text-decoration: none;
}
.ActiveRes2
{
    /* Frame 1000004561 */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 20px 24px;
gap: 48px;

width: 329px;
height: 144px;

background: #FFFFFF;
border: 1px solid #E9E9E9;
/* 1 */
box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
border-radius: 14px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}
.arIMG2
{
   /* 1200px-Coat_of_Arms_of_Mazyr,_Belarus 1 */

width: 98px;
height: 58px;

background: url(image.png);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
 
}
.arT2
{
    /* Детский правовой сайт */

width: 135px;
height: 44px;

/* Body/1 */
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
/* or 22px */

color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
text-decoration: none;
}
.ActiveRes3
{
  /* Frame 1000004562 */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 20px 24px;
gap: 49px;

width: 330px;
height: 144px;

background: #FFFFFF;
border: 1px solid #E9E9E9;
/* 1 */
box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
border-radius: 14px;

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
  
}
.arIMG3
{
    /* 1200px-Coat_of_Arms_of_Mazyr,_Belarus 1 */

width: 88px;
height: 21px;

background: url(image.png);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.arT3
{
    /* Безопасность детей в сети */

width: 145px;
height: 44px;

/* Body/1 */
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
/* or 22px */

color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
text-decoration: none;
}
.ActiveRes4
{
    /* Frame 1000004563 */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 20px 24px;
gap: 60px;

width: 330px;
height: 144px;

background: #FFFFFF;
border: 1px solid #E9E9E9;
/* 1 */
box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
border-radius: 14px;

/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;

}
.arIMG4
{
    /* 1200px-Coat_of_Arms_of_Mazyr,_Belarus 1 */

width: 87px;
height: 104px;

background: url(image.png);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.arT4
{
    /* Правовой форум  в Беларуси */

width: 141px;
height: 66px;

/* Body/1 */
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
/* or 22px */

color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
text-decoration: none;

}
.NeedPhoto
{
    width: 100%;
}
 @media(max-width:1080px)
{
    .top
    {
        width:170%;
    }
    .under
    {
        width:146.2%;
    }
    .background
    {
        width:170%;
    }
    .under-bar
    {
        width:170%;
    }
    .hrt {
  width: 170%;
  height: auto;
}
   .MyLife {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 68px;
  position: absolute;
  width: 1407px;
  height: 615px;
  left: 261px;
  top: 4500px;
} 
    .ActiveRes {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 30px;
  width: 1409px;
  height: 144px;
  flex: none;
    flex-grow: 0;
  order: 1;
  flex-grow: 0;
  left: 422px;
  position: absolute;
  top: 186px;
}
    .TextRes {
  width: 500px;
  height: 43px;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 120%;
  color: #0099FF;
  flex: none;
    flex-grow: 0;
  order: 0;
  flex-grow: 0;
  position: absolute;
  left: 427px;
}
    .Map
    {
        width:170%;
    }
}
