#technology .grid {
    /* text-wrap: nowrap;
    overflow: scroll; */

    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    display: flex;
}
#technology .grid::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
#technology .crd:hover img,svg {
  transform: scale(1.075);
  margin-top: -21px!important;
  margin-bottom: 20px;
}
#technology .crd img,svg {
  transition: 0.3s ease!important;
  width: 80px;
}
#technology .card {
    transition: 0.3s ease!important;
    cursor: pointer;
    height: 140px;
}
#technology h6 {
    line-height: 1.5rem;
    font-weight: 300!important;
}
@media (max-width: 1024px){
    .technology-background .tech {
        font-size: 2.5rem!important;
    }
    .technology-background .w-75 {
        width: 98%!important;
    }
}
@media (max-width: 600px){
    .technology-background {
        background-position: calc(100%) 308px!important;
    }
    .technology-background .tech {
        font-size: 1.3rem!important;
    }
    .technology-background .sub-title {
        font-size: 12px!important;
    }
    .technology-background .lh-lg {
        line-height: 1.5rem!important;
    }
    .technology-background .p-3 {
        padding: 0.5rem!important;
    }
    .technology-background .p-5 {
        padding: 1rem!important;
    }
    .owl-dots{
        text-align: center!important;
        padding-bottom: 0.5rem;
    }
    .owl-dots .owl-dot {
        width: 7px!important;
        height: 7px!important;
        background-color: #C8D2F8!important;
        border-radius: 50%!important;
        margin: 2px;
    }
    .owl-dots .active {
        width: 12px!important;
        height: 7px!important;
        background-color: #5C7DEE!important;
        margin: 2px;
        border-radius: 5px!important;
    }
    .technology-background .p-3 {
        padding: 0.5rem!important;
    }
    #technology .card {
        height: 150px!important;
    }
    .technology-background .p-5 {
        padding: 1rem!important;
    }
}