body {
       font-family: 'Nunito Sans', sans-serif !important;

   }

   a {
       text-decoration: none !important;
   }

   p {
       font-family: 'Open Sans', sans-serif !important;
   }

   .font-nunito-sans {
       font-family: 'Nunito Sans', sans-serif !important;
   }

   .customers-cards-dots .slick-dots li button:before {
       color: #b3b3b3;
   }

   .customers-cards-dots .slick-dots li.slick-active button:before {
       color: #666;
   }


   @media screen and (min-width: 1200px) {
       .customers-cards .card {
           border: 0;
           flex: 1;
       }
   }

   @media screen and (max-width: 1400px) {
       .customers-cards .slick-track {
           display: flex;
           padding: 1rem 0;
           column-gap: 1.2rem;
       }

       .customers-cards .slick-slide {
           width: 75vw;
           overflow: hidden;
       }

       .customers-cards .slick-slide>div,
       .customers-cards .slick-slide>div>div {
           height: 100%;
       }

       .customers-cards-dots .slick-dots li button:before {
           color: #b3b3b3;
       }

       .customers-cards-dots .slick-dots li.slick-active button:before {
           color: #666;
       }
   }

   @media screen and (max-width: 1200px) {
       .customers-cards .slick-track {
           display: flex;
           padding: 1rem 0;
           column-gap: 1.2rem;
       }

       .customers-cards .slick-slide {
           width: 75vw;
           overflow: hidden;
       }

       .customers-cards .slick-slide>div,
       .customers-cards .slick-slide>div>div {
           height: 100%;
       }

       .customers-cards-dots .slick-dots li button:before {
           color: #b3b3b3;
       }

       .customers-cards-dots .slick-dots li.slick-active button:before {
           color: #666;
       }

   }

   .certificate-card {
       transition: box-shadow 0.3s ease;
   }

   .certificate-card .icon-rounded-box {
       transition: transform 0.3s ease;
   }

   .certificate-card:hover .icon-rounded-box {
       transform: scale(1.1);
   }

   .customer-card {
       transition: box-shadow 0.3s ease;
       /* cursor: pointer; */
   }

   .customer-card .icon-rounded-box {
       transition: transform 0.3s ease;
   }

   .customer-card:hover {
       box-shadow: var(--bs-box-shadow-lg) !important;
   }

   .customer-card:hover .icon-rounded-box {
       transform: scale(1.1);
   }

   .customers-cards .slick-slide {
       height: 250px;
   }

   .category-card {
       transition: all 0.3s ease;
   }

   .category-card:hover {
       box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
       transform: translateY(-4px);
   }

   .category-img {
       transition: transform 0.3s ease;
   }

   .category-card:hover .category-img {
       transform: scale(1.05);
   }

   .text-success-opacity-75 {
       color: rgba(var(--bs-success-rgb), 0.75);
   }

   .projects-thumbs .slick-slide {
       padding: 4px;
       cursor: pointer;
   }

   .projects-thumbs .slick-current img {
       border: 3px solid #007bff;
       border-radius: 6px;
   }

   .hover-white:hover {
       color: white !important;
   }


   @media screen and (min-width: 1200px) {
       .product-categories-cards .card {
           box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
           border-radius: 0.7rem;
           border: 0;
           flex: 1;
       }

       .product-categories-cards .card img {
           border-radius: 0.7rem 0.7rem 0 0;
       }
   }

   @media screen and (max-width: 1400px) {
       .product-categories-cards .card {
           border: 0;
       }

       .product-categories-cards .slick-track {
           display: flex;
           padding: 1rem 0;
           column-gap: 1.2rem;
       }

       /* .product-categories-cards .slick-slide div,
    .product-categories-cards .slick-slide a {
        height: 100%;
    } */

       .product-categories-cards .slick-slide {
           width: 80vw;
           border-radius: 0.7rem;
           overflow: hidden;
       }

       .product-categories-cards .slick-slide.slick-active {
           box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
       }

       .product-categories-cards .slick-slide>div,
       .product-categories-cards .slick-slide>div>div {
           height: 100%;
       }

       .product-categories-cards-dots .slick-dots li button:before {
           color: #b3b3b3;
       }

       .product-categories-cards-dots .slick-dots li.slick-active button:before {
           color: #666;
       }
   }

   @media screen and (max-width: 1200px) {
       .product-categories-cards .card {
           border: 0;
       }

       .product-categories-cards .slick-track {
           display: flex;
           padding: 1rem 0;
           column-gap: 1.2rem;
       }

       /* .product-categories-cards .slick-slide div,
    .product-categories-cards .slick-slide a {
        height: 100%;
    } */

       .product-categories-cards .slick-slide {
           width: 80vw;
           border-radius: 0.7rem;
           overflow: hidden;
       }

       .product-categories-cards .slick-slide.slick-active {
           box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
       }

       .product-categories-cards .slick-slide>div,
       .product-categories-cards .slick-slide>div>div {
           height: 100%;
       }

       .product-categories-cards-dots .slick-dots li button:before {
           color: #b3b3b3;
       }

       .product-categories-cards-dots .slick-dots li.slick-active button:before {
           color: #666;
       }
   }

   .image-wrapper {
       overflow: hidden;
       position: relative;
       display: block;
       height: 12.5rem;
   }

   .category-img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.3s ease;
       display: block;
   }

   .overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
       transition: opacity 0.3s ease;
       pointer-events: none;
   }

   .image-wrapper:hover .category-img,
   .image-wrapper:hover .overlay {
       transform: scale(1.05);
   }