.about{
    width: 100%;
    padding: 70px 0px 70px 0px;
    background-image: url('/photos/home.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 70%;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    background-attachment: fixed;
    z-index: 99;
}

.about-service11{
    display: none;
}

p{
    font-size: 15px;
}

#demo-about>h2{
    font-size: 25px;
}

#demo-about>h3{
    font-size: 24px;
}

#demo-about>p{
    font-size: 14px;
}

#rightt>h2{
    font-size: 25px;
}

#rightt>p{
    font-size: 14px;
}


#rightt{
    text-align: right;
}


.about-box>img{
    width: 85px;
}

.about-service{
    display: flex;
    align-items: center;
    grid-gap: 20px;
}

.about-service1{
    display: flex;
    align-items: center;
    grid-gap: 20px;
}

#top1{
    margin-top: 25px;
}

#ab-none{
    display: none;
}

#ab1{
    margin-top: -20px;
}

#about-services-right{
    text-align: right;
}

.strength{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(20rem,1fr));
    margin: auto;
    width: 94%;
    grid-gap: 20px;
}

.strength1{
    height: 69vh;
    background-image: url('/photos/card.png');
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    background-position: 50% 50%;
}

.strength2{
    height: 69vh;
    background-image: url('/photos/all11.png');
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 60px;
    text-align: center;
    background-position: 50% 50%;
}

.strength3{
    height: 69vh;
    background-image: url('/photos/menu\ tr.png');
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
}

.strength4{
    height: 69vh;
    background-image: url('/photos/serv-cil.png');
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 60px;
    text-align: center;
    background-position: 100% 100%;
    background-position: 90% 50%;
}

.str-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 13px;
}

@media only screen and (max-width: 992px) {
    .about-service1{display: none;}
    .about-service11{display: flex;display: flex;flex-direction: column;grid-gap: 20px;}
    #rightt{text-align: left;}

    .text-light{text-align: center;}

    #about-services-right{text-align: center;}

    .about-service{display: flex;flex-direction: column;}

    .about-box-title{display: flex;flex-direction: column;justify-content: center;align-items: center;}

    .about-box-title>p{max-width: 400px;text-align: center;}

    #about-boxx{display: flex;justify-content: center;align-items: center; margin-top:20px;margin-bottom: 30px;}

    #rightt{margin-top: 20px;}

    #ab-none{display: block;display: flex;}
    #ab-block{display: none;}

    #lefff{text-align: left;}
    #ab{text-align: left;}

    #demo-left{text-align: left;}

    
    
}

@media only screen and (max-width: 720px) {
    .strength2{margin-top: 0px;}
    .strength4{margin-top: 0px;width: 100%;}

    .about{padding: 80px 0px 30px 0px;}

    .about-box>img {
        width: 110px;
    }
}