.wcu-box {
       background-color: white;
       transition: 0.3s;
       background-color: hsla(0, 0.00%, 100.00%, 0.30);
   }

   .wcu-box:hover {
       background-color: var(--clr-primary);
       color: var(--clr-text-light);
       background-image: linear-gradient(to right, hsl(295, 56%, 40%), hsl(345, 86%, 25%));
   }

   .wcu-box .icon {
       font-size: 5rem;
       transition: 0.3s;
       color: var(--clr-primary);
   }

   .wcu-box:hover .icon {
       color: var(--clr-text-light);
   }

   .contact-map {
       min-height: 300px;
   }


   @media (width < 992px) {
       .wcu-box .icon {
           font-size: 3rem;
       }

       .wcu-box h6 {
           font-size: 1rem;
       }

       .wcu-box p {
           font-size: 12px;
       }
   }