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

		
.transparent-index{
	    background-color: #21409a00;
    border: 0;
padding: 15px 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
}
.transparent-index .logo {
	text-align: left;
}
.transparent-index .logo .logo-content-normal {
	display: inline-block;
	padding: 10px 0;
	max-width: 100%;
	height: 70px;
}
.transparent-index .logo .logo-content-normal img {
	height: 100%;
}
.transparent-index .logo a img {
	max-height: 85%;
	margin: 5px 0;
}


.transparent-index .navbar-update .navbar-nav .mr-li {
    margin: 0 20px 0 0;
}
.transparent-index .navbar-default {
    background-color: #ffffff00;
    border-color: none;
    ;
}
.paddzero {
    padding: 0px;
}

.transparent-index .navbar {
	position: relative;
	min-height: 70px;
	margin-bottom: 0px;
	border: 1px solid transparent;
}
.transparent-index .navbar-nav > li > a {
	padding: 6px 30px;
	line-height: 20px;
}
.transparent-index .navbar-default .navbar-nav > li > a {
	color: #FFF;
	    font-size: 18px;
    font-weight: 400;
}
.transparent-index .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #FFFFFF;
    background-color: none;
	
}
.transparent-index .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #21409a;
    background-color: #FFF;
    border-radius: 25px;
    padding: 6px 30px;
}
.transparent-index #navbar .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin: 20px 0px;
}

.darrow {
    float: right;
    font-size: 22px;
    margin-left: 2px;
}

.tab-container ul.tabs {
    margin: 0;
    padding: 0;
    /*    background: #0386d8;*/
    border-radius: 5px 5px 0px 0px;
    list-style-type: none;
}
section#content {
    min-height: 700px;
    width: 100%;
    padding-top: 0px;
    text-align: left;
    background: #f7f7f7;
	background-image: url("../images/slider-img-2.jpg");
	background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}
#main {
    margin-bottom: 40px;
    margin-top: 15%;
}
.home-section {
/*    padding: 19rem 0 0rem;*/
    background: #ffffff;
	    position: relative;
}
.section-heading {
    text-align: center;
    margin-bottom: 2rem;
}
.section-heading h2 {
    font-size: 32px;
    margin-bottom: 1.5rem;
    letter-spacing: -0.5px;
}
.section-heading p {
    font-size: 18px;
    font-weight: 400;
}



.p-15{padding-top: 15px;}
.p-r-l{padding-left: 8px !important; 
	padding-right: 8px !important;}
