body{
    background:#dddddd;
}


.hero-section .alternative{
    font-size: 50px;
}

.card  .px-1 .fs-10{
    font-size: 20px;
}


.instructor .btn .text-white:hover{
        background-color: red !important;
}



.card:hover{
    transform: rotateY(360deg);
}


.image-animation{
  position: relative;
  animation: floatUpDown 1s ease-in-out infinite;
}

@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}

.mainBtn2{
      background: #fff !important;          /* الأزرق الغامق */
      color: #1285be !important;
      border: none !important;
      padding: 12px 24px !important;
      border-radius: 8px !important;
      cursor: pointer !important;
      width: 200px !important;
      transition: all 0.3s ease !important;
}


.mainBtn2:hover{
        width: 280px !important;       
        background:#1285be !important;          /* اللون التركواز */
        color:#fff !important;
        box-shadow: 0 4px 15px rgba(0, 59, 113, 0.3) !important;
    }
    
    
.mainBtn2:hover  svg path{
    fill: #fff !important;
}