/*
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>
*/

/*********************contact****************/
.rounded_30 {

    border-radius: 30px;

}

.shadow_box {

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}



.tab-container {

    position: relative;

    z-index: 60 !important; /* Ensure tabs are above the carousel */

    margin-bottom: -50px !important; /* Adjust this value to raise the tabs */

}

.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_cont{
background-image: url(../img/markus-winkler-4TBdESUNuFg-unsplash.jpg);
background-position: center;
background-repeat: no-repeat;

background-size: cover; /* Cover the entire element, zooming in as necessary */


}
.main-db{
    background-image: url('../img/52.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   z-index: 1000; /* Ensure it stays above other content */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}
.image-container {
    position: relative; /* Required for positioning the overlay */
    display: inline-block; /* Ensure the container wraps the image */
}

.image-container::before {
    content: ''; /* Required for the pseudo-element */
    position: absolute; /* Position the overlay over the image */
    top: 0;
    left: 0;
    width: 100%; /* Same size as the image */
    height: 100%; /* Same size as the image */
    background: rgba(0, 0, 0, 0.3); /* Light shadow color (adjust opacity as needed) */
    pointer-events: none; /* Ensure the overlay doesn't block interactions */
    
}

.plane-image {
    width: 100px; /* Adjust the size as needed */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Ensure the image is on a new line */
}
.main-db {
    position: relative; /* Required for the pseudo-element */
    z-index: 2; /* Ensure content is above the overlay */
}


.main-bg {
    position: relative; /* Required for the pseudo-element */
    z-index: 2; /* Ensure content is above the overlay */
}
.main_about{
background-image: url(../img/75.jpg);
background-position: center;
background-repeat: no-repeat; /* Prevent the image from repeating */
background-size: cover; /* Cover the entire section */

}
.bg_blue {

    background-color: blue; /* Change to your desired blue color */

}
.button-blue {

    background-color: blue; /* Change to your desired blue color */

    color: white; /* Change text color to white for better contrast */

    border: none; /* Remove border if needed */

}
.button {

    background-color: blue; /* Change to your desired blue color */

    color: white; /* Change text color to white for better contrast */

    border: none; /* Remove border if needed */

}
.text-blue {

    color: blue !important; /* Set text color to blue */

}
.button:hover {
    color: blue !important; /* Change text color to blue on hover */
}
ol {

    padding-left: 0; /* Remove default padding */

    list-style-type: none; /* Remove default numbering */

}


ol li {

    display: inline; /* Display list items inline */

    margin-right: 15px; /* Add some space between items */

}
.about_pg1li1i1 {
width:90%;
bottom:-40px;
left:5%; 
 }
#about_pg{
padding-bottom:70px; 
 }
.team_pg1i2 ul li a{
border-radius:0;
background:#fff;
 }
.team_pg1i2 ul li a i{
color:#1c0a83;
 }
.team_pg1i2 {
padding-top:45%;
display:none; 
 }
.team_pg1i:hover .team_pg1i2{
display:block; 
 }
#team_pg{
padding-bottom:70px; 
 }
 
.cont_pg1r{
padding: 40px;
background: #f5f5f5;
 }
/*********************contact_end****************/



@media screen and (max-width : 767px){
.about_pg1li1i1 {
bottom:0;
}
.about_pg1li1 {
margin-top:8px;
margin-bottom:8px; 
 }
.about_pg1r{
margin-top:15px;
text-align:center; 
 }
.about_pg1r p{
text-align:left;
 }
.about_pg1r .button{
padding:10px 15px!important;
 }
.about_pg1r .button_1{
padding:10px 15px!important;
 }
.team_pg1i {
margin-top:8px;
margin-bottom:8px; 
 }
#about_pg {
padding-bottom: 30px;
}
#team_pg {
padding-bottom: 30px;
}
.spec_1i {
margin-top:8px;
margin-bottom:8px; 
 }
.blog_1lil{
margin-top:8px;
margin-bottom:8px; 
text-align:center;
 }
.blog_1lil p{
text-align:left;
 }
.cont_pg1l h5{
text-align:center;
 }
.cont_pg1l .form-control{
margin-top:10px;
 }
.cont_pg1l h6{
text-align:center!important;
 }
.cont_pg1r{
margin-top:15px;
 }
 }

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

 }
@media (min-width:768px) and (max-width:991px) {
.about_pg1li1i1  h5{
font-size:14px; 
 }
.about_pg1li1i1  h6{
font-size:12px; 
 }
.about_pg1r .button{
padding:10px 15px!important; 
 }
.about_pg1r .button_1{
padding:10px 15px!important; 
 }
.cont_pg1r{
padding: 20px 15px;
 }
.contact_2lil .fs-2{
font-size:24px!important;  
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.cont_pg1r{
padding: 40px 20px;
 }
 }
@media (min-width:1201px) and (max-width:1360px) {

 }
 .about_pg1r {

    text-align: center; /* Center the text horizontally */

}


ol {

    padding-left: 0; /* Remove default padding */

    list-style-type: none; /* Remove default numbering */

}


ol li {

    display: inline; /* Display list items inline */

    margin-right: 15px; /* Add some space between items */

}


/* Add this CSS to create a fixed shadow effect */
.fixed-shadow {
    position: fixed; /* Fix the element relative to the viewport */
    top: 0; /* Position at the top of the viewport */
    left: 0; /* Position at the left of the viewport */
    width: 100%; /* Full width */
    height: 10px; /* Adjust height as needed */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Shadow effect */
    z-index: 1000; /* Ensure it stays above other content */
    pointer-events: none; /* Allow clicks to pass through */
}
.fixed-shadow {
    top: 60px; /* Adjust based on the height of your navbar */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); /* Lighter shadow */
}