/*
*  theme overwrite
=================================
=================================
=================================*/
/**! ----- font family ---- **/
body {
    font-family: "Aileron", sans-serif, "Aileron", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Aileron", sans-serif;
}

.blockquote {
    font-family: "Noto Serif", serif;
}

/**! ----- colors ---- **/
.bg-color-primary, .btn--bg-primary, .navbar-sticky--on .btn, .btn--bg-grey:hover, .btn--outline:hover, .btn--outline-thick:hover, .btn-border-hover.btn--color-white:before, .card--focused, .card--outline:hover, .card--outline:focus, .social-lists li a:hover, .media-player-icon--fill-primary, .oval, .slick-active .slick-dots--long, .pagination .page-item.active .page-link {
    background: #879601;
}

.color-primary, .hero-content .btn:hover .media-player-icon--fill-grey, .btn--bg-white:hover, .btn--color-primary, .btn--color-primary:hover, .btn--color-dark.btn-text-hover:hover, .btn--outline.btn--color-primary, .btn--outline-thick.btn--color-primary, .btn-text-hover:hover, .card--focused .btn__text, .lang-selector .lang-dropdown__item:focus, .lang-selector .lang-dropdown__item:hover, .icon-rounded .icon, .media-player-icon--fill-grey:hover, .btn:hover .media-player-icon--fill-grey i, .pagination .page-item .page-link:hover, .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active, .features--slider-2 .slick-arrow:hover i, .footer-widget ul li a:hover, .footer .nav li a:hover {
    color: #879601;
}

.features .swipe-tab.active-tab .swipe-tab__inner {
    -webkit-box-shadow: 0px 2px 0px #879601;
    box-shadow: 0px 2px 0px #879601;
}

.border-primary, .hr--blod, .btn--color-primary, .btn--color-dark.btn-text-hover:hover, .btn--outline:hover, .btn--outline-thick:hover, .btn-text-hover:hover {
    border-color: #879601;
}

.bg-fill-primary {
    fill: #879601;
}

/*! Place your custom styles here (below).
      This will make it much easier to update the template later - you'll only need to preserve "this file
  ===================================================================================================*/
.bg-gradient-customer {
    background: -webkit-linear-gradient(90deg, rgba(135, 150, 1, 1) 2%, rgba(186, 207, 2, 1) 91%, rgba(229, 255, 0, 1) 100%);
    background: -o-linear-gradient(90deg, rgba(135, 150, 1, 1) 2%, rgba(186, 207, 2, 1) 91%, rgba(229, 255, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(135, 150, 1, 1) 2%, rgba(186, 207, 2, 1) 91%, rgba(229, 255, 0, 1) 100%);
}

.features--slider-2 .slider-tabs .slider-tab {
    color: #879601;
    padding: 10px;
    margin-right: 5px;
    border-radius: 10px;

    width: 300px !important;
}

.features--slider-2 .slick-arrow {
    background: #879601;
    display: none !important;
}

.features--slider-2 .slider-tabs .slick-current.slick-active .slider-tab {
    background: #879601;
}

.set-size{
    width: 300px !important;
}

.slick-track {
    margin-left: 0;
    margin-right: 0;
}