@media screen and (max-width: 1100px) {/*todo nav guest-layout*/
    .guest-nav{

    }
    .md\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2.75rem * var(--tw-space-x-reverse));
        margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
    }
}
@media screen and (max-width: 1300px) {/*todo nav guest-layout*/
    .guest-nav{

    }
    .md\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2.75rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
    }
}
.div213{
    height: 235px;
}

.article,.ecosystem,.partners{
    max-width: 1110px;
    margin: auto;
}
.digitalInclusionDiv{
    display: flex;
    justify-content: space-between;
}
#DigitalInclusionProgram{
position: relative;
top: -47px;
}
.DigitalInclusionProgram{
    text-wrap: normal;
    margin-bottom: 30px;
}
.digitalInclusionInfo{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
}
.programblockHead{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #000000;
    /*margin: 24px 0;*/
    margin-bottom: 8px;
}
.digitalInclusionInfoImg{
    width: auto;
    height: 540px;
}
.digitalInclusionInfo>p{
    width: 540px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #000000;
    flex: none;
    align-self: stretch;
    flex-grow: 0;

}
.program-end-text{
    margin-top: 40px;
}
.partners-head{
    font-size:24px;
    line-height: 28px;
    font-style: normal;
    font-weight: 700;
}
.digitalInclusionInfo>h3{
    display: flex;
    flex-direction: column;
    font-size: 60px;
}
.digitalInclusionInfo>p{
   width: 100%;
    margin-top: 24px;
    margin-bottom: 40px;
}
.digitalInfoText{
    display: flex;
    flex-direction: column;
    margin-top: 150px;
}
.digitalInfoTextFooter{
    width: 100%;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 128px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #000000;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.digitalInfoTextFooter>a{
    color: #0066FF;
    text-decoration-line: underline ;
}
.mainDiv a{
    color: #0066FF;
    text-decoration-line: underline ;
}
.InfoTextDiv{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
    gap: 30px;
}
.InfoTextDiv>p{
    width: 50%;
    margin-left: 0;
    font-size: 24px;
    line-height: 46px;
    /*text-align: justify;*/
    /*padding: 10px;*/
}
.imageInfoDiv{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.InfoTextDivleft{
    align-items: flex-start;
}
.childimg{
    width: 540px;
    height: 375px;
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
    filter: drop-shadow(0px 18.5257px 74.1029px rgba(0, 0, 0, 0.06));
    border-radius: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
}
.imageInfoDivText{
    width: 540px;
    height: 40px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #939597;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-top: 15px;
}
.partners{
    text-transform: uppercase;
}
.imageInfoDivText>p{
    text-align: left;
}
.imageInfoDiv>img{
    width: 100%;
    height: 100%;
}
.linkAppDiv{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 56px;
    gap: 30px;
    position: absolute;
    height: 152px;
    left: 0;
    right: 0;
    background: #F5DF4D;
}
.div121{
    height: 152px;
}
.linkAppDiv>a{
   width: 150px;
    height: 60px;
}
.purposeDigitalInclusionProgram{
    margin-top: 128px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
}
.DigitalInclusionProgram{
    /*width: 447px;*/
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000000;
}
.inclusionProgram{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center;

    height: auto;
    width: 100%;
    /*margin-top: 40px;*/
    /*margin-right: 10px;*/
}
.programDiv{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px;
    /*gap: 8px;*/
    height: auto;
    background: #FFFFFF;
    border: 3px solid #29476B;
    border-radius: 16px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-bottom: 8px;
}
.programDiv>p{
    width: 38px;
    height: auto;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #29476B;
    flex: none;
    order: 0;
    flex-grow: 0;
    gap: 1em;
}
.programDivdouble>p{
    width: 48px;
}
.programDivYellow{
    border: 3px solid #9F8C09;
    order: 2;
}
.programDivYellow>p{
    color: #9F8C09;
}

.programDivPink{
    border: 3px solid #9A2D48;
    order: 8;
}
.programDivPink>p{
    color: #9A2D48;
}
.programDivPurple{
    border: 3px solid #5E4D8F;
    order: 9;
}
.programDivPurple>p{
    color: #5E4D8F;
}
.programDivGreen{
    border: 3px solid #5C9612;
    order: 10;
}
.programDivGreen>p{
    color: #5C9612;
}
.programDivLightBlue{
    border: 3px solid #00A0B0;
    order: 11;
    padding: 28px 24px;
}
.programDivLightBlue>p{
    color: #00A0B0;
}
.program-block{
    padding: 24px;
    gap: 8px;
    box-shadow: 0 18.5257px 74.1029px rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    margin:20px 0;
    width: 540px;
}
.programblockBlue{
    background: #8CACD3;
}
.programblockYellow{
    background: #F5DF4D;
}
.programblockPink{
    background: #F4A1B5;
}
.programblockPurple{
    background: #AFA4CE;
}
.programblockGreen{
    background: #BADB8F;
}
.programblockLightBlue{
    background: #82D7DF;
    width: 100%;
}
.dictionaries{
    margin-top: 100px;
}
.dictionaries-head{
    width: 137px;
    height: 28px;

    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000000;
}
.dictionariesMapText{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #000000;
}
.dictionariDivHead{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 30px;
    color: #000000;

}
.recommendation{
    margin-top: 120px;
}
.dictionaries {
    margin-top: 120px;
}
.creativeDevelopment{
    margin-top: 120px;
}
.recommendation-head{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000000;
}
.recommendation-text{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #000000;
    margin: 40px 0;
}
.inclusionProgramDivColumn{
    display: flex;
    gap: 30px;
}
.dictionariesFlex{
    display: flex;
}
.dictionariesFlexDiv{
    width: 50%;
}
.dictionariesFlexDiv>img{
    margin-left: -25px;
}
.dictionariesFlexDivList{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.dictionariDivHeadTExt{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #000000;
    margin-top: 10px;
}
.creativeDevelopment{
    margin-top:128px;
}
.creativeDevelopmentHead{
    width: 256px;
    height: 28px;

    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000000;

}
.creativeDevelopmentDiv{
    width: 100%;
    display: flex;
}
.creativeDevelopmentDivText{
    margin-top: 30px;
    width: 50%;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.creativeTextMiddle{
    margin-top: 20px;
    margin-bottom: 20px;
}
.creativeButtonMiddle{
    margin-bottom: -50px;
    margin-top: 10px;
}
.creativeDevelopmentDivImg{
    width: 50%;
}
.creativeDevelopmentDivImg>img{
    margin: auto;
    width: 100%;
    height: auto;
}
.musicText{
    width: 540px;
    height: 60px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 15px;
}
.musicIMG{
    margin-left:-4vh;
}
.musicContent{
    margin-bottom: 68px;
    margin-top: 145px;
}
.downloadFreeApp{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 165px;
    gap: 30px;
    position: absolute;
    height: 235px;
    left: 0;
    right: 0;
    background: #F5DF4D;
}
.downloadFreeAppDiv{
    display: flex;
}
.downloadFreeAppHead{
    width: 658px;
    height: 69px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 69px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.downloadFreeAppText{
    width: 658px;
    height: 30px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
}
.downloadFreeLinkAppDiv{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    left: 0;
    right: 0;
    background: #F5DF4D;
}
.downloadFreeAppDivText{
    padding-bottom: 5px;
}
.downloadFreeLinkAppDiv>a{
    width: 150px;
}
.ecosystem{
    margin-top: 128px;

}
.ecosystemDigitalInclusionHead{
    margin-bottom: 40px;
}
.mainDiv{
    margin-top: 150px;
}
.ecosystemDigitalInclusionHead{
    width: 549px;
    height: 28px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
}
.ecosystemDivBlockColumn{
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ecosystemDivColumn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.ecosystemDiv{
    display: flex;
    flex-direction: column;
    align-items: start;
}
.ecosystemImg img{
    width: 540px;
    height: 375px;
    border: 1px solid #E1E1E1;
    filter: drop-shadow(0px 18.5257px 74.1029px rgba(0, 0, 0, 0.06));
    border-radius: 16px;
    gap: 5px;
}
.ecosystemText{
    width: 540px;
    height: 20px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #939597;
    margin-top: 15px;
    margin-bottom: 40px;
}
.mainDiv>.image-brand{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;

}
.mainDiv > .image-brand img{
    width: 129px;
    height: 100px;
    margin: 10px;
    left: calc(50% - 129px/2 - 0.5px);
    top: calc(50% - 100px/2);
}
.buttonMain{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 32px;
    gap: 8px;
    width: fit-content;
    height: 49px;
    background: #F5DF4D;
    border-radius: 14px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #000000!important;
    text-decoration-line: none!important;
}
@media screen and (max-width: 1440px) {
    .musicIMG{
        margin-left:-3vh;
    }
    .ecosystemImg img {
        width: 500px;
        height: 335px;
    }
    .imageInfoDivText{
        width: 500px;

    }
    .imageInfoDiv {
        align-items: flex-start;
    }
}
@media screen and (max-width: 1300px) {
    .musicIMG{
        margin-left:-3vh;
    }
}
@media screen and (max-width: 1200px) {

    .program-block{
        /*width: 480px;*/
        width:512px;
        margin: 34px 0;
    }
    /*.program-block {*/
    /*    width: 100%;*/
    /*}*/
    .ecosystemImg img{
        width: 474px;
        height: 330px;
    }
    .ecosystemDiv {
        align-items: flex-start;
    }
    .ecosystemText {
        width: 500px;
    }
    .downloadFreeAppDiv {
        display: flex;
        flex-direction: column;
    }
    .downloadFreeLinkAppDiv {
        gap: 10px;
    }
}
@media screen and (max-width: 1100px) {
    .childimg {
        width: 455px;
        height: 335px;
    }

    .imageInfoDivText {
        width: 430px;
    }

    .InfoTextDiv > p {
        font-size: 23px;
        line-height: 40px;
    }
    .program-block{
        width: 450px;
    }
    .inclusionProgramDivColumn{
        flex-direction: column;
    }
    .program-block {
        width:100%;
        margin: 24px 0;
    }
}
@media screen and (max-width: 1040px) {
    .ecosystemImg img{
        width: 440px;
        height: 320px;
    }
    .ecosystemDiv {
        align-items: flex-start;
    }
    .ecosystemText {
        width: 400px;
    }
    .program-block{
        width: 450px;
    }
}
@media screen and (max-width: 1024px) {
    .mainDiv{
        margin-top: 128px;
    }
    .digitalInfoText{
        margin-top: 128px;
    }
    .digitalInclusionInfo{
        align-items: center;
        margin-bottom: 58px;
    }
    .digitalInclusionInfo>p{
        margin-top: 25px;
        margin-bottom: 32px;
    }
    .digitalInclusionInfo>h3{
        flex-direction: row;
        justify-content: center;
    }
    .digitalInclusionInfoImg{
       width: auto;
        margin-left: -5px;
    }
    .digitalInclusionInfo>h3 span{
        margin-right: 20px;
    }
    .digitalInclusionDiv{
        flex-direction: column;
        align-items: center;
    }
    .digitalInclusionInfo{
        width: 100%;
    }
    .infoContentLeft{
        flex-direction: row!important;
    }
    .imageInfoDiv{
        width: 50%;
        align-items: flex-start;
    }
    .InfoTextDivRight{
        width: 100%;
    }
    .InfoTextDiv{
        flex-direction: column;
        align-items: start;

    }

    .InfoTextDiv>p{
        width: 100%;
    }
    .inclusionProgram{
        flex-wrap: nowrap;
        height: auto;
    }
    .imageInfoDivText{
        width: auto;
        height: auto;
    }
    .linkAppDiv{
        padding: 15px;
    }
    .linkAppDiv>a{
        height: auto;
    }
    .childimg{
        width: 100%;
    }
    .childimgRight{
        height: 100%;
    }
    .inclusionProgramDivColumn{
        flex-direction: column;
    }
    .program-block {
        width:100%;
    }
    .dictionariesFlex{
        flex-direction: column;
        align-items: center;
    }
    .dictionariesFlexDiv{
        width: 100%;
    }
    .dictionariesFlexDiv>img{
        margin: auto;
    }
    .dictionariesFlexDivList{
        width: 100%;
    }
    .dictionariDivHeadTExt{
        margin-bottom: 35px;
    }
    .musicText{
        width: auto;
        height: auto;
    }
    .creativeDevelopmentDiv{
        flex-direction: column;
        align-items: center;
    }
    .creativeDevelopmentDivText{
        width: 100%;

    }
    .creativeDevelopmentDivText p{
        margin-bottom: 10px;
    }
    .creativeDevelopmentDivImg{
        width: 100%;
        margin-top: 30px;
    }
    .downloadFreeAppDiv{
        flex-direction: column;
    }
    .ecosystemDigitalInclusionHead{
        margin: auto;
        width: auto;
    }
    .digitalInclusionInfo>h3 {

        align-self: flex-start;
    }
    .ecosystemImg{
        width: 96%;
        height: auto;
    }
    .mainDiv>.image-brand{
        justify-content: center;
    }
    .childimgLeft {
        height: 280px;
        align-self: start;
    }


}

@media screen and (max-width: 890px) {
    .ecosystemImg img {
        width: 385px;
        height: 300px;
    }
    .childimgLeft {
        height: 260px;
        align-self: start;
    }
}

@media screen and (max-width: 850px) {
    .DigitalInclusionProgram {
        margin-bottom: 16px;
    }
    .ecosystemImg img{
        width: 380px;
        height: 270px;
    }
    .ecosystemDiv {
        align-items: flex-start;
    }
    .ecosystemText {
        width: 350px;
    }
    .childimgLeft {
        height: 250px;
        align-self: start;
    }
    .dictionariesFlexDiv>img {
        /*height: 500px;*/
        width: 100%;
        margin: -25px;
    }
    .dictionariesMapText{
        margin-bottom: 40px;
    }
    .dictionariesFlexDivList{
        margin-top: 40px;
    }
    /*.dictionariesFlexDivImg{*/
    /*    margin-left: -65px;*/
    /*}*/

}

@media screen and (max-width: 770px) {
.mainDiv{
    margin-top: 128px;
}
.inclusionProgramDivColumn{
    margin-top: 16px;
}
.inclusionProgramDivColumn{
    flex-direction: column;
}

.inclusionProgram{
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: unset;
}
.downloadFreeApp {
    padding: unset;
}
.downloadFreeAppDiv{
    margin: auto;
}
.downloadFreeAppHead{
    width: auto;
    height: auto;
    font-size: 55px;
}
.downloadFreeAppText{
    width: auto;
    text-align: start;
    height: auto;
}
.downloadFreeAppDivText{
    display: flex;
    flex-direction: column;
    align-items: start;
}
.ecosystemImg img{
    height: 232px;
}
.ecosystemDiv {
    align-items: flex-start;
}
.ecosystemText {
    width: 334px;
}
.childimgLeft {
    height: 207px;
    align-self: start;
}
.childimgRight {
    /*height: 425px;*/
    }
    .digitalInclusionInfo>h3{
        font-size:  50px;
    }

}
@media screen and (max-width: 720px) {
    .ecosystemImg img{
        width: 300px;
        height: 200px;
    }
    .ecosystemDiv {
        align-items: flex-start;
    }
    .ecosystemText {
        width: 280px;
    }
    .downloadFreeApp{
        height: 540px;
        padding: 56px 40px;
    }
    .downloadFreeAppHead{
        flex-direction: column;
        gap: unset;
        font-weight: 700;
        font-size: 50px;
        line-height: 65px;
    }
    .downloadFreeAppDiv{
        margin: unset;
    }
    .downloadFreeAppText{
        width: 280px;
        height: 90px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 30px;
    }

    .downloadFreeLinkAppDiv{
        flex-direction: column;
        align-items: center;
        gap: 25px;
        margin-top: 25px;
    }
    .div213 {
        height: 540px;
    }
}

@media screen and (max-width: 700px) {
    .digitalInclusionInfoImg{
        height: 499px;
    }

}

@media screen and (max-width: 600px) {
    .digitalInclusionInfoImg{
        height: 450px;
    }
    .ecosystemDigitalInclusionHead{
        margin-bottom: 52px;
    }
    .ecosystemDivBlockColumn{
        flex-direction: column;
    }
    .ecosystemImg img{
        height: 338px ;
        width: 420px;
    }
    .ecosystemDivLeft{
        margin-top: unset;
    }
    .ecosystemText{
        /*width: 100%;*/
        text-align: start;
        margin-left: 15px;
    }
    .digitalInclusionInfo>h3{
        flex-direction: column;
    }
    .purposeDigitalInclusionProgram{
        margin-top: 80px;
    }

    .DigitalInclusionProgram {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 600px) {
    .recommendation {
        margin-top: 80px;
    }
    .dictionaries {
        margin-top: 80px;
    }
    .creativeDevelopment{
        margin-top: 80px;
    }
    .ecosystem{
        margin-top: 80px;
    }
    .downloadFreeApp{
        height: 540px;
        padding: 56px 40px;
    }
    .downloadFreeAppHead{
        flex-direction: column;
        gap: unset;
        font-weight: 700;
        font-size: 50px;
        line-height: 65px;
    }
    .downloadFreeAppDiv{
        margin: unset;
    }
    .downloadFreeAppText{
        width: 280px;
        height: 90px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 30px;
    }

    .downloadFreeLinkAppDiv{
        flex-direction: column;
        align-items: center;
        gap: 25px;
        margin-top: 25px;
    }
    .ecosystemDivBlockColumn{
        flex-direction: column;
    }
    .mainPhone{

        height: 435px;
        margin: auto;
    }
    .musicIMG {
        height: 316px;
        margin-left: 0;
    }
    .downloadFreeLinkAppDiv>img{
        height: 40px;
    }
    .childimgRight {
        height: 391px;
    }
    .childimgLeft {
        height: 185px;
        align-self: start;
    }
}
@media screen and (max-width: 500px){
    .digitalInclusionInfoImg {
        height: 401px;
    }
    .mainDiv{
        margin-top: 80px;
    }
    .digitalInfoText{
        margin-top: 80px;
    }
    .inclusionProgramDivColumn{
        margin-top: 8px;
    }
    .childimgLeft {
        height: 147px;
        align-self: start;
    }
    .childimgRight {
        height: 328px;
    }
    .DigitalInclusionProgram{
        width: 243px;

    }
    .digitalInfoTextFooter{
        height: 100%;
        margin-bottom: 80px;
    }
}
@media screen and (max-width: 450px) {
    .digitalInclusionInfoImg {
        height: 350px;
    }
}
@media screen and (max-width: 420px) {

    .downloadFreeAppText{
        height: auto;
    }
    .downloadFreeLinkAppDiv>a{
        width: 120px;
    }
    .linkAppDiv{
        gap: 15px;
        flex-direction: column;
        height: 254px;
    }
    .div121{
        height: 254px;
    }
    .downloadFreeAppHead{
        font-size: 30px;
        margin: auto;
    }
    .imageInfoDiv{
        width: 100%;
    }
    .digitalInclusionInfo>h3{
        flex-direction: column;
    }
    .buttonMain{
        width: 100%;
        font-size: 15px;
    }
    .buttonMainCategories{
        padding: unset;
    }
    .infoContentLeft{
        flex-direction: column!important;
    }
    .childimgLeft{
        height: 240px!important;
        width: 100%;
    }
    .imageInfoDivText{
        height: auto;
    }
    .imageInfoDiv{
        margin-top: 15px!important;
    }
    .musicIMG{
        margin: auto;
    }
    .mainPhone{
        width: 142px;
        height: 307px;
        margin: auto;
    }
    .ecosystemImg img {
        height: 266px;
        width: 420px;
    }
    .downloadFreeApp{
        height: 540px;
        padding: 56px 40px;
    }
    .downloadFreeAppHead{
        flex-direction: column;
        gap: unset;
        font-weight: 700;
        font-size: 50px;
        line-height: 65px;
    }
    .downloadFreeAppDiv{
        margin: unset;
    }
    .downloadFreeAppText{
        width: 280px;
        height: 90px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 30px;
    }
    .DigitalInclusionProgram{
        width: 243px;
    }

    .downloadFreeLinkAppDiv{
        flex-direction: column;
        align-items: center;
        gap: 25px;
        margin-top: 25px;
    }
    .ecosystemDivBlockColumn{
        flex-direction: column;
    }
    .imageInfoDiv {
        align-items: flex-start;
    }
    .childimg{
        /*height: 100%!important;*/
        width: auto;
    }
    .childimgRight{
        height: 100%!important;
        /*width: auto;*/
    }
    .imageInfoDivText{
        width:100%;
    }

    .ecosystemDivLeft{
        margin-top: unset;
    }
    .ecosystemText{
        text-align: start;
        margin-left: 15px;
    }
    .ecosystemDivBlockColumn {
        /*margin-top: 100px;*/
    }
    .musicIMG {
        height: 238px;
        margin-left: 0;
    }


}
@media screen and (max-width: 380px) {
    .digitalInclusionInfoImg {
        height: 227px;
    }
}
@media screen and (max-width: 300px) {
    .ecosystemText {
        width: 227px;
    }
    .ecosystemImg img {
        height: 259px;
        width: 249px;
    }
    .ecosystemDivBlockColumn {
        margin-top: 100px;
    }
    .musicIMG {
        height: 248px;
        margin-left: 0;
    }
    .buttonMain {
        font-size: 15px;
    }
    .childimgLeft, .childimgRight {
        height: 200px!important;
        width: 100%;
    }
}
@media screen and (max-width: 280px) {

    .buttonMain {
        font-size: 13px;
    }
}

@media screen and (max-height: 480px){

    .childimgLeft {
        height: 147px;
        align-self: start;
    }
    .childimgRight {
        height: 328px;
    }
    .buttonMain {
        font-size: 15px;
    }
}
@media screen and (max-height: 350px){

}
@media screen and (max-height: 480px)and (max-width: 260px){
    .buttonMain {
        font-size: 12px;
    }
}
@media screen and (max-height: 480px)and (max-width: 686px){
    .childimgLeft {
        height: 204px;
        align-self: start;
    }
    .ecosystemDivBlockColumn {
        margin-top: 70px;
    }
}

/*.div213{*/
/*    height: 235px;*/
/*}*/
@media screen and (max-width: 600px){
    .div213 {
        height: 540px;
    }
}