.navbar-update .navbar-nav li:hover a{color: #2140a3;}
.tab-box{
      border-radius: 45px;

    background: #ffffff4a	;
    padding: 15px 7px;
    overflow: hidden;
      margin: 10px auto;
    width: 90%;
}

.date-icon{
	    position: absolute;
    right: 21px;
    top: 4px;

}
.passenger-border{
	border-radius: 45px;
	border: 1px solid gray;
	display: flex;
	justify-content: center;
}
.date-from input{    border-right: 1px solid #9b9b9b;}

/*====box round==*/
.custom-corner {
   
    position: relative;
/*
    height: 40px;
    background: #ffffff;
    padding: 20px;
    border-radius: 10px 8px 8px 8px;
*/
}

.custom-corner:before {
	
	     content: "";
    position: absolute;
    top: -52px;
    left: 0px;
    height: 70px;
    width: 47px;
    background: transparent;
    /* border-bottom-left-radius: 0; */
    /* box-shadow: 0 20px 0 0 orange; */
    background: #ffffff;
    border-radius: 5px;
    z-index: 999;
    border-top-right-radius: 0px;
	
}

.custom-corner:after {
  
           content: "";
    position: absolute;
    top: -66px;
    left: 46px;
    height: 65px;
    width: 70px;
    background: transparent;
    border-bottom-left-radius: 64%;
    box-shadow: -19px 20px 0 0 #ffffff;
    border-right-radius: 22px;
    /* background: rebeccapurple; */
    transform: rotate(7deg);
 
}



.custom-corner-left {
   
    position: relative;

}

.custom-corner-left:before {
         content: "";
    position: absolute;
    top: -64px;
    right: 46px;
    height: 65px;
    width: 64px;
    background: transparent;
    border-bottom-left-radius: 74%;
    box-shadow: -19px 20px 0 0 #ffffff;
    border-right-radius: 22px;
    /* background: rebeccapurple; */
    transform: rotate(269deg);

}

.custom-corner-left:after {
      content: "";
    position: absolute;
   top: -52px;
    right: 0px;
    height: 70px;
    width: 47px;
    background: transparent;
    /* border-bottom-left-radius: 0; */
    /* box-shadow: 0 20px 0 0 orange; */
    background: #ffffff;
    border-radius: 5px;
    z-index: 999;
    border-top-left-radius: 0px;

}

.img-border-cutomize{position: relative;     padding: 15px 0;
}
.img-border-cutomize img{
	border-radius: 10px;
	overflow: hidden;
	    width: 100%;
	
}
.img-border-cutomize .tour-destination-content{

    border-radius: 45px;
    background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(240 240 240 / 25%) 35%, rgb(255 255 255 / 56%) 100%);
    position: absolute;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    place-items: center;
   bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    /* z-index: 2; */
    width: 90%;
    padding: 8px 20px;
    /* text-align: center; */
      backdrop-filter: blur(6px);
    /* align-items: self-end; */

}

.img-border-cutomize .tour-destination-content .heading a{
	font-size: 25px;
	color: #21409a;
    font-weight: bold;

}

.img-border-cutomize .tour-destination-content .price-heading a{
	font-size: 25px;
	color:#21409a;


}

.check-content{
    font-size: 12px;
    color: #8a8a8a;
    position: relative;
 
}

.SwapLocationsDesktop svg{fill:#fff;}


.custom-input-selcet:before{
	    content: "";
    border-color: #0073bb transparent transparent;
    border-style: solid;
    border-width: 6px;
    width: 0;
    height: 0;
    position: absolute;

        right: 20px;
    top: 16px;
	    pointer-events: none;
}

.custom-input-selcet:after{
	    content: "";
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;
     right: 21px;
    top: 15px;
	    pointer-events: none;
}
.custom-input-selcet-counry:before{
	    content: "";
    border-color: #0073bb transparent transparent;
    border-style: solid;
    border-width: 6px;
    width: 0;
    height: 0;
    position: absolute;
   
        right: 20px;
    top: 16px;
}

.custom-input-selcet-counry:after{
	    content: "";
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;

     right: 21px;
	top: 15px;}

.trip-cost-border{
	    border-radius: 45px;
    border: 1px solid #1b1b1b;
    color: #9b9b9b;

}
.trip-cost-border:focus{
	border: 1px solid #1b1b1b;
	box-shadow: none;
}

.excute-pick select{ 
-webkit-appearance: none;
	appearance: none;
	
}
.excute-drop  select{ 
-webkit-appearance: none;
	appearance: none;
	
}


.destination-section-heading{
	font-size: 30px;
	text-align: center;
	    padding: 50px 0;
	font-weight: 600;
	margin: 0;
}
.color-skyblue{color: #0094da;}



.destination-box{
	
    display: flex;
    align-items: center;
    gap: 19px;
    justify-content: space-between;
	flex-wrap: nowrap;
}
.destination-box .span-border{

    border: 0;
    border-top: 1px solid #3753a5;
	    width: 70%;
    display: inline-block;
	    
}
.destination-box .desitnation-btn{
	    padding: 9px 23px;
     background: #ffffff; 
    border-radius: 45px;
    border: 1px solid #21409b;
    font-weight: 500;
    text-align: center;
	
}
.destination-box .desitnation-btn span{
	font-size: 20px;
    color: #21409b;
}
.destination-box .desitnation-btn:hover{
	    padding: 9px 23px;
    background: #1e88c6;
    border-radius: 45px;
    border: 1px solid #ffffff;
    font-weight: 500;
    text-align: center;
    display: inline-block;
	box-shadow: 0 0 10px rgb(71 158 209);
	    transition: .5s ease;
}
.destination-box .desitnation-btn:hover span{
	 	font-size: 20px;
    color: #FFFFFF;
}
.offer-bg-1{
	display: flex;
    justify-content: space-between;
	background: #ffeee6;
	    border-radius: 10px;
     padding: 10px 15px;
	 border: 2px solid #ffffff;
	cursor: pointer;
	margin: 5px 0;

	
}
.offer-bg-1:hover{ box-shadow: 4px 4px 6px 1px rgb(227 225 225 / 48%);
    border: 2px solid #ffffff;
transition: .4s ease;}
.offer-bg-2{
	display: flex;
    justify-content: space-between;
	background: #d2f6f6;
	    border-radius: 10px;
    padding: 10px 15px;
	margin: 5px 0;
	 border: 2px solid #ffffff;
	cursor: pointer;     
}
.offer-bg-2:hover{ box-shadow: 4px 4px 6px 1px rgb(227 225 225 / 48%);
    border: 2px solid #ffffff;
transition: .4s ease;}
.offer-bg-3{
	display: flex;
    justify-content: space-between;
	background: #b7d9ff;
	    border-radius: 10px;
      padding: 10px 15px;
	margin: 5px 0;
	 border: 2px solid #ffffff;
	cursor: pointer;
   
}
.offer-bg-3:hover{ box-shadow: 4px 4px 6px 1px rgb(227 225 225 / 48%);
    border: 2px solid #ffffff;
transition: .4s ease;}

.text-box{
	padding: 20px;
}

.text-box p{
	font-size: 24px; 
	color: #21409b;
	margin: 0;
	
}
.offer-bg-1 
.text-box h3{
	font-size: 44px; 
	color: #21409b;
	margin: 0;
	font-weight: bold;
	
}
.offer-bg-1 .text-box span{
	font-size: 14px; 
	color: #21409b;
	margin: 0;
	
}
.offer-bg-2 
.text-box h3{
	font-size: 44px; 
	color: #21409b;
	margin: 0;
	font-weight: bold;
	
}
.offer-bg-2 .text-box span{
	font-size: 14px; 
	color: #21409b;
	margin: 0;
	
}

.offer-bg-3 
.text-box h3{
	font-size: 44px; 
	color: #21409b;
	margin: 0;
	font-weight: bold;
	
}
.offer-bg-3 .text-box span{
	font-size: 14px; 
	color: #21409b;
	margin: 0;
	
}

.image-side {padding: 10px;}
.image-side img:nth-child(1) {
	
    width: 76px;
    padding: 0;
    margin: 0px 20px 0 0;
}

.image-side i{
	    position: absolute;
    bottom: 15px;
    font-size: 39px;
        right: 56px;

}

.holiday-type-heading{
	text-align: left;
	    font-size: 30px;
    padding: 0 0 30px 0;
	color: #21409b;
	font-weight: 600;
	margin: 0;

}

.padding-section{ padding-bottom: 50px;}
.custom-col-padding{
	padding: 20px;
}
.img-gradient-cutomize{
	position: relative;
    padding: 0px;
 margin: 15px 0;
	border: 1px solid #FFFFFF;
	overflow: hidden;
	cursor: pointer;

}

.img-gradient-cutomize:hover{
	box-shadow: 0 0 10px rgb(71 158 209);
    border-radius: 10px;
	transition: .5s ease;
	border: 1px solid #FFFFFF;
	overflow: hidden;
}
.img-gradient-cutomize img{
	border-radius: 10px;
	overflow: hidden;
	    width: 100%;

}
.img-gradient-cutomize .holidays{


/*    background: linear-gradient(360deg, rgb(14 128 195 / 93%) 14%, rgba(0, 212, 255, 0) 62%);*/
	 background: linear-gradient(360deg, rgb(14 128 195 / 94%) 14%, rgba(0, 212, 255, 0) 62%);
    position: absolute;
    /* margin: 0 auto; */
    /* place-items: center; */
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    /* padding: 111px 20px; */
    text-align: center;
    height: 60%;
	    border-radius: 10px;
    overflow: hidden;

}

.img-gradient-cutomize .holidays span{
	    position: relative;
    top: 60%;
}
.img-gradient-cutomize .holidays span a{
	color: #FFFFFF;
	font-size: 22px;
}
.bottom-padding{
    padding-top: 30px;
}

/*=====footer-section=======*/
.footer{
	    background: #21409b;
    padding: 47px 0;
}

.footer-widget1 ul{
	margin: 0;
	padding: 0;
	list-style: none;
	
}
.footer-widget1 ul li{
	    margin: 26px 0;
	padding: 0;
	
}

.footer-widget1 ul li a{
	font-size: 20px;
	padding: 20px 0;
	color: #FFFFFF;
	
}
.footer-widget1 ul li a img{
width: 35px;
	margin-bottom: 0;
	
}
.footer-widget1 ul li a i{
background: #FFFFFF;
	padding: 10px;
	border-radius: 25px;
	color:  #21409b;
	font-size: 15px;
	
}
.footer-widget1 ul li a span{
margin-left: 15px;
	
}

.footer-widget1 ul h4{color: #FFFFFF;
font-size: 25px;
    margin: 0 0 31px 0; 
font-weight: 600;}


/*======widget--2=====*/
.footer-widget2 ul h4{color: #FFFFFF;
font-size: 30px;
    margin: 0 0 31px 0; 
}
.footer-widget2 ul{
	margin: 0;
	padding: 0;
	list-style: none;
	
}
.footer-widget2 ul li{
	    margin: 5px 0;
	padding: 0;
	
}

.footer-widget2 ul li a{
	font-size: 20px;
    padding: 0px 0;
    color: #FFFFFF;
    margin: 0px 0px;
	    display: block;
    line-height: 26px;
	
}

.footer-widget2 ul h4{color: #FFFFFF;
font-size: 25px;
    font-weight: 600;}

.social-icon-footer{display: flex;
    align-items: center;}
.social-icon-footer li {
	margin-top: 0px !important;
	
}
.footer-widget1 .social-icon-footer{margin-top:105px;}
.footer-widget1 .social-icon-footer li {
	    margin: 0 15px 0 0;
}
.footer-widget1 .social-icon-footer li a i{
	    font-size: 22px;
    border-radius: 45px;
    width: 41px;
    height: 41px;
    /* vertical-align: middle; */
    text-align: center;

}

.facebook-icon{
	background-image: url(../images/icon/facebook-icon.svg)
}
.footer-widget2 .social-icon-footer li a {margin: 0 10px 0 0; padding: 10px;}

.footer-widget2 .social-icon-footer li a img{width: 65px; margin-right: 15px; margin-bottom: 0;}
.footer-copy-right{font-size:21px; color:#21409b; margin:20px 0;     text-align: center;}
/*========footer-section-end=========*/


.custom-driver-country:before {
    content: "";
    border-color: #0073bb transparent transparent;
    border-style: solid;
    border-width: 6px;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 13px;
    right: 20px;
    top: 16px;
}
.custom-driver-country:after {
    content: "";
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 16px;
    right: 21px;
   top: 15px;
}

.custom-driver-age:after {
    content: "";
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: relative;
  
    right: 20px;
    top: 17px;
}

.custom-driver-age:before {
    content: "";
    border-color: #0073bb transparent transparent;
    border-style: solid;
    border-width: 6px;
    width: 0;
    height: 0;
    position: relative;

    right: 15px;
    top: 18px;
}

.form-icon{
    position: relative;
    right: 4%;
}
.form-icon img{
    position: absolute;
    right: 0;
    top: 0%;
    margin: 0;
    height: 100%;
}
.duration-box{
	    border: 1px solid #666;
    border-radius: 25px;
	overflow: hidden;
	
}
.duration-box select{
	appearance: none;
}
.duration-box select:focus-visible{
outline: none;
}

.tab-container ul.tabs li.active >a{
    border: 1px solid #ffffff;
    border-radius: 45px;
    align-items: center;
    display: flex;
	
}

.tab-box .tabs  .widgettab  .not-active-color img{
display: none;

}

.tab-container ul.tabs li.active a .not-active-color img{
	display: block;
}

.tabs .active .active-color {
    display: none;
	
}

.tab-box .tabs li a .active-color img{
margin: 0 4px 0 1px!important;
    height: 22px !important;
    max-width: 26px !important;;
}
.tab-box .tabs li a .not-active-color img{
margin: 0 4px 0 1px!important;
    height: 22px !important;
    max-width: 26px !important;;
}


.date-icon img {
    margin-bottom: 0;
    width: 20px;
    height: 17px;
}
/* Custom scrollbar for WebKit browsers */



.agency-wrapper {
    position: relative;
    margin-bottom: 15px;
}

.agency-trigger {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 12px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color 0.2s;
    border-radius: 25px;
    font-size: 14px;
    color: #8a8a8a;
    height: 35px;
    border: 1px solid #8a8a8a;
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

    .agency-trigger:hover {
        border-color: #999;
    }

    .agency-trigger.active {
        border-color: #337ab7;
        box-shadow: 0 0 5px rgba(51, 122, 183, 0.3);
    }

.agency-icon {
    transition: transform 0.2s;
}

.agency-trigger.active .agency-icon {
    transform: rotate(180deg);
}

.agency-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px; /* Unified border-radius */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    display: none;
    margin-top: 10px;
}

    .agency-dropdown::after {
        content: "";
        position: absolute;
        top: -6px;
        right: 9px;
        transform: translateX(-50%);
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
    }

    .agency-dropdown::before {
        content: "";
        position: absolute;
        top: -7px;
        right: 15px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #cccccc;
        border-left: 6px solid transparent;
    }


    .agency-dropdown.show {
        display: block;
    }

.agency-search {
    padding: 8px;
    position: relative;
    border-bottom: 1px solid #eee;
}

.agency-search-input {
    width: 100%;
    padding: 6px 30px 6px 10px;
    border: 1px solid #ccc;
    border-radius: 25px;
}

    .agency-search-input:focus {
        border-color: #21409a;
        outline: none;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.agency-search-icon {
    position: absolute;
    right: 18px;
    top: 16px;
    color: #777;
}

.agency-options {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
}

.agency-option {
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .agency-option:hover {
        background-color: #f5f5f5;
    }

    .agency-option.selected {
        background-color: #f0f0f0;
        font-weight: bold;
        color: #21409a;
    }

    .agency-option.hidden {
        display: none;
    }

.agency-no-results {
    padding: 8px 12px;
    font-style: italic;
    color: #999;
    text-align: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .agency-trigger {
        padding: 10px 12px; /* Larger touch target */
    }

    .agency-option {
        padding: 10px 12px; /* Larger touch target */
    }
}

.mt-5 {
    margin-top: 5px;
}


.round-tripday-count {
    display: flex;
    justify-content: space-between;
}

.tripday-input-align {
    display: flex;
    align-items: center;
    gap: 0 5px;
}

    .tripday-input-align input,
    .tripday-input-align label {
        margin: 0;
    }

.checkin-plus-date {
    margin: 0;
    padding: 0 10px;
    position: relative;
    top: -10px;
    font-size: 12px;
    color: #8a8a8a;
    position: relative;
    font-weight: 500;
    line-height: normal;
}

.trip-only-list {
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0 5px;
    margin-bottom: 15px;
}

    .trip-only-list li {
        padding: 0 0 2px 0;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .trip-only-list li label {
            font-size: 12px;
            color: #8a8a8a;
            position: relative;
            font-weight: 500;
            line-height: normal;
            margin: 0;
        }

        .trip-only-list li input {
            margin: 0;
            line-height: normal;
        }

.d-none {
    display: none;
}