* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}

h1, h2, h3, h4, h5, h6, p, strong, span, a, li {
    font-family: Nunito Sans !important;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: white;
}

.boxed {
    max-width: 80% !important;
    margin: 0 auto !important;
}

@media screen and (max-width: 768px) {
    .boxed {
        max-width: calc(100% - 40px) !important;
    }
}


@media screen and (min-width: 1600px) {
    .boxed {
        max-width: 1600px !important;
    }
}

header a:hover {
    background-color: transparent !important;
    color: white !important;
    border: none !important;
}

a:hover {
    transition: all .4s;
    background-color: #FA4752 !important;
    color: white !important;
    border: 1px solid #FA4752 !important;
}

.splide:hover .splide__arrow {
    opacity: 1 !important;
}

.splide:hover .splide__arrow:disabled {
    opacity: .1 !important;
}

.splide__arrow {
    height: 50px !important;
    width: 50px !important;
    border-radius: 50%;
    background-color: black !important;
    opacity: 0 !important;
    transition: all .4s;
}

.splide {
    transition: all .4s;
}

.splide__arrow:disabled {
    opacity: 0 !important;
}

.splide__arrow--prev {
    left: -6em !important;
}

.splide__arrow--next {
    right: -6em !important;
}

.splide__arrow > svg {
    fill: white !important;
}