/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
.carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-link:not(.no-link):hover .carousel-tile-card {
  -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #4f7e15;
          box-shadow: 0 0 0.3125rem 0.0625rem #4f7e15; }

@media (min-width: 576px) {
  .carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-link:not(.no-link):focus .carousel-tile-card {
    border: 0.125rem solid #4f7e15;
    -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #4f7e15;
            box-shadow: 0 0 0.3125rem 0.0625rem #4f7e15; } }

.carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-card {
  -webkit-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
  margin-top: 0.125rem; }

.carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-body .carousel-tile-desc {
  color: #4f7e15; }
  .carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-body .carousel-tile-desc:hover {
    color: #2f4b0c; }

.carousel-container.dark-theme .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-link:not(.no-link):hover .carousel-tile-card {
  -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #fff;
          box-shadow: 0 0 0.3125rem 0.0625rem #fff; }

@media (min-width: 576px) {
  .carousel-container.dark-theme .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-link:not(.no-link):focus .carousel-tile-card {
    border-color: #fff;
    -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #fff;
            box-shadow: 0 0 0.3125rem 0.0625rem #fff; } }

.carousel-container.dark-theme .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-body .carousel-tile-desc {
  color: #fff; }