*{
    font-family: Cairo;
}


.alert-success{
    width: 25%;
    color: white;
    background-color: #3ab37c;
    animation: hideAnimation 0s ease-in 5s;
    animation-fill-mode: forwards;
    bottom: 0;
    position: fixed;
    right: 15px;
    animation: fadeinout 15s linear forwards;
    opacity: 1;
    z-index: 10000;
}
.alert-warning{
    color: white;
    background-color: orange;
    width: 25%;
    position: fixed;
    bottom: 0px;
    right: 15px;
    animation: fadeinout 15s linear forwards;
    opacity: 1;
    z-index: 10000;

}



.iti {
    --iti-path-flags-1x: url('/image/flags.png');
    --iti-path-flags-2x: url('/image/flags@2x.png');
    --iti-path-globe-1x: url('/image/globe.png');
    --iti-path-globe-2x: url('/image/globe@2x.png');
  }

.iti{
    display: block !important;
}