.banner-up {
    --background-image: url('../images/banner.png');
    margin-top:1%;
   
    color: white;
   background-size:cover;
   background-repeat:no-repeat;
   height:auto;
   direction:rtl;
   
}
.bottom-right {
  position: absolute;
  bottom:2em;
  left: 5em;
}
.banner-col-btn{
    height:1px;
    background-color:transparent;
    align-items:flex-end;
    justify-content:center;
    display:flex;
    text-align:center;
    --direction:rtl;
    position:relative;
}
.btn-a {
    background-color:orange;
    color: #fff;
    text-decoration: none;
    font-family:cairo;
    
    border:1px solid black;
    border-radius:40px;
    height:auto;
    
   width:10%;

    text-align:center;
    align-items:center;
 
}


.fa-long-arrow-right{
    font-size:16px;
    font-weight:100;
}


@media (max-width:1300px) {

.banner-hight{
    height:350%;
}

.banner-up {
background-image: url('../images/banner.png');
color: white;
       
    
background-size:cover;
background-repeat:no-repeat;
background-color:yellow;
   
      
   

}

.bottom-right {
  position: absolute;
  bottom:2em;
  left: .2em;
}
.banner-col-btn{
    height:1px;
    background-color:transparent;
    align-items:flex-end;
    justify-content:center;
    display:flex;
    text-align:center;
    --direction:rtl;
    position:relative;
}

.btn-a {
    background-color:orange;
    color: #fff;
    text-decoration: none;
    font-family:cairo;
  
    border:1px solid black;
    border-radius:40px;
    width:120%;
    height:auto;
    font-size:10px;
    position:relative;

    text-align:center;
    align-items:center;
 
}

.fa-long-arrow-right{
    font-size:8px;
    font-weight:100;
}
    

}