.top-section { background: #151515; color: #fff; font-size: 12px; padding: 10px 100px; }
header { background: #fff; }
.nav-call {     background: url(../images/call-support.webp) no-repeat center left;
    background-size: 50px;
    padding: 10px 15px 10px 60px;
    font-weight: 900;
    text-decoration: none;
    color: #000; display:block;}
.nav-call small { display: block;
    font-weight: 500;    padding-left: 8px; }

.hero-section { background: #03045e; }

.banner-txt { font-size: 50px; line-height: 1; color: #fff;}

.desti-box { border: 1px solid #d3d3d3;padding: 15px; border-radius: 15px; }

.desti-box img { border-radius: 15px; }

.desti-box h5 { padding-top: 15px; }

.all-dest-btn {     background: #000;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    border: 0px;
    border-radius: 15px;
    font-weight: 600;
    gap: 20px;
    margin-top: 30px;  }

.t-exp { font-size: 30px;
    font-weight: 700;
    color: #6a6a6a;
    line-height: 1.2; }


.why-c {     background: #fff;
    padding: 10px 20px;
    border-radius: 100px;
    color: #000;
    display: inline-block;
    margin-bottom: 20px; }

.why-h {     font-size: 45px;
 }

.why-p { font-size: 18px; font-weight:400;}

.feature-box-1 {     background: #fefa17;
    border-radius: 20px;
    padding: 30px; text-align: center;}

.feature-box-1 h5 { margin-top: 15px; }

.mob-offer { display: none; }
    .feature-box-2 {     background: #fff;
    border-radius: 20px;
    padding: 30px; text-align: center;}

.feature-box-2 h5 { margin-top: 15px; }

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed, .accordion-item:last-of-type, .accordion {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.accordion-item:not(:first-of-type) {
    border-top: 0;
    border-left: none!important;
    border-right: none!important;
}
.accordion-flush > .accordion-item {
    border: none!important;
}
.feature-box-3 {
    background: url('../images/featured/03.png') no-repeat right bottom #fff;
    border-radius: 20px;
    padding: 30px 30px 150px;
}


.feature-box-4 {     background: url('../images/featured/01.png') no-repeat right bottom #f09814;
    border-radius: 20px;
    padding: 30px 30px 150px; }

.testi { color: #000; background: #fefa17; padding:10px 20px; border-radius:100px; text-align: center; margin-bottom: 20px; display: inline-block;}


.list-stl { padding: 0px; }
.list-stl li { padding-bottom: 10px; list-style: none; background: url('../images/checked.png') no-repeat left top; background-size: 16px; padding-left:25px; background-position-y: 2px ;}


footer { background: #03045e;
    color: #fff; }
footer h5 { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
footer ul { padding: 0px; }
footer ul li { list-style: none; padding-bottom: 10px; }
footer ul li a { color: #fff; text-decoration: none; }
footer ul li svg {}


.footer-disc {     height: 200px;
    overflow-x: hidden; }

/* width */
.footer-disc::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.footer-disc::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ffffff00;
    border-radius: 10px;
}
 
/* Handle */
.footer-disc::-webkit-scrollbar-thumb {
  background: #ffffff4d; 
  border-radius: 10px;
}

/* Handle on hover */
.footer-disc::-webkit-scrollbar-thumb:hover {
  background: #fff; 
}


.search-form {       
    margin-top: 50px;
    padding: 0px;
    border-radius: 20px;
    }
.search-inputs {    border: 1px solid #fff;
    border-radius: 10px;
    padding: 5px;
    background: #fff;
   }
.from-to {        border: 0px;
    padding: 5px 10px 5px 30px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    background-position-x: 7px;
    width: 100%;
    border-radius: 10px;}
.from-to::before { content: ''; background: url('../images/icons/location.svg') no-repeat center left  }

.date {    border: 0px; padding: 5px 10px 5px 30px; background: url('../images/icons/calendar.svg') no-repeat center left #fff; font-size:14px; font-weight: 700; background-position-x: 7px; width: 100%;  border-radius: 10px;}
.class-select {    border: 0px;
    padding: 5px 15px 5px 29px;
    background: url(../images/icons/plane-seat.svg) no-repeat center right transparent;
    font-size: 12px;
    font-weight: 500;
    background-position-x: 7px;
    width: 100%;
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    position: relative;
    color: #fff;
    background-size: 16px;}

.class-select option { color: #000;  }


.class-select::before {content: ''; position: absolute; right:15px; top:10px; width: 15px; height:15px;background: url('../images/icons/chevron-down.svg') no-repeat center; background-size: 13px; }
.class-select:focus-visible { outline: none; }


.travellers {   border: 0px; padding:5px 10px 5px 30px; background: url('../images/icons/traveller.svg') no-repeat center left #fff; font-size:14px; font-weight: 700; background-position-x: 7px; width: 100%; border-radius:10px;}
.search {     background: #fb8500;
    color: #000;
    font-weight: 700;
    border-radius: 100px;
    border: 0px;
    padding: 15px 30px;
    width: 200px;
    margin-left: auto;
   }
.labl { font-size: 12px;
    font-weight: 600;
    color: #686868; padding-left: 10px; }

.trip-btn { background: #fff; border: 1px solid #000; font-weight: 600; border-radius: 100px; padding:5px 20px; font-size: 12px;}
.active-trip-btn { background: #000; border: 1px solid #000; font-weight: 600; border-radius: 100px; padding:5px 20px; font-size: 12px; color: #fff; }

.from-to:focus-visible, .date:focus-visible, .travellers:focus-visible { outline: none; }


/* The container */
.trip-switch {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.trip-switch input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
        position: relative;
    background-color: #051a75;
    border-radius: 100px;
    border: 1px solid #051a75;
    font-size: 12px;
    padding: 5px 15px;
    color: #fff;
    display: block;
    min-width: 100px;
    text-align: center;
}

/* On mouse-over, add a grey background color */
.trip-switch:hover input ~ .checkmark {
  background-color: #051a75;
  border: 1px solid #051a75;
}

/* When the radio button is checked, add a blue background */
.trip-switch input:checked ~ .checkmark {
  background-color: #0d67ca;
    color: #fff;
    border: 1px solid #0d67ca;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.trip-switch input:checked ~ .checkmark:after {
  display: block;
}



.search-box svg {
       position: absolute;
    right: 15px;
    top: 14px;
    fill: #bfbfbf;
}


.search-list li {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 0px;
    list-style: none;
}


.search-list li a {
    padding: 10px 20px;
    display: block;
    background: #0098da0d;
    border-radius: 10px;
}



.inner-hero-section { background:#03045e; }

.blog-box { border-radius: 20px; position: relative; }
.overlay {     position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 20px;
    padding: 30px;}
.overlay a {     color: #fff;
    font-weight: 700;
    font-size: 30px; display: block; text-decoration: none; }
.overlay span {    color: #fff;}
.grad-1 { background-image: linear-gradient(134deg, #11A191 0%, #11A19103 100%); }
.grad-2 { background-image: linear-gradient(134deg, #322153 0%, #32215300 100%); }

.overlay div { position: absolute; bottom:30px;}



.pess-pop {
    width: 100%;
    max-width: 350px;
    top: 60px;
    border-radius: 15px;
    z-index: 999;
    min-width: 320px;
    display: none;
    left: 5px;
}.pm-clicks {
       background: #fff;
    padding: 5px;
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #333;
    border-radius: 100px;
}.count {
    max-width: 100px;
    width: 100%;
    border: 1px solid #fff;
    height: 35px;
    background: #fff;
    border-radius: 3px;
}


.done {
       background: #000000;
    border: 0px;
    color: #fff;
    padding: 10px 30px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    transition: all ease-out .2s;
}


.ui-autocomplete {position: absolute;cursor: default;background: #fff;color: #333;padding: 0;max-height: 500px;overflow-x: hidden;overflow-y: scroll;box-shadow: 0 0 5px #00000038;border-radius: 3px;z-index: 100000;}.ui-autocomplete li {padding: 10px;border-bottom: 1px solid #e3e3e3;font-weight: 600;}.ui-autocomplete li:hover {    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
    background: #19875414;
    color: #198754;
    cursor: pointer; }.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.border-left-1 { position: relative; }
.border-left-1::before { content: '';
    width: 1px;
    height: calc(100% + 30px);
    position: absolute;
    top: -15px;
    left: 0;
    bottom: 0;
    background: #a3a3a3;}

input:disabled { cursor: not-allowed; }
.searching {
   width: 100%;
    padding: 15px 50px 15px 20px;
    border: 1px solid #dbdbdb;
    border-radius: 100px;
}


.search-list {margin-top: 20px;}
.search-list li {}
.search-list li a {    padding: 10px 20px;
    display: block;
   
    text-decoration: none;
    background: #e2edf9;
    border-radius: 100px;transition: all ease-in .2s;}

.search-list li a:hover { background: #0d67ca; color: #fff; transition: all ease-out .2s;}



.bg-blue { background: #03045e; }
.cst-bcrumb li  a { color: #fff!important; text-decoration: none; }
.cst-bcrumb li.active { color: #fff!important; }
.breadcrumb-item + .breadcrumb-item::before { float: left;
    padding-right: 10px;
    content: '>';
color: #fff;
     }






.img-round { border-radius: 20px; }

.social-left {}
.social-left, .bottom-share ul {padding: 0px;}
.social-left ul li, .bottom-share ul li {    list-style: none;
    padding: 5px;}
.social-left ul li a {    padding: 10px 15px;
    background: #000000;
    display: inline-block;
    border-radius: 5px;
    color: #fff;}
.facebook {    background: #45629f !important;}
.twitter {    background: #5eb2ef !important;}
.pinterest {    background: #cf2830 !important;}
.share {    background: #bdbdbd !important;}

.blog-heading { border-bottom: 1px solid #cbcbcb; padding-bottom: 30px; }

.blog-heading h1 {
  font-size: 36px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.2;
 }

.b-details {     display: flex;
    align-items: center;    margin-top: 20px; margin-bottom: 20px; }
.profile {    display: inline-block;
    padding: 10px;
    background: #000;
    color: #fff;
    border-radius: 100px;
    width: 45px;
    height: 45px; margin-right: 10px;}
.b-details span { padding-right: 10px; }
.b-details a { color: #fb8500; text-decoration: none; }

.blog-list li { padding-bottom: 10px; }

.bottom-share ul li a {    color: #fff;
    padding: 10px 20px;
    display: block;
    border-radius: 5px;}
.bottom-share ul {     display: flex;
    justify-content: flex-end; }


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

    .mob-menu {}
    .mob-menu ul { padding: 0px; }
    .mob-menu ul li { padding: 10px 15px; list-style:none;}
    .mob-menu ul li a { color: #333; text-decoration: none;  }

.menu-icon {padding: 15px;
    border: 0px; background: #fff;}
.border-left-1::before { width: 0px; }

.search { width: 100%; }
.flex-flow-column { flex-flow: column!important; }
.search-form { padding: 0px; }
.checkmark {     min-width: 93px; }

.banner-txt { font-size: 30px; }

.mob-offer {     position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #03045e;
    padding: 10px 15px;
    box-shadow: 0px -5px 5px #03045e61;
    display: block;
    }
.mob-offer a  { text-decoration: none; }

.mob-offer button {    background: #fb8500;
    border: 0px;
    padding: 10px;
    border-radius: 100px;  }


.social-left {}
.social-left ul {padding: 0px; display: flex;}
.social-left ul li {    list-style: none;
    padding: 5px;}
.social-left ul li a {    padding: 10px 15px;
    background: #000000;
    display: inline-block;
    border-radius: 5px;
    color: #fff;}

 }