.top-main_class {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  padding: 8px;
}
.holidays {
  background: white;
  border: 1px solid lightgray;
  padding: 0.25rem 2rem;
  cursor: pointer;
}
.holidays:hover {
  background: #0e8fd8;
  color: #fff;
  border: 1px solid lightgray;
  padding: 0.25rem 2rem;
  cursor: pointer;
}
.holidays a:hover {
  color: #fff;
}
.holidays a {
  color: #000;
}
.dropbtn {
  background-color: #fff;
  font-size: 16px;
  border: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 1199.98px) {
  .dropdown {
    width: 100%;
  }
  .carousel-item img {
    height: 180px;
  }
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  border-radius: 13px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  border-radius: 8px;
  text-decoration: none;
  display: block;
  text-align: justify;
}
.dropdown-content a:hover {
  background-color: #ddd;
}
.dropdown:hover .dropdown-content {
  display: block;
}
@media only screen and (max-width: 1199.98px) {
  .dropdown-content a {
    color: #000 !important;
  }
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
a {
  text-decoration: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  border-radius: 5px;
  border: none;
}
.apply {
  background-color: green;
  padding: 5px 12px;
  border-radius: 7px;
  color: white !important;
}
.last_numbar a {
  color: #000;
}
.last_numbar i {
  color: #000;
}
.btn-login {
  border: 1px solid #0e8fd8;
  margin-left: 60px;
  color: white !important;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 12px;
  background-color: #0e8fd8;
  transition: 2s;
  border-radius: 4px;
}
.btn-partner {
  margin-left: 60px;
  color: white !important;
  font-weight: 600;
  font-size: 14px;
  padding: 4px 10px;
  background-color: #198754;
  transition: 2s;
  border-radius: 4px;
  position: absolute;
  top: 90%;
  left: 78%;
}
/* slider css */   /* Slideshow */
.booking-flight_area img, .booking-flight_area video {
  height: auto;
  margin-top: 142px;
  width: 100%;
}
#slideshow {
  width: 100%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#slideshow #slidewindow {
  position: relative;
  overflow: hidden;
}
#slideshow #slidewindow div {
  position: absolute;
  top: 0;
  width: 100%;
  transition: transform .5s ease;
}
#slideshow #slidewindow div img {
  display: block;
  width: 100%;
}
/* Controls */
#slideshow #controls {
  text-align: center;
  transition: all 200ms ease-in-out;
}
#slideshow #controls #next, #slideshow #controls #prev {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 8px;
  cursor: pointer;
}
#slideshow #controls #next {
  float: right;
}
#slideshow #controls #prev {
  float: left;
}
#slideshow #controls #next div, #slideshow #controls #prev div {
  position: absolute;
  pointer-events: none;
  border-style: solid;
  border-color: #383838;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  left: 18px;
  top: 18px;
  transform: rotate(45deg);
  vertical-align: top;
  width: 8px;
  height: 8px;
}
#slideshow #controls #prev div {
  transform: rotate(-135deg);
}
#slideshow #controls #dots {
  margin: auto;
  display: inline-block;
  padding: 0;
  list-style-type: none;
  width: auto;
}
#slideshow #controls #dots li {
  display: inline-block;
  border: 2px solid #383838;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  cursor: pointer;
  margin: 26px 4px;
}
#slideshow #controls #dots .active {
  background: #383838;
}
#slideshow #controls #dots li:hover, #slideshow #controls #next:hover, #slideshow #controls #prev:hover {
  transform: scale(1.125);
}
#slideshow #controls #dots li:active, #slideshow #controls #next:active, #slideshow #controls #prev:active {
  transform: scale(1);
}
/* start box css */
.box_area {
  background-color: #8b8a8a1f;
  padding: 10px;
  min-height: 300px;
  text-align: center;
  color: black;
  border-radius: 10px;
}
.box_area:hover {
  box-shadow: 0px 0px 43px 0px #bbbbbb;
  transition: 2s;
}
.box_area img {
  width: 100%;
  width: 60px;
  display: block;
  margin: 0 auto;
}
.box-sec {
  padding: 100px 0;
}
.box_area h2 {
  font-size: 20px;
  font-weight: 600;
  padding: 10px 0;
}
.box-area-new p {
  font-family: 'Roboto', sans-serif;
}
.journey-text button a {
  color: white;
}
.subHeadUlLi2 {
  background-image: url(https://img.freepik.com/premium-vector/hand-drawn-green-icon-red-backdrop-checkmark-right-vector-icon-hand-drawn_194782-807.jpg?w=2000);
  list-style: none;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  padding: 0px 5px 3px 27px;
  font-size: 17px;
  color: #020202;
  font-family: "Roboto", sans-serif;
}
/* card box start hare */
.card:hover {
  transform: scale(1.1);
}
.card {
  transition: transform 0.5s;
}
.card-body a {
  color: #fff !important;
}
.card:hover {
  transition: transform 0.5s;
  box-shadow: 0px 0px 12px 1px #c8c3c3;
}
/* css for adventure section */
.adventure_section {
  background-image: url(https://www.shineairways.com/2.f2f8cf1fd3aedf9f.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  background-position: center;
  height: 550px;
}
.for-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contentfor {
  padding-top: 10px;
}
.contentfor h1 {
  color: black;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  padding: 20px 0 0 0;
}
.contentfor p {
  color: black;
  text-align: center;
}
.main-box1 {
  max-width: 325px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, .5);
  display: flex;
  padding: 15px 0;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 10px;
  border: 1px solid rgb(255 255 255 / 69%);
}
.img-part img {
  width: 40px;
}
.read-more {
  border: 1px solid #ff660a;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: #ff660a;
}
.blog_content {
  padding: 0px 0 0px 0;
}
.blog_content h2 {
  font-size: 40px;
  font-weight: 800;
  color: black;
  text-align: center;
}
.blog_content span {
  font-size: 32px;
  font-weight: 500;
  color: #0e8fd8;
  padding: 0 10px;
}
.card-body_content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
.card-body_content h2 {
  font-size: 17px;
  font-weight: 600;
  padding-bottom: 10px;
}
/* feature  zoom hover section */
.main_feature_box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.image-box {
  position: relative;
  margin: 0 8px;
  overflow: hidden;
  border: 4px solid black;
  width: 100%;
  height: 77px;
  border-radius: 14px;
}
.image-box img {
  max-width: 100%;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: 55px;
  transform: scale(1);
}
.image-box:hover img {
  transform: scale(1.1);
}
.image-box a {
  transition: all 0.3s;
  transform: scale(1);
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  color: #E91E63;
  display: block;
  padding: 8px 0 0;
}
.image-box a:hover {
  color: #c8c3c3;
}
.heading-feature {
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  color: black;
  padding-bottom: 30px;
}
/* testimonial section star hare-- */
.our_testimonial h2 {
  text-align: center;
  padding: 40px 0;
  font-weight: 500;
  font-size: 30px;
  color: #000000b8;
}
.card_testi {
  text-align: center;
}
.card_testi img {
  display: block;
  margin: 0 auto;
}
.card_testi h5 {
  font-size: 18px;
  font-weight: 600;
  padding-top: 30px;
}
.now_stay_section {
  background-color: rgb(149, 207, 229);
}
.content-stay {
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 4rem;
  color: #fff;
}
.content-stay h2 {
  font-size: 35px;
  color: white;
  font-weight: 500;
}
.content-stay p {
  font-size: 18px;
  padding: 5px 0;
}
.main-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-slide a img {
  margin: 9px 74px;
}
.content-part h4 {
  font-size: 18px;
  font-weight: 600;
}
.content-part p {
  text-align: left;
}
.border_box_section {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  margin-top: 50px;
  max-width: 1400px;
  border: none;
  padding: 10px 0;
  border-radius: 62px;
  box-shadow: 1px 1px 12px 1px #b8bdb8;
  margin: 30px auto;
}
.best_price {
  display: flex;
  align-items: center;
  justify-content: center;
}
.best_price span {
  font-size: 15px;
  padding-left: 8px;
}
.best_price span h5 {
  font-weight: 800;
  font-size: 18px;
  margin-top: -4px;
}
/* tab form css start hare */
.CENTER_EVERYTHING {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.Tabs {
  display: flex;
  gap: 0.5rem;
  margin-top: 2rem;
}
.holid{
  background: white;
  color: black;
  border: 1px solid lightgray;
  padding: 0.25rem 2rem;
  cursor: pointer;
}
.Tabs .Tab {
  background: white;
  color: black;
  border: 1px solid lightgray;
  padding: 0.25rem 2rem;
  cursor: pointer;
}
.Tabs .Tab.active {
  background: white;
  color: black;
  border: 1px solid lightgray;
}
.TabsContainer {
  overflow: hidden;
  width: 100%;
  height: 20rem;
}
.TabsContainer .TabsContent {
  transition: 0.5s all;
  display: flex;
  margin-top: 2rem;
}
.TabsContainer .TabsContent .TabContent {
  background: #73b7dd0d;
  min-width: 100%;
  padding: 25px 50px;
  box-shadow: 0px 0px 13px -5px;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #525252;
  background-color: #f8f8f8d6;
  background-clip: padding-box;
  border: 1px solid #eaeaea;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 5px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin-bottom: 15px;
}
.form-select {
  --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #525252;
  background-color: white;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
  margin-bottom: 15px;
}
.search {
  background-color: #0e8fd8 !important;
  border: none;
  padding: 5px 20px;
}
.btn-green {
  background-color: green !important;
  border: none;
  padding: 5px 20px;
}
label {

  font-size: 15px !important;
}
/* footer  css start  hare==== */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.nav-item a {
  color: black;
}
.nav-item :hover {
  color: orange;
}
.info-sec {
  display: flex;
  top: 12px;
  margin-left: 380px;
  position: absolute;
}
.btn {
  padding: 3px 5px;
  background-color: #198754;
  color: #FFFFFF;
  text-align: center;
}
.btn2 {
  padding: 5px 8px;
  color: #FFFFFF;
  border-radius: 5px;
  border: none;
  text-align: center;
}
.partner-bg {
  margin-top: 145px;
  background-color: #092b6f;
}
.partner-head h2 {
  color: #fff;
}
.partner-head p {
  color: #fff;
}
.franchise-det ul li {
  color: #777777;
}
.support-det p {
  font-size: 20px;
  padding-top: 5px;
  color: #777777;
  font-weight: bold;
}
.why_cont {
  position: relative;
  border: 1px solid #1150a0;
  border-radius: 5px;
}
.wc-icon {
  position: absolute;
  top: -40px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  background-color: #1150a0;
  padding: 15px 10px 10px 10px;
  border-radius: 75%;
}
.why_cont h4 {
  font-weight: bold;
  text-align: center;
}
.why_cont p {
  text-align: center;
}
.trav_agency {
  background-color: #1150a0;
}
.trav_agency_hh {
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.trvl_agen i {
  font-size: 50px;
  color: #fff;
}
.trvl_agen h3 {
  color: #fff;
  text-align: center;
}
.trav_insur {
  background-color: #f6f6f6;
}
.trav_agency_hh {
  text-align: center;
  font-weight: bold;
  color: #000;
}
.trvl_insur i {
  font-size: 50px;
  color: #000;
}
.trvl_insur h3 {
  color: #000;
  text-align: center;
}
.insur_hh h2{
  font-weight: bold;
}
.claim_box{
  box-shadow: 5px 5px 8px 3px #e3e0e0;
  padding: 10px 15px 9px 10px;
  background-color: #fff;
  border-radius: 10px;
}
.claim_box h2{
  color: #092b6f;
}
.trvl-insur{
  background-color: #f6f6f6;
  padding: 20px 0px;
}
.box_insu{
  padding: 10px;
  box-shadow: 5px 5px 8px 3px #e3e0e0;
  background-color: #fff;
  border-radius: 10px;
}
.box_insu p{
font-size: 18px !important;
}
.insurance-head h2{
  color: #fff;
  padding-top: 10%;
}
.insurance-head p{
  color: #fff;
}
.image2 {
  background: url('../images/icon/fran-1.jpg');
}
.invest {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10%;
  border-radius: 10px;
  height: 95%;
}
.invest p {
  color: #fff;
}
.heading h1 {
  text-align: center;
  margin-top: 5px;
}
.d-flex p {
  font-size: 14px;
  color: #777777;
}
.found-text h1 {
  font-weight: bold;
  text-align: center;
  font-size: 34px;
  color: #ff6200;
}
.found-text p {
  text-align: center;
}
.founder-img img {
  text-align: center;
  width: 100%;
  padding-top: 5px;
}
.box-border {
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 4px 10px 6px rgb(228 225 225);
}
.mission-sec {
  background: #092b6f;
  padding: 1rem;
  height: auto;
}
.our-vision p {
  text-align: center;
  color: #000000;
  padding: 5px;
}
.Powered-img img {
  height: 50px;
}
.bg-footer {
  color: #fff;
  background-color: #28333c;
}
.bg-footer h2 {
  color: #fff;
  font-size: 23px;
  text-align: left;
}
.fw-color {
  font-weight: bold;
  color: #ff9000 !important;
  text-align: left;
}
.fw-color1 a {
  color: #0e8fd8 !important;
  text-decoration: none;
  font-weight: normal;
}
.fw-color a {
  text-decoration: none;
  color: #ff7200a8;
}
.bg-footer p {
  color: #fff;
  text-align: left;
  font-size: 13px;
}
.footer_link li {
  color: #fff;
  text-align: left;
  list-style: disc;
  font-size: 15px;
}
.footer_link a {
  color: #fff;
  transition: all ease 0.5s;
}
.footer_link a:hover {
  color: #ff9000;
  transition: all ease 0.5s;
}
.flight-box {
  padding: 15px 8px;
}
.flight-box h4 {
  text-align: right;
}
.flight-box p {
  text-align: right;
}
.about-us {
  margin-top: 125px;
}
.carousel-control-next-icon {
  display: none;
}
.carousel-control-prev-icon {
  display: none;
}
.star-icon i {
  color: orange;
}
.fa-quote-left {
  padding-right: 8px;
  font-size: 20px;
  color: #6c6c6c;
}
.subscribe h3 {
  font-size: 32px;
  color: #000;
  font-weight: 500;
  line-height: 45px;
  padding: 10px 0;
}
/* holidays style start hare= */
.our_premium_packages {
  padding: 50px 0;
}
.card2 {
  border: 1px solid #6868684f;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 0px 12px 0px #cccccc;
}
.card_tour {
  font-size: 20px;
  font-weight: 700;
  color: #0e8fd8;
}
.card-body p {
  font-size: 14px;
  text-align: left;
  line-height: 24px;
}
/* servise style start hare */
.shadow {
  box-shadow: 0px 0px 10px 0px #d6d6d6 !important;
}
.shadow h5 {
  font-size: 22px;
}
.info-sec {
  display: flex;
  top: 12px;
  margin-left: 380px;
  position: absolute;
}
.btn {
  padding: 3px 5px;
  background-color: #198754;
  color: #FFFFFF;
  text-align: center;
}
.btn1 {
  padding: 5px 20px;
  background-color: #fd5c00;
  color: #FFFFFF;
  border: none;
  text-align: center;
  border-radius: 3px;
  float: right;
}
.btn2 {
  padding: 5px 8px;
  border: none;
  border-radius: 4px;
  background-color: #0e8fd8;
}
.btn3 {
  background-color: blue;
  padding: 5px 8px;
  color: #FFFFFF;
  border-radius: 5px;
  border: none;
  text-align: center;
  float: right;
}
.btn4 {
  font-size: 18px;
  border: none;
  border-radius: 5px;
  padding: 8px 18px;
  width: 100%;
}
.btn8 {
  padding: 13px 20px;
  border: none;
  border-radius: 4px;
  background-color: #0e8fd8;
}
.heading h1 {
  text-align: center;
  margin-top: 5px;
  font-size: 32px;
}
.heading h2 {
  text-align: center;
  font-weight: 500;
  padding: 20px 0;
  font-size: 40px;
  color: #0e8fd8;
}
.founder-text h2 {
  text-align: center;
}
.founder-text p {
  padding-right: 15px;
  font-family: "Roboto", sans-serif;
}
.contact-text h2 {
  text-align: center;
}
.contact-text h1 {
  text-align: center;
  color: #ffffff;
}
.contact-text p {
  text-align: center;
}
.founder-img img {
  text-align: center;
  width: 100%;
  padding-top: 5px;
  height: 360px;
}
.contact-form {
  background-color: #f8f9fa;
}
.box-border {
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 4px 10px 6px rgb(228 225 225);
}
.mission-sec {
  background: #092b6f;
  padding: 1rem;
  height: auto;
}
.our-vision {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 1rem;
  min-height: 700px;
}
.our-vision h3 {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 26px;
  line-height: 48px;
}
.Powered-img img {
  height: 50px;
}
.bg-footer {
  color: #fff;
  background-color: #28333c;
}
.bg-footer h2 {
  color: #fff;
  font-size: 28px;
}
.fw-color {
  font-weight: bold;
  color: orange !important;
}
.fw-color1 a {
  color: #398adc !important;
  text-decoration: none;
  font-weight: normal;
}
.fw-color a {
  text-decoration: none;
}
.bg-footer p {
  color: #fff;
}
li {
  color: #fff;
  list-style: none;
}
.visa-sec img {
  height: 40px;
}
.flight-box {
  padding: 15px 8px;
}
.flight-box h4 {
  text-align: right;
}
.flight-box p {
  text-align: right;
}
.service-box {
  margin-top: 30px;
  box-shadow: 4px 14px 28px rgb(0 0 0 / 10%);
  padding: 20px;
  border-radius: 4px;
  background: #f7f7f7;
  text-align: center;
  margin-bottom: 3px;
  width: 100%;
  border: 1px solid #eee;
}
.service-box h5 {
  text-align: center;
}
.hover01 figure img {
  -webkit-transform: scale(1);
  transform: scale(.9);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.hover01 figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.Tabs .Tab.active {
  background: #0e8fd8;
  color: white;
  border: 1px solid #0e8fd8;
}
.Tabs .Tab:hover {
  background: #0e8fd8;
  color: white;
  border: 1px solid #0e8fd8;
}
.journey-text {
  padding: 10px;
}
/*------------------ academy page--------------- */
.academy-banner {
  margin-top: 125px;
}
.journey-text h2 {
  color: #141479;
}
.journey-text h6 {
  color: #141479;
  font-size: 18px;
}
.academy-text {
  text-align: center;
}
.academy-text h1 {
  text-align: center;
  font-size: 30px;
  color: #141479;
}
.academy-text h6 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #141479;
}
.academy-para, .academy-journey-text p, .academy-card-content p {
  font-family: 'Roboto', sans-serif;
}
.academy-course-heading h1 {
  font-weight: 600;
}
.academy-benefit-box h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.academy-benefit-box p {
  font-size: 18px;
  margin-bottom: 16px;
  font-family: 'Roboto', sans-serif;
}
.academy-para {
  font-weight: 500;
}
.card_overlay p {
  text-align: left !important;
  font-size: 13px;
}
.academy-card-content h6 {
  font-size: 18px;
  line-height: 28px;
}
.academy-card-content p {
  font-size: 15px;
  line-height: 22px;
}
.academy-journey-text p {
  line-height: 24px;
}
.academy-journey-text .btn5 {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  font-family: 'Roboto';
}
.academy-journey-text .btn5:hover {
  color: #fff;
  background-color: #00d670;
}
.academy-journey-text a {
  font-size: 14px;
  line-height: 22px;
  padding: 6px 18px;
}
.benefits-box {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-bottom: 2.5px solid #f82a2a;
  border-radius: 11px;
}
.benefits-box i {
  color: red;
  border-radius: 11px;
  border-radius: 11px;
}
.benefits-box p {
  overflow: hidden;
}
.btn6 {
  background-color: red;
  padding: 5px 8px;
  color: #FFFFFF;
  border-radius: 5px;
  border: none;
  text-align: center;
  float: right;
}
.caution-btn {
  top: 55%;
  right: 15px;
  position: fixed;
  z-index: 999999;
}
.caution-btn a {
  color: #fff;
}
.card {
  position: static;
}
.btn7 {
  background-color: red;
  padding: 4px 7px;
  color: #FFFFFF;
  border-radius: 5px;
  border: none;
  text-align: center;
  float: left;
  margin-bottom: 12px;
}
.heading-text {
  text-align: center;
}
.heading-1 h1 {
  color: #141479;
  text-align: center;
  font-size: 35px;
  padding-bottom: 20px;
}
.text-center {
  font-size: 20px;
}
.btn5 {
  background-color: #0d6efd;
  padding: 2px 15px;
  color: #FFFFFF;
  border-radius: 5px;
  font-size: 13px;
  border: none !important;
  text-align: center;
}
.contact-form {
  max-width: 900px;
}
/* apply now page css start hare--------- */
.apply_now {
  padding-top: 17px;
}
.apply_title {
  padding: 10px 0;
  font-weight: bold;
  color: #0e8fd8;
  font-size: 32px;
  background-color: bisque;
  text-transform: uppercase;
}
/* pop form css */
.modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
}
.login-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  margin-bottom: 30px;
}
.sign-in {
  padding-left: 0;
}
.register {
  padding-right: 0;
}
.sign-in__button, .register__button {
  background-color: transparent;
  border: 1px solid #d1d1d1;
  display: block;
  min-height: 50px;
  width: 100%;
  font-weight: 900;
  color: #000;
  font-size: 18px;
  margin-right: 15px;
  border-radius: 45px;
}
.sign-in__button:hover, .register__button:hover {
  background: none;
  border: 1px solid #d1d1d1;
  color: #000;
  border-radius: 45px;
}
.sign-in__button:focus, .sign-in__button.focus, .register__button:focus, .register__button.focus {
  /* outline: 1px solid rgb(167, 167, 167) !important; */
  outline: 1px solid #0e8fd8 !important;
}
.sign-in__button:active, .sign-in__button.active, .register__button:active, .register__button.active {
  /* background-color: #fff; */
  background-color: #0e8fd8;
  border: 1px solid #0e8fd8;
  box-shadow: none;
  border-radius: 45px;
  color: #fff;
  font-weight: 800;
  text-transform: capitalize;
  font-size: 18px;
}
.hidden_clip {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
}
.text-input__field {
  border: 0;
  display: block;
  font-size: 16px;
  height: 60px;
  outline: 1px solid #ccc;
  padding: 18px;
  width: 100%;
}
.text-input__field:focus, .text-input__field.focus {
  outline: 3px solid orange;
}
.text-input__field:active, .text-input__field.active {
  outline: 1px solid black;
}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  pointer-events: auto;
  background-color: #eaeaea21;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 0.3rem;
  outline: 0;
  height: 100vh;
  transition: 2s;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: block;
  width: 700px;
  padding: 1rem;
}
.container_form_s {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  background-color: #fff;
  padding: 5px 20px 0px 20px;
  min-height: 400px;
}
.register__form {
  display: block;
  padding: 10px 10px 30px;
}
.login_btn {
  padding: 6px 40px;
  font-weight: 700;
  margin-top: 11px;
}
.form_logo {
  width: 100%;
  max-width: 150px;
  display: block;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top: 0;
}
/* css for registration form */
.seat_reservation h2 {
  padding: 6px 0px;
  font-weight: 500;
  color: white;
  font-size: 30px;
}
/* register for style */
.padding_forcontent {
  padding: 0 100px;
}
.padding_forcontent p {
  font-size: 15px;
  font-weight: 500;
  color: #000000cb;
}
.padding_forcontent h2 {
  font-size: 25px;
  color: #000000d4
}
.padding_forcontent ul li {
  color: black;
}
.for_position {
  position: relative;
}
#formbtn {
  position: absolute;
  bottom: 40px;
  right: 100px;
}
.reg {
  background-color: #198754;
  padding: 10px 15px;
  border-radius: 5px;
  color: white;
  margin-right: 10px;
}
.jobs {
  background-color: #2196F3;
  padding: 10px 15px;
  border-radius: 5px;
  color: white;
}
.reg:hover {
  color: #fff;
  transition: 2s;
}
.jobs:hover {
  color: #fff;
  transition: 2s;
}
.middle_bar_for_phone {
  display: none;
}
.Marquee {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.Marquee-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-animation: marquee 10s linear infinite running;
  -moz-animation: marquee 10s linear infinite running;
  -o-animation: marquee 10s linear infinite running;
  -ms-animation: marquee 10s linear infinite running;
  animation: marquee 20s linear infinite running;
}
.Marquee-content:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
}
.Marquee-tag {
  width: 200px;
  background: rgba(255, 255, 255, 0.1);
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.Marquee-tag:hover {
  background: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}

@-moz-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}

