/* Import Geomanist font */
@import url('/assets/fonts/geomanist.css');

/* navbar */

nav.navbar{
  background-color: #EDF2F7 !important;
}


body {
    font-family: 'Geomanist', sans-serif;
    background-color: rgb(255, 255, 255);
    -webkit-font-smoothing: antialiased;
  }

  /* animation for texts */
  @keyframes textAnimation {
    0% { transform: translateX(100%); opacity: 0; }
    100% { transform: translateX(180); opacity: 1; }
}

@keyframes fadeInFromMiddle {
  0% {
      opacity: 0; /* Start fully transparent */
      transform: translateY(50%); /* Start from 50% down */
  }
  100% {
      opacity: 1; /* End fully opaque */
      transform: translateY(0); /* End at its original position */
  }
}
@keyframes fadeFromTop {
  0% {
      opacity: 0; /* Start fully transparent */
      transform: translateY(10%); /* Start from 50% down */
  }
  100% {
      opacity: 1; /* End fully opaque */
      transform: translateY(0); /* End at its original position */
  }
}


@keyframes slideInFromLeft {
  0% {
    transform: translateX(20%);
    opacity: 0;
  }
  100% {
    transform: translateX(-180);
    opacity: 1;
  }
}

/* menu items */
@media (max-width: 767px) {
  .offcanvas-body .nav-link {
    font-weight: 400;
    font-size: 1.2rem;
    color: #090A0D !important;
    line-height: 0.95rem;
    padding-left: 15px;
    animation: textAnimation 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  .offcanvas-title{
    font-weight: 600;
  }
}
a.nav-link{
  font-weight: 400;
  color:#090A0D;
  -webkit-font-smoothing: antialiased;
}

  .banner-text-1{
    padding-top: 3%;
    animation: fadeFromTop 1s cubic-bezier(0.25, 0.1, 0.25, 1);
    font-size: 2.5rem;
    line-height: 120%;
    font-weight: 700;
  }
  .banner-text-2{
    padding-top: 3%;
    animation: fadeInFromMiddle 1.8s cubic-bezier(0.7, 0, 0.1, 1) forwards;
    line-height: 95%;
    font-size: 6.5rem;
    font-weight: 900;
  }


  /* mobile */
@media (max-width:765px) {


  .banner-text-2{
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding-bottom: 15px;
  }
  .banner-text-1{
    font-size: 1.5rem;
    font-weight: 400;
  }
  div.banner-text-2 >div.text{
    display: inline-flex;
    /* padding-left: 0.2em; */
    line-height: 100%;
      }

}
  
 

  .form-container{
    border: solid 2px;
    border-radius: 10px; /* Adjust the border-radius value as needed */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); /* Adjust the box-shadow values as needed */
    padding: 20px;
}

.form-check-input, .form-control{
  border: solid 1px;
}
.form-check-input:focus, .form-control:focus{
  outline: none !important;
  box-shadow: none;
}
.form-check-input:checked{
  background-color: #06620E;
  outline: none !important;
}

.form-select, .form-control{
  font-size: 0.95rem;
  background-color: #dfe4dc65;
  border: solid;
}



.form-select:focus{
  outline: none !important;
  box-shadow: none;
}

.form-label{
  font-weight: 800;
}

option{
  line-height: 5rem;
}

.btn-qasa{
  background-color: hsl(156, 87%, 37%);
  font-weight: 700;
  width: auto;
  height: auto;
  border-radius: 5px;
  padding: 5px;
}
.btn-rf{
  background-color: #0caf6d;
  font-weight: 400;
  font-size: 16px;
  width: auto;
  height: auto;
  border-radius: 5px;
  padding: 5px;
}
.btn-rf:hover{
  background-color: #0caf6d;
  font-weight: 500;
}


.btn-qasa:hover{
  background-color: #6FB253;
  color: black;
  border-radius: 5px;
}

.form-control, .form-select {
  border-width: 1px;
}

/* Fix ALL green button text colors to ensure visibility */
/* Normal state - any button with green/success background */
.btn-success,
.btn-qasa,
.btn-rf,
.btn-primary,
.badge.bg-success,
button.btn-success,
a.btn-success,
button.btn-primary,
a.btn-primary,
.btn.btn-success,
.btn.btn-primary,
[class*="btn-success"],
[class*="btn-qasa"],
[class*="btn-rf"],
.bg-success {
  color: white !important;
}

/* Hover state - ensure white text on hover too */
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-qasa:hover,
.btn-qasa:focus,
.btn-qasa:active,
.btn-rf:hover,
.btn-rf:focus,
.btn-rf:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
button.btn-success:hover,
a.btn-success:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  color: white !important;
}

/* Outline buttons */
.btn-outline-success {
  color: #0B7D3F !important;
  border-color: #0B7D3F !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
  background-color: #0B7D3F !important;
  border-color: #0B7D3F !important;
  color: white !important;
}

/* Links inside green buttons should be white */
.btn-success a,
.btn-primary a,
.btn-qasa a,
.btn-rf a {
  color: white !important;
  text-decoration: none !important;
}