.category_packages {
    flex-wrap: nowrap !important;
    @media (max-width: 640px) {
        flex-wrap: wrap !important;
    }
    .category_package {
        padding: 10px 12px;
        background-color: #fe5e00;
        border-radius: 10px;
        transition: all 0.4s;
        cursor: pointer;

        &:hover {
            background-color: #681e77 !important;
        }

        &.active {
            background-color: #681e77 !important;
        }
        @media (max-width: 768px) {
            padding: 8px 12px;
            line-height: 1.5;
            border-radius: 6px !important;
            justify-content: center !important;
        }
        @media (max-width: 640px) {
            flex: 0 1 48%;
        }
    }

    h2 {
        color: white;
        font-size: 20px;
        margin: 0;
        @media (max-width: 991px) {
            font-size: 18px !important;
        }
        @media (max-width: 768px) {
            font-size: 14px !important;
            line-height: 1.5;
        }
        /*  @media (max-width: 767px) {*/
        /*      font-size: 13px !important;*/
        /*  }*/
    }

    &>div {
        width: 100%;
    }

    .category_package .test_icon {
        width: 100px;
        height: 100px;
        object-fit: contain;
        @media (max-width: 991px) {
            width: 70px !important;
            height: 70px !important;
        }
    }
    .test_icon {
        width: 100px;
        height: 100px;
        object-fit: contain;
      }
    @media (min-width: 767px) {
        &>div {
            width: 100%;
        }
    }
}

.test_btn {
    img {
      width: 20px;
      height: 20px;
      object-fit: contain;
      margin-right: 2px;
      @media (max-width:991px) {
        margin-right: 0px;
        width: 15px !important;
        height: 15px !important;
      }
    }
    padding-right: 10px;
    @media (max-width:991px) {
      padding-right: 5px;
    }
    @media (max-width:768px) {
        padding-right: 0px;
      }
  }