:root {
  --mina-purple: #763692;
  --mina-purple-dark: #5e2975;
  --mina-purple-light: #b58fc9;
  --mina-green: #00b4a8;
  --mina-gray: #EFEFEF;
}

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

body {
  background-image: url('../img/newbg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.vh-100 {
  min-height: 100vh;
}

.navbar-custom {
  background-color: var(--mina-purple);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.navbar-custom-shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.45);
  z-index: 10;
}

.card {
  border-radius: 1rem;
  border: none;
  overflow: hidden;
  z-index: 5;
  position: relative;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.95); 
}



.col-md-6.col-lg-7 {
  padding: 2rem;
  border-radius: 0 1rem 1rem 0;
}

.text-mina-green {
  color: var(--mina-green);
}

h5 {
  letter-spacing: 1px;
  color: #393f81;
}

.btn-mina-purple {
  background-color: var(--mina-purple);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.btn-mina-purple:hover {
  background-color: var(--mina-purple-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.btn-mina-purple-light {
  background-color: var(--mina-purple);
  color: #fff;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-mina-purple-light:hover {
  background-color: var(--mina-purple-dark);
  color: #fff;
}

a {
  color: #393f81;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.modal-content {
  border-radius: 1rem;
  overflow: hidden;
}