:root{
    /*
   --primary:#013cb4;
    --primary-hover:#012fa0; 
    --primary-focus:#0147c6;
   --rimary-active:#002f8f;
   */
   --primary:#008000;
    --primary-hover:#339933; 
    --primary-focus:#66B266;
   --rimary-active:#99CC99;
   --primary-forground:#ffffff;
   --secondary:#ffb300;
        --secondary-hover: #e6a100;
           --secondary-focus: #ffbf33;
           --secondary-active:#cc9900;

   --secondary-forground:#000000;
}
@import url(fonts.css);

body{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}
.ff-josh{
    font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.bg-primary{ background-color:var(--primary); color:var(--primary-forground);}
.bg-secondary{ background-color:var(--secondary);}

.btn-secondary:hover{background-color:var(--secondary-hover);}
.btn-secondary:focus{background-color:var(--secondary-focus);}
.btn-secondary:active{background-color:var(--secondary-active);}

.text-primary{color:var(--primary);}

.text-primary-forground{color:var(--primary-forground);}

.fill-primary{ fill:var(--primary);}
.fill-gray{ fill:#E5E5E5;}

.btn{ min-height:60px; border-radius:14px; padding-left:1.5rem; padding-right:1.5rem; font-size:1.5rem; transition: all 0.2s ease;}
.btn-light{ background-color:#fff; color:#000; }
.btn-primary{background-color:var(--primary); color:var(--primary-forground); box-shadow: 0px 10px 16px #00000029;}
.btn-primary:hover{background-color:var(--primary-hover);}
.btn-primary:focus{background-color:var(--primary-focus);}
.btn-primary:active{background-color:var(--primary-active);}

.btn-secondary{background-color:var(--secondary); color:var(--secondary-forground);box-shadow: 0px 10px 16px #00000029; }

.fill-primary path.b{ fill:var(--primary);}


.fill-secondary{ fill:var(--secondary);}
.half-border {
   position: relative;
   border-radius: 9999px;
   z-index: 0;
 }

 .half-border::before,
 .half-border::after {
   content: "";
   position: absolute;
   border-radius: 9999px;
   pointer-events: none;
   z-index: -1;
 }

 .half-border::before {
   inset: -8px; /* Blue border */
   border: 2px dashed #fff;
   clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
 }

 .half-border::after {
   inset: -10px; /* Yellow pushed slightly further out */
   border: 4px solid #ffb300;
   clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
 }
 .step-arrow {
   position: absolute;
   right: -45px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 20;
}



footer a:hover{ color:var(--primary);}

header.scrolled{ background-color:var(--primary);}

@media (max-width: 1023.99px) { 
   #navbar{
      background-color:var(--primary);
   }
   #navbar{
      transform: translateX(-100%);
   }
     #navbar.navActive{
      transform: translateX(0%);
   }
   .btn{
      font-size:1rem;
      min-height:44px;
          padding-left: 1rem;
    padding-right: 1rem;
   }
}



.dorival-font{  
   font-family: 'Dorival UI Variable', sans-serif;
   font-weight: 400; /* ensures normal weight */
 
 }

.accordion-content {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease-out;
}
.accordion-content.active {
   max-height: 200px;
   transition: max-height 0.3s ease-in;
}
.accordion-icon {
   transition: transform 0.3s ease;
}
.accordion-icon.rotate {
   transform: rotate(180deg);
}

/* FAQ Text Truncation */
.faq-text {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   transition: all 0.5s ease;
}

.faq-text.expanded {
   -webkit-line-clamp: unset;
}

.show-more-btn {
   background: none;
   border: none;
   cursor: pointer;
   font-size: inherit;
   padding: 0;
   margin-top: 8px;
   display: inline-block;
}

.show-more-btn:hover {
   text-decoration: underline;
}

.swiper-pagination .swiper-pagination-bullet-active{
background-color:var(--secondary);
}