* {
  transition: all 0.3s ease;
  transition-delay: 300ms;
  font-family: "Poppins";
}

.sp-4 {
  padding: 4px !important;
}

.sp-8 {
  padding: 8px !important;
}

.sp-12 {
  padding: 12px !important;
}

.sp-16 {
  padding: 16px !important;
}

.sp-20 {
  padding: 20px !important;
}

.sp-28 {
  padding: 28px !important;
}

.sp-40 {
  padding: 40px !important;
}

.sp-60 {
  padding: 60px !important;
}

.sp-100 {
  padding: 100px !important;
}

.sp-160 {
  padding: 160px !important;
}

.sp-240 {
  padding: 240px !important;
}


p {
  margin-bottom: 0 !important;
}

h2 {
  font-size: 48px !important;
}
:root {
  --darkblue: #043091;
  --blue: #3194ea;
  --gold: #ffb007;
  --lavender: #e1d4f7;
  --white: #fffdfd;
  --grey: #f7f7f7;
  --bluegrey: #edf7ff;
  --black: #000000;
  --darkgrey: #757575;
  --blue-600: rgb(20, 110, 213);
  --blue-400: rgb(204, 222, 235);
}

a {
  text-decoration: none !important;
  color: var(--black) !important;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-300 {
  font-weight: 300;
}

.fw-700 {
  font-weight: 700;
}

.bg-darkblue {
  background-color: var(--darkblue);
  color: white;
}

.bg-blue {
  background-color: var(--blue);
}

.bg-gold {
  background-color: var(--gold);
}

.bg-lavender {
  background-color: var(--lavender);
}

.bg-white {
  background-color: var(--white);
}

.bg-grey {
  background-color: var(--grey);
}

.bg-bluegrey {
  background-color: var(--bluegrey);
}

.bg-black {
  background-color: var(--black);
}

.text-white {
  color: var(--white);
}

.text-darkblue {
  color: var(--darkblue);
}

.text-blue {
  color: var(--blue);
}

.text-tricolor {
  background: linear-gradient(130deg, #ff8a16 50%, #15af07 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gold {
  color: var(--gold);
}

.text-lavender {
  color: var(--lavender);
}

.text-white {
  color: var(--white);
}

.text-black {
  color: var(--black);
}

.text-grey {
  color: var(--grey);
}

.text-darkgrey {
  color: var(--darkgrey);
}

.text-left {
  text-align: left;
}

.border-darkblue {
  border-color: var(--darkblue);
}

.border-blue {
  border-color: var(--blue);
}

.border-gold {
  border-color: var(--gold);
}

.border-lavender {
  border-color: var(--lavender);
}

.border-white {
  border-color: var(--white);
}

.fs-7 {
  font-size: 13px;
}

.btn-blue {
  border: 0px;
  background-color: var(--blue-600);
  color: var(--white);
}

.btn-custom {
  background-color: #ffb007 !important;
}

.btn-custom-blue {
  background-color: #05082e !important;
  color: white !important;
}

.text-justify {
  text-align: justify;
}

.btn-arrow {
  background-color: black;
  color: white !important;
  border-radius: 50px !important;
  max-width: fit-content;
  padding: 10px 15px;
}
.btn-arrow-white {
  background-color: white;
  color: black !important;
  border-radius: 50px !important;
  max-width: fit-content;
  padding: 10px 15px;
}
/* For Mobile Devices */
@media (max-width: 767px) {
  .spm-4 {
    padding: 2px !important;
  }

  .spm-8 {
    padding: 4px !important;
  }
  .spm-12 {
    padding: 6px !important;
  }

  .spm-16 {
    padding: 8px !important;
  }

  .spm-20 {
    padding: 10px !important;
  }

  .spm-28 {
    padding: 14px !important;
  }

  .spm-40 {
    padding: 20px !important;
  }

  .spm-60 {
    padding: 30px !important;
  }

  .spm-100 {
    padding: 50px !important;
  }

  .spm-160 {
    padding: 80px !important;
  }

  .spm-240 {
    padding: 120px !important;
  }
}

.relative {
  position: relative;
}

h1 {
  font-size: 62px !important;
}

.btn-outline {
  border: var(--blue) solid 3px !important;
  border-radius: 5px !important;
  color: var(--blue) !important;
}

.btn-blue {
  background-color: #0047ab !important;
  color: white !important;
}

.text-grey {
  color: #bebebe !important;
}

.btn-brown {
  background-color: rgb(255, 108, 39) !important;
}

.text-right {
  text-align: right;
}

.text-gradient {
  background: linear-gradient(90deg, #ff7a00, #38f100);
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
