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

/*********************center****************/
.rounded_30 {

    border-radius: 30px;

}

.shadow_box {

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

}



.tab-container {

    position: relative;

    z-index: 20 !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 */

}
/* Change the color of dropdown items on hover */

.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 */
}
body {

    margin: 0;

    font-family: Arial, sans-serif;

}


.carousel-item {

    height: 500px; /* Set the desired height for the carousel */

}


.carousel-item img {

    height: 100%; /* Make the image fill the height of the carousel item */

    object-fit: cover; /* Ensure the image covers the area without distortion */

}



.carousel-caption{
background-color: rgba(0, 0, 0, 0.7);
padding-top:220px;
bottom:0;
left:0;
width:100%;
height:100%;
 }
.center_home img{
min-height:700px;
 }
.center_home h1{
font-size:80px; 
 }
.main_3{
bottom:-55px; 
 }
.center_home .carousel-indicators {
bottom: 110px!important;
}
/*********************center_end****************/

.nav-tabs .nav-link {

    color: #007bff; /* Color for inactive tabs */

}


.nav-tabs .nav-link.active {

    color: #050213; /* Color for active tab */

    background-color: #007bff; /* Background color for active tab */

    border-color: #007bff; /* Border color for active tab */

}



.nav-tabs .nav-link:hover {

    color: #0056b3; /* Color for tabs on hover */

}
.tab-background {

    background-color: #007bff; /* Background color for the tabs */

    border-radius: 5px; /* Rounded corners */

    padding: 10px; /* Padding around the tabs */

}


.nav-tabs .nav-link {

    color: #ffffff; /* Color for inactive tabs */

}


.nav-tabs .nav-l
/*********************offer****************/





#offer{
margin-top:70px; 
 }
 .custom-button {

    background-color: #04053d ; /* Change this to your desired color */

    color: rgb(20, 181, 230)  ; /* Text color */

    border: none; /* Remove border */

    padding: 10px 10px; /* Add padding */

    border-radius: 15px; /* Rounded corners */

    text-decoration: none; /* Remove underline */

}


.custom-button:hover {

    background-color: #dedfeb; /* Darker shade for hover effect */

}
/*********************offer_end****************/

/*********************offer_end****************/

.bg_dark_o {

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

    color: white; /* Ensure the text color is white for contrast */

}
.bg_blue {

    background-color: blue; /* Set the background color to blue */

    color: white; /* Ensure the text color is white for contrast */

}
#holi {
background-image: url(../img/2.jpg);
background-position: center;
}
.holi_m {
padding-top: 100px;
padding-bottom: 100px;
background-color: #0c0d10bd;
}
.timer li {
font-size: 14px;
padding: 10px 24px;
text-transform: capitalize;
color: #fff;
background: hsla(0,0%,100%,.15);
text-align: center;
font-weight: 700;
border-radius: 15px;
}
.holi_1r2{
padding-top:27%; 
 }
/*********************offer_end****************/

/*********************pack****************/
.pack_1l1{
padding:30px 30px 30px 100px; 
 }
.pack_1l1o{
padding:30px 100px 30px 30px; 
 }
.pack_1l2{
padding-top:16%; 
left:-70px;
 }
.pack_1l2o{
padding-top:16%; 
right:-70px;
 }
/*********************pack_end****************/

/*********************disc****************/
#disc {
background-image: url(../img/3.jpg);
background-position: center;
}
/*********************disc_end****************/

/*********************exep****************/
.exp_1i h5 i{
width:35px;
height:35px;
line-height:35px;
font-size:16px; 
 }
/*********************exep_end****************/

/*********************app****************/
#app {
background-image: url(../img/1.jpg);
background-position: center;
}
/*********************app_end****************/


@media screen and (max-width : 767px){
.carousel-caption br{
display:none; 
 }
.center_home img{
min-height:400px;
 }
.center_home h1{
font-size:30px; 
 }
.center_home .carousel-indicators {
bottom: 0!important;
}
.carousel-caption{
padding:80px 10px 0px 10px; 
 }
.center_home p{
font-size:14px!important;
text-align:left; 
 }
.center_home .button{
padding:10px 15px; 
 }
.center_home .button_1{
padding:10px 15px; 
 }
#book_o{
padding-top:30px; 
 }
.book_1i{
margin-top:8px;
margin-bottom:8px; 
 }
#offer {
margin-top: 0;
}
.holi_m {
padding-top: 30px;
padding-bottom: 30px;
}
.timer li {
padding: 10px 15px;
}
.holi_1l ul li{
margin-left:0!important; 
margin-right:0!important;
margin-top:5px!important;
margin-bottom:5px!important;
 }
.holi_1r{
margin-top:15px;
 }
