@font-face {
    font-family: 'cairo';
    /* You can name it whatever you like */
    src: url("font/cairo/Cairo-SemiBold.ttf"),format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

[dir='rtl'] body {
    font-family: 'cairo' ,'sans-serif';
}
[dir='rtl'] button.close {
  float: left;
}
.btn-next {
    width: 10em;
    background: #17a2b8;
    color: #fff;
    border-radius: 25px;
    height: 3em;
    border: #0000;
}
.btn-back {
    width: 10em;
    background: #cb1818;
    color: #fff;
    border-radius: 25px;
    height: 3em;
    border: #0000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    cursor: pointer;
}
.rounded-25 {
    border-radius: 25px;
}
.spinner-border{
    color: #17a2b8;
}
.site-footer {
    position: relative;
    background-color: #005e61 !important;
    color: #9e9e9e;
}
.site-footer .elementor-widget-container p > a{
    
    color: #17a2b8;
}
.site-footer .elementor-widget-container p > a:hover{
    color: #cb1818;
}