* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #00072d;
}

/* Button Start */
.custom-btn {
  border-color: orangered;
  color: orangered;
}

.custom-btn:hover {
  background-color: white;
  color: orangered;
  border-color: orangered;
}

/* Button Ends */
/* Custom Card Start */
.custom-card {
  background-color: #00072d !important;
  transition: margin-top 0.3s ease, box-shadow 0.3s ease;
  color: white;
  max-height: 300px !important;
}

.custom-card:hover { 
  margin-top: -10px;
  box-shadow: 0 10px 20px rgba(255, 255, 255, 0.3);
}
.custom-icon{
  color: orangered !important;
}
/* Custom Card Ends */
/* Underline Start */
.underline {
  justify-content: center;
  width: 100px;
  border-radius: 30px;
  height: 4px;
  background-color: orangered;
}

/* Underline Ends */
.navbar {
  background-color: #00072d;
  height: 90px;
  border-bottom: 2px solid white;
}

.navbar-brand {
  color: white !important;
  font-size: 30px !important;
}

.custom-link {
  color: grey !important;
  /* Default text color */
  position: relative;
  text-decoration: none;
  margin: 0px 5px;
  transition: color 0.3s ease-in-out;
}

.custom-link:hover {
  color: white !important;
  /* White text on hover */
}

.custom-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: orangered;
  transition: width 0.3s ease-in-out;
}

.custom-link:hover::after {
  width: 100%;
}

/* Footer Start */

/* Footer Ends */