@media(min-width:320px) and (max-width:768px){
    .mt-6{
        margin-top:20px;
    }
    .mt-7{
        margin-top:20px;
    }
    .mt-8{
        margin-top:20px;
    }
    .mt-9{
        margin-top:20px;
    }
    .service h2 {
    color: #25234d;
    text-transform: capitalize;
    font-size: 35px;
    line-height: 1.4;
}
    .testimonial .card{
        width: 95%;
        margin: 0 auto;
        padding: 4.5em 2em;
        border-radius: 18px;
        margin-top: 2em;
        margin-bottom: 6em;
    }
        .testimonial .card .img-test1,.img-test2,.img-test3,.img-test4,.img-test5,.img-test6{
        display: none !important;
    }
    .testimonial .carousel-indicators li .img-test1 {
        width: 55px;
        position: absolute;
        left: -30px;
        top: -415px;
        display: none;
    }
    .testimonial .oval-img {
        position: absolute;
        left: 0;
        top: -120px;
        width: 85px;
    }
    .service .card{
        border-radius: 30px;
    box-shadow: 1px 2px 8px #ebebeb;
    background: white;
    border: none;
    width: 100%;
    padding: 25px 20px;
    opacity: 0.75;
    text-align: left;
    z-index: 0;
    }
    .service {
        background: #f4f4f9;
        background-image: url(../images/robot.png);
        background-repeat: no-repeat;
        padding: 7.5em 0em 2em;
        border-radius: 115px 0 0 0;
        margin-top: 7.5em;
        background-size: cover;
    }
    .contact {
        background-image: linear-gradient(rgba(255, 255, 255, 0.6),rgba(255, 255, 255, 0.6)), url(../images/hand-shake.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 1em 0 3em;
    }
    .contact .card {
        padding: 55px 18px;
        border-radius: 25px;
        box-shadow: 1px 1px 2px #ffff;
        border: none;
    }
    .contact .card img {
        width: 90px;
        position: absolute;
        top: -63px;
        right: 18px;
        z-index: 0;
    }
    .testimonial h1 {
        font-weight: 500;
        color: white;
        font-size: 37px;
    }
    .specialize .bg-img {
        background-image: url(../images/brain.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 285px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .services-us{ 
        background: rgb(55,66,154);
        background: linear-gradient(50deg, rgba(55,66,154,1) 6%, rgba(95,166,239,1) 47%);   
        height: auto;
        border-radius: 0px 0px 176px 0px;
        padding: 2.5em 0em 2em;
        margin-top: 0px !important;
    }
    .contact-service{ 
        padding: 3em 0 2em !important;
    } 
    .services-us .card {
        border-radius: 30px;
        box-shadow: 1px 2px 8px #ebebeb;
        background: white;
        border: none;
        width: 100%;
        padding: 25px 20px;
        opacity: 1;
        text-align: left;
        z-index: 0;
    }
    .services-us h2 {
        color: #ffffff;
        text-transform: capitalize;
        font-size: 30px;
        line-height: 1.4;
    }
    .about-us1 {
        background: rgb(55,66,154);
        background-image: linear-gradient(153deg, rgba(55,66,154,1) 15%, rgba(85,144,220,1) 74%) !important;  
        color: white;
        border-radius: 0px 0px 176px 0px;
        margin-top: 6em;
        padding-top: 3em;
        height: auto;
    }
    .about-us1 .back-img {
        background-image: url(../images/border.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 0vh;
    }
    .about-us h2 {
        font-size: 45px;
        letter-spacing: 3px;
    }
    .specialize button {
        background: linear-gradient(
    120deg, rgba(55,66,154,1) 15%, rgba(85,144,220,1) 74%);
        padding: 20px 30px;
        color: white;
        border: 1px solid;
        margin: 10px;
        border-radius: 15px;
        display: grid;
        grid-template-columns: repeat(2,3fr);
    }
    .technologys{ 
        background: rgb(55,66,154);
        background: linear-gradient(50deg, rgba(55,66,154,1) 6%, rgba(95,166,239,1) 47%);             
        border-radius: 0px 0px 176px 0px;
        padding: 2.5em 0em 3em;
        margin-top: 6em; 
        height: auto;
    } 
    .technology {
        margin-top:0px;
    }
    .d-grids{
        display: grid !important;
        grid-template-columns: repeat(2,1fr);
        margin: 0 auto;
    }
    .technology .card img {
        width: 100px;
        border: 3.5px solid #4669bb;
        border-radius: 27px;
        padding: 3px;
        height: 100px;
        object-fit: contain;
        margin: 1em auto;
    }
    .d-img-mob{
        display: contents !important;
    }
    .d-img{
        display: none !important;
    }
    .sm-6{
        margin-top: 0em;
    }
    .service .lottie{
        display: none;
    }
    .service .caption-head {
        position: relative;
        top: -40px;
    }
    .about-us1 .lottie{
        display: none;
    }
    .specialize .lotie{
        display: none;
    }
}