.menu--faq{display: block;}
.faq-question{color:#785aff;margin-bottom: 24px;
    display: block;
    font-size: 19px;
    margin: 0 0 20px 10px;
    font-weight: bold;
}
.faq-paragraph-link {
  background-position: right 10px;
  background-image: url(/themes/tonikbankv1/images/up.svg);
  background-repeat: no-repeat;
}
.faq-link {
    background-position: right 10px;
    color: #373739;
    font-size: 22px !important;
    font-weight: 700;
}
.faq-answer{margin: 0 0 20px 30px;}
.tonik-breadcrumb{padding: 0 0 0 5px;}
/*Mobile Faq*/

.tonik-breadcrumb{background:none;display: block;margin: 0;}
.tonik-breadcrumb > li + li:before {content: "> ";}

 /* new faq */
.faq-panel-wrapper{background: none;border-color: #fff; margin: 16px 0 16px !important;}
.faq-panel{color: #373739;
    font-size: 24px;
    border: 0;
    background: none;
    margin-bottom: 20px !important;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    overflow: hidden;
}
    .faq-panel > .panel-heading {
        background: transparent;
        margin: 0;
        padding: 0;
    }
    .faq-panel .panel-title {
        font-weight: 700;
        font-size: 22px;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #DADADA;
        padding-bottom: 20px;
    }
    
    .faq-panel .panel-title a {
        display: block;
        background: url(../images/down.svg) no-repeat;
        background-position: right 10px;
        color: #373739;
        font-size: 22px !important;
    }
    .faq-panel .panel-title a.collapsed {
        background-image: url(../images/up.svg);
    }
      
      .faq-panel .panel-title a, .faq-panel .panel-title a:focus {
        color: #373739;
      }
      .faq-panel .panel-title:after {
        content: " ";
        position: absolute;
        width: 30px;
        background-size: 30px;
      }
      .faq-panel .panel-body {
        padding: 20px 0 20px;
      }
      .faq-panel .faq-answer {
        padding: 0;
      }
      
      
      
      .faq-panel > .panel-heading + .panel-collapse > .panel-body {
        border: 0;
        border-bottom: 1px solid #DADADA;
      }  
      
      .faq-view-content{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;} 
      
      /* Landing page */
      .faq-row{border: 2px solid #EAEAEB;border-radius: 24px;padding: 32px;position: relative;	overflow: hidden;	}
      .faq-icon{float: left;padding-top: 11px;}
      .faq-icon img{height: 30px;margin-right: 5px;}
      .faq-title a, .faq-title > span{display: block;font-size: 30px;font-weight: 700;color: #373739;transition: 0.3s;line-height: 1.8;}
      .faq-title > span{position: absolute;top: 32px;right: 32px;color: #785AFF;}

      .menu--faq > li a{
        font-size: 24px !important;
      }  
      .page-node-type-faq-accordion .row--higlighted {
        margin-bottom: 0px;
      } 
      .field--name-field-faq-accordions{
        margin-top: 25px;
      } 
/* faq search*/
.views-exposed-form {	
  font-weight: bold;	
  max-width: 775px;	
  margin: 0 auto;	
  position: relative;	
}	
.views-exposed-form .control-label {	
  margin: 0;	
  font-size: 57px;	
  line-height: 1;	
  margin: 28px 0 56px;	
  color: #785aff;	
  text-align: center;	
  display: block;	
  font-weight: 600;	
}
.views-exposed-form .form-text {	
  border-radius: 25px;	
  padding: 30px;	
  border: 0;	
  filter: drop-shadow(0px 8px 16px rgba(30, 30, 31, 0.08));	
  font-weight: 400;	
  font-size: 19px;	
  position: relative;	
  color: #373739;	
  width: 100%;
}	
.views-exposed-form .form-text:focus {	
  border: 0;	
  box-shadow: none;	
  color: #373739;	
}
.views-exposed-form button {	
  width: 50px;	
  background: transparent url("../images/search.svg") no-repeat;	
  background-position: right 20px center;	
  position: absolute;	
  border: 0;	
  text-indent: -999px;	
  background-size: 32px;
  bottom: 15px;	
  right: 0;	
  overflow: hidden;	
  padding-top:6px;
  padding-bottom:2px;
}
.views-exposed-form button:focus {
  outline: 0 !important;
  border-color: unset !important;
}

.views-exposed-form button:active {
  box-shadow: none;
  background-color: unset !important;
}
.view-faq-indexed-search .views-field-field-question h2 {
  font-size: 24px;
  color: #373739;
  text-decoration: underline;
  font-weight: 700;
  margin-bottom: 20px;
  display: block;
}
.view-faq-indexed-search .views-field-field-answer {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 20px;
}


/*Inline css replacement */
.faqcta-title1{
  text-decoration: underline;
  text-underline-position: under;
  color: #373739;
  font-weight: 600;
font-size:23px !important;
}



.faqcta-title2{
   text-align: center;
  font-weight: 600 !important;
  font-size: 30px !important;
  color: #785AFF;
  margin-top: 44px;
  margin-bottom:25px;
}



.gplay{
  text-indent: -9999px;
  color: transparent;
  background: url(/themes/tonikbankv1/images/apple-google-store/Google_Play.svg) no-repeat;
  display: block;
  background-size: 28%;
  height: 54px;
  margin-left: 28%;
}



.astore{
  text-indent: -9999px;
  background: url(/themes/tonikbankv1/images/apple-google-store/App_Store.svg) no-repeat;
  display: block;
  height: 54px;
  margin-left: 53%;
  margin-top: -53px;
  background-size: 41%;
}



.faqcta-text{
  font-size: 15px !important;
  margin-top: 20px;
  color: #717175;
  font-weight: 500;
}





@media screen and (max-width: 767px){

   .faqcta-title1{
     font-size: 19px !important;
  }

  .faqcta-title2{
     font-size: 19px !important;
   }

   .gplay{
      background-size: 54% !important;
        position: relative;
    left: -76px;
   }
   .astore {
    margin-left: 54%;
        background-size: 80%;
   }
   .faqcta-text{
    font-size: 10px !important;
    margin-top: 10px !important;
  }

}





.views-exposed-form .btn-info:hover{
 background-color: unset !important;
 border-color: unset !important;
}



@media (max-width:480px)  { 
.faq-cta-links a{
   font-size:19px;	
}
.dwd-tonik-app-faq p{
  font-size: 19px;
  margin-top: 46px !important;
}
.faq-cta-tonik-app img{
  width: 157px;
  height: 55px;
}
.google_play_faq{
margin-right:8px;
}
.apple_faq{
margin-left:8px;
}
.dep-ins-faq{
  font-size:10px !important;
}
}
@media screen and (max-width: 768px) {
.menu--faq{display: none;}

.faq-row{padding: 20px;}
 
.path-faq .view-new-faq-menu .views-field-name a,.path-faq .view-new-faq-menu .views-field-name .field-content > span, .path-old-faq .view-faq-main .views-field-name a, .path-old-faq .view-faq-main .views-field-name .field-content > span,.path-new-faq .view-new-faq-page .views-field-name a,.path-new-faq .view-new-faq-page .views-field-name .field-content > span,.path-faqs .view-faq-paragraph-menu .views-field-name a,.path-faqs .view-faq-paragraph-menu .views-field-name .field-content > span {
  font-size: 21px;
  line-height: 1.2;
  white-space: nowrap;
}
.faq-view-content{
  grid-template-columns: 1fr;
}
.faq-title a, .faq-title > span{font-size: 21px;line-height: 1.2;white-space: nowrap;}

.view-faq-indexed-search .views-field-field-question h2 {	
font-size: 24px;	
color: #373739;	
text-decoration: underline;	
font-weight: 700;	
margin-bottom: 20px;	
display: block;	
}
.view-faq-indexed-search .views-field-field-answer {	
  font-size: 24px;	
  font-weight: 500;	
  line-height: 1.2;	
  margin-bottom: 20px;	
}	
}

@media screen and (max-width: 481px) {
.menu--faq{display: none;}
}

/**** faq Taxonomy page ****/
.path-taxonomy .tonik-breadcrumb{
  display: none;
}

.views-exposed-form button:active{
  background: transparent url("../images/search.svg") no-repeat;  
  padding-top: 6px;
  padding-bottom: 2px;
}



/**** FAQ v2.css ****/

hr .hrline {
  border: 0.5px solid #dadada;
}

.dropdown-list-ca {
  margin-top: 20px;
}

.uncheckimg {
  background: url("/themes/tonikbankv1/images/faq/un_check.svg") no-repeat;
}

.checkimg {
  background: url("/themes/tonikbankv1/images/faq/check.svg") no-repeat;
}

.displaynone {
  display: none;
}

.dropdown-list-advance-payments {
  width: 100%;
  border: 1px solid #BEBEC1;
  border-radius: 15px;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  padding: 10px;
  color: #373739;
}

.biller-company-title h2,
.accepted_payments_title p,
.payment_cancellation_title p {
  font-family: "Inter", sans-serif;
  font-weight: 600 !important;

}

.accepted_payments p {
  line-height: 2.5em;
  font-family: "Inter", sans-serif;
}

.payment_cancellation p {
  line-height: 2.5em;
  font-family: "Inter", sans-serif;
}

.dark_tick_image img {
  width: 25px;
  margin-top: -5px
}

.dark_tick_image span {
  margin-left: 15px;
}

.deactive-payments {
  color: #999;
}

#visayan-electric-company,
#manila-water-company-inc,
#maynilad-water-services-inc,
#manila-electric-company,
#philippine-long-distance-inc,
#smart,
#convergeICT,
#easytripServicesCorporation,
#metrobankCreditCard,
#pagIBIG,
#bpiCreditCard,
#rcbcBankard {
  display: none;
}

.space_related {
  margin-bottom: 68px;
}

.visible-lg {
  position: relative !important;
  left: 25% !important;
}

.dropdown-advance-payments select {
  appearance: none;
  background: url(../images/down.svg) no-repeat;
  background-position: right 2rem center;
}

@media (max-width:800px) {
  .dropdown-advance-payments select {
      font-size: 15px;
  }

  .biller-company-title h2 {
      font-size: 19px;
  }

  .accepted_payments_title p,
  .payment_cancellation_title p,
  .accepted_payments p,
  .payment_cancellation p {
      font-size: 16px;
  }

  .space_related {
      margin-bottom: 0px;
  }

}

.fees-and-charges th {
  text-decoration: underline;
  font-size: 12pt;
  font-weight: bold;
  padding-right: 15px;
  line-height: 1.5em;
}

.fees-and-charges td {
  font-size: 11pt;
  padding-right: 15px;
  line-height: normal;
  line-height: 2em;
}

.fees-and-charges .table-responsive .table-header {
  padding-bottom: 20px;
}


.faq-answer .covered-area {
  font-weight: 600;
}

.tableoverflow {
  overflow-x: auto;
}

#quick-loan-faq .faq-answer hr {
  border: 0.5px solid #dadada;
  margin-top: 50px;
  margin-bottom: 30px;
}

#quick-loan-faq .faq-answer .ln-height {
  line-height: 2;
}

@media (max-width:767px) {
  .faq-cta-links a {
      text-decoration: underline;
      text-underline-position: under;
      color: #373739;
      font-weight: 600;
      font-size: 19px;
      font-family: 'Inter';
  }

  .dwd-tonik-app-faq p {
      text-align: center;
      font-weight: 600 !important;
      font-size: 19px;
      color: #785AFF;
      font-family: 'Inter';
      margin-top: 46px !important;
  }

  .faq-cta-tonik-app img {
      width: 157px;
      height: 55px;
  }

  .google_play_faq {
      margin-right: 8px;
  }

  .apple_faq {
      margin-left: 8px;
  }

  .dep-ins-faq {
      font-size: 10px !important;
  }
}

@media(min-width: 768px) {
  .faq-cta-links a {
      text-decoration: underline;
      text-underline-position: under;
      color: #373739;
      font-weight: 600;
      font-size: 23px;
      font-family: 'Inter';
  }

  .dwd-tonik-app-faq p {
      text-align: center;
      font-weight: 600 !important;
      font-size: 30px;
      color: #785AFF;
      font-family: 'Inter';
      margin-top: 44px !important;
  }

  .faq-cta-tonik-app img {
      width: 194px;
      height: 55px;
  }

  .google_play_faq {
      margin-right: 11px;
  }

  .apple_faq {
      margin-left: 11px;
  }

  .dep-ins-faq {
      font-size: 15px !important;
  }
}


@media (min-width:320px) {
  .visible-lg {
      display: block !important;
      margin-left: 0;
  }
}

@media (min-width:480px) {
  .visible-lg {
      display: block !important;
      margin-left: 0;
  }
}

@media (min-width:1025px) {
  .visible-lg {
      display: block !important;
      margin-left: 25%;
  }
}
#list-covered-area ul li {
  padding: 2px;
  margin: 0;
  list-style-type: disc;
  text-align: left;
list-style-position: inside;
}

.select2-container{
    width: 100% !important;
}

#list-covered-area ul{
    font-weight: normal;
    color: black;
}

@media(max-width: 768px) {
    #list-covered-area ul li {
    font-size: 15px;
        padding: 6px;
    border-bottom: 0.5px solid;
    }
}