/**
* 2007-2020 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2020 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/
.scrollbox {
    position: relative;
}
.scrollbox__track {
    flex: 0 0 100%;
    /* scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    overflow: scroll;
    scrollbar-width: none; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 0;
    padding: 5px;
    gap:15px;
}
.scrollbox__track > * {
    scroll-snap-align: start;
}
.scrollbox__buttons {
   /*width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.3rem;
    z-index: -1;
   */
}
.scrollbox__buttons--both {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.scrollbox__buttons--small {
    height: 35px;
    top: 50%;
    transform: translateY(-50%);
}
.scrollbox__buttons--right {
    position: absolute;
    top: 13px;
    right: 5px;
    width: 55px;
}
.scrollbox__button {
    z-index: 9;
    background: #fff;
    border-radius: 0.5rem;
    transition: all 0.3s ease-in-out;
    height: 25px;
    width: 25px;
    border: none;
    padding: 0;
}
.scrollbox__button--next {
    color: #333;
    z-index: 1;
}
.scrollbox__button--prev {
    color: #333;
    z-index: 1;
}
.scrollbox__button svg {
    fill: #333;
    width: 1em;
    height: 1em;
}
.scrollbox__button:hover {
    background: #0000b3;
}
.scrollbox__button:hover svg {
    fill: white;
}
.scrollbox__buttonCircle {
    width: 35px;
    height: 35px;
    border: 1px solid #333;
    border-radius: 50%;
    color: #333;
    z-index: 1;
    padding: 0;
}
.scrollbox_nowrap {
    flex-wrap: nowrap !important;
}
.scrollbox.reveal .scrollbox__track {
    flex-wrap: wrap !important;
}
.scrollbox.reveal .scrollbox__buttons {
    display: none;
}
.scrollbox__track::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.scrollbox__buttonsContainer {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
@media (min-width: 768px) {
    .scrollbox__buttonsContainer {
        flex: 0 0 20%;
        max-width: 20%;
   }
}
.scrollbox__buttonsContainer .scrollbox-variants__buttons {
    margin: 5px 0;
    flex: 0 0 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.scrollbox__buttonsContainer .scrollbox-variants__buttons .scrollbox__button {
    transform: none;
    position: relative;
}



.atremslider__item{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
    overflow:hidden;
    
    
    border-radius: .5rem;
    scroll-snap-align: center!important;
    position: relative;
}
@media screen and (min-width:860px){
    .atremslider__item{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 8px);
        flex: 0 0 calc(50% - 8px);
        padding: 0;
        min-height: 300px;
        
        border-radius: .5rem;
    }
}

.atremslider__item img{
    width:100%;
    transition:all .3s ease-in-out;
}
.atremslider__item:hover img{
filter:brightness(110%);
transform:scale(1.05);
}
.atremslider__text{
    position: absolute;
    
    
    top:0;
    padding:10px;
    z-index: 3;
}
@media screen and (min-width:860px){
    .atremslider__text{
        top:50%;
        transform: translateY(-50%);
        width: 300px;
    }
}
.atremslider__text h3{
    font-size: 23px;
  color: #2c2c2c;
  font-weight: bold;
  margin-bottom: 10px;
}
.atremslider__text p{
    font-size: 20px;
  color: #2c2c2c;
  font-weight: 400;
}
.atremslider__item:nth-child(odd) .atremslider__text {
    right:0;
    
}
.atremslider__item:nth-child(even) .atremslider__text {
    left:0;
    
}
.bg-white{
    background-color: #fff;
}