/* faqs pages code setup css code  */


.main-faqs{

		margin-top: 100px;
		padding-top: 40px;


	}

	@media(max-width:767px){
		.main-faqs{

			margin-top: 50px;
			padding-top: 40px;

		}
		
		.faq-question h4{
			
			font-size:22px !important;
		}
		
		.faq-answer{
			
			font-size:16px !important;
			
		}
		
		.faq-question .bullet{
			
			height: 10px !important;
			width: 20px !important;
		}
		
		.main-faqs h2{
			font-size: 28px !important;
		}
	}

	.main-faqs img{

		border-radius: 10px;
		margin: 6px 1px;
	}



	.faqs-page-header{

		background-color: rgba(157, 203, 210, 1);
		padding:30px 2px;

	}


	.main-faqs h2 {
		margin-top: 30px;
		font-weight: 500;
		margin-bottom: 20px; 
	}

	.main-faqs p{


		line-height: 28px;
		margin-bottom: 20px;
	}


	

	.main-faqs .faqs-page-toc-top ul {

		
		display: flex;
		margin-bottom: 0px;
		overflow-x: auto; /* Use 'auto' for better control */
		align-items: center;
		white-space: nowrap;
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none;  /* IE and Edge */
		border-bottom: 1px solid #002231;
		

	}

	/* Hide scrollbar for Chrome, Safari and Opera */
	.main-faqs .faqs-page-toc-top ul::-webkit-scrollbar {
		display: none;
	}


	.main-faqs .faqs-page-toc-top ul li{

		list-style: none;
		padding:9px;
		margin:10px 33px;
		
		margin-left: -33px !important;

	}

	.main-faqs .faqs-page-toc-top ul li a{
		color: #002231;
		font-weight: bold;

	}

	.main-faqs .faqs-page-toc-top ul li a:hover{
		color:#1cbcff;
	}




.faq-container {
  border: 2px dashed #3ac569 !important;
  border-radius: 10px !important;
  padding: 15px 0px 20px 15px !important;
  /* max-width: 1000px; */
  margin-bottom: 50px !important;
}

.faq-item {
  background: #f9fcfd !important;
  border: 1px solid #ddd !important;
  /* padding: 20px; */
  cursor: pointer !important;
  margin: 20px 0px !important;
}

/* .faq-item:last-child {
  border-bottom: none !important;
} */

.faq-question {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 13px !important;
  cursor: pointer !important;
  position: relative !important;
  background: #f9fcfd !important;
  border-radius: 5px !important;
}

.faq-question h4 {
  color: #002231 !important;
  flex-grow: 1 !important;
  margin-left: 10px !important;
	font-size: 25px;
}

.faq-question .bullet {
  height: 10px ;
  width: 10px ;
  background-color: transparent !important;
  border-radius: 50% !important;
  margin-right: 12px !important;
  transition: background-color 0.3s ease !important;
}

.faq-item.active .bullet {
  background-color: #007BFF !important;
}

.faq-answer {
  display: none !important;
  color: #4b5d67 !important;
  font-size: 20px ;
  padding: 10px !important;
}

.faq-item.active .faq-answer {
  display: block !important;
}

.faq-question .icon img {
  transition: transform 0.3s ease !important;
}

.faq-item.active .faq-question .icon img {
  transform: rotate(180deg) !important;
}