@import url('https://fonts.googleapis.com/css2?family=New+Amsterdam&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





body {

   font-family: "Poppins", sans-serif;
   font-weight: 400;
   margin: 0;
   padding: 0;
color: #414141;
  
}




#btn:hover svg, #btn:hover{

background-color: #309c30;
color: #fff;


}

#btn:hover svg {
   fill: white; /* SVG color on hover */
   color: white; /* Text color on hover */
}


#fbtn{


   background-color: #309c30;
   color: #fff;
  border: none;
  font-weight: bold; 


}

 #nav_text:hover{


color: #309c30;

 }

 #ftext{
 color: #919191;  
text-decoration: none;


 }
 #ftext:hover{
 color: #000000;
    text-decoration: none;

    
     }
 #ftext.li{



    list-style: none;
 }


 .card-link:hover .card {
   transform: scale(1.05);
   transition: transform 0.3s ease;
}
 
.iti {
   width: 100%;
 }



/* Form Container Styles */
.form-container {
   display: none;
}

.form-container.active {
   display: block;
}

/* Toggle Buttons */
.toggle-btns {
   cursor: pointer;
   padding: 10px 20px;
   border: 1px solid #309c30;
   border-radius: 5px;
   transition: background-color 0.3s, color 0.3s;
}

.toggle-btns.active {
   background-color: #309c30;
   color: #fff;
}

.toggle-btns:not(.active):hover {
   background-color: #ffffff;
}

.accordion {

   --bs-accordion-btn-focus-box-shadow: none ;

--bs-accordion-active-bg: none ;  }


.star-rating{


color: rgb(255, 179, 0);


}






 /* chat button */

/* Sticky chat button styling */
.zu_chat-button {
   position: fixed;
   bottom: 20px;
   right: 20px;
   background-color: #309c30;
   color: white;
   padding: 15px;
   border-radius: 50px;
   cursor: pointer;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   transition: background-color 0.3s;
   z-index: 1001; /* Ensure chat button is above other elements */
}

.zu_chat-button:hover {
   background-color: #267a26;
}

/* Chat window styling */
.zu_chat-window {
   position: fixed;
   bottom: 80px;
   right: 20px;
   width: 300px;
   max-height: 400px;
   background-color: white;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   display: none;
   flex-direction: column;
   overflow: hidden;
   z-index: 1000; /* Ensure chat window is below the chat button but above other content */
}

.zu_chat-header {
   background-color: #309c30;
   color: white;
   padding: 15px;
   display: flex;
   justify-content: space-between;
   align-items: center; /* Ensure header items are centered vertically */
}

.zu_chat-box {
   flex: 1;
   padding: 10px;
   overflow-y: auto;
}

.zu_chat-input-container {
   display: flex;
   padding: 10px;
   border-top: 1px solid #ddd;
}

#zu_user-input {
   flex: 1;
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 5px 0 0 5px;
   outline: none;
}

.zu_send-button {
   background-color: #309c30;
   color: white;
   padding: 10px 15px;
   border-radius: 0 5px 5px 0;
   cursor: pointer;
}

.zu_send-button:hover {
   background-color: #267a26;
}

.zu_close-btn {
   cursor: pointer;
}

.zu_message {
   margin-bottom: 10px;
}

.zu_user-message {
   text-align: right;
   background-color: #e0ffe0;
   padding: 8px;
   border-radius: 10px;
   margin-left: auto;
   width: fit-content;
}

.zu_bot-message {
   text-align: left;
   background-color: #f0f0f0;
   padding: 8px;
   border-radius: 10px;
   margin-right: auto;
   width: fit-content;
}

/* Responsive styling */
@media (max-width: 768px) {
   .zu_chat-button {
      bottom: 10px;
      right: 10px;
      padding: 10px;
   }

   .zu_chat-window {
      width: 400px;
      bottom: 70px;
   }

   .zu_chat-header {
      padding: 10px;
   
   }

   #zu_user-input {
      padding: 8px;
   }

   .zu_send-button {
      padding: 8px 12px;
   }
}

@media (max-width: 480px) {
   .zu_chat-button {
      bottom: 20px;
      right: 20px;
      margin-right: 2px;
      padding: 8px;
   }

   .zu_chat-window {
      width: 250px;
      bottom: 60px;
      max-height: 300px;
      margin-bottom: 20px;
   }

   .zu_chat-header {
      padding: 8px;
      font-size: 1rem;
   }

   #zu_user-input {
      padding: 6px;
      width: 100%;

   }

   .zu_send-button {
      padding: 6px 10px;
      font-size: 0.9rem;
   }
}