.holi_1r2 {
padding-top: 20%;
}
.pack_1l2 {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l2o {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l1 {
padding: 15px;
text-align:center;
}
.pack_1l1o {
padding: 15px;
text-align:center;
}

.pack_1l1 p{
text-align:left;
}
.pack_1l {
margin-top:8px;
margin-bottom:8px; 
 }
.exp_1i .text-end{
text-align:center!important; 
 }
.exp_1i {
margin-top:8px;
margin-bottom:8px;
 }
.sub_1l h3{
line-height:1.8em; 
 }
.sub_1r{
margin-top:15px; 
 }
.center_home h1{
font-size:40px; 
 }
.carousel-caption p{
font-size:16px!important;
 }
 }

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

 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption br{
display:none; 
 }
.center_home h1{
font-size:60px; 
 }
.offer_2mi img{
min-height:180px; 
 }
.timer li {
padding: 10px 15px;
}
.holi_1l ul li{
margin-left:0!important; 
margin-right:0!important;
margin-top:5px!important;
margin-bottom:5px!important;
 }
.holi_1r2 {
padding-top: 20%;
}
.holi_m {
padding-top: 50px;
padding-bottom: 50px;
}

.pack_1l2 {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l2o {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l1 {
padding: 15px;
text-align:center;
}
.pack_1l1o {
padding: 15px;
text-align:center;
}

.pack_1l1 p{
text-align:left;
}
.pack_1l {
margin-top:8px;
margin-bottom:8px; 
 }
.holi_1l  br{
display:none; 
 }
.sub_1l h3{
font-size:14px; 
 }
.holi_1l  br{
display:none; 
 }
.pack_1l1o p{
text-align:left;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.carousel-caption br{
display:none; 
 }
.center_home h1{
font-size:70px; 
 }
.offer_2mi img{
min-height:240px; 
 }
.timer li {
padding: 10px 20px;
}
.holi_1l ul li{
margin-left:2px!important; 
margin-right:2px!important;
margin-top:5px!important;
margin-bottom:5px!important;
 }
.pack_1l2 {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l2o {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l1 {
padding: 15px;
text-align:center;
}
.pack_1l1o {
padding: 15px;
text-align:center;
}

.pack_1l1 p{
text-align:left;
}
.pack_1l {
margin-top:8px;
margin-bottom:8px; 
 }
.holi_1l  br{
display:none; 
 }
.sub_1l h3{
font-size:18px; 
 }
.pack_1l1o p{
text-align:left;
}
 }
@media (min-width:1201px) and (max-width:1300px) {
.pack_1l2 {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l2o {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l1 {
padding: 15px;
text-align:center;
}
.pack_1l1o {
padding: 15px;
text-align:center;
}
.pack_1l1o p{
text-align:left;
}

.pack_1l1 p{
text-align:left;
}
.pack_1l {
margin-top:8px;
margin-bottom:8px; 
 }
 }



.list-group {
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.list-group-item {
    cursor: pointer;
}
/* Default color for the title */

.offer_2m2 h5 a {

    color: rgb(7, 6, 92); /* Default color */

    text-decoration: none; /* Remove underline */

}


/* Change color on hover */

.offer_2m2 h5 a:hover {

    color: blue; /* Color when hovered */

}
 /* Footer styles */
 #footer_b {

    background-color: rgba(0, 0, 0, 0.863); /* Transparent black */

    color: white; /* Default text color */

}


#footer_b .text-white-50 {

    color: rgba(255, 255, 255, 0); /* Semi-transparent white for links */

}
/* RTL-specific styles */
[dir="rtl"] body {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .nav-tabs .nav-link {
    margin-left: 0;
    margin-right: 10px; /* Adjust as needed */
}

[dir="rtl"] .carousel-caption {
    text-align: right;
}

[dir="rtl"] .pack_1l1 {
    padding: 30px 100px 30px 30px; /* Adjust padding for RTL */
}

[dir="rtl"] .pack_1l1o {
    padding: 30px 30px 30px 100px; /* Adjust padding for RTL */
}

[dir="rtl"] .holi_1r2 {
    padding-right: 27%; /* Adjust padding for RTL */
}

[dir="rtl"] .list-group {
    text-align: right;
}

[dir="rtl"] .footer_b {
    text-align: right;
}

[dir="rtl"] .custom-button {
    margin-left: 0;
    margin-right: 10px; /* Adjust button margins for RTL */
}
[dir="rtl"] body {
    margin: 0;
    padding: 0;
}

[dir="rtl"] .container {
    margin-right: auto;
    margin-left: auto;
}

[dir="rtl"] .row {
    margin-right: -15px;
    margin-left: -15px;
}

[dir="rtl"] .col-md-6,
[dir="rtl"] .col-lg-4 {
    padding-right: 15px;
    padding-left: 15px;
}
@media (max-width: 767px) {
    [dir="rtl"] .pack_1l1,
    [dir="rtl"] .pack_1l1o {
        padding: 15px; /* Adjust padding for smaller screens */
    }

    [dir="rtl"] .holi_1r2 {
        padding-right: 20%; /* Adjust padding for smaller screens */
    }
}
[dir="rtl"] .carousel {
    box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1); /* Adjust shadow for RTL */
}

[dir="rtl"] .carousel-item {
    border-right: 2px solid blue; /* Add border to the right */
    border-left: none; /* Remove border from the left */
}
[dir="rtl"] body {
    margin: 0;
    padding: 0;
}

[dir="rtl"] .container {
    margin-right: auto;
    margin-left: auto;
}

[dir="rtl"] .row {
    margin-right: -15px;
    margin-left: -15px;
}

[dir="rtl"] .col-md-6,
[dir="rtl"] .col-lg-4 {
    padding-right: 150px;
    padding-left: 15px;
}

[dir="rtl"] .carousel-caption {
    right: 190; /* Align caption to the right */
    left: auto; /* Reset left alignment */
    text-align: right; /* Align text to the right */
}
@media (max-width: 767px) {
    [dir="rtl"] .carousel-caption {
        padding: 800px 100px 0 100px; /* Adjust padding for smaller screens */
    }

    [dir="rtl"] .carousel-item {
        border-right: 100px solid blue; /* Adjust border for smaller screens */
    }
}