/*
Template Name: Tour Agency
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************faq****************/
.nav-link {
  color: white   !important; /* Keep the menu items white */


}

.nav-link:hover {

  color: blue; /* Change to blue on hover */

}


.following-item {

  color:white  !important ; /* Change the following item to blue */

}
.col_red {
  color: blue !important;
}
.nav-link:hover {

  color: blue   !important; /* Change to your desired blue color */

}
.dropdown-item {

  color: rgb(20, 20, 20) !important; /* Default color for dropdown items */

}


.dropdown-link:hover {

  background-color: blue !important; /* Background color on hover */

  color: rgb(18, 9, 143) !important; /* Text color on hover */

}
/* Default color for dropdown items */
.dropdown-item {
  color: rgb(15, 15, 15) !important; /* Set the default text color */
}

/* Change text color to blue on hover */
.dropdown-item:hover {
  color: blue !important; /* Change text color to blue on hover */
  background-color: transparent !important; /* Optional: Keep the background transparent */
}

.main_faq{
background-image: url(../img/signature-pro-wB9iWZKwljw-unsplash.jpg);
background-position: center;
background-size: cover; /* Cover the entire element, zooming in as necessary */

height: 50vh; /* Set a height for the element (adjust as needed) */

}
.faq_1l1 ul {
display:block; 
 }
.faq_1l1 ul li{
display:block; 
 }

.faq_1l1 ul li a{
color:#333;
font-weight:bold;
border:none!important;
 }
.faq_1l1 ul li a:hover{
border:none;
color:#ef3f3e;
 }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
border:none;
color:#fff;
background:#ef3f3e;
}
/*********************faq_end****************/



@media screen and (max-width : 767px){
.faq_1l2 {
text-align:center; 
 }
.faq_1l2 .text-end{
text-align:center!important; 
 }
.faq_1l2 p{
text-align:left; 
 }
.faq_1r{
margin-top:15px; 
  }
.faq_1r h5{
text-align:center;
  }
 }

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

 }
@media (min-width:768px) and (max-width:991px) {
.faq_1l2  .button{
padding:10px 15px!important; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {

 }
@media (min-width:1201px) and (max-width:1360px) {

 }