/* How to start section styles */
.how-start__area {
  position: relative;
  background-color: #0a192f;
  padding: 100px 0;
}

.how-start__item {
  background-color: #0f2540;
  border-radius: 10px;
  padding: 40px 30px;
  transition: all 0.3s ease;
  height: 100%;
}

.how-start__item:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0, 178, 255, 0.1);
  border-color: rgba(0, 153, 255, 0.5);
}

.how-start__icon {
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.how-start__icon img {
  height: 57px;
  width: auto;
  transition: all 0.3s ease;
}

.how-start__item:hover .how-start__icon img {
  animation: pulse-icon 1.5s infinite;
}

.how-start__title {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 15px;
}

.how-start__item p {
  color: #a0b0c9;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0px;
}

.gradient-text-1 {
  background: linear-gradient(to right, #00c6ff, #0072ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* Benefit Cards Styling */
.benefit-card {
  background-color: rgba(10, 18, 27, 0.7);
  border: 1px solid rgba(59, 89, 152, 0.2);
  border-radius: 10px;
  padding: 40px 30px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.benefit-card:hover {
  transform: translateY(-10px);
  border-color: rgba(0, 153, 255, 0.5);
  box-shadow: 0 10px 20px rgba(0, 153, 255, 0.1);
}

.benefit-icon {
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.benefit-icon img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  transition: all 0.3s ease;
}

.benefit-card:hover .benefit-icon img {
  animation: pulse-icon 1.5s infinite;
}

@keyframes pulse-icon {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.1);
  }
  100% {
      transform: scale(1);
  }
}

.benefit-title {
  color: #adbdcc;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
}

.benefit-highlight {
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 0;
}

.benefit-desc {
  color: #8d9caa;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
}

.theme-bg-1 {
  background-color: #0e0a24;
}

/* What You Can Trade section styles */
.trade-options__area {
position: relative;
background-color: #0a121b;
padding: 100px 0;
}

.trade-slider {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}

.trade-card {
background-color: rgba(10, 18, 27, 0.7);
border: 1px solid rgba(59, 89, 152, 0.2);
border-radius: 10px;
padding: 40px 30px;
text-align: center;
transition: all 0.3s ease;
height: 100%;
min-height: 400px;
position: relative;
perspective: 1000px;
}

.trade-card__front,
.trade-card__back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 30px;
backface-visibility: hidden;
transition: all 0.6s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 10px;
}

.trade-card__front {
background-color: rgba(10, 18, 27, 0.7);
z-index: 2;
transform: rotateY(0deg);
}

.trade-card__back {
background-color: rgba(0, 114, 255, 0.1);
border: 1px solid rgba(0, 153, 255, 0.3);
transform: rotateY(180deg);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
overflow-y: auto;
padding: 25px;
}

.trade-card:hover .trade-card__front {
transform: rotateY(180deg);
}

.trade-card:hover .trade-card__back {
transform: rotateY(0deg);
}

.trade-card__icon {
margin-bottom: 20px;
transition: all 0.3s ease;
}

.trade-card__icon span {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: rgba(0, 153, 255, 0.1);
}

.trade-card__icon img {
width: 40px;
height: 40px;
object-fit: contain;
transition: all 0.3s ease;
}

.trade-card:hover .trade-card__icon img {
animation: pulse-icon 1.5s infinite;
}

.trade-card__title {
color: #ffffff;
font-size: 22px;
font-weight: 600;
margin-bottom: 15px;
}

.trade-card__desc {
color: #8d9caa;
font-size: 14px;
line-height: 1.5;
}

.trade-card__back p {
color: #a0b0c9;
font-size: 15px;
line-height: 1.6;
margin-bottom: 0;
}

/* Course Tabs Styling */
.gradient-text {
background: linear-gradient(90deg, #FB5141 40%, #089EFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 600;
}

.course-tabs {
display: inline-flex;
margin: 1.5rem 0;
}

.course-tab {
padding: 10px 25px;
border-radius: 25px;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}

.course-tab.active {
background-color: #5243AA;
color: white;
margin-right: 10px;
}

.course-tab:not(.active) {
background-color: white;
color: #333;
border: 1px solid #ddd;
}

.course-tab:hover {
opacity: 0.9;
transform: translateY(-2px);
}