@charset "utf-8";
/* CSS Document */

/*faq section*/
.faq-section h5.mb-0 {
    text-align: left;
}

.faq-section .card-body {
    text-align: left;
}

/* Style the tab */
.faq-section .tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 300px;
}

/* Style the buttons inside the tab */
.faq-section .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.faq-section .tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.faq-section .tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.faq-section .tabcontent {
   float: left;
    padding: 0px 14px;
    border: 1px solid #ccc;
    width: 70%;
    /* border-left: none; */

}

.faq-section textarea{    
	width: 100%;
    border: 1px solid #cacfe7;
    color: #959595;
}

@media (min-width: 992px){
 .faq-section .col-lg-12 {
   
    float: center;
    width: 50%;
    margin-left: 25%;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
}


.faq-section .card-header a {
    color: black;
}

.faq-section .card-header {
	
    text-align: left;
	padding: 1.7rem 1.25rem;
	
}


.faq-section .mb-0 > a:hover,  .faq-section .card-header  > a:hover{
   color:#f65c0f;    font-weight: 500;
}

.faq-section .mb-0 > a:after, .faq-section .card-header > a:after  {
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  right: 13px;
  color: #f65c0f;
}
 .faq-section .card-header  > a:focus, .faq-section .mb-0 > a:focus{  color:#f65c0f !important;    font-weight: 700;  }

.faq-section .mb-0 > a[aria-expanded="true"]:after, .faq-section .card-header > a[aria-expanded="true"]:after  {
  content: "\f077"; /* fa-chevron-up */
}




.faq-section .card-body a {
    color: #d90114;
}


.faq-section .card {
        margin-bottom: 1.875rem;
    border: none;   
}
 .faq-section .card-header {
      background-color: #f7f7f7bf;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);}

 .faq-section form.home-form py-3
{
    padding: 10rem !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
 .faq-section .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
     background-color: transparent;
	border-left: 3px solid #d90114;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
      color: #d90114;
    font-weight: 600;
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 0;
    border-radius: 0.25rem 0 0 0.25rem;
	
    }
.faq-section li.nav-item:hover {    background-color: #fbfbfb;}

.faq-section  .nav-pills .nav-link {color:#6d6d6d;border-right: 1px solid #ddd;    border-radius: 0; padding: 1.5rem 1rem !important;}
.faq-section .nav-pills .nav-link:hover {  color: #ff4616;}



@media (max-width:767px) {
	 .faq-section .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
     
	border-bottom: 3px solid #FF4961;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;    
    border-right: 0;
	border-left:0
   
	
    }
	.faq-section  .nav-pills .nav-link {border-right: 0;    border-radius: 0; padding: 0.5rem 0.5rem !important;}
	
	.faq-section .card-header {padding: 0.7rem 0.5rem;	}
	
}