@-o-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}

.holiday_img {
  background-image: url('../images/banner/holiday.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.holiday_text h1 {
  font-weight: bold;
  line-height: 28px;
}
.holiday_text h5 {
  font-size: 20px;
  font-weight: bold;
}
/* ----------------------- */
.btn-sec a {
  color: #ff6500 !important;
}
.btn-success{
background-color: #198754;
}
.btn {
  border: 1px solid #ff6500 !important;
  color: #ff6500;
  border-radius: 4px;
  padding: 6px 14px;
  font-weight: bold;
}
/* --------------------------------- */ 
.privacy-policy h2 {
  font-weight: bold;
}
.privacy-policy p {
  font-weight: 600;
  color: #777777;
}
.privacy-policy li {
  color: #777777;
}
.booking-bg {
  width: 100%;
  background-image: url('../images/banner/booking-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: fixed;
}
.booking-form {
  padding: 15px;
  background: rgba(3, 3, 55, 0.5);
  width: 60%;
  height: auto;
  margin: auto;
  border-radius: 8px;
}
@media only screen and (min-width: 320px) and (max-width:981px) {
  .contact-text h1 {
    font-size: 32px;
  }
  .visa-sec img {
    height: 28px;
  }
  .booking-form {
    padding: 15px;
    background: rgba(3, 3, 55, 0.5);
    width: 90%;
    height: auto;
    margin: auto;
    border-radius: 8px;

  }
}
/* --------------------------------- */
.tour-desc {
  background: #f3f3f3;
}
.price-details {
  background-color: #ddf1ff;
  border-radius: 8px;
  padding: 12px;
}
.package-det{
  background-color:#fff;
  padding: 8px;
  border-radius: 8px;
}
.price-details h2{
  color:#092b6f;
  font-weight: bold;
}
.apply-tour p {
  align-items: center;
  font-weight: bold;
  color: #fff;
  padding-top: 8px;
}
.about-text li {
  color: #000;
}
.desc-img img {
  border-radius: 15px;
}
.cards {
  padding: 15px;
  border: 1px solid gray;
}
.cards-heading {
  background-color: #ffa500;
  padding: 10px;
}
.cards-heading h5 {
  color: #fff;
  font-weight: bold;
}
.cards li {
  color: #000;
}
.about-text h3 {
  color: #ffa500;
}
.float {
  position: fixed;
  width: 60px;
  height: 54px;
  bottom: 80px;
  right: 20px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.my-float {
  margin-top: 16px;
}
.float i {
  font-size: 28px;
  line-height: 26px;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fix-footer-icon {
  position: fixed;
  width: 100%;
  height: 22px;
  bottom: 0px;
  background-color: #eaeaea;
  color: #000;
  font-size: 12px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.menu ul li {
  display: inline;
  padding: 0 13px;
}
.menu ul li a {
  color: #141479;
  font-weight: bold;
}
.fix-footer-icons {
  position: fixed;
  width: 100%;
  height: 30px;
  right: -100px;
  bottom: 0px;
  background-color: #fff;
  color: #000;
  font-size: 18px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.flt_box {
  background-color: #fff;
}
.prc_range p {
  display: inline;
}
.filterTimeSlots.slotSelected {
  color: #fff;
  background-color: #068eff;
  border: 0.7px solid #068eff;
}
.filterTimeSlots {
  cursor: pointer;
  width: 60px;
  height: 64px;
  border-radius: 4px;
  border: 0.7px solid #dfdfdf;
  background-color: #fff;
  text-align: center;
  color: hsl(0, 0%, 0%);
  font-size: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px 0;
  align-items: center;
  margin-right: 10px;
}
.appendBottom12 {
  margin-bottom: 12px;
}
.flt_tour {
  background-color: #fff;
}
.flt_details p {
  font-size: 13px;
}
.dura_md {
  color: #333;
  display: block;
  font-size: 13px;
  text-align: center;
  width: 83%;
}
.arrow-md-lm {
  background-image: url(../img/arow_main.png);
  background-repeat: no-repeat;
  height: 6px;
  max-width: 125px;
}
.main-bo-lis {
  background-color: #FFF;
  border-radius: 6px;
  margin-bottom: 11px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.pad-top-bot {
  padding-top: 8px;
  padding-bottom: 0;
}
.adodis {
  padding: 3px 35px 4px 7px;
  font-size: 12px;
  font-weight: 600;
  background: linear-gradient(to right, #FFF3B2, #ffffff);
  display: inline-block;
  border-radius: 5px 0 0 0;
  position: relative;
  top: -8px;
  left: 0px;
}
.adodis img {
  width: 15px;
  margin-right: 4px;
  margin-bottom: 2px;
}
.padd-lft {
  padding-left: 6px;
}
.txt-r4 {
  font-size: 12px;
  color: #333;
  display: inline-block;
}
.txt-r5 {
  font-size: 11px;
  color: #737373;
}
.arrow-md-lm {
  background-image: url(../img/arow_main.png);
  background-repeat: no-repeat;
  height: 6px;
  max-width: 125px;
}
.dura_md2 {
  color: #737373;
  display: block;
  font-size: 13px;
  text-align: center;
  width: 83%;
}
.top5 {
  top: 0;
}
.discbxd {
  display: inline-block;
  font-size: 12px;
  padding: 0px 5px;
  border-radius: 4px;
  font-weight: 600;
  color: #02bb91;
  float: left;
  width: 100%;
  text-align: left;
  padding: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}
.btn {
  border: 1px solid #ff6500 !important;
  background-color: #198754;
  border-radius: 13px;
  padding: 6px 14px;
  font-weight: bold;
  color: #fff;
}
h1 {
  font-weight: normal;
  letter-spacing: .125rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 550px) {
  .fix-footer-icon {
    display: none;
  }
}
@media only screen and (min-width: 751px) and (max-width:1200px) {
  .fix-footer-icon {
    display: none;
  }
  .count {
    border-radius: 8px;
    background-color: #ff0000;
    position: relative;
    top: -45px;
    width: 215px;
    right: -41%;
  }
  .count li {
    margin: none;
    position: relative;
    display: inline-flex;
    color: #fff;
    font-size: 10px;
    list-style-type: none;
    padding: 0;
    text-transform: uppercase;
  }
}
.emoji {
  display: none;
  padding: 15px;
}
.emoji span {
  font-size: 4rem;
  padding: 0 .5rem;
}
@media all and (max-width: 768px) {
  h1 {
    font-size: calc(1.5rem * var(--smaller));
  }
  li {
    font-size: calc(1.125rem * var(--smaller));
    padding: 0 8px;
    border-radius: 5px;
  }
  .footer_nav li {
    line-height: 22px;
  }
  .footer_nav li a {
    color: #000 !important;
  }
  li span {
    font-size: calc(3.375rem * var(--smaller));
    color: #ffffff;
  }
}
.text-color i {
  color: gold;
}
.text-color a {
  font-size: 13px;
}
.register_heading h3 {
  color: #000;
  padding: 5px 12px;
  margin-right: 10px;
}
.register_heading span {
  background-color: #1150a0;
  color: #fff;
  border-radius: 75%;
  padding: 6px 0px;
  margin-right: 10px;
  width: 40px;
  text-align: center;
  height: 40px;
}
.box {
  border: 1px solid gray;
  border-radius: 5px;
}
.clock {
  width: 650px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.wrapper {
  width: 100%;
}
.cont {
  background-color: white;
  color: black;
  border-radius: 20px;
  box-shadow: 0 5px 10px 0 rgb(0, 0, 0, 0.25);
  margin: 20px 0;
}
h1 {
  margin-bottom: 20px;
}
.question {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 5px 0px 10px 20px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 50px;
  cursor: pointer;
}
.question::after {
  content: "\002B";
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}
.question.active::after {
  transform: rotate(45deg);
}
.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
}
/* .question.active+.answercont {} */
@media screen and (max-width: 790px) {
  html {
    font-size: 14px;
  }
  .wrapper {
    width: 100%;
  }
}
.gold-data p{
font-weight: bold;
font-size: 20px;
color: #f8a500;
}
.gold-data li span{
color: #000;
}
.gold-data li{
  color: #000;
}
/* ======================= */
.footer_nav {
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999999999;
}
.footer_nav ul {
  display: flex;
  list-style: none;
  justify-content: space-around;
  padding-left: 0;
  margin-bottom: 0px;
}
.required{
  color:#ff0000;
}
.top_service_boxed {
    position: relative;
    background: ghostwhite;
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 12px;
    padding: 30px 35px;
    margin-top: 30px;
    transition: var(--transition);
    text-align: center;
}
.top_service_boxed p{
  color: #818090;
}
.top_service_boxed h3{
 font-weight: bold;
}
.top_service_boxed:hover {
  transform: scale(1.1);
}
.top_service_boxed {
  transition: transform 0.5s;
}
.top_service_boxed:hover {
  transition: transform 0.5s;
  box-shadow: 0px 0px 12px 1px #c8c3c3;
}
.faqs_call_area {
  background: #8b3eea;
  text-align: center;
  padding: 90px 30px;
  border-radius: 10px;
}
/* -------------------------FLIGHT HOTEL TAB---------------------------------- */
#theme_search_form {
  margin-bottom: 100px;
  z-index: 9;
}
section {
  position: relative;
}
.theme_search_form_area {
  position: relative;
}
.theme_search_form_tabbtn .nav-tabs {
  border-bottom: none;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.theme_search_form_tabbtn .nav-item {
  margin-right: 20px;
}
ul li {
  list-style: none;
  padding: 0;
}
.theme_search_form_tabbtn .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #0d6efd;
  border-color: none;
}
.theme_search_form_tabbtn .nav-tabs .nav-link {
  margin-bottom: 0;
  color: #000;
  border-radius: 6px;
  border: 1px solid #0d6efd;
}
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.theme_search_form_tabbtn .nav-tabs .nav-link i {
  padding-right: 10px;
}
.fa, .fas {
  font-weight: 900;
}
.tab-content>.active {
  display: block;
}
.flight_categories_search .nav-tabs {
  border-bottom: none;
} 
.flight_categories_search .nav-tabs .nav-link.active {
  color: #fff;
  border-color: none;
  background: #0d6efd;
}
.flight_categories_search .nav-tabs .nav-link {
  margin-bottom: 0;
  color: #000 ;
  border-radius: 30px;
  border: none;
  font-weight: 500;
  background: transparent;
} 
.tab-content>.active {
  display: block;
}
.fade {
  transition: opacity .15s linear;
}
.flight_Search_boxed {
  background: #8b3eea17;
  border-radius: 10px;
  padding: 0px 0px 0px 20px;
  position: relative;
}
.flight_Search_boxed p {
  font-size: 14px;
  line-height: 25px;
  margin: 0px !important;
}
p {
  font-size: 16px;
  line-height: 28px;
  color: var(--paragraph-color);
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 0;
}
.flight_Search_boxed input {
  font-size: 22px;
  width: 87%;
  border: none;
  background: transparent;
  font-weight: 500;
  height: 35px;
  padding: 0;
}
.flight_Search_boxed span {
  display: block;
  font-size: 12px;
  padding-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.plan_icon_posation {
  position: absolute;
  top: 20px;
  right: 30px;
}
.plan_icon_posation i {
  font-size: 24px;
}
.range_plan {
  position: absolute;
  left: -37px;
  top: 50%;
  transform: translateY(-50%);
}
.range_plan i {
  background: #f5eefd;
  font-size: 24px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  border: 3px solid #fff;
  color: #0d6efd;
}
.date_flex_area {
  display: flex;
  justify-content: space-between;
}
.dropdown_passenger_area button {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
}
.dropdown_passenger_area .dropdown-menu {
  z-index: 1000;
  min-width: 350px;
  padding: 15px 20px;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0.25rem;
}
.traveller-calulate-persons .passengers h6 {
  font-size: 16px;
  font-weight: 500;
  color:#e62e2d;
}
.traveller-calulate-persons .passengers .passengers-types .passengers-type {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  justify-content: space-between;
}
.traveller-calulate-persons .passengers .passengers-types .passengers-type .text {
  align-items: center;
  display: flex;
}
.traveller-calulate-persons .passengers .passengers-types .passengers-type .text .count {
  margin-right: 20px;
  width: 24px;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
}
.flight_Search_boxed span {
  display: block;
  font-size: 12px;
  padding-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.traveller-calulate-persons .passengers .passengers-types .passengers-type .text .type-label span {
  font-size: 12px;
  color: #4c4c4c;
}
.flight_Search_boxed span {
  display: block;
  font-size: 12px;
  padding-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.traveller-calulate-persons .passengers .passengers-types .passengers-type .button-set button {
  font-size: 12px;
  color: #4c4c4c;
  border: 1px solid #d8d8d8;
  width: 26px;
  height: 26px;
}
.dropdown_passenger_area button {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
}
.traveller-calulate-persons .passengers .passengers-types .passengers-type {
  display: flex;
  align-items: center;
  padding: 2px 16px;
  justify-content: space-between;
  background-color: #fff;
}
.traveller-calulate-persons .passengers .passengers-types .passengers-type .text {
  align-items: center;
  display: flex;
}
.traveller-calulate-persons .passengers .passengers-types .passengers-type .text .count {
  margin-right: 20px;
  width: 24px;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
}
.flight_Search_boxed span {
  display: block;
  font-size: 12px;
  padding-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.traveller-calulate-persons .passengers .passengers-types .passengers-type .text .type-label span {
  font-size: 12px;
  color: #4c4c4c;
}
.dropdown_passenger_area .dropdown-menu.show {
  transform: translate(-56%, 70px) !important;
}
.traveller-calulate-persons .cabin-selection {
  padding-top: 10px;
  border-top: 1px solid #c7c7cc;
  margin-top: 20px;
}
.traveller-calulate-persons .cabin-selection h6 {
  padding: 0px 0;
  font-size: 16px;
  font-weight: 500;
  color:#e62e2d;
}
.traveller-calulate-persons .label-select-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2px;
  padding: 4px 10px;
}
.dropdown_passenger_area button {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
}
.traveller-calulate-persons .muiButton-label {
  font-size: 14px;
}
.traveller-calulate-persons .label-select-btn.active {
  background: #e62e2d;
  color: #fff;
}
.traveller-calulate-persons .label-select-btn:hover {
  background:  #e62e2d;
  color: #fff;
}
.multi_city_form {
  margin-bottom: 15px;
}
.add_multy_form button {
  color:  #e62e2d;
  border: none;
  background: transparent;
}
.add_multy_form {
  text-align: right;
}
@media (max-width: 576px){
.theme_search_form_tabbtn {
    margin-bottom: 15px;
  }
}
@media (max-width: 992px){
.theme_search_form_tabbtn .nav-tabs {
    border-bottom: none;
    justify-content: center;
  }
}
@media (max-width: 576px){
.theme_search_form_tabbtn .nav-item {
    margin-right: 10px;
  }
}
@media (max-width: 992px){
.theme_search_form_tabbtn .nav-item {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px){
.theme_search_form_tabbtn .nav-tabs .nav-link {
    padding: 5px 8px;
    font-size: 16px;
  }
}
@media (max-width: 576px){
.theme_search_form_tabbtn .nav-tabs .nav-link i {
    padding-right: 5px;
    font-size: 14px;
  }
}
@media (max-width: 767px){
.flight_categories_search {
    position: initial;
  }
}
@media (max-width: 1440px){
.flight_categories_search {
    position: inherit;
  }
}
@media (max-width: 576px){
.flight_categories_search .nav-tabs .nav-link {
    padding: 0 7px;
  }
}
@media (max-width: 992px){
.flight_Search_boxed {
    margin-bottom: 30px;
  }
}
@media (max-width: 1440px){
.flight_Search_boxed input {
    font-size: 18px;
    width: 70%;
  }
}
@media (max-width: 767px){
  .range_plan {
      display: none;
  }
  .traveller-calulate-persons {
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 150px;
  }
  .traveller-calulate-persons .passengers h6 {
    font-size: 16px;
    font-weight: 500;
    color: #e62e2d;
  }
  .dropdown_passenger_area .dropdown-menu {
    z-index: 1000;
    min-width: 350px;
    padding: 15px 20px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
  }
}
.multi_form_remove {
  text-align: right;
}
.multi_form_remove button {
  color: red;
  border: none;
  background: transparent;
  padding-bottom: 10px;
}
.flight_policy_refund {
  border: 1px solid #d7d6d6;
  border-radius: 10px;
  padding: 0px 20px;
}
.flight_show_down_wrapper {
  display: flex;
  border-bottom: 1px solid #cdcdcd;
  padding-top: 25px;
}
.airline-details {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.airline-details .img {
  height: 24px;
  width: 24px;
  margin-right: 8px;
}
.airline-details .airlineName {
  margin-right: 8px;
  font-size: 11px;
  font-weight: 600;
}
.airline-details .flightNumber {
  font-size: .625rem;
  color: #4c4c4c;
}
.flight_inner_show_component {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.flight_inner_show_component .flight_det_wrapper {
  display: flex;
  align-items: flex-start;
  width: 185px;
}
.flight_inner_show_component .flight_det_wrapper .flight_det .code_time {
  font-size: 18px;
}
.flight_inner_show_component .flight_det_wrapper .flight_det .code_time .code {
  color: #4c4c4c;
  margin-right: 8px;
}
.flight_inner_show_component .flight_det_wrapper .flight_det .code_time .time {
  font-weight: 600;
}
.flight_inner_show_component .flight_det_wrapper .flight_det .airport {
  color: #4c4c4c;
  font-size: .75rem;
  line-height: 16px;
}
.flight_inner_show_component .flight_det_wrapper .flight_det .date {
  color: #4c4c4c;
  font-size: .625rem;
}
.flight_inner_show_component .flight_duration {
  justify-content: center;
  width: 96px;
  text-align: center;
  align-items: flex-start;
  color: rgb(76, 76, 76);
  flex-wrap: wrap;
  line-height: 1;
}
.flight_inner_show_component .arrow_right {
  flex-basis: 88px;
  margin: 4px 1rem 0px;
  background-image: url(../img/icon/plane-right-blue.png);
  background-repeat: no-repeat;
  background-position: 50% center;
  text-align: center;
  min-height: 24px;
  min-width: 24px;
  background-size: 24px;
}
.flight_inner_show_component .flight_duration span {
  font-size: 0.625rem;
  color: rgb(76, 76, 76);
  margin-top: 8px;
  font-weight: 500;
  display: inline-block;
}
.flight_inner_show_component .flight_det_wrapper {
  display: flex;
  align-items: flex-start;
  width: 185px;
}
.flight_refund_policy {
  display: flex;
  justify-content: space-between;
}
.flex_widht_less {
  width: 68%;
  padding-left: 22px;
}
.TabPanelInner h4 {
  font-size: 16px;
  padding-bottom: 4px;
  border-bottom: 1px solid #8b3eea;
  display: inline-block;
  margin-bottom: 12px;
}
.TabPanelInner p {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 16px;
}
.TabPanelInner p {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 16px;
}
.TabPanelInner h4 {
  font-size: 16px;
  padding-bottom: 4px;
  border-bottom: 1px solid #8b3eea;
  display: inline-block;
  margin-bottom: 12px;
}
.flight_info_taable h3 {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 4px;
}
.TabPanelInner p {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 16px;
}
.model_border{
  border-radius: 5px;
  border: 1px solid gray;
}
.holiday-icon ul{
  display: flex;
}
.holiday-icon ul li{
  background-color: #092b6f;
  padding: 2px 12px;
  margin-right: 10px;
  border-radius: 8px;
  color: orange;
}
/* slider css  */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
.img-display{
    overflow: hidden;
}
.img-showcase{
    display: flex;
    width: 100%;
    transition: all 0.5s ease;
}
.img-showcase img{
    min-width: 100%;
}
.img-select{
    display: flex;
}
.img-item{
    margin: 0.3rem;
}
.img-item:nth-child(1), .img-item:nth-child(2), .img-item:nth-child(3){
    margin-right: 0;
}
.img-item:hover{
    opacity: 0.8;
}
@media screen and (min-width: 992px){
    .card-1{
      width: 60%;
      display: grid;
      grid-gap: 1.5rem;
    }
    .card-wrapper{
      display: flex;
      align-items: center;
    }
    .product-imgs{
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .product-content{
        padding-top: 0;
    }
}
/* slider css close */
.booking-box{
  background-color: #12598b;
  padding: 5px
}
hr{
  color: #fff;
  border: 1px solid #fff;
}
.booking-box h3{
  color: #fff;
  padding: 0px;
}
.visa-sec{
  display: flex;
}
.fixed {
  position: sticky;
  bottom: 0;
  width: 100%;
}
.bg-orange{
  background-color: #f09a10;
}

/* ----------PRICE RANGE-----------------  */
::selection {
  color: #fff;
  background: #17a2b8;
}
.wrapper {
  width: 400px;
  background: #fff;
  border-radius: 10px;
  padding: 20px 25px 40px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}
header h2 {
  font-size: 24px;
  font-weight: 600;
}
header p {
  margin-top: 5px;
  font-size: 16px;
}
.price-input {
  width: 100%;
  display: flex;
  margin: 30px 0 35px;
}
.price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 19px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #17a2b8;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
/* Support */
.support-box {
  top: 2rem;
  position: relative;
  bottom: 0;
  text-align: center;
  display: block;
}
.b-btn {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.b-btn.paypal i {
  color: blue;
}
.b-btn:hover {
  text-decoration: none;
  font-weight: bold;
}
.b-btn i {
  font-size: 20px;
  color: yellow;
  margin-top: 2rem;
}
/* -------------PRICE RANGE CLOSED------------------- */
.inclsn {
  width: 100%;
  float: left;
  margin: 8px 0 0px 0;
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid #e3e3e3;
  padding: 7px 0;
}
.hicn {
  float: left;
  margin-right: 15px;
}
.i-htl {
  width: 40px;
  height: 40px;
  background: url(https://www.easemytrip.com/holidays/Content/customize/img/hotel-1.svg) no-repeat 0 0;
  background-size: 40px 40px;
  display: table;
  margin: 0 auto;
}
.incTxt {
  font-size: 11px;
  color: #000;
  display: block;
  text-align: center;
}
.i-sig {
  width: 40px;
  height: 40px;
  background: url(https://www.easemytrip.com/holidays/Content/customize/img/sightseeing-1.svg) no-repeat 0 0;
  background-size: 40px 40px;
  display: table;
  margin: 0 auto;
}
.i-car {
  width: 40px;
  height: 40px;
  background: url(https://www.easemytrip.com/holidays/Content/customize/img/transfer-1.svg) no-repeat 0 0;
  background-size: 40px 40px;
  display: table;
  margin: 0 auto;
}
.i-mea {
  width: 40px;
  height: 40px;
  background: url(https://www.easemytrip.com/holidays/Content/customize/img/meal-1.svg) no-repeat 0 0;
  background-size: 40px 40px;
  display: table;
  margin: 0 auto;
}
.book-form{
  background-color: #12598b;
  padding: 8px;
  border-radius: 5px;
}
.book-form h3{
  color: #ffa500;
}
.book-form h2{
  color: #fff;
}
.book-form p{
  color: #fff;
}
.book-form h3{
  padding: 0px;
}
.booking-box p{ 
  padding: 0px 10px;
  font-size: 15px;
}

/***********
===============================================================
    Shine Airways Website Css Code Start 
===============================================================
***********/

/* Loader Overlay Start */
/* #loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
} */

/* Spinner Animation */
/* .spinner {
  width: 50px;
  height: 50px;
  border: 6px solid #f3f3f3;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
} */

/* Spin Keyframes */
/* @keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */

/* Loader Overlay End */

/* global css */
.b-zero {
  border-radius: 0px;
}

/* header start */
.header-top-right a {
  color: #3a3a3a;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.main-menu ul li a {
  padding: 0 8px;
}
.header-button-top {
  background-color: #ff7d00;
  background-color: #0e8fd8;
  padding: auto;
  margin-top: 0;
  margin-left: 8px;
  border: none;
  padding: 1px 10px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.5px;
}

/* header booking popup */
.top-header {
  position: relative;
}
.header-booking-cnt {
  background-color: #fff;
  right: 0;
  top: 0;
  height: 100vh;
  width: 350px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: absolute;
  z-index: 99999999;
  padding: 14px 26px;
  padding-bottom: 20px;
  transition: all ease 0.9s;
  -webkit-transition: all ease 0.9s;
  -moz-transition: all ease 0.9s;
}
.header-booking-cnt-body ul li {
  width: 100%;
  margin-bottom: 6px;
  font-size: 17px;
}
.header-booking-cnt-body ul li a {
  padding-bottom: 6px;
  border-bottom: 1px solid #8b8585;
}
.header-booking-cnt-inner-close i {
  font-size: 20px;
}
.header-booking-popup {
  display: none;
  transition: all ease 0.9s;
  -webkit-transition: all ease 0.9s;
  -moz-transition: all ease 0.9s;
}
.header-booking-cnt-inner-close {
  cursor: pointer;
  border: 1px solid #8b8585;
  padding: 4px 14px;
  border-radius: 4px;
}
.header-booking-cnt-top h3 {
  font-size: 20px;
}
.booking-popup-open::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100vh;
  inset: 0;
  opacity: 0.5;
  z-index: 999;
  background-color: #000;
  transition: all ease 0.9s;
  -webkit-transition: all ease 0.9s;
  -moz-transition: all ease 0.9s;
}
body.no-scroll {
  overflow: hidden;
  height: 100%;
}
/* header end */

/******** home page start ********/

/* Form Area Start  
======================
*/
.theme-search-form-new {
  margin-bottom: 45px;
}
.box-sec-new {
  padding: 0;
}
.theme-search-form-area-tabRow {
  padding-left: 16px;
}
.theme-search-form-area-tabRow .nav-tabs .nav-link {
  border: none;
  color: #000;
  padding: 0px;
}
.theme-search-form-area-tabRow .nav-tabs .nav-link.active {
  border-bottom: 1px solid #0d6efd;
  border-bottom-width: 6px;
  background:none;
  color: #000;
  border-radius: 0px;
}
.theme-search-form-area-tabRow .nav-tabs .nav-link i:hover {
  color: #000;
}
.tab-content-main {
  background: #fff;
  box-shadow:0px 4px 30px -5px rgba(0,0,0,.25);
  border-radius: 20px;
  padding: 20px;
}
.flight-categories-search-tabRow {
  margin-bottom: 10px;
}
.flight-categories-search-tabRow .nav-tabs .nav-link {
  border: 1px solid #ddd;
  padding: 8px 16px;
  font-size: 16px;
}
.flight-categories-search-tabRow .nav-tabs .nav-link:hover {
  background-color: #f0f9ff;
  color: #000;
  border: 1px solid #ddd;
}
.flight-categories-search-tabRow .nav-tabs .nav-link.active {
  background-color: #fff;
  color: #0072e4;
  border: 1px solid #0072e4;
}
.tab-search-btn {
  width: 100%;
  background: #ff5f00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 0 10px 10px 0;
  height: 100%;
  max-width: 105px;
  color: #fff;
}
.flight-Search-box {
  height: 70px;
  background: #f4f5f5;
  border-radius: 0px;
}
.flight-Search-box p {
  padding-top: 10px;
  font-size: 17px;
  line-height: 22px;
}
.flight-Search-box input {
 font-size: 19px;
 font-weight: 600;
}
.flight-Search-box input:focus {
  color: #068eff;
  border: none;
}
.dropdown-passenger-area-box button {
  font-size: 16px;
  font-weight: 600;
}
.range-plan-icon {
  left: -25px;
}
.range-plan-icon i {
  width: 40px;
  height: 40px;
  font-size: 20px;
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: center;
}

/*//////// From Area Popup start  ////////*/
.flight-search-from-content, .flight-search-to-content {
  position: relative;
}
.flight-search-from-poppup, .flight-search-to-poppup {
  box-shadow: 0px 4px 30px -5px rgba(0,0,0,.25);
  width: 375px;
  height: 450px;
  overflow-y: scroll;
  scrollbar-width: none;
  position: absolute;
  top: 100%;
  left: 4%;
  z-index: 11;
  border-radius: 16px;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
}
.flight-search-from-poppup.open-recent-from-box {
  visibility: visible;
  opacity: 1;
}
.flight-search-to-poppup.open-recent-to-box {
  visibility: visible;
  opacity: 1;
} 
.flight-search-poppup-heading p {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.recent-search-content div {
  color: #000;
}
.recent-search-icon {
  width: 50px;
  height: 50px;
  background-color: #f4f5f5;
  border: 1px solid #d6d7db;
  border-radius: 10px;
}
.recent-search-content-box {
  border-bottom: 2px solid #d6d7db;
  border-width: 100%;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.recent-search-icon svg {
  color: #7d7e7e;
}
.recent-search-flight-details P {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}  
.recent-search-flight-details span {
  font-size: 16px;
  color: #5e616e;
  width: 100%;
  display: inline-block;
}
.recent-search-content-box:hover {
  background: #f4f5f5;
}
/*//////// From Area Popup end  ////////*/

/*//////// hotels tab button -- popup box start ////////*/
.flight-search-hotel-box {
  position: relative;
}
.flight-search-hotels-popup {
  width: 80%;
  height: 350px;
  box-shadow: 0px 4px 30px -5px rgba(0,0,0,.25);
  overflow-y: scroll;
  scrollbar-width: none;
  top: 100%;
  left: 2%;
  transition: all ease 0.5s;
  z-index: 11;
  border-radius: 16px;
  cursor: pointer;
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.hotel-current-location-box {
  border-bottom: 2px solid #d1d1d1;
}
.hotel-current-icon span {
  display: inline-block;
  height: 45px;
  width: 45px;
  background-color: #f0fffb;
  border-radius: 15px;
}
.hotel-dest {
  padding: 0 20px;
}
.hotel-dest h3 {
  color: #000;
}
.hotel-dest-content {
  border-bottom: 2px solid #d1d1d1;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.hotel-dest-content:hover {
  background: #f4f5f5;
  border-radius: 10px;
}
.hotel-dest-icon span {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #f4f5f5;
  border-radius: 10px;
}
.flight-search-hotels-popup.open-hotel-search-box {
  visibility: visible;
  opacity: 1;
}
/*///////// hotels tab button -- popup box end ////////*/

/*//////// hotel and car tab button - guest and time box popup start ////////*/
.dropdown-passenger-popup {
  box-shadow: 0px 4px 20px -5px rgba(0, 0, 0, .25);
  border: none !important;
  border-radius: 20px !important;
}
.dropdown_passenger_area .dropdown-passenger-popup.show {
 transform: translate(-15%, 40px) !important; 
}
.dropdown-passenger-wrapper .passengers h6, .dropdown-passenger-wrapper .cabin-selection h6 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 8px;
}
.dropdown-passenger-wrapper .passengers .passengers-types .passengers-type {
  padding: 2px 4px;
}
.dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .text .count {
  font-size: 24px;
}
.dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .text .type-label p {
  font-size: 19px;
}
.dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .text .type-label span {
  font-size: 15px;
}
.dropdown-passenger-wrapper .cabin-selection {
  padding-top: 10px;
  border-top: 3px solid #c7c7cc;
  margin-top: 10px;
}
.dropdown-passenger-wrapper .cabin-selection .cabin-list button input {
  color: #000;
}
.dropdown-passenger-wrapper .cabin-selection .cabin-list button input:focus {
  color: #fff;
}
.dropdown-passenger-wrapper .muiButton-label {
  font-size: 16px;
}
.dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .button-set button {
  font-size: 16px;
  border: 2px solid #fc790d;
  color: #fc790d;
  width: 32px;
  height: 32px;
}
/*//////// hotel and car tab button - guest and time box popup end ////////*/

/*//////// car tab button -- popup box start ////////*/
.flight-search-cars-city, .flight-search-cars-city-pick, .flight-search-cars-city-drop {
  position: relative;
}
.flight-search-cars-popup, .flight-search-cars-pick-popup, .flight-search-cars-drop-popup {
  width: 350px;
  height: 280px;
  box-shadow: 0px 4px 30px -5px rgba(0,0,0,.25);
  border-radius: 16px;
  cursor: pointer;
  background: #fff;
  overflow-y: scroll;
  scrollbar-width: none;
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 11;
}
.flight-search-cars-icon span {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #f4f5f5;
  border-radius: 10px;
}
.flight-search-cars-icon span i {
  font-size: 24px;
}
.flight-search-cars-text h6 {
  font-size: 20px;
  line-height: 28px;
}
.flight-search-cars-text p {
  font-size: 14px;
  line-height: 20px;
}
.flight-search-cars-content {
  border-bottom: 2px solid #ddd;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.flight-search-cars-content:hover {
  background: #f4f5f5;
}
.flight-search-cars-popup.open-cars-popup-box, .flight-search-cars-pick-popup.open-cars-pick-popup-box,
.flight-search-cars-drop-popup.open-cars-drop-popup-box {
  visibility: visible;
  opacity: 1;
}
/*//////// car tab button -- popup box end ////////*/

/*//////// bus tab button -- popup box start ////////*/
.bus-tab-from-box, .bus-tab-to-box {
  position: relative;
}
.flight-search-bus-from-popup, .flight-search-bus-to-popup {
  box-shadow: 0px 4px 30px -5px rgba(0,0,0,.25);
  border-radius: 16px;
  cursor: pointer;
  position: absolute;
  top: 100%;
  left: 3%;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  width: 96%;
  height: 250px;
  overflow-y: scroll;
  scrollbar-width: none;
}
.flight-search-bus-content {
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom: 2px solid #f4f5f5;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.flight-search-bus-content:hover {
  background: #f4f5f5;
  border-radius: 10px;
}
.bus-popup-icon span {
  width: 50px;
  height: 50px;
  background-color: #f4f5f5;
  border-radius: 8px;
}
.bus-popup-icon span svg {
  width: 30px;
  height: 30px;
}
.bus-popup-text h6 {
  font-size: 18px;
}
.bus-popup-text p {
  font-size: 15px;
}
.flight-search-bus-from-popup.open-bus-from-popup-box, .flight-search-bus-to-popup.open-bus-to-popup-box {
  visibility: visible;
  opacity: 1;
}
/*////// bus tab button -- popup box end //////*/

/*////// cruise tab button -- popup box start //////*/
.flight-search-cruise-box, .flight-search-cruise-line-box {
  position: relative;
}
.flight-search-cruise-popup, .flight-search-cruise-line-popup {
  width: 100%;
  height: 280px;
  box-shadow: 0px 4px 30px -5px rgba(0,0,0,.25);
  background: #fff;
  border-radius: 16px;
  cursor: pointer;
  overflow-y: scroll;
  scrollbar-width: none;
  border-radius: 16px;
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 11;
}
.flight-search-cruise-content {
  border-bottom: 2px solid #d1d1d1;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.flight-search-cruise-content:hover {
  background: #f4f5f5;
  border-radius: 10px;
}
.flight-search-cruise-icon span {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #d1d1d1;
  border-radius: 8px;
  font-size: 24px;
}
.flight-search-cruise-text h6 {
  font-size: 20px;
  line-height: 28px;
}
.flight-search-cruise-popup.open-cruise-popup-box, .flight-search-cruise-line-popup.open-cruise-line-popup-box {
  visibility: visible;
  opacity: 1;
}
/*////// cruise tab button -- popup box end //////*/

/*///// oneway - roundtrip - bus ( tab ) passenger box popup start  ////////*/

.dropdown_passenger_area .dropdown-passenger-box.show {
  cursor: pointer;
  border-radius: 20px;
  box-shadow: 0px 4px 20px -5px rgba(0, 0, 0, .25);
  border: none;
  z-index: 111;
}
.dropdown_passenger_area .dropdown-passenger-box {
  padding: 10px 15px;
}
.dropdown_passenger_area .dropdown-passenger-box.show {
  transform: translate(-26%, 40px) !important;
  width: 470px;
  height: 480px;
}
.dropdown-passenger-content {
  padding: 10px;
}
.dropdown-passenger-content .passengers h6 {
  color: #000;
  margin: 0;
}
.passengers-type-new {
  width: 420px;
  display: flex;
  align-items: center;
  margin-top: 9px;
}
.dropdown-passenger-content .passengers h5 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
}
.dropdown-passenger-content .passengers h6 {
  color: #000;
}
.passenger-head  {
  width: 86px;
}
.passenger-head span {
  padding: 0;
}
.passenger-head h6 {
  color: #000000;
  font-size: 18px;
  margin: 0;
}
.passenger-count {
  display: flex;
  margin-left: 2px;
}
.passenger-count span {
  display: inline-block;
  width: 35px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  margin: 0 1px;
}
.passenger-count .passenger-count-active {
  background-color: #0770e4;
  border-radius: 5px;
  color: #fff;
  display: flex;
  transition: all ease 0.2s;
}
.passenger-count span:hover {
  background-color: #0770e4;
  color: #fff;
  border-radius: 5px;
  transition: all ease-in-out 0.2s;
}
.passenger-text {
  background-color: #efeff0;
  padding: 6px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 14px;
  border-radius: 10px;
}
.passenger-text-line h4  {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}
.passenger-text-line a {
  color: #fc790c;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 500;
}
.passenger-cabin-selection {
  margin-top: 10px;
}
.passenger-cabin-selection h3 {
  padding: 0;
}
.passenger-cabin-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.passenger-cabin-list button {
  width: auto;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #17181c;
  color: #17181c;
  font-weight: 400;
  border-radius: 20px;
  padding: 14px;
  transition: all ease 0.2s;
}
.passenger-cabin-list .passenger-cabin-list-active, .passenger-cabin-list button:hover {
  background-color: #0770e4;
  border: 1px solid #0770e4;
  color: #fff;
}
.passenger-done-btn {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 10px 15px;
  margin-top: 20px;
  border-top: 1px solid #d1d1d1;
  width: 108%;
  left: -4%;
  position: relative;
}
.passenger-done-btn a {
  width: 80px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fc790c;
  border-radius: 5px;
  color: #ffffff;
}
.passenger-done-btn a:hover {
  background-color: rgba(229, 103, 0, 1);
}
/*/////// oneway - roundtrip - bus ( tab ) passenger box popup end   ///////////*/

/** ////  destinations tab content start  //// **/
.destinations-tab-item {
  display: none;
}
.destinations-tab-item.active {
  display: block;
}
.destinations-nav {
  background-color: #ff8b32;
  border-radius: 8px;
}
.destinations-nav ul li a {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 28px;
  font-weight: 500;
}
.destination-section {
  margin-top: 126px;
  background: #8b8a8a1f;
}
.destination-box {
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.destination-box:hover {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.destination-image {
  height: 240px;
  overflow: hidden;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
.destination-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
.destination-image img:hover {
  transform: scale(1.1);
}
.destination-loction h3 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  font-weight: 500;
}
.destination-loction h4 {
  font-size: 18px;
  line-height: 26px;
  color: #f87115;
  font-weight: 500;
  font-family: 'Roboto';
}
.destination-loction p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: 'Roboto';
}
.destination-btn a {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.3px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  background-color: #ff7a1f;
  border-radius: 8px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
.destination-btn a:hover {
  background-color: #0091d9;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

/* destination-Pagination Container */
.destination-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  margin-top: 20px;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;
}
/* destination-Pagination Links */
.destination-pagination a {
  padding: 10px 20px;
  color: #333;
  border: 1px solid #ddd;
  margin: 0 5px;
  border-radius: 5px;
  font-size: 16px;
  transition: background-color 0.3s, color 0.3s;
}
.destination-pagination a:hover {
  background-color: #007BFF;
  color: white;
}
/* Active Page Link */
.destination-pagination a.pagi-active {
  background-color: #007BFF;
  color: white;
  font-weight: bold;
}
/* Previous and Next buttons */
.destination-pagination .prev, .destination-pagination .next {
  font-weight: bold;
}
.destination-pagination .prev:hover, .destination-pagination .next:hover {
  background-color: #FF7F50;
}
/* Disable Previous/Next when at the start or end */
.destination-pagination .disabled {
  background-color: #f2f2f2;
  color: #ccc;
  cursor: not-allowed;
}

/* Destination Accordion button styles */
.destination-accordion {
  background-color: #65c1ed;
  color: white;
  padding: 10px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  font-size: 18px;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}
.destination-accordion:hover {
  background-color: #45a049;
}
.destination-accordion:after {
  content: '\002B';
  font-size: 20px;
  color: #fff !important;
  float: right;
  width: auto;
  font-family: fontawesome;
  position: static;
  background: none;
  opacity: 1;
  visibility: visible;
}
.destination-accordion.active:after {
  content: "\2212";
}
/* Destination Panel styles */
.destination-panel {
  display: none;
  overflow: hidden;
  background-color: #e3eaf3;
  border-radius: 5px;
}
.destination-panel ul {
  margin: 0px;
  padding: 10px 20px;
}
.destination-panel ul li a {
  font-size: 16px;
  line-height: 28px;
  color: #000;
  font-family: 'Roboto';
}
/** ////  destinations tab content end  //// **/

/* Form Area end  
========================================
*/

/*//// box section start  ////*/
.border-box-section-content {
  box-shadow: none;
}
.best-price-box {
  box-shadow: 0px 4px 30px -5px rgb(42 25 25 / 25%);
  border-radius: 20px;
  gap: 16px;
}
.best-price-box p {
  font-size: 17px;
  line-height: 26px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.best-price-box p strong {
  color: #ff5f00;
  font-weight: 700;
}
.best-price-box-heading span {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
}
.best-price-image  {
  height: 380px;
  overflow: hidden;
  border-radius: 20px;
}
.best-price-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

/*//// hover effect ////*/
.best-price-box {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.best-price-box:hover {
  transform: rotate(5deg) scale(1.02);
}
.best-price-box {
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s;
}
.best-price-box:hover {
  background-color: #f0f0f0;
}
.best-price-box:hover::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: linear-gradient(to bottom, rgba(f,f,f,0.1), rgba(f,f,f,f));
  transition: opacity 0.3s;
}
/*//// box section end  ////*/

/* different packages  */
.card-box {
  box-shadow: 0px 4px 30px -5px rgba(0,0,0,.20);
} 

/* follow section start */
.foll_sec {
  background-color: #fff1ea;
  position: relative;
  z-index: 1;
}
.foll_head h2 {
  font-size: 36px;
  font-weight: 600;
}
.foll_head p {
  font-size: 26px;
  color: #0072e4;
}
.foll_col_bg {
  background: #43a9db;
  margin-top: 65px;
  height: 280px;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1; 
}
.foll_col {
  text-align: center;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  transition: all ease-in-out 0.5s;
  position: relative;
  overflow: hidden;
}
.foll_col::after {
  content: '';
  position: absolute;
  top: 45%;
  left: -50%;
  height: 10%;
  width: 150%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 100%);
  transform: translateX(-100%) rotate(90deg);
  transition: all ease 0.5s;
}
.foll_col h3 {
  border-bottom: 2px dashed #43a9db;
  width: 75%;
  margin: 0 auto 30px;
}
.foll_col_img {
  padding: 30px; 
  border-radius: 50%;
  background: #43a9db;
  border: 1px solid #43a9db;
  width: 50%;
  transition: all ease-in-out 0.5s;
}
.foll_col_img img {
  transform: scale(1);
  transition: all ease-in-out 0.5s;
}
.foll_col p {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 17px;
}
.foll_col:hover {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.foll_col:hover .foll_col_img {
  background: #e7ecf5;
  border-radius: 25%;
  transition: all ease-in-out 0.5s;
  border: 1px solid #cbcbcb47;
}
.foll_col:hover .foll_col_img img {
  transform: scale(1.1);
  transition: all ease-in-out 0.5s;
}
.foll_col:hover::after {
  transform: translateX(100%) rotate(45deg);
}
/* follow section end */

/* honeymoon paackage */
.card-new p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}
.card-new .card-body a {
  border: none !important;
}
.fine-adventure-heading p {
  font-size: 26px;
  color: #0072e4;
}
.read-more-btn {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.read-more-btn:hover {
  color: #000000;
}
.honey_pack_sec {
  background: #fafafa;
  border-bottom: 1px solid #e8e3e3;
}
.honey_pack_head h2 {
  color: #0072e4;
}
.honey_pack_col {  
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  overflow: hidden;
  transition: all ease 0.5s;
}
.honey_pack_col:hover {
  transform: translateY(-15px);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.honey_pack_top {
  border-radius: 12px;
  overflow: hidden;
}
.honey_pack_top a img {
  transition: all ease 0.5s; 
  transform: scale(1);
}
.honey_pack_top a img:hover {
  transition: all ease 0.5s; 
  transform: scale(1.1);
}
.honey_pack_top h4 {
  background-color: #333;
  color: white;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 600;
  overflow: hidden;
  border-radius: 0px 0 12px 12px;
}
.honey_pack_cnt h5 {
  color: #0072e4;
  font-size: 20px;
  font-weight: 600;
}
.honey_pack_cnt p {
  color: #555;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}
.honey_pack_btn a {
  display: inline-block;
  background-color: #2979ff;
  color: white;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
}
.honey_pack_btn a:hover {
  background-color: #6b6666;
}


/* packages code  */
.package-wrapper h2 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 0px;
  line-height: 32px;
}
.package-wrapper h2 strong {
  color: #ff5f00;
}
.package-wrapper a {
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 16px;
  padding: 16px 24px;
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
}
.package-wrapper a:hover {
  color: #fff !important;
}

/* Feedback Section Start */
.feedback-section {
  background: #fffaf6;
}
.feedback-col {
  background: #fff;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.feedback-col-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.feedback-col-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.feedback-col-cnt p {
  font-family: 'Roboto', sans-serif;
}
.feedback-btn a {
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 16px;
  padding: 16px 24px;
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  background-color: #ff660a;
}
/* Feedback Section End */

/* banner video */
.banner-item {
  height: 637px;
  overflow: hidden;
}
.banner-item .banner-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/****************    home page end     ****************/

/**********  flight list page start    **********/

/*/////// Sidebar Filter Options ///////*/
.filter-searchBar-new {
  background-color: #fff;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10);
  border-radius: 10px;
}
.searchBar-heading h6, .searchBar-stop-heading h6, .searchBar-preferred-heading h6 {
  font-size: 24px;
}
.searchBar-heading p {
  font-size: 16px;
}
.searchBar-clear-btn a, .searchBar-preferred-heading a {
  font-size: 20px;
}
.flight-price-range-box {
  box-shadow: none;
}
.flight-price-range-box-wrapper {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
}
.price-field-text {
  font-size: 20px;
}
.searchBar-text label {
  font-size: 20px !important;
}
.preferred-box-text {
  font-size: 19px;
}

/*////// all flight departure colunm ///////*/
.flights-list-item-new {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
}
.flights-list-item-new:hover {
  transform: scale(1.01);
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.40);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}

/*////// click function  ///////*/
.flights-list-item-new.flight-card-active {
  border: 1px solid #6071ef;
  background-color: rgba(242, 251, 254, 1);
}
.flights-list-item-update{
  background-color: rgba(242, 251, 254, 1) !important;
  box-shadow: 2px 5px 8px 0px rgba(0, 0, 0, 0.15);
}
.flight-card-logo {
  border-radius: 6px;
  width: 40px;
  overflow: hidden;
}
.flight-card-logo img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.flight-card-name {
  color: #000;
  font-size: 24px;  
}
.flight-card-timeline {
  font-size: 20px;
}
.flight-card-run-line div {
  font-size: 15px;
}
.flight-card-departure, .flight-card-date {
  font-size: 16px;
}
.flight-card-departure {
  padding: 4px 15px;
  font-weight: 500;
  border-radius: 4px;
}
.flight-card-run-line-hc a {
  font-size: 18px;
}
.flight-card-price {
  font-size: 24px;
}
.flight-big-card-price {
  font-size: 32px;
}

/*//////// flight list page STOP PROPAGATIOPN ///////*/
.filter-searchBar-new {
  position: sticky;
  top: 0;
  left: 0;
}
.flights-accordion-active-box-main {
  position: relative;
  padding-top: 100px;
}
.flights-accordion-active-box {
  position: fixed;
  bottom: 0;
  right: 9.70%;
  width: 60.10%;
  z-index: 11;
}
/***********  flight list page end   ****************/

/**********   one way page start    ***************/
.filter-searchBar-oneway {
  top: 85px;
}
.flights-list-item-oneway {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20);
  background-color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.flights-list-item-oneway:hover {
  transform: scale(1.01);
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.40);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.flights-list-item-oneway.oneway-card-active {
  border: 1px solid #6071ef;
  background-color: rgba(242, 251, 254, 1);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.flights-oneway-box-detail span {
  font-size: 18px;
}
.flights-oneway-box-logo {
  border-radius: 6px;
  width: 45px;
  overflow: hidden;
}
.flights-name-oneway {
  font-size: 24px;
  color: #000;
}
.flights-name-oneway-font {
  font-size: 17px;
}
.flights-coupon-box {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20);
  border: 1px solid #008959;
}

/*////// one way modal popup start  /////*/
.flight-modal-section {
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.40);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.flight-modal-header button {
  font-size: 20px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.flight-modal-image-box {
  width: 45px;
  height: 30px;
}
.flight-modal-image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.price-footer h5 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
.flight-oneway-journey-date input {
  width: 100%;
}

/*////// popup right side slide open code start //////*/
.modal-dialog {
  max-width: 100%;
}
.modal-dialog-slideout {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;
}
.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(100%, 0)scale(1);
  transform: translate(100%, 0)scale(1);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog-slideout .modal-content {
  border: 0;
}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {
  display: block;
} 

/*////// popup right side slide open code end  //////*/
.flight-modal-section .flight-modal-main {
  margin: 0 0 0 auto;
  padding-bottom: 0;
  max-width: 1080px;
} 
.flight-details-modal-wrapper {
  padding-bottom: 0px;
}
.modal-backdrop.show {
  opacity: 0.4 !important;
}
.flight-modal-success-box {
  border: 1px solid green;
  border-radius: 30px;
  padding: 0px 8px;
  background-color: #eefff7;
}
.flight-modal-success-box p span {
  font-size: 12px;
}
.flight-modal-success-box-icon svg {
  color: #238c46;
}
.flight-modal-footer {
  box-shadow: 0px 4px 20px rgba(0,0,0,.2);
  border: 0;
}
.flight-footer-btn {
  background-color: #fc790d;
  color: #fff;
  border-radius: 16px;
  padding: 16px 24px;
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  transition: background-color 0.3s ease;
  position: relative;
  overflow: hidden;
}
.flight-footer-btn::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background-color: #fc790d;
  transition: opacity 0.3s ease;
  z-index: -10;
  transform: rotate(45deg);
}
.flight-footer-btn:hover {
  color: #fff;
}
.flight-footer-btn:hover::before {
  opacity: 1;
  z-index: 10;
}
.flight-footer-btn span {
  position: relative;
  z-index: 1;
}
@keyframes blink {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.flight-footer-btn:hover::before {
  animation: blink 1s infinite;
}
.tab-content-item {
  display: none;
}
.tab-content-item.modal-tab-active {
  display: block;
}
.modal-tabs-nav ul  {
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}
.modal-tabs-nav ul li {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  font-family: 'Roboto';
}
.modal-tabs-nav ul li a {
  cursor: pointer !important;
  padding: 12px 10px 16px 10px;
  display: inline-block;
}
.modal-tabs-nav ul li:hover {
  background-color: #f4f5f8;
}
.modal-tabs-nav ul li:hover a {
  color: #000000;
}
.modal-tabs-nav ul li.modal-tab-active {
  border-bottom: 4px solid #068eff;
}
.modal-tabs-nav ul li.modal-tab-active a {
  padding: 12px 10px 12px 10px;
}
.modal-tabs-nav ul li.modal-tab-active a {
  color: #068eff;
}
.modal-tabs-nav ul li.modal-tab-active:hover {
  background: #f2f6ff;
}
/*////// one way modal popup end  //////*/

/**********   one way page end    ***************/

/**********   about us page start   ************/
.about-us {
  margin-top: 145px;
}
.image-box-new {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.image-box-new:hover {
  border: 4px solid #068eff;
}
.image-box-new:hover img  {
  transform: scale(1.2);
}
.image-box a {
  padding-top: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.image-box a img {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.about-heading h1 {
  font-size: 38px;
  line-height: 48px;
  font-weight: 500;
}
.about-content-text p, .our-vision p {
  font-size: 22px;
  line-height: 34px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}

/* Marquee section */
.Marquee-tag {
  border: 1px solid #ddd;
  border-collapse: collapse;
  overflow: hidden;
  width: 160px;
  height: 100px;
  padding: 10px;
}
.Marquee-tag img {
  width: auto;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.Marquee-tag img:hover .Marquee-tag {
  border: none;
}
/* Destination Slider */
.destination-slider-heading h3 {
  font-size: 28px;
}
.destination-slider-heading p {
  font-size: 20px;
  font-family: 'Roboto'; 
}
.destination-slider-box {
  width: 360px;
  border: none;
  background: none;
}
.destination-slider-box:hover {
  background: none;
  border: none;
  transition: all ease-in-out 0.5s;
}
.rating-heading h3 {
  font-size: 28px;
}
.rating-number h1 {
  font-weight: 700;
  font-size: 64px;
}
.rating-icon i {
  color: sandybrown;
  font-size: 30px;
}
.rating-text h5 {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Roboto';
}
.rating-approve-img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.rating-approve-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* about dest */
.about-dest-left p, .about-choose-content p, .about-choose-down p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  color: #777;
}
.about-choose-section {
  background: #f1f1f1;
}
.about-choose-content ul li {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  color: #777;
  display: inline-block;
}
.about-choose-box {
  border-top: 3px dashed #cccccc5e;
}
.about-choose-box .about-choose-item {
  padding: 24px 20px 33px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 0 15px #cccccc37;
  transition: all ease-in-out 0.5s;
  overflow: hidden;
  position: relative;
  transform: translateY(0px); 
}
.about-choose-box .about-choose-item::after {
  content: '';
  background: #ff8529;
  height: 2px;
  width: 0%;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
  position: absolute;
  transition: all ease-in-out 0.5s; }
.about-choose-box .about-choose-item .about-choose-icon [class^="flaticon-"]::before, 
.about-choose-box .about-choose-item .about-choose-icon i {
  font-size: 58px; 
}
.about-choose-box .about-choose-item:hover {
  transform: translateY(-5px);
  transition: all ease-in-out 0.5s;
  cursor: pointer; }
.about-choose-box .about-choose-item:hover::after {
  width: 100%;
  transition: all ease-in-out 0.5s; }
.about-choose-box .about-choose-item:hover h4 a {
  color: #ff8529;
}

/* about value */
.mission-head-image-1 img{
  width: 100%;
  height: 355px;
}
.mission-head-image-1 {
  transform-origin: center center;
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  border-color: #fff;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 10%);
  --rotateZ: 9.65deg;
  transform: rotateZ(var(--rotateZ));
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.mission-head-image-2 {
  transform-origin: center center;
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  border-color: #fff;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 10%);
  --rotateZ: -12.265deg;
  transform: rotateZ(var(--rotateZ));
  width: 345px;
  height: 237px;
  float: left;
  margin-top: -50px;
  margin-bottom: 50px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.mission-head-image-2 img {
  width: 100%;
  height: 100%;
}
.mission-head h5 {
  color: #ffbf8e;
  font-size: 30px;
}
.mission-head h2 {
  color: #fff;
  font-size: 48px;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 1px;
  line-height: 56px;
}
.mission-head p {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}
.mission-head-box {
	border-top: solid 3px #ffbf8e;
	border-bottom: solid 3px #ffbf8e;
}	
.mission-head-box img {
  background-color: #ffbf8e;
  border-radius:5px;
  width: 90px;
  height: 90px;
}
.mission-bot-sec {
  background-color: #fff9f4;
}
.mission-bot-cnt h2 {
  font-size: 30px;
  color: #000;
  padding: 5px 0px;
  letter-spacing: 1px;
}
.mission-bot-cnt h2:after {
  content:" ";
  display:block;
  width:120px;
  height:3px;
  background-color:#ff9800;
  margin-top:7px;
}	
.mission-bot-cnt-1 h2 {
  font-size: 22px;
  color: #ff9800;
  letter-spacing: 1px;
  font-family: 'Roboto', sans-serif;
}	
.mission-bot-cnt-1 p {
  font-family: 'Roboto', sans-serif;
}
/**********  about us page end  ************/

/******* check out page  start  *******/
.flights-list-item-checkout {
  box-shadow: 0px 3px 20px -3px rgba(0,0,0,.25);
  border-radius: 12px;
}
.flight-checkout-details h6 {
  font-size: 21px;
}
.flight-checkout-box-detail span {
  font-size: 18px;
}
.flight-checkout-box-logo {
  border-radius: 8px;
  width: 45px;
  overflow: hidden;
}
.flight-checkout-box-name div:nth-child(1) {
  font-size: 24px;
}
.flight-checkout-box-name  div:nth-child(2) {
  font-size: 18px;
}
.flight-checkout-box-font {
  font-size: 18px;
}
.flights-checkout-boxes {
  box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, .15);
  border-radius: 12px !important;
}
.flight-checkout-heading h6 {
  font-size: 20px;
}
.checkout-from-check label {
  font-size: 17px !important;
}
.flight-checkout-heading p {
  font-size: 19px;
  line-height: 26px;
}
.flight-checkout-boxes-list li {
  font-size: 17px;
}
.checkout-contact-from-box input, label {
  font-size: 18px !important;
} 
.filter-searchBar-checkout {
  box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, .35);
  position: sticky;
  top: 80px;
  left: 0;
  border-radius: 12px;
}
.tour-booking-pay-comp-image {
  width: 100px;
  height: 60px;
  overflow: hidden;
}
.tour-booking-pay-comp-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.tour-booking-term-line p {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #000;
}
.flight-cancel-circle-1, .flight-cancel-circle-5 {
  width: 24px;
  height: 24px;
  border-radius: 30px;
}
.flight-cancel-circle-2, .flight-cancel-circle-3, .flight-cancel-circle-4 {
  width: 16px;
  height: 16px;
  border-radius: 30px;
}
.flight-cancel-line-1, .flight-cancel-line-2, .flight-cancel-line-3, .flight-cancel-line-4 {
  width: 100%;
  height: 4px;
}
.flight-cancel-circle-1 {
  background-color: rgb(255 189 43 / 76%);
}
.flight-cancel-circle-2 {
  background-color: rgb(245 202 106);
  z-index: 11;
}
.flight-cancel-circle-3 {
  background-color: rgb(249, 213, 133);
  z-index: 11;
}
.flight-cancel-circle-4 {
  background-color: rgb(231, 114, 112);
  z-index: 11;
}
.flight-cancel-circle-5 {
  background-color: rgb(220, 53, 50);
}
.flight-cancel-line-1 {
  background-image: linear-gradient(to right, rgb(255 221 145 / 85%), rgb(241 191 79 / 82%));
}
.flight-cancel-line-2 {
  background-image: linear-gradient(to right, rgb(245 214 146 / 82%), rgb(245 187 56));
}
.flight-cancel-line-3 {
  background-image: linear-gradient(to right, rgb(238, 154, 153), rgb(231, 114, 112));
}
.flight-cancel-line-4 {
  background-image: linear-gradient(to right, rgb(224, 73, 71), rgb(220, 53, 50));
}
.flight-cancel-update-head {
  font-size: 18px !important;
  color: #000 ;
  line-height: 24px;
  font-family: 'Roboto';
  font-weight: 600;
}
.flight-checkout-reshedule-head a {
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  color: #068eff;
  line-height: 24px;
  font-family: 'Inter', sans-serif;
  text-decoration: underline;
}
/** // passenger details box // **/
.checkout-psngr-dtl-head p {
  font-size: 18px !important;
  line-height: 24px;
}
.checkout-psngr-dtl-grp select, .checkout-psngr-dtl-grp input {
  height: 30px;
  display: block;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 0px 12px;
  transition: all 0.24s ease-in-out;
  -webkit-transition: all 0.24s ease-in-out;
  -moz-transition: all 0.24s ease-in-out;
  -o-transition: all 0.24s ease-in-out;
}
/******* check out page end   *******/

/**********   contact page start   *************/
.contact-form-new {
  max-width: 1250px;
}
.contact-card {
  height: 240px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border: none;
}
.contact-detail-text a {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.contact-detail-heading {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
}
.contact-detail-address {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
}
.contact-detail-icon {
  font-size: 30px;
}
/**********   contact page end   *************/

/**********   franchise page start   *************/
.why-cont-heading h2 {
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 1px;
}
.franchise-found-text h1 {
  font-size: 28px;
}
.franchise-found-text p {
  font-size: 18px;
  line-height: 28px;
}
.why-cont-box {
  height: 210px;
  padding: 10px;
}
.why-cont-box p {
  font-family: 'Roboto', sans-serif;
}
.trav_agency_hh {
  color: #fff;
}
.franchise-sub-box h3 {
  text-align: center;
}
.franchise-partner-heading p {
  font-size: 19px;
  line-height: 26px;
}
.franchise-partner-heading a:hover {
  color: #fff;
}
/**********   franchise page end     *************/

/**********   carrer page start    ****************/
.carrer-opt-point > div {
  margin-bottom: 6px;
}
.carrer-journey-text {
  padding: 0 10px;
}
.carrer-journey-text h2 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 4px;
}
.carrer-journey-text p {
  font-family: 'Roboto', sans-serif;
  line-height: 24px;
  margin-top: 12px;
}
.carrer-journey-point > span {
  width: 30%;
  display: inline-block;
}
.carrer-journey-table table tr th, .carrer-journey-table table tr td {
  padding: 5px 12px;
  font-size: 15px;
  line-height: 20px;
}
.carrer-journey-point-2 > span {
  width: 100%;
}
.carrer-journey-point-4 > span, .carrer-journey-point-5 > span, .carrer-journey-point-7 > span, .carrer-journey-point-8 > span {
  width: 49%;
}
.carrer-journey-point-6 > span{
  width: 90%;
}
.carrer-shine-box-img {
  height: 280px;
}
.carrer-shine-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.carrer-journey-table button {
  padding: 6px 25px;
  font-size: 18px;
  line-height: 26px;
  background-color: #0e8fd8;
  border: 1px solid #0e8fd8 !important;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition:  all ease 0.5s;
}
.carrer-journey-table button:hover {
  border: 1px solid #000 !important;
}
.carrer-journey-table button:hover a {
  color: #000 !important;
}
/**********   carrer page end    ****************/

/**********   hotel list page start   ***********/
.hotel-list-filter-searchBar-head h6 {
  font-size: 24px;
}
.hotel-list-filter-searchBar-clear a, .hotel-list-filter-searchBar-subhead h6, .hotel-list-filter-searchBar-subhead h5 {
  font-size: 20px;
}
.hotel-list-nav .nav-item .nav-link, .hotel-list-rating-number {
  font-size: 16px !important;
}
.hotel-list-rate-star i {
  font-size: 16px;
}
.hotel-list-price {
  font-size: 24px;
  line-height: 34px;
}
.hotel-list-filter-searchBar, .hotel-list-item {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.hotel-list-image-box {
  width: 300px;
  height: 200px;
  overflow: hidden;
  border-radius: 10px;
}
.hotel-list-image-box img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hotel-list-heading h6 {
  font-size: 19px;
  line-height: 28px;
  font-family: 'Inter';
}
.hotel-list-sub-heading p {
  font-family: 'Inter';
  font-size: 15px;
  color: #000;
  line-height: 20px;
  font-weight: 500;
}
.hotel-list-rating-box {
  width: 44px;
  height: 32px;
  background-color: #f2f9ff; 
}
.hotel-list-rating-box p {
  font-size: 18px;
  color: #0e8fd8;
  font-weight: 500;
  line-height: 20px;
  font-family: 'Inter';
}
.hotel-list-rating-name {
  font-size: 17px !important;
  color: #0e8fd8 !important;
  font-weight: 700;
  line-height: 20px;
  font-family: 'Inter';
  margin-bottom: 0;
}
.hotel-list-facility-point p, .hotel-list-facility-point p span {
  color: #008959 !important;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}
.hotel-list-booking-detail span {
  line-height: 15px;
  color: #000;
  font-family: 'Inter';
  font-weight: 500;
  display: inline-block;
  font-size: 14px;
}
/********  hotel list page end  **********/

/******* hotel checkout page start  ********/
.hotel-review-sec {
  margin-top: 145px;
}
.hotel-review-wrapper, .hotel-review-amenities, .hotel-review-policies {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.hotel-review-pageback-box {
  font-size: 16px;
}
.hotel-review-pageback-box a {
  text-decoration: underline;
  letter-spacing: 1px;
  font-family: 'Inter', sans-serif;
}
.hotel-review-heading h6 {
  font-size: 28px;
}
.hotel-review-rating span, .hotel-review-address span {
  display: inline-block;
}
.hotel-review-address span {
  font-family: 'Inter';
  font-size: 16px;
}
.hotel-review-location {
  font-size: 16px;
}
.hotel-review-map {
  background-image: url('../images/icon/hotel-review-map.PNG');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 16px;
}
.hotel-review-rating {
  background-color: #4fd918ed;
  border-radius: 10px;
  padding: 10px 10px;
}
.hotel-review-img-big, .hotel-review-img-small {
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
.hotel-review-img-big img, .hotel-review-img-small img {
  object-fit: cover;
  object-position: center;
}
.hotel-review-img-small {
  width: 100%;
  height: 231px;
}
.hotel-review-about h6 {
  font-size: 24px;
}
.hotel-review-about p {
  font-size: 16px;
}
#hotel-review-menu {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 5px;
  z-index: 9;
  position: sticky;
  top: 80px;
  left: 0;
  background-color: #fff;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.hotel-reviw-menu-wrapper ul {
  font-size: 20px;
}
.hotel-review-roomOption {
  background-color: #fff;
}
.hotel-review-roomOption-box1, .hotel-review-roomOption-box2 {
  border-right: 2px solid #f1f5f8;
}
.hotel-review-roomOption-box1-type, .hotel-review-roomOption-box2-option, .hotel-review-roomOption-box3-price {
  background-color: #cbe6ffb8;
}
.hotel-review-roomOption-box1-room-type, .hotel-review-roomOption-box1-room-select, .hotel-review-roomOption-box1-price-range {
  font-size: 20px;
  font-weight: 500;
}
.hotel-review-roomOption-box1-image {
  height: 260px;
}
.hotel-review-facility-point h5, .hotel-review-policies-point h5 {
  font-size: 24px;
}
.hotel-review-facility-point h6, .hotel-review-policies-point h6 {
  font-size: 18px;
}
.hotel-review-time-box {
  font-size: 20px;
  border-radius: 20px;
}
.hotel-review-amenities-box p {
  font-size: 16px;
}
/******* hotel checkout page end  ********/

/***********   Airlines page start   ***********/
.airlines-filter-searchBar {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
.airlines-filter-searchBar {
  position: sticky;
  top: 85px;
  right: 0;
}
.airline-frm-title a h6 {
  margin-bottom: 0;
}
.flights-list-item p {
  font-family: 'Roboto', sans-serif;
}
.flights-list-item h6 {
  font-size: 18px;
  line-height: 28px;
}
.indigo-flight-points p, .spicejet-flight-points p, .air-india-flight-point p {
  font-family: 'Roboto', sans-serif; 
}
/***********   Airlines page end   ***********/

/**********   FAQ page start   **********/
.faqs-call-area-new {
  position: sticky;
  top: 84px;
  right: 0;
}
/**********   FAQ page start   **********/

/***********   Register Now Page Start   ***********/  
.register-sec {
  background-image: url(../images/banner/register-now-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.register-seat h2 {
  border-radius: 8px;
  background-color: #0091d8;
  font-size: 26px;
  line-height: 40px;
  letter-spacing: 0.5px;
}
.register-now-from-page {
  border: 1px solid #c9c4c4;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.register-now-btn button {
  padding: 8px 40px;
  border: 1px solid #0091d8 !important;
  background-color: #0091d8;
  letter-spacing: 1px;
  font-size: 18px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.register-now-btn button:hover {
  background: transparent;
  border: 1px solid #000 !important;
  color: #000000 !important;
}
.register-now-detail {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 10px;
}
/***********   Register Now Page End   ***********/  

/******* job apply now form page start  ********/
.job-from-main {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 8px;
}
.job-from-heading h2 {
  color: #0091d8;
}
.job-apply-form-group .input-group .form-control {
  margin-bottom: 0px;
}
.job-apply-form-group .input-group select.form-control {
  border: 1px solid #eaeaea;
}
.job-apply-term-sec {
  background-color: #f3f6fc;
}
.job-apply-terms-cond a {
  background-color: #69757d;
  border-radius: 8px;
  border: 1px solid #69757d !important;
}
.job-apply-terms-cond-sec, .job-apply-refund-policy-sec {
  background-color: #f7fcffa5;
}
.job-apply-terms-cond-heading h2, .job-apply-refund-policy-heading h2 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
}
.job-apply-terms-cond-heading ol li, .job-apply-refund-policy-heading ol li {
  color: #000;
  margin-bottom: 12px;
}
.job-apply-terms-cond-heading p {
  font-size: 20px;
  line-height: 28px;
}
.job-apply-refund-policy-heading ol li, .job-apply-terms-cond-heading ol li {
  display: flex;
  gap: 12px;
}
.job-apply-btn {
  padding: 8px 40px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1px;
  background-color: #0e8fd8;
  border: 1px solid #0e8fd8 !important;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition:  all ease 0.5s;
}
.job-apply-btn:hover {
  border: 1px solid #000 !important;
}
/******* job apply now form page end ********/

/***********
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
    PACKAGES PAGES BACKEND DATA REDESIGN 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
***********/

/* packages page start */
.package-heading h3 {
  padding: 0px;
}
.package-card {
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  border-radius: 16px;
  overflow: hidden;
}
.package-card-image {
  height: 220px;
  overflow: hidden;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.package-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.package-card-image img:hover {
  transform: scale(1.1);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.package-price {
  margin-top: 16px;
  margin-bottom: 16px;
}
.package-body .inclsn {
  justify-content: center;
  gap: 6px;
} 
.package-body .inclsn .hicn .incTxt {
  font-size: 14px;
}
.package-body > span {
  font-family: 'Roboto' !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.package-para {
  font-size: 15px !important;
  font-family: "Roboto" !important;
  line-height: 24px !important;
  padding-top: 12px;
}
.package-loction {
  font-family: 'Roboto' !important;
  font-size: 16px !important;
  text-align: center !important;
  margin: 4px 0;
}
.package-duration {
  font-size: 18px !important;
  font-weight: 600 !important;
  font-family: 'Roboto';
  text-align: center !important;
}
.package-duration small {
  padding: 16px 0px;
}
.package-form {
  background: linear-gradient(-120deg, #ff6000 0%, #ffffff 120%);
  padding: 20px 40px;
  border-radius: 5px;
}
.package-form select {
  padding: 5px 20px;
  border: none;
  border-radius: 1px;
}
/* packages page end */

/* Vacation Page Start */
.vacation-about-section {
  background-color: #f2f2f2;
}
.vacation-about-head h1 {
  font-size: 46px;
  line-height: 56px;
  font-weight: 600;
  color: #3c3d42;
  font-family: 'Playball';
  text-transform: capitalize;
  letter-spacing: 1.5px;
}
.vacation-about-head p {
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 500;
}
.vacation-about-box-cnt {
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  padding: 30px 20px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.vacation-about-box-cnt .icon {
  display: inline-block;
  color: #f87115;
  margin-bottom: 20px;
  font-size: 30px;
  padding: 10px 15px;
  border: solid 1px #f87115;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.vacation-work-section-head h2 {
  font-family: 'Playball', sans-serif;
  font-size: 46px;
  line-height: 56px;
}
.vacation-work-section-head h4 {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  line-height: 28px;
}
.vacation-about-box-cnt p {
  font-family: "Roboto";
}
.vacation-work-col {
  border-radius: 12px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.vacation-work-col-image {
  height: 170px;
}
.vacation-work-col-head p {
  font-family: 'Roboto';
}
.vacation-idea-section {
  background-image: url(../images/hotel-review-image/vacation-idea-bg.jpg);
	width:100%;
	height:690px;
	background-size:cover;
  background-position: center;
	background-repeat:no-repeat;
	position:relative;
}
.vacation-idea-content {
  position: absolute;
  width: 40%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}	
.vacation-idea-content-head h2{
  font-size: 62px;
  line-height: 68px;
  font-family: 'Playball';
  letter-spacing: 1px;
  word-spacing: 2px;
  color: #ffeb3b;
}
.vacation-idea-content-sub-head h2{
	font-size: 31px;
  line-height: 54px;
  font-weight: bolder;
  font-family: 'Playball';
  letter-spacing: 1px;
  color: #fff;
}	
.vacation-idea-content-btn input[type="submit"]{
	background-color: #ff5722;
	color: #fff;
	font-style: italic;
	padding: 14px 32px;
	letter-spacing:1px;
}					
.vacation-detail-col h2{
	font-size: 24px;
	line-height: 32px;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.25px;
	color: #014073;
}
.vacation-detail-col p{
  font-size: 16px;
	line-height: 26px;
	color: #695e5e;
	font-family: inherit;
	font-weight: 500;
}
.vacation-detail-col	ul li{
	display: list-item;
	color:#4a4a4a;
	border:solid 1px #d6d6d6;
	margin:0px 0px 20px 0px;
	padding:10px 20px;
}
.vacation-apartment-section {
  background-color: #faebd7;
}
.vacation-apartment-col-image {
  width: calc(50% - 12px);
}
.vacation-apartment-sub-head {
  border-bottom: 2px solid #000;
  margin-bottom: 20px;
}
.vacation-apartment-col-cnt p {
  font-size: 16px;
  line-height: 24px;
  font-family: 'Roboto';
  font-weight: 500;
}
.vacation-apartment-col-list li {
  color: #000;
  list-style: disc;
}
.vacation-apartment-col-list ul li {
  display: list-item;
  font-size: 15px;
  line-height: 24px;
}
.vacation-card-head h2 {
  font-size: 28px;
  line-height: 36px;
  font-family: 'Playball';
  color: #000;
}
.vacation-explore-section {
  background-color: antiquewhite;
}
.vacation-explore-cnt h5 {
  color: #f87115;
  font-size: 18px;
  line-height: 36px;
  font-family: 'Open Sans', sans-serif;
}
.vacation-explore-cnt h3 {
  color: #000;
  font-size: 40px;
  line-height: 55px;
  font-family: 'Playball';
  letter-spacing: 2px;
}
.vacation-explore-cnt p {
  font-size: 17px;
  line-height: 26px;
  font-weight: 500;
  font-family: inherit;
  color: #8b8585;
}
.vacation-explore-bottom ul li{
  display:list-item;
	font-size:16px;
	color:#333;
	letter-spacing: 1px;
	line-height:30px;
	}  
.vacation-explore-bottom ul li i {
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin-right: 16px;
  background-color: #40d5c7;
  border-radius: 4px;
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}
.vacation-redeem-voucher-cnt {
	background-image: url(../images/hotel-review-image/vacation-voucher-bg.png);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.15), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	}
.vacation-redeem-voucher-form {
	opacity:0.8;
	background: linear-gradient(to bottom, rgb(238, 221, 203) 0%,rgb(230, 150, 187) 100%);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.15), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}		
.vacation-redeem-voucher-form-head h1{
	color:#fff;
	font-size: 18px;
  line-height: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #f88e0a;
  display: inline-table;
  padding: 10px 20px;
  border-radius: 0px 39px 40px 0px;
}
.vacation-redeem-voucher-form-msg p {
  font-weight: 500;
  font-family: 'Roboto';
  font-size: 17px;
}
.vacation-redeem-voucher-form-box {
	padding: 12px 0px 12px 0px;
}		
.vacation-redeem-voucher-form-box input[type="text"], .vacation-redeem-voucher-form-box input[type="email"], .vacation-redeem-voucher-form-box input[type="tel"]{
	padding:6px 10px;
	border-radius:2px;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.15), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.vacation-redeem-voucher-form-box .voucher-submit-btn{
	color: #fff;
	font-size:18px;
	padding:6px 0px;
	border-radius:2px;
	letter-spacing:1px;
	background-color: #ff3b00;
	font-family:Georgia, "Times New Roman", Times, serif;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.15), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.vacation-redeem-voucher-form-box .voucher-submit-btn:hover{
	background-color: #1d74a6;
}
.vacation-voucher-submit-popup {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  inset: 0;
  display: none;
}
.vacation-redeem-voucher-form.voucher-submit .vacation-voucher-submit-popup {
  display: block;
}
.voucher-wrapper {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  border-radius: 10px;
}
.voucher-type {
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.voucher-form label {
  margin-bottom: 8px;
}
.voucher-form input {
  padding: 0px 16px;
  box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}
.voucher-form [type="submit"] {
  background: #ff9000;
  color: #fff;
  transition: all ease 0.5s;
}
.voucher-form [type="submit"]:hover{
  background: #0072e4;
  transition: all ease 0.5s;
}
/* //// vacation request form */
.vacation-request-form {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.15), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background: linear-gradient(to bottom, rgb(238, 221, 203) 0%,rgb(255, 168, 103) 100%);
  border-radius: 5px;
  padding: 15px 20px;
}
/* Vacation Page End  */

/* why vaction page start */
.why_vct_heading_sec {
  background: linear-gradient(360deg, #b6d9e9c7 -8%, #ffffff 100%);
  transition: all ease 0.5s;
}
.why_vct_heading_sec:hover {
  background: linear-gradient(180deg, #b6d9e9c7 0%, #ffffff 100%);
}
.why_vct_heading_wrp h2 {
  font-size: 40px;
  line-height: 55px;
  font-family: 'Playball';
  letter-spacing: 2px;
}
.why_vct_heading_wrp h4 { 
  font-size: 26px;
  line-height: 36px;
  font-weight: 600;
  letter-spacing: 1.5px;
  font-family: "playball";
  color: #3c1d0d;
}
.why_vct_bnft_left_head h2, .why_vct_try_right_head h2, .why_vct_advt_head h2, .why_vct_image_cnt h2, .why_vct_cont_cnt h2, .why_vct_qutn_head h2 {
  font-size: 36px;
  line-height: 44px;
  font-family: "Playfair Display", serif;
}
.why_vct_bnft_left_head h2::after, .why_vct_try_right_head h2::after, .why_vct_advt_head h2::after, .why_vct_qutn_head h2::after {
  content: "";
  width: 250px;
  height: 3px;
  background-color: #ff6000;
  display: block;
  margin: 12px 0px 0px 0px;
}
.why_vct_bnft_left_cnt_item h3, .why_vct_advt_box_head h3, .why_vct_qutn_subhead h3 { 
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  letter-spacing: 1.5px;
  font-family: "playball";
  color: #3c1d0d;
  margin-bottom: 0px;
}
.why_vct_bnft_left_cnt_item h3 i {
  color: #0091d9;
}
.why_vct_bnft_left_cnt_item p, .why_vct_try_right_head p, .why_vct_advt_box_para p, .why_vct_image_cnt p, .why_vct_cont_cnt p, .why_vct_qutn_head p, .why_vct_qutn_subhead p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  font-family: "Roboto";
}
.why_vct_bnft_right {
  position: sticky;
  top: 120px;
}
.why_vct_image_sec {
  background-image: url(../images/holidays/why_vacation_image_2.jpg);
  background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
  height: 700px;
  position: relative;
  background-attachment: fixed;
}
.why_vct_image_sec::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #0e223c;
  display: block;
  opacity: 0.7;
}
.why_vct_image_cnt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.why_vct_image_cnt p {
  letter-spacing: 2px;
  font-size: 20px;
  line-height: 28px;
  font-family: "Playfair Display", serif;
  font-style: italic;
}
.why_vct_try_sec {
  background: linear-gradient(360deg, #ffc9aa -8%, #ffffff 100%);
  transition: all ease 0.5s;
}
.why_vct_try_sec:hover {
  background: linear-gradient(180deg, #ffc9aa -8%, #ffffff 100%);
  transition: all ease 0.5s;
}
.why_vct_advt_sec {
  background-image: url(../images/holidays/about_left_img.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.why_vct_advt_head h2::after, .why_vct_qutn_head h2::after {
  margin: 12px auto;
}
.why_vct_advt_box {
  background: linear-gradient(360deg, #ffc9aa -8%, #ffffff 100%);
  border-radius: 12px;
  height: 100%;
  transition: all ease 0.5s;
}
.why_vct_advt_box:hover {
  background: linear-gradient(180deg, #ffc9aa -8%, #ffffff 100%);
  transition: all ease 0.5s;
}
.why_vct_advt_box:hover .why_vct_advt_box_icon {
  background-color: #0091d9;
  transition: all ease 0.5s;
}
.why_vct_advt_box_icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #73b9da;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.why_vct_advt_box_icon i {
  font-size: 50px;
  color: #fff;
}
.why_vct_qutn_sec {
  background-color: #f3f2f1;
}
.why_vct_qutn_acrd {
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.why_vct_qutn_acrd_box_head {
  border-top: 1px solid #f3f2f1;
  border-bottom: 1px solid #f3f2f1;
  border-collapse: collapse;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
.why_vct_qutn_acrd_box_cnt p {
  font-size: 17px;
  line-height: 26px;
  font-weight: 500;
  font-family: "Roboto";
}
.why_vct_qutn_acrd_box_head:hover {
  background-color: #f1f2f3a6;
  background: linear-gradient(120deg, transparent, rgba(0, 0, 0, 0.07), transparent);  
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
.why_vct_qutn_acrd_box_head_title h4, .why_vct_qutn_acrd_box_head_icon i {
  color: #000;
}
.why_vct_qutn_acrd_box_head:hover .why_vct_qutn_acrd_box_head_title h4, .why_vct_qutn_acrd_box_head:hover .why_vct_qutn_acrd_box_head_icon i {
  color: #0091d9;
}
.why_vct_qutn_acrd_box_cnt {
  display: none;
  transition: ease-in-out 0.5s ease;
}
.why_vct_qutn_acrd_box_cnt.active {
  display: block;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
.why_vct_cont_wrp {
  background: linear-gradient(360deg, #7acaf1 0%, #f1f2f3 100%);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  transition: all ease 0.5s;
}
.why_vct_cont_wrp:hover {
  background: linear-gradient(180deg, #7acaf1 0%, #f1f2f3 100%);
  transition: all ease 0.5s;
}
.why_vct_cont_btn a {
  background-color: #f1f2f3;
  color: #000;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  transition: all ease 0.5s;
  padding: 10px 24px;
}
.why_vct_cont_cnt p {
  font-size: 17px;
}
.why_vct_cont_btn a:hover {
  background-color: #667178cc;
  transition: all ease 0.5s;
  color: #fff;
}

/* why vaction page end */

/* Member Login Page Start */
.member-login-wrapper {
	box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
.member-login-left {
	background-image: url(../images/hotel-review-image/member-login-left-image.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	overflow: hidden;
}	
.member-login-left-image {
  background: linear-gradient(120deg, #ff6000 -70%, #ffffff 100%);
  width: 480px;
  height: 427px;
  border-radius: 57%;
  position: absolute;
  overflow: hidden;
  bottom: -167px;
  left: -82px;
  transform: rotate(10deg);
  box-shadow: 0 0 20px rgb(0 0 0 / 20%);
  opacity:0.9;
}
.member-login-left-image img {
  width: 300px;
  height: 165px;
  margin: 71px 0px 10px 115px;
  transform: rotate(-10deg);
}	
.member-login-right > div {
  height: 250px;
}
.member-login-right-form-col ul {
	list-style-type:none;
	padding-left:0px;
	text-align:center;
}
.member-login-right ul li {
	display:inline-block;
}
.member-login-right ul li img {
	display:inline-block;
	width:95px;
	height:32px;
}	
.member-login-right-form-col-social ul {
	list-style-type:none;
	padding-left:32px;
	}
.member-login-right-form-col-social ul li {
	display:inline-block;
	width:45px;
	height:45px;
	line-height:48px;
  border-radius: 6px;
	text-align:center;
}
.member-login-right-form-col-social ul li i {
	font-size:22px;
	color:#ffffff;
}
.fb {
    background-color: #3b5998;
}
.ig {
    background-color: #125688;
}
.ld {
    background-color: #007bb5;
}
.tw {
    background-color: #55acee;
}
.yt {
    background-color: #bb0000;
}							
.member-login-right h2 {
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#0062cd;
}		
/*.member-login-right-form-col input[type="text"] {
	width:100%;
	padding:12px 0px;
	border:none;
	border-bottom:solid 1px #c1bebe;
	margin-bottom:8px;
}*/
.member-login-right-form-col input[type="text"] {
	width:100%;
	padding:12px;
    border-radius: 0px;
	border:solid 1px #c1bebe;
	margin-bottom:16px;
}
/*.member-login-right-form-col input[type="email"] {
	width:100%;
	padding:12px;
    border-radius: 0px;
	border:solid 1px #c1bebe;
	margin-bottom:16px;
}*/
.member-login-right-form-col input[type="email"] {
	width:100%;
	padding:12px;
    border-radius: 0px;
	border:solid 1px #c1bebe;
	margin-bottom:16px;
}
.member-login-right-form-col input[type="password"] {
	width:100%;
	padding:12px;
    border-radius: 0px;
	border:solid 1px #c1bebe;
	margin-bottom:20px;
}
.member-login-right-form-col select {
	width:100%;
	padding:12px;
	border:solid 1px #c1bebe;
	margin-bottom:14px;
}
.member-login-right-form-col input[type="submit"] {
  width: 100%;
  padding: 8px 0px;
  background-color: #0460cd;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}				
input:focus{
	outline:none;
}		
.mlogin-forgot{
	text-align:right;
}
.mlogin-forgot a {
    color: #484848;
}	
.mlogin-forgot a:hover{
    text-decoration: underline;
}
.member-login-right-form-col-play-icon li a img {
  width: 120px;
}
/* Member Login Page End */

/* Deal Of The Day Page Start */
.deal_pack_cnt {
  background-color: #eeeeeea2;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  border-radius: 12px;
}
.deal_heading h1, .deal_pack_cnt_inner_head h2 {
  font-weight: 500;
  font-size: 42px;
  line-height: 56px;
  font-family: 'roboto', sans-serif;
  color: #0f6484;
}
.deal_banner_image img {
  width: 100%;
  height: 100%;
}
.deal_pack_cnt_inner_head h2 {
  font-size: 28px;
}
.deal_pack_cnt_inner_head span {
  font-size: 30px;
}
.deal_pack_cnt_inner_head span i {
  color: #ff5a00;
}
.deal_pack_cnt_inner_head p {
  font-size: 18px;
  line-height: 26px;
  font-family: 'Roboto';
  font-weight: 600;
}
.day_pack_points ul li {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 26px;
  color: rgb(119, 119, 119);
}
.day_pack_btn a {
  background: #0091d8;
  display: inline-block;
  color: #fff;
  letter-spacing: 0.5px;
  border-radius: 12px;
}
.deal_pack_cnt_book h2 {
  color: #0f6484;
}
.deal_pack_cnt_book h4 {
  font-size: 20px;
  color: #000;
}
.deal_pack_cnt_book ul li {
  color: #000;
  border: 1px solid #ccc;
  padding: 10px 0px;
  margin: 15px 0px;
  font-size: 18px;
}
.deal_pack_cnt_book_box li i {
  font-size: 28px;
  color: #ff5a00;
  padding: 4px 0 12px;
}
.deal_pack_cnt_consult h3 {
  border-bottom: 1px solid #383838;
}
.deal_pack_call a {
  color: #000;
}
/* Deal Of The Day Page End */

/* Deal Booking Page Start */
.deal_booking_cnt {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.deal_booking_cnt_head h3, .deal_booking_promo label {
  color: #ff5a00;
  font-weight: 600;
  border-bottom: 1px solid #0f6484;
}
.deal_booking_cnt_head form {
  border-bottom: 1px solid #0f6484;
}
.deal_booking_promo button {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  background-color: #0091d8;
  color: #fff;
  transition: all ease 0.5s;
}
.deal_booking_promo button svg {
  fill: #fff;
}
.deal_pack_cnt_form_box button {
  background: #0091d8; 
  color: #fff;
  transition: all ease 0.5s;
}
.deal_booking_promo button:hover, .deal_pack_cnt_form_box button:hover {
  background-color: #25d366;
}
/* Deal Booking Page End */

/* paynow page start */
.paynow-section {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f4f4f4;
}
.paynow-wrapper {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: white;
  border-radius: 4px;
}
.paynow-heading {
  background-color: #702ec8e0;
  border-radius: 4px;
  overflow: hidden;
}
.paynow-heading-icon img {
  width: 100px;
}
.paynow-heading>div>h3,
h4 {
  color: #fff;
}
.paynow-field h3 {
  background-color: #f4f6fa;
  border-radius: 4px;
  font-size: 20px;
}
.paynow-field form {
  display: flex;
  flex-direction: column;
}
.paynow-field form label {
  margin-top: 10px;
}
.paynow-field form input,
select,
button {
  margin-top: 5px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.paynow-form .mobile-input {
  display: flex;
}
.paynow-form #countryCode {
  width: 50px;
  text-align: center;
  background: #e9ecef;
  border-right: none;
}
.paynow-form #mobile {
  flex-grow: 1;
}
.paynow-form button {
  background: #0e8fd8;
  color: white;
  border: none;
  cursor: pointer;
  margin-top: 30px;
  font-size: 20px;
  line-height: 32px;
}
.paynow-form button:hover {
  background: #218838;
}
.paynow-amount {
  background-color: #e9ecef;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.paynow-amount i {
  font-size: 24px;
  font-weight: 200;
}
.paynow-term h3 {
  font-size: 20px;
  line-height: 28px;
}
/* paynow page end */

/* meeting page start */
.meeting-section, .refer-friend-section, .banquet-booking-form-section, .property-booking-form-section {
  background: #f1f1f1;
}
.meeting-content, .refer-friend-cnt, .banquet-booking-form, .property-booking-form {
  padding: 20px;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.meeting-content-head, .refer-friend-cnt-subhead {
  background-color: #ffd7b9;
  border-radius: 6px;
  border: 1px solid #f09a10;
}
.meeting-content-head h5 {
  color: #333;
  font-size: 18px;
}
.meeting-content-title h2 {
  color: #f09a10;
}
.meeting-content-title h5 {
  font-size: 20px;
  line-height: 28px;
  color: #333;
  font-weight: 500;
}
.meeting-box h3 {
  font-weight: 600;
  border-top: 2px solid #333;
  text-align: center;
}
.meeting-btn button, .meeting-btn a, .refer-friend-btn, .banquet-booking-btn, .property-booking-btn {
  padding: 8px 40px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #0e8fd8;
  border-radius: 8px;
  border: 1px solid #0e8fd8 !important;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}
#message {
  display: none;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px; 
}
.meeting-icon img {
  width: 160px;
  height: 160px;
}
.message-content p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #7d7e7e;
}
#wrong-message {
  display: none;
}
#wrong-message {
  background: #fff;
  color: #333;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
/* meeting page end */

/* banquet booking page start */
.banquet-cnt {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.banquet-cnt ul li {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #000;
  list-style: square;
  margin-bottom: 12px;
  font-family: 'Roboto', sans-serif;
}
.banquet-cnt p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
/* banquet booking page end */

/* review page start */
.reviews-section {
  background: #fff9f6;
}
/* review page end */

/* refer friend page start */
.refer-friend-cnt-head h2 {
  font-weight: 600;
}
.refer-friend-cnt-head p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
/* refer friend page end */

/* redeem voucher page start */
.banner {
  position: relative;
}
.banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);  
}
.redeem-voucher-cnt-first {
  background: #fff7f1;
  border: 1px solid #fff4eb66;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.redeem-voucher-cnt-first h2 {
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  color: rgba(229, 103, 0, 1);
}
.redeem-voucher-cnt-first p, .redeem-voucher-cnt-second p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
}
.redeem-voucher-cnt-first p span, .redeem-voucher-cnt-second h2 {
  color: rgba(229, 103, 0, 1);
  font-weight: 600;
}
.redeem-voucher-cnt-second h2 {
  text-align: center;
  border-bottom: 2px solid #FF7F50;
}
.redeem-voucher-cnt-second h4 {
  color: #0091d9;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;  
}
/* redeem voucher page end */

/* homepage counter start */
.dest-counter-section {
  background: #e3dbd6;
  background: #fffaf6;
  border-bottom: 1px solid #ccc;
}
.dest-counter-head h3 {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #000;
}
.dest-counter-cnt {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  background: #fff;
  text-align: center;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  transition: all ease 0.5s;
  transform: scale(1);
}
.dest-counter-cnt:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  transition: all ease 0.5s;
  transform: scale(1.02);
}
.dest-counter-number {
  color: #000;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #000;
}
.dest-counter-text {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  color: #000;
}
select.form-control:not([size]):not([multiple]){
  color: #525252;
}
.dest-counter-box {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #c9c9c9;
}
.dest-counter-box i {
  font-size: 40px;
  color: #9b9494;
}
/* homepage counter end */

/* events page start */
.events-sec {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.events-cnt h1 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  color: #fff;
  position: relative;
}
.events-cnt h1::before {
  content: '';
  position: absolute;
  top: 60px;
  left: 0;
  width: 120px;
  height: 5px;
  background: #FF7F50;
}
.events-cnt p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  color: #fff;
}
.events-cnt ul li {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.events-cnt ul img {
  padding-right: 12px;
}
.events-sec-new {
  background-image: url(../images/events/new_year.jpg);
}
.events-sec-winter {
  background-image: url(../images/events/winter_vacations.jpg);
}
.events-sec-holi {
  background-image: url(../images/events/happy_holi.jpg);
}
.events-sec-summer {
  background-image: url(../images/events/summer_vacations.jpg);
}
.events-sec-dandiya {
  background-image: url(../images/events/dandiya_night.jpg);
}
.events-sec-diwali {
  background-image: url(../images/events/happy_diwali.jpg);
}
.events-sec-christmas {
  background-image: url(../images/events/christmas.jpg);
}
/* events page end */

/* package policy page start */
.package_policy_section, .tourist-visa-section {
  background-color: #f1f1f1a2;
}
.package_policy_content h3, .package_policy_content p {
  font-family: 'Roboto', sans-serif;
}
.package_policy_content ul li {
  list-style: disc;
  color: #000;
}
.package_policy_content {
  border-bottom: 3px dashed #a39c9ca2;
  padding-bottom: 20px;
}
/* //// check eligibility button */
.check-btn {
  border: none !important;
  background-color: #149acd;
  letter-spacing: 0.5px;
}
.check-btn:hover {
  background-color: #0f6484;
  color: #fff;
}
/* package policy page end */

/* member profile page start */
.member_profile_sec {
  margin-top: 145px; 
  background-color: #f1f1f1;
}
.member_profile_wrp {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 6px;
}
.member_profile_left_cnt img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  padding: 8px;  
  background-color: #fff;
}
.member_profile_left_cnt h5 {
  font-weight: 600;
}
.member_profile_left {
  background-color: #f1f1f1;
  height: 100%;
  border: 1px solid #ccc;
}
.member_profile_right_head h3 {
  color: #ff904c;
  border-bottom: 2px dashed #ff904c;
  font-weight: 500;
}
.member_profile_right ul li {
  color: #000;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 12px;
  font-size: 16px;
}
/* //// member tab */
.member_tab_nav li a {
  font-size: 17px;
  font-weight: 500;
}
/* //// member active tab */
.member_tab_nav li.active {
  color: #f87115;
}
.member_tab_nav li.active a {
  color: inherit;
}
/* //// member tab content */
.member_tab_cnt {
  overflow: hidden;
}
.member_tab_cnt_item {
  display: none;
}
.member_tab_cnt_item.active {
  display: block;
}
/* //// member profile table css */
.member_profile_table-wrapper {
  overflow-x: auto;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.member_profile_table table {
  border-collapse: collapse;
  width: 100%;
  min-width: 800px; /* force scroll when screen is smaller */
  background-color: #fff;
}
.member_profile_table th, td {
  padding: 12px 20px;
  border: 1px solid #ddd;
  text-align: center;
  white-space: nowrap; /* prevent line-breaks */
}
.member_profile_table th {
  background-color: #4CAF50;
  color: white;
}
.member_profile_table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.member_profile_table tr:hover td {
  background-color: #90c1d8;
  color: #fff;
}
.member_profile_table caption {
  caption-side: top;
  padding: 10px;
  font-size: 17px;
  font-weight: bold;
}
/* member profile page end */

/* dest details page start */
.dest_details_sec {
  background-color: #fff0e8e6;
}
.dest_details_wrp * > p {
  font-family: 'Roboto', sans-serif;
}
.dest_details_col {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 6px;
}
/* //// dest details tab css */
.dest_details_tab_content .dest_details_tab {
  display: none;
}
.dest_details_tab_content .dest_details_tab.active {
  display: block;
}
.dest_details_tab_links li.active a {
  font-weight: bold;
  color: #f87115;
}
.dest_details_tab_links {
  background-color: #f1f1f1;
  padding: 6px 20px;
  border-radius: 6px; 
}
.dest_details_tab_links li {
  display: inline-block;
  padding: 2px 40px;
}
.dest_details_tab_links li a {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}
.dest_details_col_img {
  width: 100%;
  height: 480px;
  overflow: hidden;
}
.dest_details_col_img img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.dest_details_form {
  background-color: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 6px;
}
.dest_details_tab_aminities_list ul li {
  list-style: disc;
  color: #f87115;
  font-weight: 600;
}
/* dest details page end */

/* header login start // Login and Signup Slide Modal css */
.login-slide-section {
  overflow-y: hidden;
}
.modal.fade .modal-dialog {
  transition: transform 0.5s ease-out;
  -webkit-transition: all ease 0.5s;
}
.login-slide-wrapper {
  margin: 0px 0px 0px auto;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  transform: none !important;
  transition: transform 225ms ease-in-out !important;
  -webkit-transition: transform 225ms ease-in-out !important;
}
.login-slide-logo img {
  width: 140px;
}
.login-slide-btn,
.signup-slide-btn,
.forget-slide-reset button {
  border-radius: 8px !important;
  letter-spacing: 0.5px;
  min-height: 40px;
  font-family: 'Roboto';
}
.login-slide-cnt .form-group,
.signup-slide-cnt .form-group,
.login-slide-forget a,
.login-slide-act-opt,
.forget-slide-cnt .form-group,
.new-pswd-field-box .form-group {
  font-size: 16px;
  font-family: 'Roboto';
}
.login-slide-cnt .form-group,
.signup-slide-cnt .form-group {
  margin-bottom: 0px;
}
.login-slide-cnt .form-group label,
.signup-slide-cnt .form-group label {
  margin-bottom: 0px;
}
.login-slide-cnt .form-group input,
.signup-slide-cnt .form-group input,
.new-pswd-field-box .form-group input {
  height: 36px;
  margin-bottom: 10px;
}
.login-slide-cnt .login_btn,
.signup-slide-cnt .login_btn,
.forget-slide-reset .reset-btn,
.otp-slide-submit .submit-otp-btn,
.new-pswd-btn-box .new-pswd-btn,
.pswd-cnfm-btn-box .pswd-cnfm-btn {
  letter-spacing: 0.5px;
  padding: 8px 30px;
  font-size: 18px;
  background: #fc790d;
  height: 42px;
  font-family: 'Roboto';
}
.forget-slide-reset .reset-btn,
.otp-slide-submit .submit-otp-btn {
  background: #fc790d;
  color: #fff;
}
.otp-field-box input {
  padding: 10px;
  width: 15%;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}
.forget-slide-content,
.reset-slide-content,
.new-pswd-content,
.pswd-cnfm-content {
  display: none;
}
.forget-slide-content.forget-cnt-open,
.reset-slide-content.reset-cnt-open,
.new-pswd-content.new-pswd-cnt-open,
.pswd-cnfm-content.pswd-cnfm-cnt-open {
  display: block;
}
@media screen and (max-width:767px) {
.login-slide-logo img {
  width: 100px;
}
.login-slide-btn,
.signup-slide-btn {
  min-height: 36px;
  font-size: 16px;
  font-weight: 500;
}
.login-slide-cnt .form-group input,
.signup-slide-cnt .form-group input {
  margin-bottom: 5px;
}
.login-slide-cnt .form-group input,
.signup-slide-cnt .form-group input {
  height: 30px;
}
.login-slide-cnt .login_btn,
.signup-slide-cnt .login_btn {
  letter-spacing: 0.4px;
  padding: 4px 20px;
  font-size: 16px;
  height: 30px;
}
.login-slide-btn.active,
.signup-slide-btn.active {
  font-size: 16px;
  font-weight: 600;
}
}
.login_popup_modal {
  z-index: 9999999999999999;
}
.login_popup_modal.left .modal-dialog,
.login_popup_modal.right .modal-dialog {
  position: fixed;
  height: 100%;
  transform: translate3d(0%, 0, 0);
  right: 0;
  width: 40%;
}
.login_popup_modal.left .modal-content,
.login_popup_modal.right .modal-content {
  height: 100%;
}
.login_popup_modal.right.fade .modal-dialog {
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.login_popup_modal.right.fade.in .modal-dialog {
  right: 0;
}
.login_popup_header img {
  max-width: 100px;
}
/* header login end */

/* service page section start */
.serv-point-sec {
  background-color: #fff7ef;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
}
.serv-point-col-box {
  background-color: #fff;
  border-radius: 12px;
}
.serv-point-col-box-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #00caca;
  display: flex;
  align-items: center;
  justify-content: center;
}
.serv-point-col-box-icon i {
  color: #fff;
  font-size: 30px;
}
.serv-point-col-cnt h5 {
  font-size: 21px;
}
.serv-point-col-cnt p {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.serv-cover-cnt ul li {
  color: #000;
  list-style: disc;
}
/* service page section end */

/******** footer page start *********/
.footer-field h2 {
  font-size: 24px;
  line-height: 32px;
}
.footer-field p:nth-child(2), .footer-field p, .footer-last-text p {
  font-family: 'Roboto', sans-serif;
}
.footer-field p:nth-child(2) {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
.footer-field p {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}
.footer-last-text p {
  font-size: 14px;
  line-height: 20px;
}
.ft-img img {
  width: 220px;
}
.top_social_media a {
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
} 
.top_social_media a i {
  font-size: 18px;
}
.member-login-right-form-col input[type="button"] {
  width: 100%;
  padding: 8px 0px;
  background-color: #0460cd;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
/******** footer page end ********/

/***********
===============================================================
    Shine Airways Website Css Code End
===============================================================
***********/