:root {
  --content-font: "Poppins";
  /* --title-font: "Fira Sans", sans-serif; */
  --title-font: "Raleway", sans-serif;
  --blue-color: #16549d;
  --blue-dark-color: #083d7b;
  --btn-color: #021a37;
  --green-color: #8bad3d;
}

* {
  scroll-behavior: smooth;
  scroll-padding-top: 8rem;
}

body {
  font-size: 15px;
}

.title-font {
  font-family: var(--title-font);
}

.content-font {
  font-family: var(--content-font)
}

p {
  font-family: var(--content-font);
}

.bg-btn-color {
  background-color: var(--btn-color);
  border: 1px solid var(--btn-color);
  color: #fff;
  /* width: max-content; */
}

.bg-btn-color:hover {
  background-color: white;
  color: var(--btn-color);
}

.section-gap {
  padding: 80px 0;
}

.gradient-icon i {
  background: linear-gradient(90deg, #1d69a1eb, #16244A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* .border-styled img {
    border-radius: 50% 0 50% 50%;
    border: 10px solid var(--blue-color);
} */

.bg-gradient {
  background: radial-gradient(#1d69a1f7, #17264d00);
}

/* .text-gradient {
  background: linear-gradient(270deg, #216898, #1d4c73, #216898);
  background-size: 200% 200%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 4s ease infinite;
} */

/* @keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
} */

.text-stroke {
  /* font-weight: bold; */
  color: transparent;
  background-color: transparent;
  -webkit-text-stroke: 1.5px #ffffff; /* Adjust color and thickness */
  text-stroke: 1.5px #ffffff; /* Non-standard but some browsers support */
}

/* styles for popup form */
.popup {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #0000005c;
  backdrop-filter: blur(5px);
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  border-radius: 0px;
  height: 100%;
}

/* .overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.552);
  z-index: 999;
} */

.popup-form {
  max-width: 420px;
  min-width: 300px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
}