:root {
  --font-primary: 'Inter Tight', sans-derif;
}

body {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
}

.info .icon i {
  font-size: 2.5rem;
}

.info .icon {
  width: 5rem;
  height: 5rem;
}

.icon-shape {
  display: grid;
  place-items: center;
}

.info h5 {
  font-weight: 500;
  font-size: 1.125rem;
}

.info p {
  font-size: 14px;
}

.icon-shape i {
  top: 0 !important;
}

.service-template {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media(max-width: 500px) {
  .service-template {
    grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
  }
}

.navbar-brand img {
  height: 28px; 
}

.navbar-brand:hover img {
  transform: scale(1.1); 
}

.section-header h3 {
  font-size: 1.5rem;
  font-weight: 500;
}

.section-header p {
  font-size: 14px;
}

.navbar .nav-link {
  color: #212121;
  font-weight: 500;
  font-size: 15px;
}

.navbar-nav .nav-link:hover {
  color: #FF9934; 
}


.navbar-toggler {
  border: none;
}

.navbar.blur {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.letter-footer {
  background-color: #FA6018;
  font-size: 18px;
}

@media(max-width: 575.98px) {
  h1 span {
    font-size: 2.75rem !important;
  }
}


/*** Footer ***/
.footer .nav-link {
  color: #e9ecef;
}

.modal-alert-success .modal-content {
  max-width: 26rem;
}

.text-gradient.text-secondary {
  background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%);
}