body {

    margin: 0;

    font-family: "Roboto", sans-serif;

}



* {

    padding: 0;

    margin: 0;

    list-style: none;

    text-decoration: none;

    box-sizing: border-box;

}



.custom-container {

    width: 100%;

    max-width: 1300px;

    margin: 0 auto;

    padding: 0 15px;

}



.contact-form-main.active {

    display: flex;

}



@keyframes breathe {

  0% {

    transform: scale(1);

    box-shadow: 0 0 0px rgba(255, 189, 20, 0);

  }

  50% {

    transform: scale(0.80);

    box-shadow: 0 0 18px rgba(255, 189, 20, 0.5);

  }

  100% {

    transform: scale(1);

    box-shadow: 0 0 0px rgba(255, 189, 20, 0);

  }

}



.animate-breathe {

  animation: breathe 3.5s ease-in-out infinite;

}





@keyframes drawLine {

  0% {

    stroke-dasharray: 400;

    stroke-dashoffset: 400;

    opacity: 0;

  }

  10% {

    opacity: 1;

  }

  60% {

    stroke-dashoffset: 0;

    opacity: 1;

  }

  100% {

    stroke-dashoffset: 0;

    opacity: 1;

  }

}



@keyframes arrowHead {

  0%, 60% {

    opacity: 0;

  }

  70%, 90% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



.animate-drawLine {

  animation: drawLine 3.5s ease-in-out infinite;

}



.animate-arrowHead {

  animation: arrowHead 3.5s ease-in-out infinite;

}





@keyframes gentle-bounce {

  0%, 100% {

    transform: translateY(0);

  }

  15% {

    transform: translateY(-12px);

  }

  30% {

    transform: translateY(0);

  }

  45% {

    transform: translateY(-12px);

  }

  60% {

    transform: translateY(0);

  }

}



/* faster bounce + short pause */

.bounce-text {

  animation: gentle-bounce 2.5s ease-in-out infinite;

}





/* Mobile sidebar hidden by default */

.mobile-sidebar {

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.3s ease;

}



/* Sidebar panel */

.mobile-sidebar ul {

  transform: translateX(-100%);

  transition: transform 0.3s ease;

}



/* Active state */

.mobile-sidebar.active {

  opacity: 1;

  visibility: visible;

}



.mobile-sidebar.active ul {

  transform: translateX(0);

}





/* Hide answers by default */

.faq-btn .content {

  display: none;

}



/* Smooth arrow animation */

.faq-btn button img {

  transition: transform 0.3s ease;

}



/* Default button background */

.faq-btn button {

  transition: background-color 0.3s ease;

}



/* ACTIVE STATE */

.faq-btn.active button {

  background-color: #FFBD14;

}



/* Rotate arrow to DOWN when active */

.faq-btn.active button img {

  transform: rotate(90deg); /* right → down */

}









/* BODY SCROLL LOCK */

body.click {

  overflow: hidden;

}



/* MAIN WRAPPER (hidden by default) */

.selectplan-form-main {

  position: fixed;

  inset: 0;

  background: rgba(0, 0, 0, 0.45); /* overlay */

  display: flex;

  justify-content: center;

  align-items: center;

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.3s ease, visibility 0.3s ease;

  z-index: 9999;

}



/* SHOW STATE */

.selectplan-form-main.click {

  opacity: 1;

  visibility: visible;

}



/* INNER FORM BOX */

.selectplan-form {

  background: #fff;

  width: 100%;

  max-width: 520px;

  border-radius: 20px;

  padding: 24px;

  position: relative;



  /* animation */

  transform: translateY(30px) scale(0.96);

  transition: transform 0.35s ease;

}



/* animate form when modal opens */

.selectplan-form-main.click .selectplan-form {

  transform: translateY(0) scale(1);

}



/* CLOSE BUTTON */

.selectplan-close-btn {

  position: absolute;

  top: 14px;

  right: 14px;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: background 0.25s ease;

}











/* BODY SCROLL LOCK */

body.click {

  overflow: hidden;

}



/* MODAL OVERLAY (hidden by default) */

.book-form-main {

  position: fixed;

  inset: 0;

  background: rgba(0, 0, 0, 0.45);

  display: flex;

  align-items: center;

  justify-content: center;



  opacity: 0;

  visibility: hidden;

  transition: opacity 0.3s ease, visibility 0.3s ease;

  z-index: 9999;

}



/* SHOW MODAL */

.book-form-main.click {

  opacity: 1;

  visibility: visible;

}



/* MODAL BOX */

.book-form {

  background: #fff;

  width: 100%;

  max-width: 520px;

  padding: 24px;

  border-radius: 20px;

  position: relative;



  /* animation */

  transform: translateY(30px) scale(0.96);

  transition: transform 0.35s ease;

}



/* ANIMATE BOX WHEN OPEN */

.book-form-main.click .book-form {

  transform: translateY(0) scale(1);

}



/* CLOSE BUTTON */

.book-close-btn {

  position: absolute;

  top: 14px;

  right: 14px;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: background 0.25s ease;

}



html {
  scroll-behavior: smooth;
}