@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

body, html {
    font-family: 'Roboto', sans-serif !important; 
}
:root {
    --ThemeOrange : #F9B442;
}
.text-orange {
    color: var(--ThemeOrange);
}
.bg-orange {
    background-color: var(--ThemeOrange);
}
.border-orange {
    border-color: var(--ThemeOrange);
}
#main {
    height: 500px;
    background: url('https://www.transfeero.com/wp-content/uploads/2020/05/newyork2.jpg');
    background-size: 100% 100%;
}
.slick-next:before, .slick-prev:before {
    font-size: 30px !important;
    color: #1e1b18 !important;
}
.slick-prev {
    left: -50px !important;
}
.slick-next {
    right: -45px !important;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--ThemeOrange) !important;
}
.animate-ping {
    animation-duration: 3s;
}