.about{
    width: 100%;
    background-image: url("../images/background-about.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ellipseButton{
    display: none;
}
.backButton{
    display: none;
}
.aboutContent{
    width: 67%;
    padding-top: 212px;
    padding-bottom: 100px;
    margin: 0px 16.5% 0px;
    display: flex;
    gap: 48px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.aboutContnetmain{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.leftContent{
    width: 100%;
    height: 100%;
    display: flex;
    gap: 32px;
    flex-direction: column;
    justify-content: space-between;
}
.aboutContnetTitle{
    color: #F16D35;
    font-family: "RobotoSlab_",sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}
.leftContentAboutTextTop{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 82%;
}
.leftContentAboutTextTop > span{
    color: #FFF;
    font-family: "RobotoSlab_",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}
.leftContentAboutTextBottom{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 18% ;
}
.leftContentAboutTextBottom > span{
    color: #FFF;
    font-family: "RobotoSlab_",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}
.mainTextLeftContent{
    color: #FFF;
    font-family: "Roboto_",sans-serif;
    font-size: 18px;
    line-height: 34px;
    text-align: justify;
    font-style: normal;
    font-weight: 400;
}
.leftContent p{
    font-family: 'Roboto_',sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    text-align: justify;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.rightContent{
    margin-top: 30px;
    width: 48.75%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;

}
.rightContentBottom{
    width: 527px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.rightContentInfoShapeLeft{
    width: 364px;
    height: 283px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rightContentInfoShapeRight{
    width: 143px;
    margin: 0px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.shapContentM{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.shapeLeft{
    background: #ACCBE6;
    width: 100%;
    height: 84px;
    border-radius: 18px;
}
.mainLeftShapeField{
    margin: 13px auto;
    width: 301px;
    height: 58px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.mainLeftShapeFieldTexts{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    width: 225px;
    height: 58px;
}
.mainLeftShapeOther{
    display: flex;
    justify-content: start;
    align-items: center;
    width: 225px;
    height: 58px;
}
.mainLeftShapeOther > span{
    color: #1C5484;
    font-family: "Roboto_",sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.spanText{
    color: #1C5484;
    font-family: "Roboto_",sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.shapeFirstTitle{
    color:  #1C5484;
    font-family: "Roboto_",sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}
.shapeSecondTitle{
    color: #1C5484;
    font-family: "Roboto_",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.shapeRight{
    background: #ACCBE6;
    width: 100%;
    display: flex;
    height: 171px;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
}
.shapeRightMainField{
    width: 119px;
    height: 147px;
    margin: 12px auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.shapeRightMainFieldText{
    width: 119px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.rightShapeTextBig{
    color: #1C5484;
    text-align: center;
    font-family: "Roboto_",sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.rightShapeTextSmall{
    color: #1E5586;
    text-align: center;
    font-family: "Roboto_",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px
}
.shapeRightBottomText{
    width: 122px;
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.rightShapeBottomTextBig{
    color: #1C5484;
    text-align: center;
    font-family: "Roboto_",sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 92px;
    height: 50px;
}
.rightShapeBottomTextSmall{
    color: #1C5484;
    text-align: center;
    font-family: "Roboto_",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mainLeftShapeFieldAm{
    width: 320px;
}
.mainLeftShapeFieldTextsAm{
    width: 254px;
    height: 43px;
}
.shapeSecondTitleAm {
    font-size: 15px;
}
.shapeRightMainFieldTextAm{
    height: 130px;
}
.shapeRightMainFieldTextAm .rightShapeTextBig{
    font-size: 15px;
}
.shapeRightMainFieldTextAm .rightShapeTextSmall{
    color: #1C5484;
    text-align: center;
    font-family: "Roboto_", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.shapeRightMainFieldAm{
    width: 119px;
    height: 134px;
    margin: 12px auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.shapeRightMainFieldAm .shapeRightBottomText {
    width: 122px;
    height: 55px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}
.shapeRightMainFieldAm .rightShapeBottomTextBig {
    color: #1C5484;
    text-align: center;
    font-family: "Roboto_", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 37px;
    width: auto;
}
.shapeRightMainFieldAm .rightShapeBottomTextSmall {
    color: #1C5484;
    text-align: center;
    font-family: "Roboto_", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mainLeftShapeFieldTextsAm .txt222,
.mainLeftShapeFieldTextsAm .spanText{
    color: #1C5484;
    font-family: "Roboto_", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.mainLeftShapeFieldTextsEn > .shapeFirstTitle{
    font-size: 18px;
}
@media screen and (max-width: 1600px) {
    .shapeRightMainFieldTextAm .rightShapeTextSmall,
    .shapeRightMainFieldAm .rightShapeBottomTextSmall{
        font-size: 11px;
    }
    .shapeRightMainFieldTextAm .rightShapeTextBig,
    .shapeRightMainFieldAm .rightShapeBottomTextBig{
        font-size: 14px;
    }
    /*.leftContent p {*/
    /*    font-size: 1.05vw;*/
    /*}*/
    .rightContentBottom {
        width: 100%;
    }
    .mainLeftShapeField > img{
        margin-left: 5px;
    }
}
@media screen and (max-width: 1450px){
    .shapeRightMainFieldTextAm .rightShapeTextBig {
        font-size: 13px;
    }
    .shapeRightMainFieldTextAm .rightShapeTextSmall {
        font-size: 11px;
    }
    .rightShapeTextBig {
        font-size: 23px;
    }
    .shapeRightMainFieldTextAm {
        height: 112px;
    }
    .shapeRightMainFieldAm .rightShapeBottomTextBig {
        font-size: 13px;
    }
    .shapeRightMainFieldAm .rightShapeBottomTextSmall {
        font-size: 11px;
    }
    .mainLeftShapeFieldTextsEn > .shapeFirstTitle{
        font-size: 16px;
    }
    .rightShapeTextSmall, .rightShapeBottomTextSmall {
        font-size: 16px;
    }
    .top1 img{
        width: 70px;
    }
    /*.leftContent p {*/
    /*    font-size: 1.17vw;*/
    /*    font-weight: 400;*/
    /*    line-height: 28.51px;*/
    /*    text-align: center;*/
    /*}*/
    .mainLeftShapeField {
        margin: 13px 13px;
        gap: 16px;
    }
    .rightContentBottom {
        margin-top: 0;
        width: 72.37%;
        height: 100%;
        display: flex;
        gap: 14px;
        flex-direction: column;
    }
    .rightContentInfoShapeLeft{
        width: auto;

    }
    .rightContentInfoShapeRight, .shapContentM {
        width: 270px;
        margin: 0;
        display: flex;
        gap: 10px;
        flex-direction: row;
        justify-content: space-between;
    }
    .rightContentBottom {
        width: auto;
    }
}
@media screen and (max-width: 1100px) {
    .mainLeftShapeFieldTextsEn > .shapeFirstTitle {
        font-size: 14px;
    }
    .about{
        background-color: #5D9A9D;
    }
    .aboutBackButton{
        display: contents;
    }
    .aboutContent {
        width: auto;
        padding-top: 102px;
        margin: 0px 6.9% 0px 6.8%;
        gap: 20px;
    }
    .rightContentInfoShapeRight, .shapContentM {
        width: 256px;
        gap: 10px;
        flex-direction: row;
    }
    .shapeLeft{
        width: 303.98px;
        height: 60px;
    }
    .leftContent{
        gap: 0;
    }
    .aboutContnetTitle {
        font-family: 'RobotoSlab_';
        font-size: 22px;
        font-weight: 400;
        width: 100%;
        text-align: center;
    }
    .backButton {
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
    }
    .leftContentAboutTextTop > span{
        font-size: 16px;
        line-height: 34px;
    }
    .leftContent p{
        font-family: 'Roboto_', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        text-align: justify;
    }
    .aboutContnetmain {
        flex-direction: column;
    }
    .leftContent {
        width: auto;
    }
    .historyContent {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 64px;
    }
    .shapeRight{
        height: auto;
    }
    .shapeRightMainField{
        width: 106px;
        height: 111px;
        padding: 12px;
        border-radius: 18px;
    }
    .shapeRightMainField img{
        width: 43px;
        height: 44px;
        padding: 4px 0px 0px 0px;
    }
    .rightShapeTextBig{
        font-size: 15px;
        line-height: 17.58px;
        height: 17px;
    }
    .rightShapeBottomTextBig{
        font-size: 15px;
        line-height: 17.58px;
        height: 36px;
    }
    .shapeRightMainFieldText {
        width: 99px;
        height: 36px;
    }
    .rightShapeTextSmall, .rightShapeBottomTextSmall{
        font-size: 14px;
        line-height: 16.41px;
    }
    .shapeRightMainField img{
        width: 40.91px;
        height: 40.91px;
    }
    .bottom1{
        width: 113px;
        height: 140px;
    }
    .rightContent {
        width: auto;
        flex-direction: row-reverse;
        align-items: normal;
        gap: 24px;
        padding-top: 17px;
    }
    .rightContentBottom {
        width: 100%;
    }
    .mainTextLeftContent{
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
        width: 100%;
    }
    .shapeLeft {
        width: max-content;
    }
    .mainLeftShapeField > img{
        width: 34px;
        height: 34px;
    }
    .shapeFirstTitle{
        font-family: "Roboto_",sans-serif;
        font-size: 11px;
        font-weight: 400;
        line-height: 16.41px;
        text-align: left;
    }
    .shapeSecondTitle{
        font-size: 14px;
        line-height: 17.58px;
        text-align: left;
    }
    .mainLeftShapeField {
        width: 303.98px;
        height: 60px;
        border-radius: 10px;
        padding: 11.5px 10px 11.5px 10px;
        margin: 0;
        gap: 20px;
    }
    .rightContentInfoShapeLeft {
        height: auto;
        gap: 8.5px;
    }
    .mainLeftShapeOther > span, .spanText{
        font-family: 'Roboto_',sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 17.58px;
        text-align: left;
    }
    .mainLeftShapeFieldTexts {
        height: -webkit-fill-available;
    }
    .shapeRightBottomText {
        width: 96px;
        height: 54px;
    }
    .aboutLangRu .mainLeftShapeFieldTexts{
        height: 51px;
    }
    .aboutLangAm .mainLeftShapeFieldTexts{
        height: 37px;
    }
}
@media screen and (max-width: 730px) {
    .mainTextLeftContent {
        font-size: 14px;
        line-height: 25px;
        text-align: justify;
        width: 100%;
    }
    .aboutContnetTitle{
        font-size: 20px;
    }
    .leftContent p {
        font-family: 'Roboto_', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        text-align: justify;
    }
}
@media screen and (max-width: 700px){
    .mainLeftShapeFieldTextsAm .txt222, .mainLeftShapeFieldTextsAm .spanText {
        font-size: 13px;
    }
    .historyContent {
        flex-direction: column;
        align-items: center;
        gap: 18px;
    }
    .shapeRight {
        height: 140px;
        width: 125px;
    }
    .blogContent{
        width: 268px;
        height: 368px   ;
        justify-content: space-between;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mainTextLeftContent {
        width: 100%;
    }
    .leftContentAboutTextTop{
        width: 100%;
    }
    .rightContentInfoShapeRight{
        width: 256px;
    }
    .shapContentM{
        width: 256px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
    }
    .blogShapContent{
        height: 212px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .rightContentBottom{
        display: flex;
    }
    .rightContent {
        padding-top: 24px;
    }
    .mainLeftShapeField {
        width: 300px;
        padding: 11.5px 10px 11.5px 10px;
    }
    .bottom1 {
        height: 128px;
    }
    .footerBackground {
        margin-top: -55px!important;
    }
}
@media screen and (max-width: 600px){
    .ellipseButton {
        display: block;
        position: absolute;
    }
    .backButton {
        width: 30px;
        height: 30px;
    }
    .aboutMobileTitle{
        margin-left: 30px;
    }
}