/*
Theme Name: FreightExpress
Theme URI: https://freightexpress.qodeinteractive.com
Description: Transport & Logistics WordPress Theme
Author: Edge Themes
Author URI: https://qodeinteractive.com
Text Domain: freightexpress
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Version: 100.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



.carousel-controls-area a svg {
  height: 20px;
  width: 20px;
}

.carousel-controls-area a {
  height: 30px;
  width: 30px;
  display: flex;
  background: #f04e29;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in;
}

.carousel-controls-area {
  display: flex;
  gap: 10px;
}

.carousel-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.carousel-controls-area a svg path {
  fill: #fff;
}

.carousel-controls-area a:hover,
.carousel-controls-area a:focus {
  background: #6f1214;
}

.related-products-carousel .slick-slide {
  margin: 0 5px;
}

.related-products-carousel .slick-list {
  margin: 0 -5px;
}

@media screen and (max-width: 767px) {
  .carousel-item.slick-slide.slick-current.slick-active {
    margin-right: 20px;
  }
}
.related-products-carousel button.slick-arrow {
  display: none !important;
}
a.product-details-btn {
  color: #fff;
  display: inline-block;
  fill: #fff;
  text-align: center;
  transition: all 0.3s;
  font-size: 15px;
  line-height: 2em;
  border-radius: 0px 0px 0px 0px;
  padding: 9px 33px 9px 33px;
  background-color: var(--e-global-color-accent);
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-weight: var(--e-global-typography-accent-font-weight);
  text-transform: uppercase;
}
a.product-details-btn:hover,
a.product-details-btn:focus {
  background-color: #6f1214;
}

.carousel-item img {
  padding: 30px;
  border: 1px solid #00000021 !important;
}

.carousel-item h6 {
  margin: 20px 10px 20px 0;
}