@media (max-width: 767px) {


  
 .services {
    margin: 20px;
  }

  .services-card-padding {
    padding: 30px 10px;
  }
  .sub_services_para,
.sub_services_para p,
.sub_services_para ul,
.sub_services_para ol,
.sub_services_para li {
    color: #fff;
    font-size: 16px;
}
}

@media (max-width: 767px) {
    .full-height {
        height: auto;
    }

    .icons_layout {
        width: 37px;
        height: 37px;
    }

    .scroll-section {
        height: 41vh;
    }

    .left-col {
        height: 35vh;
        text-align: center;
    }

    .content-block {
        min-height: 65vh;
        padding: 50px 30px;
    }

    .ourviewall {
        font-size: 16px;
    }



    .dot {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin: 8px 0;
        background: transparent;
        border: 2px solid;
        transition: background 0.3s, transform 0.3s;
    }

}

/* Small devices (phones, 576px and down) */
@media (max-width: 567px) {



    .pos-abs-black-bootom {
        position: absolute;
        left: -150px;
        bottom: -28px;
    }

    .scroll-section {
        height: 56vh;
    }

    .pos-abs-black-top {
        position: absolute;
        top: -33px;
        right: -20px;
    }
}