html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
}

/* body {
  font-family: "poppins", sans-serif;
} */
body {
  font-family: "Roboto", sans-serif;
}


.btn-orange {
  background-color: #f37934; /* Match the orange color in image */
  border: none;
}
.btn-orange:hover {
  background-color: #e06828;
}
.second-section h4 {
  color: #263d8e;
}
.second-section h3 {
  color: #e06937;
}
.second-section p {
  color: #263d8e;
  font-weight: 500;
}
.bg-box {
  background-color: #7089bd;
}
.bg-box2 {
  background-color: #7089bd;
  border-radius: 14px;
}
.bg-box2 p {
  color: #fff;
  text-align: left;
  padding: 14px;
}
.btn-started {
  background-color: #7089bd;
  color: #fff;
  font-size: 24px;
  padding: 5px 54px;
  font-weight: 600;
}
.btn-started:hover {
  background-color: #7089bd;
  color: #fff;
  padding: 5px 24px;
  font-weight: 600;
}

.custom-border {
  width: 200px;
  height: 0px; /* Optional - change height if needed */
  border: 5px solid #f17940;
  margin-bottom: 10px;
}
.border-top {
  border-top: 3px solid #f17940 !important;
}
/* Animation keyframes */
@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes slideUp {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* Animation classes */
.animate-fade-in {
  opacity: 0;
  animation: fadeIn 1s ease forwards;
}

.animate-slide-up {
  opacity: 0;
  animation: slideUp 0.8s ease forwards;
}

/* Delay classes */
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }
.delay-4 { animation-delay: 0.8s; }
 .text-warn{
  color: #fde545;
 }
 .text-prim{
  color: #263d8e;

 }