@font-face {
    font-family: 'Loew_black';
    src: url('../fonts/Loew\ Next\ Arabic\ Black.ttf') format('truetype');

}
@font-face {
    font-family: 'Loew_bold';
    src: url('../fonts/Loew\ Next\ Arabic\ Bold.ttf') format('truetype');

}
@font-face {
    font-family: 'Loew_extrabold';
    src: url('../fonts/Loew\ Next\ Arabic\ ExtraBold.ttf') format('truetype');

}
@font-face {
    font-family: 'Loew_heavy';
    src: url('../fonts/Loew\ Next\ Arabic\ Heavy.ttf') format('truetype');

}
@font-face {
    font-family: 'Loew_light';
    src: url('../fonts/Loew\ Next\ Arabic\ Light.ttf') format('truetype');

}
@font-face {
    font-family: 'Loew_medium';
    src: url('../fonts/Loew\ Next\ Arabic\ Medium.ttf') format('truetype');

}
@font-face {
    font-family: 'Loew_thin';
    src: url('../fonts/Loew\ Next\ Arabic\ Thin.ttf') format('truetype');

}
@font-face {
    font-family: 'barlow_bold';
    src: url('../fonts/BarlowCondensed-Bold.ttf') format('truetype');

}


body{
    background-color: #0B0B0B ;
    background-image: url(../images/background@2x.png);
    background-repeat: no-repeat;
    background-size: 100vw;
    /* background-position: right; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
   overflow-x: hidden;
    width: 100vw;
}
a {
    text-decoration: none;
    color: white;
}
.header{
    height: 45vw;

}
.head{
    height: 19vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo{
    width: 22vw;
}
.content{
    color:white;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.big_title{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.big_title h3{
    font-family: 'Loew_thin';
    font-size: 1.1vw;
    letter-spacing: -0.55px;
    line-height: 0vh;

}
.big_title h1{
    font-family: 'Loew_heavy';
    font-size: 2vw;
    line-height: 0vh;
    letter-spacing: -1.05px;
}

.registration{
    margin-top: 2vh;
    height: 13vw;
    background-color: white;
    color: #0C0C0C;
    width: 65vw;
    border-radius: 1.5vw;
}
.registration img{
    display: none;
}
.registration> div{
   padding: 1vw 1vw 2vw 1vw;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}

.registration h1{
    font-family: 'Loew_black';
    letter-spacing: -1.13px;
    font-size: 2.2vw;
    line-height: 2vw;
}
.registration p{
    font-family: 'Loew_extrabold';
    letter-spacing: -0.53px;
    font-size: 1vw;
    line-height: 0vh;
}
.title{
    width: 30vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.date{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.date p{
    color: #1456FF;
   
}
.register_button{
    background-color: #1456FF;
    padding: 1.2vw;
    border-radius: 0.5vw;
    text-align: center;
}
.register_button a{
    font-family: 'Loew_heavy';
    font-size: 1.55vw;
}
.bottom{
  
    height: 30vh;
    width: 100vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.bottom img{
    width: 14vw;
}
.bottom>div:nth-child(2)>div{
   display: flex;
   width: 2.5vw;
   height: 2.5vw;
   border-radius: 50%;
   background-color: white;
   /* padding: 0.7vw; */
   text-decoration: none;
   justify-content: center;
   align-items: center;
   margin-right: 1vw;
}
.bottom>div:nth-child(2)>div a{
    color: #0B0B0B;
}
.bottom>div:nth-child(2){
    display: flex;
}
.fa-solid, .fas {
    line-height: 0vw !important;
    margin-right: 1vw;}
.fa-user{
    margin-left: 1vw;
}
@media (max-width : 1150px) {
    .registration img {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        border-radius: 4vw 4vw 0vw 0vw;
    }
  
    body{
        background-image: url(../images/backgroundmobile@2x.png);
        background-size: 148vw;
        background-position-x: center;
   
    }
    .head {
        height: 32vw;
    }
    .logo {
        width: 34vw;
    }
    .header {
        height: 72vw;
    }

    .big_title h3 {
        font-size: 2.8vw;
    }
    .big_title h1 {
        font-size: 5vw;
    }
    
    .registration{
     height: auto;
     width: 81vw;
     border-radius: 3.5vw;
    }
    .registration h1 {
        
       
        font-size: 7.2vw;
        text-align: center;
        line-height: 6vw;
    }
    .registration p {
        display: flex;
        font-size: 3vw;
        width: 50vw;
        flex-direction: row;
        justify-content: center;
    }
    .registration> div {
        padding: 6vw 0vw 6vw 0vw;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-content: center;
        align-items: center;
    }
    .title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .title , .date {
        margin-bottom: 6vw;
    }
    .register_button {
        padding: 2.8vw 7vw;
        border-radius: 3.5vw;
    }
    .register_button a {
        font-size: 4vw;
    }
    .bottom {
        margin-top: 6vw;
        /* margin-bottom: 6vw; */
        display: flex;
        height: 68vw;
        justify-content: space-evenly;
        align-items: center;
        flex-direction: column-reverse;
    }
    .bottom>div:nth-child(2)>div {
        font-size: 4vw;
        width: 9.5vw;
        height: 9.5vw;
        margin-right: 3vw;
    }
   
    .bottom img {
        width: 50vw;
    }

}
@media (max-height: 750px) {
  .registration_list{
    margin-bottom: 6vw;
  }
    
}
@media (max-height:550px) {
    .registration_list{
      margin-bottom: 15vw;
    }
      
  }
  @media (max-height:350px) {
    .registration_list{
      margin-bottom: 18vw;
    }
      
  }