:root{

    --primary:#0D5CB6;
    --secondary:#F4B400;

    --text:#222222;
    --border:#E5E5E5;

    --background:#F5F5F5;

    --container:1250px;

}

body{

    background:var(--background);
    color:var(--text);

}

.container{

    width:min(var(--container), calc(100% - 40px));
    margin:0 auto;

}

/*==================================================
    SWIPER
==================================================*/

.heroSwiper{

    width:100%;
    height:100%;

}

.heroSwiper .swiper-wrapper{

    height:100%;

}

.heroSwiper .swiper-slide{

    display:flex;

    height:auto;

}

.hero .swiper-button-prev,
.hero .swiper-button-next{

    color:#ffffff;

}

.hero .swiper-pagination-bullet{

    background:rgba(255,255,255,.6);

}

.hero .swiper-pagination-bullet-active{

    background:#F5B51D;

}