:root {
  --main-color: #103564;
  --bg-light-color: #96c0f51a;
  --gradient-color: linear-gradient(292deg, #103564, #144183);
}

body {
  background-color: var(--bg-light-color);
}

.text-blue {
  color: var(--main-color);
}

.bg-blue {
  background: #15094d;
  color: white;
}
.bg-main-gradient {
  background: #15094d;
  color: white;
}

.bg-transparent-light {
  background: #f4f9fe;
}

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

.bg-blue-gradient {
  background: var(--gradient-color);
}

.border-blue {
  border: 1px solid #1035649e;
}
.bg-card-light {
  background-color: #d0e1f7;
}
.offcanvas.offcanvas-start {
  width: 300px;
}

.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px;
}

a {
  text-decoration: none;
  color: black;
}
.card-btn {
  bottom: 0px;
  border: 6px solid white;
  right: 0px;
}
.btn-footera {
  border: 7px solid#ffffff;
}
.btn-footer {
  padding: 15px 18px 15px 18px;
  bottom: 20px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 7px solid #f4f8fd;
}

.bg-darkc {
  background: linear-gradient(135deg, #103564 76%, white 0%);
}

.form-control:focus {
  box-shadow: none !important;
}
.form-select:focus {
  box-shadow: none !important;
}
.card-border {
  border: 0px solid #b4d6ff;
}
.card-border:hover {
  border: 1px solid #b4d6ff;
}

.right-bor {
  border-right: 1px solid #103564;
}

.preloading {
  width: 100%;
  text-align: center;
  height: 100%;
  position: fixed;
  background: white;
  z-index: 999999;
  top: 0px;
  display: table;
  left: 0;
}

.zoom-image {
  width: 300px; /* adjust size */
  animation: zoomInOut 4s infinite ease-in-out;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

.form-control {
  font-size: 14px;
}

.blockquotes-left {
  border-left: 3px solid #0a92c5;
  height: 25px;
  border-radius: 3px;
}