body {
    font-family: 'rabar'!important;
    direction :rtl!important;
}
.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgb(223 120 13) !important;
}
 img{
width: 40px;
}
.container{
    justify-content: space-between !important;

}


/*@media screen and (min-width:1000px) {
    .container .Logo{
        margin-right: 20px;
    } 
}

@media screen and (max-width:999px) {
    .container .Logo{
        margin-left: 90px;
    } 
 
} */
.carousel-item {
    position: relative;

}
.carousel-item img{
    height: 85vh;
}
.carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
  
}
.carousel-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    z-index: 2;
}
.carousel-content h1 {
    font-size: 3rem;
    font-weight: bold;
}
.carousel-content p {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.course-card:hover {
    transform: translateY(-10px);
    transition: transform 0.3s ease;
  }


  .blog-card:hover {
    transform: translateY(-10px);
    transition: transform 0.3s ease;
  }
.zhigr{
    height: 15vh;
    width: 100%;
    background-image: url(photo_2025-01-29_17-29-25.jpg);
    text-align: center ;
    -webkit-text-fill-color: aliceblue;
    padding: 20px;

}
  
.mb-3{
display:flex;
flex-direction: column;
align-items: start;
gap: 10px;
}
.col-md-6 h3{
font-weight: 600;
color: #ec7d2e;
font-size: 25px;
margin-bottom: 5px;
}
.form-label{
width: 400px;
height: 50px;
border: none;
outline: none;
padding-left: 25px;
font-weight: 500px;
color: #666;
border-radius: 50px;

}
.col-md-6 textarea{
height: 140px;
padding-top: 15px;
border-radius: 20px;
}
.form-label:focus{
border: 2px solid #ff994f;
}
.form-label:-moz-placeholder{
color: #a9a9a9;
}
.kurd{
display: flex;
align-items: center;
padding: 8px 30px;
font-size: 16px;
color: #fff;
gap: 10px;
border: none;
border-radius: 20px;
background-color: #ec7d2e;
cursor: pointer;
}
.map{
    width: 100%;
    height: 100vh;
    display: flex;
align-items: center;
justify-content: center;
flex-direction: column;

}

iframe{
width: 100%;
height: 500px;
}
.map h1{
    color: #fa6d86;
}
.message{
 background-color: #ec7d2e;
 border: none;
 text-align: center;
display: inline-block;
font-size: 20px;
margin: 4px 2px;
border-radius: 10px;
color: beige;
}
.btn-primary{
background-color: #ec7d2e;
border: #ec7d2e;
}
.btn-success{
    background-color: #ec7d2e;
    border: #ec7d2e;
}
.row{
   gap: 15px;
}
.mb-3{
    gap: 5px;
}
.Icons{

    text-decoration: none;
    margin: 0 5px;
}
.rowo{
display: flex;
height: 90vh;
flex-wrap: wrap;
align-content: flex-start;
column-gap: 1em;
}
.rowo{
width: 210px;
height: auto;
text-align: center;
border-radius: 15px;
margin: auto;
font-size: 13px;
}

.card-img-topp{
    height: 140px;
    width: 140px;
    border-radius: 50%;
   padding: 10px;
   margin: 15px;
   
   }
.scroll-containe{
    display: flex;
    overflow-x: auto; /* Enables horizontal scrolling */
    white-space: nowrap; /* Prevents wrapping of cards */
    padding: 10px;
    gap: 10px; /* Adds space between cards */
  }
  
  .cardd {
    flex: 0 0 auto; /* Prevents flex items from shrinking */
    width: 150px; /* Set a fixed width for each card */
    height: 200px; /* Set a fixed height for each card */
    border: 1px solid #ccc; /* Optional: adds a border around the card */
    border-radius: 8px; /* Optional: rounds the corners of the card */
    overflow: hidden; /* Ensures the image fits within the card */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: adds a subtle shadow */
  }
  
  .cardd img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the card without distortion */
  }