.form2 {
  width: 90%;
  max-width: 600px;
  height: auto;
  background: #e6e6e6;
  border-radius: 8px;
  box-shadow: 0 0 40px -10px #000;
  margin: 5vh auto;
  padding: 20px;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  text-align: center;
}

.h21 {
  font-size: 18px;
  margin: 20px 0;
  padding-bottom: 10px;
  color: #154633;
  border-bottom: 3px solid #154633;
  width: 100%;
  max-width: 300px;
  display: inline-block;
}

.input2 {
  width: 100%;
  padding: 10px;
  border: 2px solid #154633;
  border-radius: 25px;
  font-size: 16px;
}

input2:focus {
  border-bottom: 2px solid #154633
}

.p4{
  text-align: right;
}
p4:before {
  content: attr(type);
  display: block;
  margin: 28px 0 0;
  font-size: 14px;
  color: #12e02e
}

.button6 {
  background: green;
  border-radius: 25px;
  width: 100%;
  max-width: 200px;
  padding: 10px;
  font-size: 16px;
}

button6:hover {
  background: #154633;
  color: #fff
}

.div5 {
  content: 'Hi';
  position: absolute;
  bottom: -15px;
  right: -20px;
  background: #154633;
  color: #154633;
  width: 320px;
  padding: 16px 4px 16px 0;
  border-radius: 6px;
  font-size: 13px;
  box-shadow: 10px 10px 40px -14px #000
}

.span3 {
  margin: 0 5px 0 15px
}
/* استایل برای صفحه‌های کوچک‌تر */
@media (max-width: 480px) {
  .form2 {
    padding: 15px;
  }

  .h21 {
    font-size: 16px;
    width: 100%;
  }

  .input2 {
    font-size: 14px;
  }

  .button6 {
    font-size: 14px;
  }
}
        
                 .faq-container {
                   max-width: 900px;
                   margin: auto;
                   text-align: right;
                   display: flex;
                   flex-wrap: wrap;
                   justify-content: space-between;
                 }
        
                 .faq-title {
                   font-size: 24px;
                   font-weight: bold;
                   color: #226622;
                   margin-bottom: 20px;
                   width: 100%;
                   text-align: center;
                 }
        
                 .faq-item {
                   background: #fff;
                   border-radius: 10px;
                   margin-bottom: 10px;
                   padding: 15px;
                   border: 1px solid #228822;
                   cursor: pointer;
                   width: 48%;
                   box-sizing: border-box;
                   position: relative;
                   transition: background 0.3s ease;
                 }
        
                 .faq-item:hover {
                   background: #f1f8f1;
                 }
        
                 .faq-header {
                   display: flex;
                   justify-content: space-between;
                   align-items: center;
                   font-weight: bold;
                 }
        
                 .faq-answer {
                   display: none;
                   padding-top: 10px;
                   color: #444;
                   border-top: 1px solid #ddd;
                   margin-top: 10px;
                 }
        
                 .icon {
                   font-size: 16px;
                   font-weight: bold;
                   color: #228822;
                   transition: transform 0.3s ease;
                 }
        
                 .faq-item.active .icon {
                   transform: rotate(180deg);
                 }
        
                 .faq-item.active .faq-answer {
                   display: block;
                 }
        
                 @media (max-width: 600px) {
                   .faq-item {
                     width: 100%;
                   }
                 }