@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --font-main: "Raleway", sans-serif;
}

body{
    
    font-family: var(--font-main);
}

.btn-general{
        font-family: var(--font-main);
}

h1{
    font-family: var(--font-main);
}

h2{
    font-family: var(--font-main);
}

h3{
    font-family: var(--font-main);
}

h5{
    font-family: var(--font-main);
}

.footer-list li{
    font-family: var(--font-main);
}

p{
    font-family: var(--font-main);
}

.contact-detail{
    font-family: var(--font-main);
}

.label-form{
    font-family: var(--font-main);
}

.menu-nav-element{
    display: inline;
    margin:0 15px 0 15px;
    font-family: var(--font-main);
}

.form-button{
    color:#EB5D21 !important;
    border-color: #EB5D21 !important;   
}

.form-button:hover{
    color:white !important;
}

.menu-nav-element a{
    text-decoration: none;
    color:white;
}


.header{
    font-family: var(--font-main);
}

.btn-general-transparent{
    text-decoration: none;
    color:white;
    padding:10px 26px 10px 26px;
    border:1px solid #EB5D21;
    transition: .2s;
}

.btn-general{
    color:#EB5D21 !important;
}

.btn-general:hover{
    color:white !important;
    background-color: #EB5D21 !important;

}

.separator{
    color:rgba(255, 255, 255, 0.349);
}

.phone-icon{
    transition: .2s;
}

.btn-general-transparent:hover{
    transition: .2s;
    background: #EB5D21;
    color:white
}

.btn-general-transparent:hover > .phone-icon{
    transform: translateX(-4px);
    transition: .2s;
}

@media screen and (min-width: 1130px) {
    .menu-nav-element{
        padding:0 2px 0 2px !important;
    }
}

@media screen and (max-width: 976px) {
    .separator{
        display: none !important;
    }
}

.swiper-slide img { 
    max-height: 80px; margin: auto; 
}

@media screen and (max-width: 1130px) {
    .swiper-slide img{
        max-height: 50px !important; 
        margin: auto !important;
    }
}

.list-up {
    padding-left: 5px !important;
}

.footer-list li{
    font-size: 1rem !important;
}

.list-home li{
    font-family: var(--font-main) !important;
    padding-top:12px;
}

.list-home li i{
    padding-right:5px;
}

.copywright{
    text-align: right !important;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

.float {
    animation: float 3s ease-in-out infinite;
}