/** @format */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
/**
 * Nav Links
 *
 * @format
 */

html {
  scroll-behavior: smooth;
}

.nav-links li a {
  color: black;
  font-weight: normal;
  font-size: 16px;
}

.nav-links i {
  margin-right: 3px;
}

.project-btn {
  padding: 12px 14px;
  font-size: 14px;
}

.p-left .icon {
  background: #f2f5f9;
  padding: 1px 6px;
  border-radius: 30px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.pt-btn {
  border: 1px solid #fff;
}

.logo-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.logo a img {
  width: 40px !important;
  /* adjust as needed */
  height: auto;
}

.logo-link .f-title {
  margin: 0;
}

.feature-area-inner p {
  font-size: 15px;
}

.pt-body .pt-features .text {
  font-size: 16px !important;
}

.b-post-s1 .title {
  font-size: 21px !important;
}

.footer-cta .p-left h2 {
  font-size: 20px;
}

#footer-title,
.cr-txt p,
.cr-menu li a {
  text-transform: capitalize !important;
}

.single-team-s1 .content {
  margin-top: -15px !important;
}

.hero-s10 .btn-s7 {
  margin-top: -3rem !important;
}

.hero-s10 .content-d {
  margin-bottom: 3.4rem !important;
}

.d-page-banner {
  margin-top: 1rem !important;
  margin-bottom: -4rem !important;
}

#features-slider .feature-s1 .icon {
  background: transparent !important;
}

#features-slider .feature-s1:hover .content h4::after {
  color: blue !important;
  width: 0% !important;
}

#f-icons {
  font-size: 20px !important;
  color: var(--color-light) !important;
  background: var(--color-green) !important;
  padding: 12px !important;
  border-radius: 30px !important;
  margin-bottom: -1rem !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

#team .team-area-s7 {
  margin-top: 4.4rem !important;
}

#p-icon,
.blog-catagories-widget .fa-circle-dot {
  color: var(--color-success) !important;
  font-size: 18px !important;
}

.blog-catagories-widget .fa-circle-dot {
  margin-right: 5px !important;
}

.comment-form {
  border: 1px solid #ccc !important;
  padding: 20px !important;
  border-radius: 5px !important;
}

.blog-sidebar-s1 .widget .thumb img {
  width: 120px !important;
  height: 120px !important;
  border-radius: 60px !important;
}

.subs-newsletter-widget .form-container input {
  border: 1px solid #ccc !important;
  outline: none !important;
  padding: 14px !important;
  border-radius: 12px !important;
  width: 100% !important;
}

.subs-newsletter-widget .form-container input:hover {
  border-color: var(--color-warning) !important;
}

#termsModal .modal-body h5,
#privacyModal .modal-body h5{
  font-size: 15px !important;
}

#termsModal .modal-body p,
#privacyModal .modal-body p{
  font-size: 14px !important;
}

.modal-header button {
  outline: none !important;
  box-shadow: none !important;
  background-color: var(--color-success);
  padding: 3px;
  border-radius: 30px;
  font-size: 10px !important;
}

.modal form input,
.modal form textarea {
  outline: none !important;
  box-shadow: none !important;
}

.modal form input:focus,
.modal form textarea:focus {
  border: 1px solid var(--color-success);
  box-shadow: 0px 4px 8px rgba(0, 124, 251, 0.16) !important;
}

.modal form .modal-footer button,
.modal-footer button {
  padding: 10px 16px;
  border-radius: 3px;
  font-size: 14px !important;
}

.modal form .modal-footer button.btn-primary {
  background-color: var(--color-success) !important;
}

.modal form .modal-footer button.btn-primary:hover {
  background-color: var(--color-green) !important;
}