*{

    color: #ffffff;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
body{

}
.navbar{
    background-image: var(--bg_color);
    width: 100%;
}
.navbar-toggler,
.navbar-toggler:focus{
    outline: none;
    box-shadow: none;
    border: none;
}
.navbar-toggler span{
    font-size: 2rem;
    color: var(--yalow);
}
.navbar .nav-link{
    font-weight: 500;
    font-size: .9rem;
    color: var(--mix_white2);
    opacity: .5;
}
.navbar .nav-link.active,
.navbar .nav-link:hover{
    font-weight: 680;
    color: var(--mix_white2);
    opacity: .8;
}
#fer-bar ion-icon{
    color: var(--green);
    font-size: 1rem;
    padding: 4px;
    cursor: pointer;
    border: var(--F_border);
    border-radius: var(--_50_px);
}
#fer-bar ion-icon.active,
#fer-bar ion-icon:hover{
    background-color: var(--yalow);
    border: var(--S_border);
}

#nav{
    background-color: #394c5c;
}
/* header */

header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  margin-bottom: 40px;

    .header{
        width: 100%;
        background: #778495;
        border-radius: 10px;
        h1{
            width: 100%;
            font-size: 2rem;
            font-weight: 680;
            text-align: center;
            background: #778495;
        }
    }
}
@media screen and (max-width: 1150px) {
    header{
width: 116.5%;

        }
    }



/*section */
.container{
    width: 100%;
    margin: auto;
    display: flex;

    justify-content: center;
    align-items: center;
    iframe{
        margin-top: 20px;
        margin-left: 10px;
        border-radius: 10px;
    }.about_us{
    width: 100%;
    padding: 10px;
    margin: 10px;
    align-items: center;
    justify-content: center;

     .about_us_description{
         h1{
             margin-left: 0px;
         }p{
         font-size: 1.2rem;
         font-weight: 500;
                   }
         width: 100%;
         padding: 10px;
     }.about_us_in-outre-platform{

        width: 100%;
        margin: 10px;
        h2{
            margin-top: 80px;
            font-size: 2rem;
             font-weight: 680;
            margin-left: 230px;
        }
        ul{
            margin-left: 100px;
            list-style: none;
            display: flex;
            li{

                margin: 10px;
                transform: scale(1);
                transition: 0.3s;
                a{
                    text-decoration: none;
                    color: white;
                    font-size: 1.2rem;
                    font-weight: 500;
                    img{
                        width: 50px;

                        margin-right: 10px;
                    }
                }
            }li:hover{
            transform: scale(1.1);
            transition: 0.3s;
                         }
        }

           }
         }
}