.about .row.row-gap{
    
    row-gap: 32px;

}

.innovation-col{
    position: absolute;

}




.about-title{
    text-shadow: 0px 1px 0.5px black;
    text-shadow: 0px 1.5px 0.5px white;
    font-weight: 600;
    font-size: 40px;
    font-family: "Heebo", sans-serif;
    line-height: normal;
    text-align: left;
}

.phara{
    font-size: 16px;
    font-weight: 600;
    text-align: start;
}


/*about in home page  */
.override .container-xxl.my-5.py-5{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}




.innovation-col .innov-img.small-screen{
    display: none;
}


 

@media  (max-width:989.98px) {
    .innovation-col{
        position: relative;
border: 2px solid black;
border-radius: 59px;
/* height: 31vw !important; */
height: 100% !important;
order: -1;

    }
    .bring-front{
order: -1;

    }
    .bring-front.top-pad{
        margin: 3rem 0;

    }
    .sm-m-e-0{
        margin-top:0 !important;
    }

    .innovation-col .innov-img.big-screen{
        display:none;

    }
    .innovation-col .innov-img.small-screen{
        height: 100% !important;
        object-fit: fill;
        display:block;

    }
    
}

@media (max-width:767.98px) {
    /* @media (max-width:756.98px) { */
    .order-md-1st{
        order: -1;
        }

        .m-end-0{
            margin-inline-end:0 !important;
        }

        .about ul{
            padding-left: 16px;
        }
}


@media (max-width:576.98px)  {
    
    .about{
        margin-left: 20px;
        margin-right: 20px;
    }
    

    /* client */
    .img-1{    
        top: -20% !important;
    }
    .middle-img{
        /* height: 43vh  !important; */
        height: 100% !important;

    }
    .img-2{
        bottom: -44px !important;
    }

    .img-1, .img-2{ 
        width: 30% !important;
        height: 41%;
    }
}


@media  (max-width:425.98px)  {

    .about-title {
        font-size: 30px;

    }
    .phara{
        font-size: 10px;
    }

    .sec-text-cont{
        gap:24px !important; 
    }
}
























/* client section */
.img-1::after{
content: '';
border-top-left-radius: 50px;
padding:0;margin:0;display:block;/* probably not really needed? */
  content: "";
  width:50%;
  height:1.1px;/* slight higher to work around rounding errors(?) on some zoom levels in some browsers. */
  background-color:white;
  position: absolute;
  right:0;
  top:-1px;
}