@charset "UTF-8";

/*
Theme Name: M&M Invest Developer
Version: 1.0
Author: ROXART Agency
Requires PHP: 7.4
*/
*{
    font-family: "Josefin Sans", sans-serif;
}

html{
    scroll-behavior: smooth;
    scroll-padding-top: 20px;
    color: #1D1D1B;
    line-height: 1.4em;
}
body{
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6{
    line-height: 1.2em;
    font-weight: 700;
}
@media screen and (max-width: 576px){
    html{
        scroll-padding-top: 10px !important; 
    }
}

#section_4 .swiper-button-next,
#section_4 .swiper-button-prev{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}

#section_4 .swiper-button-next{
    right: 0;
}

#section_4 .swiper-button-prev{
    left: 0;
}

#section_4 .swiper-button-next::after,
#section_4 .swiper-button-prev::after{
    width: 24px;
    height: 24px;
    font-size: unset;
}

#section_4 .swiper-button-next::after{
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 18L15 12L9 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

#section_4 .swiper-button-prev::after{
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 18L9 12L15 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.faq-arrow{
    transition: transform 0.3s;
}
.faq-arrow.open {
    transform: rotate(180deg);
}