.faq-page-header

{

  background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
    padding: 83px 0 88px;
  text-align: center;
     }

.faq-categories-zone		{
  background: #fff;
  padding: 37px 0;
   border-bottom: 2px solid #e2e8f0;
    position: sticky;
   top: 77px;
	z-index: 97;
}

.categories-nav-grid	{
    display: flex;
   gap: 13px;
  justify-content: center;
	 flex-wrap: wrap;
}

.category-nav-btn {
	padding: 12px 23px;

	  display: flex;

	  font-weight: 600;

	    align-items     :  center;

	       border-radius: 8px;

	   cursor: pointer;

	  border: 2px solid #e2e8f0;

	    transition: all 0.26s ease;

	  background  :      #f8fafc;

		gap: 9px;

	  font-size: 14px;

	    color: #475569;
}

.category-nav-btn:hover {
   border-color: #ea580c;
    background: #fff7ed;
   color: #ea580c;
}

.category-nav-btn.active-category {
  background: #ea580c;
  border-color: #ea580c;
  color:  #fff;
}

.category-nav-btn.active-category .category-btn-icon {
   stroke   :  #fff;


}

.category-btn-icon {
  stroke     :        #64748b;
  transition: stroke 0.26s ease;
    stroke-linejoin: round;
    stroke-linecap: round;
    height: 19px;
    stroke-width: 2.4;
   width: 19px;
  fill: none;
}

.category-nav-btn:hover .category-btn-icon {
   stroke: #ea580c;
}

.faq-content-section {
   padding: 77px 0;
   background: #f8fafc;
}

.faq-category-block {
   margin-bottom: 57px;
}

.category-header-bar {
  gap     :      17px;
  margin-bottom: 34px;
    padding-bottom: 19px;
   display: flex;
				 align-items: center;
   border-bottom: 2px solid #e2e8f0;
}

.category-header-icon {
   stroke: #ea580c;
  width: 37px;
   fill: none;
    stroke-linejoin: round;
   stroke-linecap: round;
    stroke-width: 2.3;
  height: 37px;
}

.category-section-title {
  font-size     : 33px;
   font-weight: 700;
   color: #1e293b;
         margin: 0;
}

.faq-accordion-container {
    max-width: 960px;
	   margin: 0 auto;
}



.faq-accordion-item {

               overflow  :        hidden;
    border: 2px solid #e2e8f0;
    transition: all 0.27s ease;
   margin-bottom: 17px;
	border-radius: 11px;
    background: #fff;
} 

.faq-accordion-item:hover {
  border-color    :     #ea580c;
}

.faq-question-bar {
   padding: 23px 27px;
   cursor: pointer;
   display :       flex;
    justify-content: space-between;
			align-items     : center;
  gap: 21px;
  transition: background 0.24s ease;
}

.faq-question-bar:hover {
      background: #fff7ed;
}

.faq-question-title {


 font-size: 18px;
               font-weight: 600;
  color: #1e293b;
	 margin: 0;
	 line-height: 1.48;}

.faq-toggle-arrow {
  width: 23px;
    height: 23px;
  flex-shrink: 0;
                    stroke: #ea580c;
	fill: none;
    stroke-width: 2.7;
   transition: transform 0.29s ease;
}

.faq-accordion-item.activeFaq .faq-toggle-arrow {
  transform: rotate(180deg);
}

.faq-answer-panel {
               max-height:   0;
   overflow     :     hidden;
  transition    :      max-height 0.38s ease; 

}

.faq-accordion-item.activeFaq .faq-answer-panel {
    max-height: 470px;
}

.faq-answer-panel p {
         padding: 0 27px 27px;
  font-size: 15px;
    line-height: 1.74;
	 color: #475569;
   margin :     0;
}

.support-contact-section {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
   padding: 74px 0;
}

.support-content-block {
   text-align: center;
   max-width: 710px;
      margin: 0 auto;

}

.support-main-icon {
    width: 73px;
    height: 73px;
    stroke: #f97316;
  fill: none;
  stroke-width: 2.3;
  stroke-linecap: round;
   stroke-linejoin: round;
   margin: 0 auto 24px;
}

.support-heading-text {
	 font-size: 37px;
    font-weight: 700;
   color: #fff;
   margin-bottom: 16px;
}

.support-description-text {
   font-size: 17px;
    line-height: 1.69;
   color: #cbd5e1;
   margin-bottom: 32px;
}  

.support-action-btn {

   display: inline-block;
   padding: 16px 39px;
    background: #ea580c;
        color: #fff;
  font-weight: 600;
  font-size: 16px;
   border-radius: 8px;
                    transition: all 0.27s ease;


}

.support-action-btn:hover {
    background: #c2410c;
  transform: translateY(-2px);
  box-shadow: 0 12px 29px rgba(234, 88, 12, 0.36);
}@media (max-width: 991px) {
    .category-section-title {
        font-size: 28px;
    }

    .faq-categories-zone {
        position: static;
    }

    .categories-nav-grid {
        gap: 9px;
    }

    .category-nav-btn {
        padding: 10px 18px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .faq-page-header {
        padding: 62px 0 67px;
    }

    .category-section-title {
        font-size: 24px;
    }

    .support-heading-text {
        font-size: 28px;
    }

    .faq-question-title {
        font-size: 16px;
    }

    .faq-question-bar {
        padding: 19px 21px;
    }

    .faq-answer-panel p {
        padding: 0 21px 23px;
        font-size: 14px;
    }

    .categories-nav-grid {
        justify-content: flex-start;
    }

    .category-nav-btn {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }
}