.faq-sec {height: 500px; background: url("../images/banner1.jpg") center/cover no-repeat;display: flex; align-items: center; justify-content: center; text-align: center;color: #fff; font-family: "Inter", sans-serif;}
.faq-content {    max-width: 1000px;}
.faq-content h1 {    font-size: 34px;    font-weight: 700; margin-bottom: 20px;  }
.faq-content h1 span {    margin: 0 10px;    font-weight: 300;}
.faq-content h1 small {    font-size: 24px;    font-weight: 500;}
.faq-content p {   font-size: 18px;  line-height: 1.6;  margin-bottom: 35px;   }
.faq-btn {    background: #f7931e;    padding: 14px 28px;    color: #fff;    text-decoration: none;    font-weight: 600;    border-radius: 3px;    /* display: inline-block; */    transition: 0.3s;}
.faq-btn:hover {    background: #e67e00;}
.narvi-faq-section {  background: #f3f3f3;  padding: 80px 20px;  font-family: "Inter", sans-serif;}
.narvi-faq-wrapper {  max-width: 80%;  margin: auto;}
/* ITEM */
.narvi-faq-item {  background: #eff0f7;  margin-bottom: 15px;  border-left: 4px solid #f7931e;  overflow: hidden;}
/* HEADER */
.narvi-faq-head {  display: flex;  justify-content: space-between;  align-items: center;  padding: 18px 20px;  cursor: pointer;}
.narvi-faq-head h3 {  font-size: 20px;  color: #1e2756;font-weight: 700;  margin: 0;}
.narvi-faq-icon {  font-size: 22px;  color: #555;}
/* BODY */
.narvi-faq-body {  padding: 0 20px;  max-height: 0;  overflow: hidden;  transition: 0.4s ease;  color: #666;}
/* ACTIVE STATE */
.narvi-faq-item.active .narvi-faq-body {  padding: 15px 20px;  max-height: 200px;}

@media (min-width:1601px) and (max-width:1700px){
  .narvi-faq-head h3 {  font-size: 15px;}
  .narvi-faq-item.active .narvi-faq-body {  padding: 0px 20px 10px;  max-height: 200px;  font-size: 12px;}
.faq-btn{ font-size: 12px;}
}

@media (min-width:1501px) and (max-width:1600px){
  .narvi-faq-head h3 {  font-size: 15px;}
  .narvi-faq-item.active .narvi-faq-body {  padding: 0px 20px 10px;  max-height: 200px;  font-size: 12px;}
.faq-btn{ font-size: 12px;}
}

@media (min-width:1401px) and (max-width:1500px){
  .narvi-faq-head h3 {  font-size: 15px;}
  .narvi-faq-item.active .narvi-faq-body {  padding: 0px 20px 10px;  max-height: 200px;  font-size: 12px;}
.faq-btn{ font-size: 12px;}
}

@media (min-width:1301px) and (max-width:1400px){
  .narvi-faq-head h3 {  font-size: 15px;}
  .narvi-faq-item.active .narvi-faq-body {  padding: 0px 20px 10px;  max-height: 200px;  font-size: 12px;}
.faq-btn{ font-size: 12px;}
}

@media (min-width:1201px) and (max-width:1300px){
  .narvi-faq-head h3 {  font-size: 15px;}
  .narvi-faq-item.active .narvi-faq-body {  padding: 0px 20px 10px;  max-height: 200px;  font-size: 12px;}
.faq-btn{ font-size: 12px;}
}

@media (min-width:1101px) and (max-width:1200px){
.narvi-faq-head h3 {  font-size: 15px;}
  .narvi-faq-item.active .narvi-faq-body {  padding: 0px 20px 10px;  max-height: 200px;  font-size: 12px;}
.faq-btn{ font-size: 12px;}
}

@media only screen and (min-width: 991px) and (max-width: 1100px) {
.narvi-faq-head h3 {  font-size: 15px;}
  .narvi-faq-item.active .narvi-faq-body {  padding: 0px 20px 10px;  max-height: 200px;  font-size: 12px;}
.faq-btn{ font-size: 12px;}
}


@media screen and (max-width: 990px) {
  .faq-content h1 {        font-size: 25px;font-weight: 700;        padding: 0 17px;}
    .faq-content h1 small {        font-size: 22px;font-weight: 700;}
  .faq-sec {        padding: 60px 15px;        min-height: 400px;}
    .faq-content h1 {        font-size: 26px;font-weight: 700;}
    .faq-content h1 span {font-weight: 700;        display: none;}
    .faq-content h1 small {        display: block;font-weight: 700;   font-size: 18px;        margin-top: 8px;}
.narvi-faq-wrapper {  max-width: 90%;}
    .faq-content p {        font-size: 14px;}
    .faq-btn {        padding: 12px 12px;    font-size: 11px;    }
 .narvi-faq-head h3 {  font-size: 15px;}
   .faq-content h1 {font-weight: 700;        font-size: 22px; }
    .faq-content p {        font-size: 12px;}
    .narvi-faq-item.active .narvi-faq-body {  font-size: 12px;}

}