:root {
    --text-primary: #34a853;
    --text-secondary: #1bafe7;
    --text-dark: #222;
    --text-white: #fff;
    --text-grey: #7f7f7f;
    --text-lightgrey: #ededed;
    --text-darkgrey: #ccc;
  }
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: var(--text-lightgrey);
  }
  ::-webkit-scrollbar-thumb {
    background: var(--text-primary);
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--text-grey);
  }
  div#myModa1packageRateEnquiry {
    z-index: 999999;
}
.jj{
  color: #333;

}
/* legend.c-dt-1 {
  color: #333;
}
address.ct-inner-dt {
  color: #333;
} */
button.btn.btn-primary.btn-outline.btn-lg.pull-right.send_message_margi_btn.sendingP {
  background: #4da866;
  border-color: #34a853;
}
.enquiry-btn {
  color: #fff;
}
.row.borderrow {
  margin-left: 0;
}
.enquiry-btn {
  color: #fff !important;
}
  @import url("https://fonts.googleapis.com/css2?family=Alata&family=Be+Vietnam+Pro:wght@100;300&family=Josefin+Sans:wght@300;400&family=Poppins:wght@200;400&display=swap");
  
  @font-face {
    font-family: "Open Sans";
    src: url("../font/opensans-bold.woff2") format("woff2"),
      url("../font/opensans-bold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Open Sans";
    src: url("../font/opensans-extrabold.woff2") format("woff2"),
      url("../font/opensans-extrabold.woff") format("woff");
    font-weight: 900;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Open Sans";
    src: url("../font/opensans-semibold.woff2") format("woff2"),
      url("../font/opensans-semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Open Sans";
    src: url("../font/opensans-bold.woff2") format("woff2"),
      url("../font/opensans-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
  }
  body {
    font-family: 'Work Sans', sans-serif !important;
    background-color: var(--text-lightgrey);
  }


.custom-nav.navbar-dark .navbar-toggler-icon {
  background-image: url(../../images/menu-button.png);
}
.registerbtn:focus {
  box-shadow: none;
  outline: none;
}
.registerbtn:hover {
  color: var(--text-white) !important; 
}
.col-ft1 .title {
  color: var(--text-primary);
  font-weight: 600;
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 14px;
}
.startingbox-right {
  float: right;
  text-align: right;
}
.loadertab {
  border: 16px solid var(--text-primary);
  border-radius: 50%;
  border-top: 16px solid var(--text-primary);
  width: 10px;
  height: 10px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.col-menu {
  border-right: solid 1px var(--text-lightgrey);
}
.ft1-list li {
  padding-left: 0 !important;
}
.navbar-nav .container {
  max-width: 1140px;
  margin: 0 auto;
}
.dropdown-menu .row {
  width: 100%;
}
.ft1-list {
  padding-left: 10px;
}
.ft1-list li a {
  font-size: 14px !important;
}
.dropdown-menu {
  padding: 20px;
}
.ft1-list a:hover {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.ft1-list i {
  padding-right: 20px;
}
.ft1-list li {
  padding-left: 0;
}
.customheader {
  background: var(--text-white) !important;
}
.navbar-nav li .nav-link {
  color: var(--text-dark) !important;
  border-bottom: medium none;
  display: block;
  font-size: 16px;
  opacity: 0.9;
  font-weight: 400;
  margin-bottom: 0;
  padding: 3px 0;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}
.ft1-list li:before {
  content: "";
  left: -22px;
  top: 8px;
  position: absolute;
  background: url("/public/images/right-menu-t.png");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
ul.links li:before {
  content: "";
  left: 0px;
  top: 8px;
  position: absolute;
  background: url("/public/images/next-ft.png");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
.ft1-list li {
  position: relative;
  list-style-type: none;
}
.form-group {
  margin-bottom: 0px;
}
.custom-nav {
  padding: 6px;
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: var(--text-white);
}
.navbar-nav .dropdown-menu {
  position: absolute;
  z-index: 1000;
  /* min-width: max-content; */
  margin: 0px;
  background-color: var(--text-white);
  background-clip: padding-box;
  border-radius: 0.25rem;
  border: none;
  min-width: 260px;
}
.custom-nav .navbar-brand img {
  width: 100%;
}
li.nav-item.dropdown.show {
  position: relative;
  float: left;
}
.custom-nav .navbar-brand {
  width: auto;
  padding: 0;
}
.navbar-nav li .active {
  color: var(--text-dark);
}
.navbar-nav li a {
  color: var(--text-dark);
  font-size: 16px;
  font-weight: 400;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  text-transform: capitalize;
}
.registerbtn {
  margin-top: -1px; 
  color: var(--text-dark) !important;
  text-align: center;
  padding: 3px 0;
}
.custom-nav .navbar-nav li {
  padding-left: 7px;
  position: relative;
  padding-right: 7px;
}
.lastnav {
  padding-left: 20px !important;
}
.custom-nav .navbar-nav .nav-item .dropdown-menu .ft1-list li a:hover {
  color: var(--text-secondary);
  padding-left: 10px;
}
.custom-nav .navbar-nav li:after {
  content: "|";
  position: absolute;
  right: -5px;
  top: 2px;
  color: var(--text-dark);
}
.navbar-toggler {
  padding: 0px 4px;
  font-size: 16px;
  background-color: var(--text-primary);
  border: 1px solid var(--text-primary);
  border-radius: 0.25rem;
}
nav.top-nav-collapse {
  transition: all 300ms ease-in-out;
  background-color: var(--text-white) !important;
  background: transparent;
  position: fixed;
  animation: smoothScroll .5s forwards;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
nav.top-nav-collapse .nav-item .nav-link {
  color: var(--text-primary) !important;
}
nav.top-nav-collapse .registerbtn {
  color: var(--text-primary) !important;
}
/* end header css */

  .form-control:focus {
    outline: none;
    box-shadow: none;
  }
  .fa.fa-rupee {
    padding-right: 4px;
  }
  #flight-filter-sec::-webkit-scrollbar {
    width: 5px;
  }
  
  ::-webkit-scrollbar {
    width: 10px;
    background: var(--text-primary);
    height: 4px;
    border-radius: 10px;
  }
  .breadcrumb-items .breadcrumb-item {
    color: var(--text-primary) !important;
    font-size: 14px;
  }
  .breadcrumb-items .breadcrumb-item.active {
    color: var(--text-primary) !important;
  }
  .breadcrumb-items .breadcrumb-item a {
    color: var(--text-dark);
  }
  .breadcrumb-items ol {
    background: none;
    padding-left: 0;
  }
  html {
    scroll-behavior: smooth;
  }
  .destination_left_details {
    width: 50%;
    float: left;
  }
  ::selection {
    color: var(--text-white);
    background: var(--text-dark);
  }
  .banner-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: var(--text-white);
    text-align: center;
    font-size: 40px;
    font-weight: 600;
  }
  .theme-color {
    color: var(--text-primary);
  }
  #bannerslider .owl-carousel.owl-drag .owl-item .item {
    height: 400px;
    overflow: hidden;
  }
  .owl-carousel.owl-drag .owl-item .item img {
    height: 100%;
    object-fit: cover;
  }
  #bannerslider .owl-prev {
    font-size: 70px;
    width: 30px;
    top: 47%;
    color: var(--text-white);
    left: 44%;
    height: 30px;
    line-height: 30px;
    position: absolute;
  }
  #bannerslider .owl-next {
    font-size: 70px;
    width: 30px;
    top: 47%;
    color: var(--text-white);
    right: 5%;
    height: 30px;
    line-height: 30px;
    position: absolute;
  }
  #bannerslider .owl-next:focus,
  #bannerslider .owl-prev:focus {
    outline: none;
  }
  #bannerslider .carousel-inner {
    height: 500px;
  }
  #bannerslider .carousel-indicators,
  #hot-deals .carousel-indicators {
    display: none;
  }
  .add-icon .fa {
    color: var(--text-white);
    vertical-align: middle;
  }
  .go-to-top .fa {
    padding: 5px;
    width: 30px;
    text-align: center;
  }
  .main-title .fa {
    font-size: 12px;
    color: var(--text-primary);
  }
  .ft-btn-list li a .fa {
    font-size: 14px;
    padding-right: 10px;
  }
  .hot-deals {
    margin: -106px 0 0 0;
  }
  .home-tab-btns .tab-list.active .fa {
    color: var(--text-primary);
  }
  .form-control[readonly] {
    background-color: var(--text-white);
  }
  .home-tab-btns .tab-list .fa {
    font-size: 20px;
    padding-right: 10px;
  }
  .banner-sub-title a {
    color: var(--text-white);
  }
  .disabledcls {
    background: var(--text-lightgrey) !important;
  }
  .fl-btn:focus {
    outline: none;
  }
  .search-form input {
    padding: 12px;
    font-size: 13px;
    width: 100%;
    border-radius: 1px;
    color: var(--text-primary);
    border: 1px solid var(--text-grey);
  }
  .search-form input:focus {
    border: 1px solid var(--text-primary);
    outline: none;
  }
  .search-btn:focus {
    outline: none;
  }
  .search-btn {
    border: none;
    font-size: 13px;
    background: var(--text-primary);
    float: right;
    width: 100%;
    padding: 8px 20px;
    color: var(--text-white);
    border-radius: 5px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
  }
  .search-btn:hover {
    text-decoration: none;
    color: var(--text-white);
    background: var(--text-secondary) !important ;
  }
  .search-form input::placeholder {
    font-weight: 700;
  }
  .best-places .readmore-right {
    right: 3%;
  }
  .owl-item.active.center .carousel-caption {
    padding-top: 10px;
    padding-bottom: 10px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    top: auto;
    transform: translate(0%, -50%);
  }
  .owl-item.active.center .carousel-caption p,
  .owl-item.active.center .carousel-caption span {
    color: var(--text-white);
    font-weight: 400;
  }
  .hot-deals,
  .proj-themes,
  .best-places {
    padding: 80px 0 80px;
  }
  .title-main h1 {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 30px;
    text-align: left;
    margin: 0;
    line-height: 1.42857;
  }
  
  .hotdeals-box img {
    height: 100%;
    object-fit: cover;
  }
  .hotdeals-box {
    position: relative;
  }
  .main-title {
    margin-bottom: 40px;
  }
  #hot-deals .carousel-inner img {
    border-radius: 4px;
  }
  .hotdeals-box p {
    color: var(--text-grey);
    font-size: 14px;
    font-weight: 600;
  }
  .bestplace-img img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    display: block;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .theme-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
    background: var(--text-white);
    border: 0px solid rgb(38, 38, 38, 0.1) !important;
    border-radius: 12px !important;
  }
  .proj-themes-flight .theme-box {
    margin-bottom: 20px;
  }
  .theme-box:hover img {
    transform: scale(1.1);
  }
  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none;
  }
  #demos .owl-nav button.owl-prev span,
  #demos .owl-nav button.owl-next span {
    display: none;
  }
  #demos .owl-nav button.owl-next {
    background: var(--text-white);
    position: absolute;
    right: -25px;
    border-radius: 100%;
    top: 40%;
    width: 50px;
    height: 50px;
    font-size: 30px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    background-image: url(../images/next.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  #demos .owl-nav button.owl-prev {
    background: var(--text-white);
    position: absolute;
    left: -25px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 40%;
    height: 50px;
    font-size: 30px;
    background-image: url(../images/left-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .hotdeals-box img {
    border-radius: 5px 5px 0 0;
    height: 100px;
    width: 100%;
    object-position: center center;
    object-fit: cover;
    transition: 0.3s ease-in-out;
  }
  .hotdeals-box:hover img {
    transform: scale(1.1);
  }
  .hotdeals-box:hover span,
  .hotdeals-box:hover p {
    color: var(--text-white);
    font-weight: 400;
  }
  #demos .owl-nav button.owl-prev:focus,
  #demos .owl-nav button.owl-next:focus {
    outline: none;
  }
  a.readmore {
    text-align: center;
    margin: -10px auto;
    display: block;
    color: var(--text-dark);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
  }
  .upper-caption {
    background: var(--text-primary);
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--text-white);
    text-align: center;
  }
  .upper-caption h4 {
    font-size: 14px;
    margin-bottom: 0;
  }
  .hotdeals-box:hover .upper-caption {
    display: block;
  }
  .upper-caption {
    display: none;
  }
  .dt-view {
    border-radius: 4px;
    border: 2px solid var(--text-primary);
    margin-right: 0;
    margin-top: 0;
    color: var(--text-white);
    padding: 4px 12px;
    width: 100px;
    background: var(--text-primary);
    text-decoration: none;
    font-size: 14px;
    display: inherit;
    text-align: center;
    float: right;
  }
  .bt-txt {
    margin-left: 10px;
  }
  .st-txt {
    color: var(--text-white);
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 12px;
  }
  .theme-content .st-price {
    font-weight: 600;
    font-size: 15px;
    color: var(--text-white);
  }
  .th-1 img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .th-1 {
    width: 100%; 
    margin: 0;
    padding: 0;
    background: var(--text-white);
    overflow: hidden;
    height: 100%;
  }
  .add-icon {
    background: var(--text-dark);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    right: 20px;
    top: 88px;
    line-height: 30px;
    text-align: center;
  }
  .title-main span {
    color: var(--text-primary);
    font-weight: 300;
  }
  .title-main {
    margin-bottom: 40px;
    color: var(--text-dark);
  }
  .theme-title2 {
    font-size: 13px;
    font-weight: 600;
  }
  .theme-box .theme-title {
    font-size: 13px;
    font-weight: 600;
    height: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    display: -webkit-box;
    min-width: 100%;
  }
  .proj-themes {
    background: var(--text-lightgrey);
    position: relative;
  }
  .bestplace-img {
    margin: 0;
    padding: 0;
    background: var(--text-white);
    height: 390px;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .theme-content {
    padding: 15px 15px 0px 15px;
    margin: 0;
    min-height: 145px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .theme-content p {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 100;
    color: var(--text-white);
    line-height: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15px;
    display: -webkit-box;
  }
  
  .theme-content span {
    margin-bottom: 0;
  }
  .theme-box .theme-img {
    border-radius: 5px 5px 0 0;
    height: 100px;
    width: 100%;
    object-position: center center;
    object-fit: cover;
  }
  .theme-content ul li {
    display: inline-block;
  }
  ul.rating-sec {
    padding-bottom: 0;
  }
  .theme-content ul {
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
    list-style-type: none;
  }
  .proj-themes .col-md-2 {
    max-width: 20%;
    flex: 20%;
  }
  .proj-themes .col-lg-2 {
    max-width: 20%;
    flex: 20%;
  }
  .readmore-right {
    margin-top: 40px;
    color: var(--text-dark);
    right: 2%;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
  }
  .blackcolor {
    color: var(--text-white);
  }
  .details {
    float: right;
  }
  .details p {
    color: var(--text-primary);
    font-weight: 700;
  }
  .rating-sec:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--text-lightgrey);
    left: 0;
    top: -8px;
    z-index: 999999;
  }
  .best-places-box ul li {
    width: 100%;
  }
  select.custom-select.custom-select-sm{
    font-size: 14px;
}
  .best-places-content {
    margin-bottom: 14px !important;
    position: relative;
    margin-top: 6px !important;
    font-size: 12px ;
    height: 39px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
  }
  .rating-sec li {
    font-size: 10px;
  }
  .rating-sec {
    padding-bottom: 20px;
  }
  .best-places {
    position: relative;
  }
  #testimonial .owl-carousel.owl-drag .owl-item .item {
    height: auto;
    overflow: hidden;
  }
  .testimonial {
    padding: 80px 0 80px;
  }
  #testimonial .owl-prev,
  #testimonial .owl-next {
    display: block;
  }
  .client-img-box {
    width: 50px;
    height: 50px;
    margin: 0 auto;
  }
  .client-img {
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
  }
  .testimonial-box p {
    line-height: 21px;
    font-weight: 400;
    font-size: 13px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-dark);
    display: block;
    display: -webkit-box;
    margin-top: 10px;
    min-height: 63px;
    margin-bottom: 6px;
  }
  .testimonial-box .clientname,
  .testimonial-box .client-sub {
    display: block;
    color: var(--text-dark);
    font-size: 12px;
    margin-top: 0;
    text-transform: capitalize;
  }
  .testimonial-box .clientname:before {
    display: none;
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: var(--text-primary);
    left: 50%;
    bottom: 24px;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    text-align: center;
  }
  .testimonial-box .clientname {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--text-dark);
  }
  .news-letter h3 {
    color: var(--text-white);
    font-size: 22px;
  }
  .newsletter-sec {
    margin-top: 130px;
  }
  .newsletter .news-field {
    width: 65%;
    padding: 8px;
    border-radius: 3px 0px 0px 3px;
    float: left;
    border: none;
    font-size: 12px;
  }
  .news-btn {
    background: var(--text-primary);
    color: var(--text-white);
    padding: 8px;
    border-radius: 0 3px 3px 0;
    font-size: 12px;
    border: none;
    margin-top: 0;
    font-weight: 300;
    width: 35%;
    float: left;
  }
  .ft-btn-list li a:hover {
    text-decoration: none;
    color: var(--text-dark);
    background: var(--text-lightgrey);
  }
  .social-icons li a .fa {
    font-size: 18px;
  }
  .social-icons li:hover {
    background: var(--text-primary);
  }
  .social-icons {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
  }
  .social-icons li {
    display: inline-block;
    margin-right: 0px;
    width: 33px;
    border-radius: 6px;
    height: auto;
    line-height: 30px;
    text-align: center;
  }
  .blog-content .content-wrapper {
    padding: 0px 10px;
  }
  .social-icons li a {
    color: var(--text-white);
  }
  .enquiry_form-ser p {
    font-size: 14px;
    color: var(--text-grey);
    font-weight: normal;
}
  #back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: var(--text-grey);
    color: var(--text-white);
    border: none;
    border-radius: 5px;
    padding: 3px 10px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-in-out;
    display: inline-block;
    opacity: 0;
    text-decoration: none;
  }
  #back-to-top.visible {
    opacity: 1;
  }
  #back-to-top:hover {
    background-color: var(--text-dark);
  }
  footer {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8) 70%,
      rgba(0, 0, 0, 0) 100%
    );
    padding: 30px 0 0;
    position: relative;
    bottom: 403px;
    height: auto;
  }
  
  .social-icons li img {
    width: 18px;
    height: 18px !important;
    text-align: center;
    margin: 5px auto;
    display: block;
  }
  .ft-logo {
    margin-bottom: 50px;
  }
  .ft-title {
    font-size: 14px;
    color: var(--text-white);
    font-weight: 700;
    position: relative;
  }
 
  .patners-list {
    padding-left: 0;
    margin-top: 6px;
  }
  .patners-list li {
    background: var(--text-dark);
    list-style-type: none;
    margin: 6px 6px 6px 0;
    position: relative;
    font-size: 10px;
    width: 60px;
    height: 35px;
    text-align: center;
  }
  .patners-list li a {
    text-decoration: none;
    color: var(--text-lightgrey);
  }
  .numtxt {
    color: var(--text-lightgrey);
    font-size: 12px;
  }
  .numtxt:hover {
    text-decoration: none;
    color: var(--text-white);
  }
  .links li {
    font-size: 12px;
    color: var(--text-lightgrey);
    list-style-type: none;
    position: relative;
    line-height: 22px;
    padding-left: 18px;
  }
  .links li a {
    color: var(--text-white);
    line-height: 28px;
    font-size: 15px;
    text-decoration: none;
  }
  .patners-list li img {
    overflow: hidden;
    height: 100%;
    opacity: 0.8;
    object-fit: cover;
    width: 100%;
  }
  .patners-list li span {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    font-size: 10px;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-weight: 700;
  }
  .copyright {
    background: transparent;
    padding: 15px 0;
  }
  .copyright .copyright-txt {
    display: block;
    color: var(--text-grey);
    margin: 15px 0 15px 0;
    text-align: left;
  }
  .copyright .copyright-txt {
    color: var(--text-white);
  }
  .ft-btn-list {
    padding-left: 0;
    margin-bottom: 0;
    display: none;
  }
  .ft-btn-list li {
    width: 49%;
    float: left;
    margin-right: 2px;
    list-style-type: none;
  }
  .ft-btn-list a {
    font-size: 12px;
    color: var(--text-white);
    line-height: 33px;
    border-radius: 0;
    width: 100%;
  }
  .callIcon {
    background: var(--text-grey);
  }
  .wtsapp-icon {
    background: var(--green);
    display: none;
  }
  .enquiry-Icon {
    background: var(--text-primary);
  }
  .bannercls {
    position: relative;
    height: 400px;
  }
  .banner-content {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    padding: 10px 0;
    width: 100%;
  }
  .banner-sub-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
  }
  .banner-smalltxt {
    font-size: 12px;
  }
  .banner-title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
  }
  .filter-sec
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::before {
    background-color: var(--text-dark);
  }
  .filter-sec .custom-control-input:checked ~ .custom-control-label::before,
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    color: var(--text-white);
    border-color: var(--text-primary) !important;
    border: none;
    box-shadow: none;
    background: var(--text-primary) !important;
  }
  .filter-sec
    .custom-control-input:focus:not(:checked)
    ~ .custom-control-label::before {
    border-color: var(--text-secondary);
  }
  .filter-sec .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
  }
  .filter-sec
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::after,
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(../images/checked.png);
    top: 2px;
  }
  .cancel-btn img {
    width: 8px;
    margin: 0 auto;
    display: block;
  }
  .cancel-btn {
    position: absolute;
    top: 15px;
    line-height: 25px;
    right: 32px;
    display: none;
    padding: 6px;
    border: 1px solid var(--text-primary);
  }
  .list-box {
    position: relative;
  }
  .list-box .listing-info {
    width: 60%;
  }
  .bannercls .flightbannerimg {
    max-height: 100%;
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 400px;
    cursor: pointer;
  }
  .destination_bg-slider-slides1 .owl-prev span,
  .destination_bg-slider-slides2 .owl-prev span {
    border: none;
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    left: -80px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 38%;
    height: 50px;
    font-size: 30px;
  }
  .destination_bg-slider-slides1 .owl-next span,
  .destination_bg-slider-slides2 .owl-next span {
    right: -80px;
    border: none;
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 38%;
    height: 50px;
    font-size: 30px;
  }
  .destination_bg-slider-slides button.owl-prev span {
    border: none;
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    left: -80px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 28%;
    height: 50px;
    font-size: 30px;
  }
  .destination_bg-slider-slides button.owl-next span {
    right: -80px;
    border: none;
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 28%;
    height: 50px;
    font-size: 30px;
  }
  .destination_bg-slider-slides1 .owl-prev span:hover,
  .destination_bg-slider-slides2 .owl-prev span:hover,
  .destination_bg-slider-slides1 .owl-next span:hover,
  .destination_bg-slider-slides2 .owl-next span:hover,
  .destination_bg-slider-slides button.owl-prev span:hover,
  .destination_bg-slider-slides button.owl-next span:hover {
    background: var(--text-primary);
    color: var(--text-white);
  }
  .middle_box_recomended {
    padding: 0;
    margin: 0;
    overflow: hidden !important;
    position: relative;
    height: auto;
    border-radius: 12px !important;
  }
  .home-blog-sec .tg-populartourtitle a {
    color: var(--text-dark) !important;
    text-decoration: none;
  }
  .tg-populartourtitle {
    font-size: 14px;
    color: var(--text-dark);
    width: 100%;
    text-align: left;
    margin-top: 10px;
  }
  .select_box_wth {
    height: auto !important;
    border: none;
    position: relative;
    margin-top: -9px !important;
    top: 3px !important;
    margin-bottom: 0 !important;
  }
  .tg-populartourtitle h3 a {
    color: var(--text-white);
  }
  .labeltxt {
    color: var(--text-dark);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 2px;
    position: relative;
    top: -5px;
  }
  .hotel-listing-buttons-cls {
    position: relative;
    top: 50px;
  }
  .dt-txt.mobileperson {
    text-align: right;
  }
  .item.tg-populartour222 figure {
    height: 200px;
    margin: 0;
  }
  .tg-populartourtitle h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .item.tg-populartour222 {
    margin-bottom: 0 !important;
  }
  .item.tg-populartour222 {
    position: relative;
    transition: all 0.5s;
    height: 390px;
    width: 100%;
    border-radius: 24px;
    background-color: var(--text-white);
  }

  .destination_bg-slider-slides1 .item,
  .destination_bg-slider-slides2 .item,
  .destination_bg-slider-slides .item {
    height: auto !important;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 5px;
  }
  
  #testimonial .owl-prev span:hover,
  #testimonial .owl-next span:hover {
    background: var(--text-white);
    color: var(--text-dark);
  }
  #testimonial .owl-next span {
    border: 1px solid var(--text-white);
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    right: -80px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 38%;
    height: 50px;
    font-size: 30px;
  }
  #testimonial .owl-prev span {
    border: 1px solid var(--text-white);
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    left: -80px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 38%;
    height: 50px;
    font-size: 30px;
  }
  .offer_box {
    background: var(--text-white) !important;
    height: auto;
    padding: 10px;
    position: relative;
  }
  
  a.tour-sightseeings {
    font-size: 14px;
  }
  .filter-sec {
    padding: 20px;
    border-top: 3px solid var(--text-primary);
    border-radius: 3px;
    background: var(--text-white);
    box-shadow: 3px 3px 16px -4px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: sticky;
    top: 57px;
    height: calc(100vh - 37px);
    overflow-y: auto;
  }
  .filter-sec::-webkit-scrollbar {
    width: 5px;
  }
  .filter-sec::-webkit-scrollbar-track {
    background: var(--text-white);
  }
  .filter-sec:hover::-webkit-scrollbar-track {
    background: var(--text-lightgrey);
  }
  .filter-sec::-webkit-scrollbar-thumb {
    background: var(--text-white);
  }
  .filter-sec:hover::-webkit-scrollbar-thumb {
    background: var(--text-primary);
  }
  .fl-title {
    font-weight: 600;
    color: var(--text-dark);
    font-size: 13px;
    margin-bottom: 2px;
  }
  .fl-btn {
    float: right;
    background: none;
    border: none;
    padding: 4px 3px;
    font-weight: 600;
    font-size: 12px;
  }
  .fl-checkbox .fl-title {
    color: var(--text-primary);
    position: relative;
    margin: 0px 0 8px;
    padding: 0;
    font-size: 14px !important;
    font-weight: bold;
  }
  .fl-checkbox label {
    font-size: 14px;
    font-weight: 100;
    color: var(--text-grey);
    margin-bottom: 10px;
    vertical-align: middle;
  }
  .filter-sec hr {
    margin-top: 24px;
  }
  .listing-box {
    padding: 30px 0px;
    background: var(--text-lightgrey);
  }
  .fl-checkbox input {
    width: 20px;
    height: 20px;
    margin-top: 0;
    box-shadow: 0px 2px 5px var(--text-lightgrey);
  }
  .fl-list-show {
    padding: 15px;
    box-shadow: 3px 3px 16px -4px rgba(0, 0, 0, 0.3);
    margin: 10px 0;
    background: var(--text-white);
  }
  .fl-img img {
    width: 100%;
    height: 100%;
  }
  .fl-img {
    width: 100%;
    height: 151px;
    box-shadow: 4px 4px 14px -4px rgba(0, 0, 0, 0.6);
    position: relative;
    overflow: hidden;
  }
  .listbox-title {
    font-weight: 600;
    font-size: 15px;
  }
  .rating-list {
    margin-left: 30px;
  }
  .rating-list span {
    font-size: 12px;
  }
  .rating-list .fa.fa-star {
    color: var(--text-primary);
  }
  .list-detail span {
    font-weight: 600;
    font-size: 12px;
  }
  .list-detail .italic {
    font-weight: 400;
    font-style: normal;
    color: var(--text-dark);
    font-size: 12px;
  }
  .dl-radio {
    padding-left: 0;
    list-style-type: none;
  }
  .list-radio-cls label {
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
  }
  .list-radio-cls span {
    margin-right: 20px;
  }
  .list-radio-cls {
    background: var(--text-lightgrey);
    padding: 6px;
    margin-top: 10px;
  }
  .list-detail-inner span {
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
  }
  .list-detail-inner {
    margin-top: 0px;
  }
  .feat-details {
    font-size: 12px;
    color: var(--text-grey);
    font-style: normal;
  }
  .supertxt {
    margin-top: 10px;
    font-size: 12px;
    color: var(--text-grey);
  }
  .inclusion-list {
    padding-left: 0;
    display: inline-block;
    list-style-type: none;
    margin-bottom: 0;
  }
  .inclusion-list li {
    display: inline-block;
    background: var(--text-lightgrey);
    padding: 0px 6px;
  }
  .inclusion-list li a {
    color: var(--text-dark);
    font-style: normal;
    text-decoration: none;
    font-size: 12px;
  }
  .fl-list-item {
    position: relative;
  }
  .detail-right {
    position: absolute;
    right: 14px;
  }
  .wtsp-btn .fa {
    background: var(--text-primary);
    color: var(--text-white);
    font-size: 16px;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 25px;
    line-height: 25px;
    display: none;
  }
  .phone-btn .fa {
    background: var(--text-grey);
    color: var(--text-white);
    font-size: 16px;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 25px;
    line-height: 25px;
    display: none;
  }
  .list2-dt {
    top: 0;
    line-height: 20px;
  }
  .list-radio-cls {
    background: var(--text-lightgrey);
    padding: 6px;
  }
  .list-radio-cls ul,
  .tab-btns-cls ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  .list-radio-cls ul li,
  .tab-btns-cls ul li {
    display: inline-block;
  }
  .list-radio-cls span {
    margin-right: 20px;
  }
  .list-radio-cls label {
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
    margin-bottom: 0;
  }
  .hotel-rating-names ul {
    padding-left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    height: 84px;
    margin-bottom: 0;
    padding-right: 10px;
  }
  .hotel-rating-names ul li {
    font-size: 12px;
  }
  .hotel-rating-names ul .ht-nm {
    float: right;
  }
  .ht-rating {
    color: var(--text-lightgrey);
    font-size: 12px;
  }
  .dl-list-box .view-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    padding: 2px 10px;
  }
  .fill-rating {
    color: var(--text-primary) !important;
  }
  .ft-dt-list2 {
    margin-top: 0 !important;
  }
  .share-list2 {
    margin-top: 0 !important;
  }
  .list-detail2 {
    margin-top: 0 !important;
  }
  .list-detail-inner2 {
    margin-top: 0 !important;
    line-height: 12px;
  }
  .list2-radio {
    margin-top: 0 !important;
  }
  .tab-btns.sticky.fixed.tab-btns-cls ul {
    margin: 0 auto;
    display: block;
    width: 900px;
  }
  .dt1-lst2 {
    font-size: 16px !important;
  }
  .dt2-lst2 {
    font-size: 18px !important;
  }
  .dt-txt {
    color: var(--text-grey);
    font-weight: 400;
    font-size: 11px;
    font-style: italic;
  }
  .dt-txt-bld {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 11px;
    font-style: italic;
  }
  .dt-1 {
    font-size: 20px;
    font-weight: 600;
    right: 12px;
    text-align: right;
    color: var(--text-dark);
  }
  .dt-2 {
    font-size: 24px;
    font-weight: 600;
    right: 12px;
    text-align: right;
    color: var(--text-primary);
  }
  .social-share {
    list-style-type: none;
    padding-left: 0;
    float: left;
  }
  .social-share li {
    display: inline-block;
    margin-right: 20px;
  }
  .social-share li a {
    color: var(--text-grey);
    font-size: 20px;
  }
  .social-share li a:hover {
    color: var(--text-primary);
  }
  .addmorePop {
    border: none;
    width: 180px;
    color: var(--text-dark);
    padding: 7px;
    font-size: 13px;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid var(--text-primary);
  }
  .view-btn {
    border: 2px solid var(--text-primary);
    border-radius: 25px;
    padding: 7px 20px;
    font-size: 12px;
    color: var(--text-primary);
    font-weight: 600;
  }
  .estimate-btn {
    padding: 9px 15px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
    background: var(--text-primary);
    border: 2px solid var(--text-primary);
    border-radius: 6px;
    color: var(--text-white);
    display: inline-block;
  }
  .share-btn {
    padding-left: 0;
    list-style-type: none;
    float: right;
    margin-top: 37px;
  }
  .share-btn li {
    display: inline-block;
  }
  .view-btn:hover {
    text-decoration: none;
    color: var(--text-white);
    background: var(--text-primary);
  }
  .estimate-btn:hover {
    text-decoration: none;
    color: var(--text-primary);
    background: none;
  }
  .bt-place {
    padding: 10px 0px 40px 0;
    position: relative;
  }
  .bt-place p {
    font-size: 14px;
    color: var(--text-grey);
    font-style: italic;
    width: 100%;
    margin-top: 20px;
  }
  .bt-right img {
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    object-position: bottom;
    object-fit: cover;
    width: 100%;
  }
  .bt-right {
    height: 350px;
    width: 100%;
    overflow: hidden;
    border-radius: 20px 0 0 20px;
  }
  .blacktxt {
    color: var(--text-grey);
    position: relative;
  }
  .offsetcls {
    margin-left: 16.666667%;
  }
  .trip-form {
    max-width: 700px;
    margin: 0 auto;
  }
  .trip-form .news-letter {
    margin-bottom: 40px;
  }
  .trip-form .news-letter h3 {
    font-weight: 700;
  }
  .trip-form .form-control {
    margin-bottom: 16px;
  }
  .reqst-btn {
    border: 0;
    background: var(--text-white);
    padding: 10px;
    float: right;
    border-radius: 4px;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 14px;
    margin-top: 20px;
    text-transform: uppercase;
  }
  input.dt-selct-white::placeholder {
    font-weight: 300;
  }
  .add-icon:hover {
    background: var(--text-primary);
  }
  .plus-bg i:hover {
    background: var(--text-primary);
    color: var(--text-white);
  }
  .dt-2-txt strong {
    color: var(--text-primary);
    margin-left: 10px;
    word-break: keep-all;
  }
  .dt-tabbing-sec .home-tab-btns .tab-list {
    padding-left: 0;
  }
  .dt-tabbing-sec .home-tab-btns .nav {
    width: 600px;
    border-bottom: none;
  }
  .ft-booknow {
    background: var(--text-grey);
    padding: 10px 30px;
    display: none;
  }
  .booknow.btn:hover {
    background: var(--text-white);
    color: var(--text-dark);
  }
  .booknow.btn {
    background: var(--text-dark);
    color: var(--text-white);
    border-radius: 4px;
    width: 100%;
    border: none;
    font-size: 14px;
  }
  .book-txt {
    font-size: 20px;
    font-weight: 400;
    right: 12px;
    color: var(--text-white);
  }
  .sticky-form.fixed {
    max-width: 400px;
    top: 75px;
    background: var(--text-white);
    z-index: 99;
    position: fixed;
    float: right;
    left: auto;
    border-radius: 0 0 14px 14px;
  }
  .dt-right-selct .dt-2-btn {
    padding: 20px 20px !important;
    line-height: 0;
  }
  #hotel_details,
  #Sightseeing-id {
    z-index: 999999;
  }
  .tab-content iframe {
    margin-top: 20px;
    width: 100%;
    height: 300px;
  }
  .dl-content-cls .sign-txt {
    color: var(--text-dark);
    margin-top: 10px;
    text-align: justify;
  }
  .view-detail-modal .active.tab-list a {
    color: var(--text-primary);
  }
  .view-detail-modal .tab-list {
    padding: 10px;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    width: 120px;
    margin-right: 16px;
  }
  .view-detail-modal {
    margin-bottom: 20px;
  }
  .view-detail-modal .tab-list a {
    color: var(--text-grey);
    text-decoration: none;
  }
  .dl-list-box strong {
    font-size: 13px;
  }
  .dl-box-list {
    padding-left: 0;
  }
  .dl-title {
    background: var(--text-primary);
    color: var(--text-white) !important;
    padding: 10px;
    margin-bottom: 10px;
  }
  .dl-list-box {
    padding-left: 0;
  }
  .dl-list-box li {
    padding: 10px;
    margin: 10px;
    list-style-type: none;
  }
  .dayPackage-lineInblue h6 {
    font-size: 13px;
    margin-left: 10px;
    font-weight: 300;
  }
  .day-box {
    background: var(--text-lightgrey);
    padding: 10px;
    border-radius: 14px;
    margin-bottom: 20px;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .dl-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
  }
  .dl-img-box {
    height: 42px;
  }
  .dl-list-box li .ht-name {
    font-size: 12px;
  }
  .fl-img-box .share-btn {
    position: absolute;
    top: 50%;
    right: 0;
    margin-bottom: 0;
    transform: translate(0, -50%);
  }
  .fl-img-box .feat-details {
    margin-top: 0;
  }
  .fl-img-box .list-detail-inner {
    margin-top: 0;
    margin-bottom: 4px;
  }
  .fl-img-box .list-detail {
    margin-top: 0;
  }
  .fl-img-new {
    height: auto;
  }
  .tab-list-items li i {
    padding-right: 10px;
  }
  .tab-list-items li {
    font-size: 14px;
    line-height: 30px;
  }
  .tab-list-items {
    padding-left: 0;
    margin-top: 20px;
    list-style-type: none;
  }
  .fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  .tab-btns .tablinks.active {
    background: var(--text-primary);
    color: var(--text-white);
  }
  .dt-title {
    letter-spacing: 2px;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-grey);
    border-bottom: 1px solid var(--text-primary);
    margin-bottom: 16px;
  }
  .dt-price {
    font-size: 14px;
    margin-bottom: 20px;
    background: var(--text-white);
    padding: 5px 10px 10px 10px;
    border-top: 1px solid var(--text-grey);
  }
  .LessDetailContent hr {
    margin-top: 0;
    margin-bottom: 8px;
  }
  .dt-rt p {
    font-size: 14px;
    margin-top: 10px;
  }
  .dt-price span {
    color: var(--text-grey);
  }
  .dt-box-1 {
    padding: 10px;
    border-radius: 0;
    background: var(--text-white);
  }
  .dt-img {
    overflow: hidden;
    position: relative;
    height: 160px;
  }
  .dt-img img {
    border-radius: 14px;
    height: 200px;
    width: 100%;
    object-fit: cover;
  }
  .dt-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
  }
  .dt-details {
    font-size: 14px;
    margin-top: 10px;
  }
  .dt-subtitle {
    font-size: 14px;
    margin-top: 5px;
    font-weight: 600;
    color: var(--text-dark)000;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  .dt-list-item {
    list-style-type: none;
    padding-left: 0;
  }
  .dt-list-item li {
    display: inline-block;
    position: relative;
    padding-right: 7px;
    font-size: 14px;
    color: var(--text-dark);
  }
  .dt-list-item li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: var(--text-dark);
    right: 0;
    top: 4px;
  }
  .dt-list-item li a {
    color: var(--text-dark);
  }
  .facilities-list {
    padding-left: 0 !important;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 6px;
  }
  .facilities-list li {
    display: inline-block;
    margin-right: 14px;
  }
  .faci-innerlist {
    padding-left: 0;
  }
  .faci-innerlist img {
    width: 30px;
    margin-top: -22px;
  }
  .faci-innerlist strong {
    font-size: 11px;
  }
  .faci-innerlist .greentxt {
    color: var(--text-primary);
    font-size: 11px;
  }
  .detail-sec {
    padding: 30px 30px;
  }
  .greytxt {
    color: var(--text-lightgrey);
  }
  .grey-sub {
    font-size: 13px;
  }
  .dt-box-2 {
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 14px;
    position: relative;
  }
  .dt-box-2-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
  }
  .dt-box-2-list li {
    display: inline-block;
  }
  .dt-2-txt {
    font-size: 15px;
    break-after: column;
    max-width: 275px;
    width: 100%;
  }
  .dt-2-txt strong {
    color: var(--text-primary);
    margin-left: 10px;
    word-break: break-all;
  }
  .plus-bg i {
    border-radius: 100%;
    color: var(--text-primary);
    width: 40px;
    background: var(--text-white);
    text-align: center;
    border: 1px solid;
    float: right;
    height: 40px;
    line-height: 40px;
  }
  .dt-2-btn {
    background: var(--text-primary);
    float: right;
    color: var(--text-white);
    border-radius: 4px;
    padding: 7px 20px;
    border: none;
    font-size: 14px !important;
  }
  .dt-2-btn:hover {
    text-decoration: none;
    color: var(--text-white);
    padding: 7px 20px;
    background: var(--text-dark) !important;
  }
  .room-changetxt {
    margin-right: 20px;
    font-size: 14px;
    font-weight: 700;
    color: var(--text-primary);
  }
  .room-name {
    font-weight: 600;
    font-size: 14px;
  }
  .dt-share {
    margin-top: 0;
  }
  .dt-fl-img {
    height: 180px;
  }
  .arrive-box {
    margin-bottom: 20px;
  }
  .dt-box-2-list-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    text-transform: uppercase;
  }
  .at-icon {
    width: 38px;
    margin-left: 20px;
  }
  .dt-box-3 {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 14px;
  }
  .dt-3-list .dt-box-2-list-title {
    font-size: 20px;
    padding-right: 10px;
  }
  .dt-3-list span {
    font-size: 14px;
    font-weight: 600;
  }
  .dt-3-list {
    padding-left: 0;
    list-style-type: none;
  }
  .dt-3-list li {
    border-bottom: 1px dashed var(--text-grey);
    padding-bottom: 10px;
    padding: 10px;
  }
  .dt-3-grey {
    font-size: 12px;
    color: var(--text-grey);
  }
  .dt-3-list img {
    width: 40px;
  }
  .dt-3-facilities {
    margin-top: 0;
    margin-bottom: 0;
  }
  .tab-btns .tab-list a {
    color: var(--text-dark);
    padding: 10px;
    display: block;
  }
  .tab-btns .tab-list {
    border: none;
    padding: 0;
    background: var(--text-white);
    margin-right: 10px;
    border-radius: 25px;
    text-align: center;
    max-width: 155px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    width: 100%;
  }
  .tab-btns .tab-list.active a {
    color: var(--text-white);
  }
  .tab-btns .tab-list:hover a {
    color: var(--text-white) !important;
    text-decoration: none;
  }
  .tab-btns .tab-list:focus {
    border: none;
    outline: none;
  }
  .tab-btns .tab-list:hover {
    color: var(--text-white);
    background: var(--text-primary);
  }
  .tab-btns {
    margin-bottom: 40px;
  }
  .tab-btns .nav.nav-tabs {
    border: none;
  }
  .tab-btns .tab-list.active {
    background: var(--text-primary);
    color: var(--text-white);
  }
  .dt-right {
    padding: 20px;
    border-radius: 14px;
  }
  .dt-selct {
    background: var(--text-primary);
    color: var(--text-white);
    border-radius: 4px;
    border: none;
    max-width: 150px;
    font-size: 14px;
  }
  .dt-selct-white {
    background: var(--text-white);
    border-radius: 4px;
    font-weight: 200;
    padding: 5px;
    color: var(--text-dark);
    line-height: 20px !important;
  }
  .dt-selct:focus {
    outline: none;
    box-shadow: none;
    border: none;
    background: var(--text-primary);
    box-shadow: none;
    color: var(--text-white);
  }
  .dt-right-selct {
    margin-top: 20px;
  }
  .dt-selct option {
    border-radius: 25px !important;
    background: var(--text-white);
    color: var(--text-primary);
  }
  .small-txt {
    font-size: 12px;
  }
  .tab-btns.sticky.fixed {
    background: var(--text-white);
    padding: 20px;
    z-index: 9;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
  .tab-btns.fixed .nav.nav-tabs {
    margin: 0 auto;
    text-align: center;
    max-width: 900px;
  }
  .dt-right-selct .dt-1 span {
    font-weight: 100;
    font-size: 13px;
  }
  .padding-0 {
    padding: 0;
  }
  .dt-selct-white::placeholder {
    font-size: 12px;
    font-weight: 200;
  }
  .hotel_select1_inner-details .flight-t-box {
    font-size: 12px;
  }
  .hotel_select1_inner-details .t-box-cls:after {
    bottom: 0;
  }
  .hotel_select1_inner-details .room_booking_traveller label {
    text-align: right;
    float: right;
  }
  .hotel_select1_inner-details .btn-outline {
    margin: 0;
  }
  .hotel_select1_inner-details .travel-box_cls {
    z-index: 1;
  }
  .plus-bg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
  }
  .dt-box-2-list .dt-2-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-10%, -50%);
  }
  .date-parent {
    position: relative;
  }
  .date-icon {
    position: absolute;
    content: "";
    top: 8px;
    right: 10px;
  }
  .date-parent img.ui-datepicker-trigger {
    position: absolute;
    content: "";
    top: 8px;
    cursor: pointer;
    right: 10px;
    width: 16px;
    height: 16px;
  }
  .adult_title img.ui-datepicker-trigger {
    position: absolute;
    content: "";
    top: 38px;
    cursor: pointer;
    right: 25px;
  }
  .modal-dialog {
    margin-top: 60px;
  }
  .signbtn {
    z-index: 999999;
    padding: 4px;
    right: 10px;
    float: right;
    position: absolute;
    top: 0;
  }
  #myModa1packageRateEnquiry {
    top: 38px;
  }
  .login-box .close {
    color: var(--text-dark);
    opacity: 1;
  }
  .login-box .modal-header {
    border-bottom: none;
    background: var(--text-dark) !important ;
    font-weight: 600;
  }
  .sign-txt a {
    font-size: 13px;
    color: var(--text-primary);
    text-decoration: none;
  }
  .sign-txt a:hover {
    color: var(--text-secondary);
  }
  .forgotpass {
    color: var(--text-primary) !important;
    font-size: 13px;
  }
  .forgotpass:hover {
    text-decoration: none;
    color: var(--text-secondary) !important;

  }
  .rigister:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--text-grey);
    top: 0;
    right: -14px;
  }
  .sign-btn:hover,
  .enquiry-btn:hover {
    background: var(--text-secondary);
    outline: 0;
    border: none;
    box-shadow: none;
    color: var(--text-white);
    text-decoration: none;
  }
  .sign-btn:focus,
  .enquiry-btn:focus {
    background: var(--text-secondary);
    outline: 0;
    border: none;
    box-shadow: none;
    color: var(--text-white);
  }
  .rigister {
    position: relative;
  }
  .rgister-form .form-control {
    margin-bottom: 14px;
  }
  .rgister-form {
    margin-top: 30px;
  }
  .login_msg {
    margin-left: 15px;
  }
  .rigister .form-control::placeholder,
  .rgister-form select,
  .rgister-form input[type="date"] {
    font-size: 13px;
    color: var(--text-dark);
    font-weight: 300;
  }
  .rigister #sel1 {
    color: var(--text-dark);
    font-weight: 300;
  }
  .popup-title {
    color: var(--text-dark);
    font-weight: 600;
  }
  .sign-btn {
    border: none;
    font-size: 18px;
    background: var(--text-primary);
    float: right;
    width: 100%;
    color: var(--text-white);
    font-weight: 700;
    text-decoration: none;
    text-align: center;
  }
  .enquiryclose {
    color: var(--text-white) !important;
  }
  .enquiry-btn {
    border: none !important;
    font-size: 13px;
    background: var(--text-primary);
    width: 140px;
    color: var(--text-white);
    padding: 7px;
    border-radius: 4px;
  }
  .room-box .sign-txt {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
    color: var(--text-primary);
  }
  a.disproom {
    color: red;
  }
  .bannercls img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .car_local,
  .car_transfer {
    display: none;
  }
  .srch_form
    .custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::after,
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(../images/radio-on-button.png);
  }
  .srch_form .custom-control-label::after {
    background: no-repeat 50%/100% 100%;
    top: 0 !important;
  }
  .srch_form .custom-control-input:checked ~ .custom-control-label::before,
  .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: var(--text-white);
    border: none;
    background: none;
    box-shadow: none;
  }
  span.flightPaxInfo {
    font-weight: 300;
    font-size: 13px;
  }
  .home-tab-btns .tab-list {
    padding: 0;
    text-align: center;
    padding-left: 20px;
    width: 100px;
  }
  .home-srch {
    padding: 0 !important;
  }
  .home-tab-btns .tab-list a {
    color: var(--text-dark);
    padding: 10px;
    display: block;
    text-decoration: none;
    font-size: 13px;
  }
  .srch_form {
    padding: 10px 20px;
  }
  .srch_form .form-control::placeholder {
    font-size: 13px;
    color: var(--text-dark);
    font-weight: 300;
  }
  .srch_form .form-control {
    margin-bottom: 0;
    font-size: 14px;
  }
  .home-tab-btns .tab-list.active {
    border-top: 4px solid var(--text-primary);
  }
  .room_booking_traveller label {
    font-size: 12px;
  }
  .room_booking_traveller .form-control {
    margin-bottom: 0;
  }
  .travel-box_cls {
    width: 100%;
    position: relative;
    display: inline-block;
  }
  .hotel_check {
    cursor: pointer;
  }
  .t-box-cls:after {
    position: absolute;
    bottom: -3px;
    right: 14px;
    height: 16px;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 1.3em solid transparent;
    border-left: 0.3em solid transparent;
  }
  .room_boxcls {
    width: 380px;
    position: absolute !important;
    border: 1px solid var(--text-grey);
    background: var(--text-white);
    left: 14px;
    top: 38px;
    border-radius: 5px !important;
    display: none;
    z-index: 9999999999999 !important;
    padding: 10px;
  }
  .room_booking_traveller .title {
    font-size: 14px;
    background: var(--text-dark);
    border: 1px solid var(--text-dark);
    color: var(--text-white);
    padding: 2px 10px;
    margin-bottom: 10px;
  }
  .room_boxcls .room_boxclsIn {
    padding: 10px;
  }
  a.add_more {
    color: var(--text-dark);
    border: 1px solid var(--text-lightgrey);
    width: 100%;
    display: block;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }
  #fh5co-header .display-tc .btn,
  .fh5co-cover .display-tc .btn {
    padding: 13px 20px;
    color: var(--text-white) !important;
    border: none !important;
    font-size: 18px;
    background: var(--text-primary) !important;
    border-radius: 0px;
    margin-left: 16px;
    margin-bottom: 14px;
  }
  .room_boxcls .room_boxclsIn .btn {
    color: var(--text-dark) !important;
    padding-bottom: 0.3rem !important;
    background: var(--text-lightgrey) !important;
    border: 1px solid var(--text-dark) !important;
    margin-bottom: 0px;
    font-size: 15px !important;
  }
  .btn-outline {
    background: var(--text-primary);
    font-size: 12px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: var(--text-white);
    float: right;
    margin: 0;
    padding: 2px 10px;
    border-radius: 0px;
  }
  .send_message_margi_btn {
    border: none;
    font-size: 13px;
    background: var(--text-primary);
    float: right;
    padding: 8px 20px;
    color: var(--text-white);
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
  }
  .room_boxcls .pull-right {
    width: 100%;
    padding-top: 0px;
  }
  .btn-outline:hover,
  .add_more:hover {
    background: var(--text-primary);
    color: var(--text-white);
  }
  
  .standard_class input[type="radio"]:checked + label {
    background-color: var(--text-dark);
    border-color: var(--text-primary);
    color: var(--text-white) !important;
  }
  .standard_class {
    height: 150px;
    overflow-y: auto;
  }
  .standard_class > .radio {
    display: block;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 300 !important;
    margin-right: 10px;
  }
  .standard_class input[type="radio"] {
    width: 0;
    display: none;
  }
  .standard_class label {
    display: inline-block;
    padding: 2px 0;
    font-size: 11px !important;
    border: 2px solid var(--text-lightgrey);
    border-radius: 22px;
    cursor: pointer;
    width: 100%;
    text-align: center !important;
    margin: 2px 0;
    float: left;
    font-size: 11px !important;
  }
  .count-input {
    position: relative;
    width: 100%;
    margin: 0;
  }
  .count-input .incr-btn:first-child {
    right: auto;
    left: 0;
    top: 46%;
    border-radius: 8px 0 0 8px;
  }
  .form_searchflight input {
    font-size: 14px;
    height: 40px;
    float: left;
  }
  .count-input_cls li {
    display: inline-block;
  }
  .count-input_cls {
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
  }
  .checkbox_handle {
    margin-top: 0px;
  }
  .minus-cls {
    cursor: pointer;
    position: relative;
    width: 30px;
    padding: 0;
    height: 20px;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 300;
    text-align: center;
    line-height: 18px;
    top: 0;
    text-decoration: none;
    color: var(--text-white);
    background: var(--text-primary);
    border-radius: 4px;
  }
  .plus-cls {
    cursor: pointer;
    position: relative;
    width: 30px;
    padding: 0;
    height: 20px;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 300;
    text-align: center;
    line-height: 18px;
    top: 0;
    float: right;
    right: 0;
    text-decoration: none;
    color: var(--text-white);
    background: var(--text-primary);
    border-radius: 4px;
  }
  .down_count .fa,
  .up_count .fa {
    font-size: 12px;
  }
  .counter-int {
    position: absolute;
    width: 40px;
    line-height: 18px;
    right: 50%;
    transform: translate(-50%, -50%);
  }
  .counter {
    border: none;
    background: var(--text-white);
    top: 50%;
    position: absolute;
    left: 50%;
    width: 100%;
    text-align: center;
    font-size: 15px;
    transform: translate(50%, 0%);
  }
  .t-radiobtn {
    margin-bottom: 10px;
  }
  .t-radiobtn label {
    font-size: 14px;
  }
  .flight-t-box {
    font-weight: 300;
    font-size: 13px;
  }
  .home-tab-btns .nav.nav-tabs {
    border: none !important;
  }
  #tab4 .t-radiobtn {
    margin-bottom: 0;
  }
  .flightcontent {
    background: var(--text-lightgrey);
  }
  .serach_flight_result {
    background: var(--text-primary);
    margin: 0;
    padding: 70px 0 0;
    width: 100%;
    height: 100%;
  }
  .search_flight_title {
    width: 100%;
    margin: 0 0 40px;
    padding: 0;
    text-align: center;
  }
  .search_flight_title h3 {
    font-size: 44px;
    color: var(--text-lightgrey);
    margin: 10px 0 20px;
    padding: 0px 0;
    line-height: 30px;
  }
  .search_flight_title p {
    font-size: 21px;
    color: var(--text-lightgrey);
    margin: 5px 0;
    padding: 0px 0;
    line-height: 30px;
  }
  .form_searchfligh_mobile {
    width: 100%;
    background: var(--text-white);
    border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 20px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .flightroud_earch {
    margin: 0 0 0;
  }
  .flightroud_earch ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    float: left;
  }
  .flightroud_earch ul li {
    color: var(--text-primary);
    display: block;
    position: relative;
    float: left;
    width: 130px;
    height: 48px;
  }
  .flightroud_earch ul li input[type="radio"] {
    position: absolute;
    visibility: hidden;
  }
  .flightroud_earch ul li label {
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 12px;
    padding: 9px 5px 5px 26px;
    margin: 0px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    letter-spacing: 1px;
  }
  .flightroud_earch ul li:hover label {
    color: var(--text-dark);
  }
  .flightroud_earch ul li .check {
    display: block;
    position: absolute;
    border: 2px solid var(--text-primary);
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 8px;
    left: 0;
    z-index: 5;
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
  }
  .flightroud_earch ul li:hover .check {
    border: 2px solid var(--text-dark);
  }
  .flightroud_earch ul li .check::before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
  .flightroud_earch input[type="radio"]:checked ~ .check {
    border: 2px solid var(--text-dark);
  }
  .flightroud_earch input[type="radio"]:checked ~ .check::before {
    background: var(--text-dark);
  }
  .flightroud_earch input[type="radio"]:checked ~ label {
    color: var(--text-dark);
  }
  .nonstop_wrapper {
    float: right;
    display: none;
  }
  .nonstop_mytrip {
    float: left;
    margin: 4px 10px 4px 13px;
    font-size: 14px;
    color: var(--text-white);
  }
  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
  }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--text-grey);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    outline: none;
  }
  .slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 6px;
    bottom: 5px;
    background-color: var(--text-dark);
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  input:checked + .slider {
    background-color: var(--text-lightgrey);
  }
  input:checked + .slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 10px;
    bottom: 5px;
    background-color: var(--text-dark);
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  input:focus + .slider {
    box-shadow: 0 0 1px var(--text-secondary);
  }
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  .slider.round {
    border-radius: 34px;
  }
  .slider.round:before {
    border-radius: 50%;
  }
  .mytrip_destination {
    width: 30%;
    float: left;
    margin-right: 6px;
    position: relative;
  }
  .mytrip_calender_box {
    width: 30%;
    float: left;
    border: 2px solid var(--text-grey);
    border-radius: 10px;
    padding: 10px 10px 10px 15px;
    margin-right: 10px;
  }
  .mytrip_class {
    width: 170px;
    float: left;
    border: 2px solid var(--text-grey);
    border-radius: 10px;
    padding: 5px 10px 5px 15px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
  }
  .mytrip_class label {
    font-size: 14px;
    color: var(--text-dark);
    font-weight: 900;
    margin-bottom: 0;
  }
  .mytrip_class .small-text {
    font-size: 10px;
    color: var(--text-grey);
    line-height: 14px;
  }
  .mytrip_class .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 0;
    font-size: 16px;
    line-height: 1.42857143;
    color: var(--text-dark);
    background-color: var(--text-white);
    background-image: none;
    border: 0px solid var(--text-grey);
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin: -4px 0 0;
  }
  .mytrip_city {
    width: 47%;
    float: left;
    margin-right: 10px;
    border: 2px solid var(--text-grey);
    border-radius: 10px;
    padding: 10px 10px 10px 15px;
    min-height: 88px;
  }
  .mytrip_city label {
    font-size: 14px;
    color: var(--text-dark);
    font-weight: 900;
    margin-bottom: 0;
  }
  .mytrip_city .small-text {
    font-size: 10px;
    color: var(--text-grey);
    line-height: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
  }
  .mytrip_city .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 0;
    font-size: 16px;
    line-height: 1.42857143;
    color: var(--text-dark);
    background-color: var(--text-white);
    background-image: none;
    border: 0px solid var(--text-grey);
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin: -4px 0 0;
  }
  .mytrip_to {
    width: 48%;
    float: left;
    margin-right: 0;
    border: 2px solid var(--text-grey);
    border-radius: 10px;
    padding: 10px 10px 10px 18px;
    min-height: 88px;
  }
  .mytrip_to label {
    font-size: 14px;
    color: var(--text-dark);
    font-weight: 900;
    margin-bottom: 0;
  }
  .mytrip_to .small-text {
    font-size: 10px;
    color: var(--text-grey);
    line-height: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
  }
  .mytrip_to .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 0;
    font-size: 16px;
    line-height: 1.42857143;
    color: var(--text-dark);
    background-color: var(--text-white);
    background-image: none;
    border: 0px solid var(--text-grey);
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin: -4px 0 0;
  }
  .exchange_transfer {
    z-index: 999;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    left: -12px;
    line-height: 22px;
    top: 6px;
    text-align: center;
  }
  .exchangeroot {
    position: relative;
  }
  .forgot {
    border: none;
    font-size: 13px;
    background: var(--text-primary);
    float: right;
    width: 100%;
    color: var(--text-white);
    margin-bottom: 10px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
  }
  .search-result img {
    max-height: 100%;
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 400px;
  }
  .profile_Count {
    background: var(--text-grey);
    margin: 0 auto;
  }
  .change {
    border: none;
    font-size: 13px;
    background: var(--text-primary);
    float: right;
    width: 100%;
    color: var(--text-white);
    font-weight: 600;
    text-decoration: none;
    text-align: center;
  }
  .change:hover {
    background: var(--text-dark);
    outline: 0;
    border: none;
    box-shadow: none;
    color: var(--text-white);
  }
  .profile_Count .popup-title {
    margin-bottom: 20px;
  }
  #reset_password label {
    font-size: 13px;
  }
  #successmsgforget p {
    font-size: 14px;
  }
  .forgot:hover {
    background: var(--text-dark);
    outline: 0;
    border: none;
    box-shadow: none;
    color: var(--text-white);
  }
  .mytrip_departure {
    width: 127px;
    float: left;
    margin-right: 0;
    border: 0px solid var(--text-grey);
    border-radius: 0;
    padding: 0;
  }
  .mytrip_departure label {
    font-size: 14px;
    color: var(--text-dark);
    font-weight: 900;
    margin-bottom: 0;
  }
  .mytrip_departure .small-text {
    font-size: 10px;
    color: var(--text-grey);
    line-height: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
  }
  .mytrip_departure .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 0;
    font-size: 16px;
    line-height: 1.42857143;
    color: var(--text-dark);
    background-color: var(--text-white);
    background-image: none;
    border: 0px solid var(--text-grey);
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin: -4px 0 0;
  }
  .mytrip_return {
    width: 118px;
    float: right;
    margin-right: 0;
    border: 0px solid var(--text-grey);
    border-radius: 0px;
    padding: 0;
  }
  .mytrip_return label {
    font-size: 14px;
    color: var(--text-dark);
    font-weight: 900;
    margin-bottom: 0;
  }
  .mytrip_return .small-text {
    font-size: 10px;
    color: var(--text-grey);
    line-height: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
  }
  .mytrip_return .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 0;
    font-size: 16px;
    line-height: 1.42857143;
    color: var(--text-dark);
    background-color: var(--text-white);
    background-image: none;
    border: 0px solid var(--text-grey);
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin: -4px 0 0;
  }
  a.flightsubmit,
  .flightsubmit {
    float: right;
    border-radius: 10px;
    width: 160px;
    background-color: var(--text-dark);
    color: var(--text-white);
    font-size: 16px;
    border-color: var(--text-dark);
    margin: 0;
    padding: 5px 21px;
    line-height: 80px;
  }
  a.flightsubmit:hover,
  .flightsubmit:hover {
    color: var(--text-white);
    background-color: var(--text-dark);
    border-color: var(--text-dark);
  }
  a.flightsubmit:focus,
  .flightsubmit:focus {
    color: var(--text-white);
    background-color: var(--text-dark);
    border-color: var(--text-dark);
    outline: none;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25);
  }
  a.flightsubmit:active:focus,
  .flightsubmit:active:focus {
    color: var(--text-white);
    background-color: var(--text-dark);
    border-color: var(--text-dark);
    outline: none;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25);
  }
  .sorticon {
    width: 12px;
  }
  .sortright li a {
    color: var(--text-grey);
    padding: 2px 4px 2px 20px;
  }
  .sortright a {
    color: var(--text-grey);
    text-decoration: none;
  }
  .serach_flight_result .container {
    max-width: 1140px;
  }
  .car-box {
    width: 380px;
    position: absolute !important;
    border: 1px solid var(--text-grey);
    background: var(--text-white);
    left: 0%;
    border-radius: 5px !important;
    display: none;
    z-index: 9999999999999 !important;
    padding: 10px;
    top: 100%;
  }
  .sortright ul li a.active:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/public/images/sorticon.png);
    left: 4px;
    background-size: 100%;
    top: 4px;
    background-repeat: no-repeat;
  }
  .car-box label {
    font-weight: 600;
    font-size: 12px;
  }
  .sortright ul li a.active_sort {
    background: var(--text-grey);
    position: relative;
    color: var(--text-white);
  }
  .sortright ul li a.active_sort:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/public/images/sorticon-down.png);
    left: 4px;
    background-size: 100%;
    top: 4px;
    background-repeat: no-repeat;
  }
  .sortright ul li a.active:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/public/images/sorticon.png);
    left: 4px;
    background-size: 100%;
    top: 4px;
    background-repeat: no-repeat;
  }
  .car-box label {
    font-weight: 600;
    font-size: 12px;
  }
  .sortright ul li a.active_sort {
    background: var(--text-grey);
    position: relative;
    color: var(--text-white);
  }
  .sortright ul li a.active_sort:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/public/images/sorticon-down.png);
    left: 4px;
    background-size: 100%;
    top: 4px;
    background-repeat: no-repeat;
  }
  .car-filter a:focus {
    outline: none;
    box-shadow: none;
  }
  .carlistingBanner {
    background: var(--text-lightgrey);
    padding: 30px 0px;
  }
  .carlistingBanner .srch_form {
    background: var(--text-white);
    background: var(--text-white);
    padding: 10px;
  }
  .carlistingBanner .form-control {
    margin-bottom: 0;
  }
  .carcol {
    -ms-flex: 11%;
    flex: 11%;
    max-width: 11%;
  }
  .carname {
    color: var(--text-grey);
    font-weight: 700;
    font-size: 13px;
  }
  .car-ft {
    font-size: 12px;
  }
  .advanceDetail1 a,
  .advanceDetail2 a,
  .advanceDetail3 a,
  .advanceDetail4 a {
    color: var(--text-primary);
    font-size: 13px;
  }
  .form-control {
    margin-bottom: 10px;
    font-size: 13px !important;
  }
  .margin-tp {
    margin-top: 20px;
  }
  .pertxt {
    font-size: 12px;
  }
  .carbox img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .carbox {
    height: 104px;
    width: 100%;
  }
  .advanceDetailsBox1,
  .advanceDetailsBox2,
  .advanceDetailsBox3,
  .advanceDetailsBox4 {
    background: rgb(40 167 69/7%);
    right: 50%;
    background-color: var(--text-lightgrey);
    font-size: 12px;
    text-align: justify;
    font-weight: 600;
    border: 1px solid var(--text-grey);
    padding: 8px;
    line-height: 17px;
    display: block;
    z-index: 10001;
    left: 15px;
    display: none;
    margin: 8px 0 0 0;
    width: 420px;
    position: absolute;
    top: 40px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .fareDetailsbox1,
  .fareDetailsbox2,
  .fareDetailsbox3,
  .fareDetailsbox4 {
    position: relative;
    background-color: var(--text-lightgrey);
    font-size: 12px;
    text-align: justify;
    font-weight: 600;
    border: 1px solid var(--text-grey);
    padding: 8px;
    line-height: 17px;
    display: none;
    z-index: 10001;
    right: 0;
    margin: 8px 0 0 0;
    width: 100%;
    width: 420px;
    position: absolute;
    top: 40px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .text-red {
    color: var(--text-primary);
  }
  .fareDetails1 a,
  .fareDetails2 a,
  .fareDetails3 a,
  .fareDetails4 a {
    font-size: 12px;
    color: var(--text-primary);
    cursor: pointer;
  }
  .advanceDetail1 {
    margin-left: 10px;
  }
  .bussorting_mobile {
    display: none;
  }
  .sortlisting {
    margin: 10px 0;
    padding: 0;
  }
  ul.sortright li {
    display: inline-block;
    width: 20%;
    text-align: center;
    padding-left: 0;
    font-size: 13px;
    background: var(--text-grey);
    font-weight: 600;
    color: var(--text-grey);
  }
  li.sortingnames {
    width: 25%;
  }
  .sortright {
    width: 100%;
    list-style-type: none;
  }
  .sortright ul {
    margin: 0;
    padding: 0;
  }
  .sortright ul li {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-grey);
    list-style-type: none;
    float: left;
  }
  .sortright ul li.carseats {
    width: 14%;
  }
  .sortright ul li.carname {
    width: 25%;
    text-align: left;
  }
  .sortright ul li.carkm {
    width: 19%;
  }
  .sortright ul li.active a {
    color: var(--text-white);
  }
  .sortright ul li a.active {
    background: var(--text-grey);
    position: relative;
    color: var(--text-white);
  }
  .hotelDetails .tab-list {
    width: 150px;
  }
  .amenitieslist li {
    margin-left: 20px;
    list-style-type: none;
  }
  .amenitieslist .fa {
    font-size: 12px;
    padding-right: 10px;
  }
  #photoGallery img {
    margin-bottom: 26px;
    min-height: 180px;
    object-fit: cover;
  }
  .btn.closebtn:hover {
    background: none;
    color: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .closebtn {
    background: var(--text-primary);
    color: var(--text-white);
    font-size: 13px;
  }
  .searchbtn {
    background: none;
    color: var(--text-primary);
    font-size: 13px;
    border: 1px solid var(--text-primary);
  }
  .searchbtn:hover {
    background: var(--text-primary);
    color: var(--text-white);
    font-size: 13px;
  }
  #changeHotel .modal-body {
    padding: 20px;
  }
  .fair_summary {
    background: var(--text-white);
    border: 1px solid var(--text-grey);
    margin: 0 0 20px 0;
    padding: 0px;
  }
  .fair_title {
    background: var(--text-grey);
    color: var(--text-white);
    padding: 7px 12px;
    border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
  }
  .fair_content {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .fair_content ul {
    margin: 0;
    padding: 0;
  }
  .fair_content ul li {
    list-style-type: none;
    color: var(--text-dark);
    font-size: 14px;
    border-bottom: 1px solid var(--text-grey);
    padding: 10px;
    display: block;
  }
  .fair_content ul li span.price_fair {
    float: right;
    color: var(--text-primary);
  }
  .fair_content ul li span.price_fair {
    float: right;
    color: var(--text-primary);
  }
  .fair_content ul li span.you_pay {
    color: var(--text-primary);
    font-size: 15px;
    font-weight: bold;
  }
  .fair_content ul li span.price_fair_total {
    font-size: 15px;
    float: right;
    color: var(--text-primary);
    font-weight: 600;
    padding-left: 10px;
  }
  .booking_list {
    padding: 60px 0;
  }
  .traveller_information_box {
    padding: 15px;
    width: 100%;
    background: var(--text-white);
    border: 1px solid var(--text-grey);
    margin-top: 10px;
  }
  .traveller_information_box .travel_info_title {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
  }
  .adult_title label {
    font-size: 12px;
  }
  .fill_traveller_information {
    background: var(--text-lightgrey);
    margin: 10px 0;
    padding: 10px;
  }
  .adult_title {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .adult_title h4 {
    font-size: 13px;
  }
  a.addnew {
    font-size: 14px;
    color: var(--text-secondary);
    padding: 3px 0 0px;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    float: right;
    margin: 21px 0 0;
  }
  .traveller_login {
    font-size: 16px;
    color: var(--text-primary) !important;
    padding: 3px 0 0px;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    float: right;
    margin: 0;
  }
  .travel_fair_details_title {
    border-radius: 0;
    padding: 5px 10px 10px;
    background: var(--text-lightgrey);
    border: 1px solid var(--text-lightgrey);
  }
  .destination_left_details ul {
    margin-bottom: 0;
  }
  .booking-summary h2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    line-height: 26px;
    margin-bottom: 0;
    padding-top: 5px;
  }
  .fare_information_dropdown {
    color: var(--text-primary);
    float: right;
    font-size: 24px;
    text-align: center;
  }
  .fair_information_details {
    margin: 0 0 0;
    background: var(--text-white);
    border: 1px solid var(--text-grey);
    padding: 10px;
  }
  .hotel-Summry h2 {
    font-size: 16px;
    font-weight: bold;
    color: var(--text-dark);
  }
  .fair_information_details .hotel-Summry p {
    font-size: 13px;
    font-weight: bold;
    color: var(--text-dark);
  }
  .fair_information_details .hotel-Summry .rate-summ {
    margin-left: 7px;
  }
  .selected-Room h2 {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
  }
  .room-infoM {
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
  }
  a.terms {
    font-size: 14px;
    color: var(--text-secondary);
    padding: 10px 0 5px;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    text-align: right;
  }
  .divider_line_height {
    padding: 7px 0;
  }
  .booking-summary .night {
    font-size: 14px;
    margin-left: 7px;
  }
  .selected-Room {
    padding-top: 15px;
  }
  .flight_search_list_details .Date-Guest h5 {
    font-weight: 700;
    font-size: 15px;
  }
  .flight_search_list_details .Date-Guest h6 {
    font-size: 12px;
    color: var(--text-dark);
  }
  .Date-Guest {
    width: 100%;
    margin: 12px 0 0 0;
  }
  .bagg_info ul {
    margin: 0;
    padding: 0;
  }
  .bagg_info .Room-guest ul li {
    list-style-type: none;
    margin-bottom: 0;
    color: var(--text-grey);
    font-size: 14px;
    float: left;
    width: 28%;
    margin-right: 20px;
  }
  .Room-guest h3 {
    font-size: 15px;
    padding-top: 5px;
    font-weight: 600;
    color: var(--text-dark);
  }
  .Room-guest p {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .checkboxcontainer input[type="checkbox"] {
    float: left;
    margin-right: 10px;
  }
  .canc_pol .collapsebtn {
    background-color: var(--text-grey);
    color: var(--text-white);
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
  }
  #gst-box {
    display: none;
  }
  .collapsecontent {
    padding: 10px;
    background-color: var(--text-lightgrey);
  }
  .collapsecontent ul {
    padding-left: 20px;
    font-size: 14px;
    list-style-type: disc;
    text-align: justify;
    line-height: 19px;
  }
  .continue_btn {
    float: right;
    background: var(--text-secondary);
    color: var(--text-white);
    border: 1px solid;
    font-size: 14px;
  }
  .continue_btn:hover {
    color: var(--text-white);
    background: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .continue_btn:focus {
    outline: none;
    box-shadow: none;
    background: var(--text-secondary);
    border: 1px solid var(--text-secondary);
  }
  .btn.paynow_btn:hover {
    color: var(--text-white);
    background: var(--text-secondary);
  }
  .traveller_info-payment {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .paytxt-title {
    font-size: 13px;
  }
  .btn.paynow_btn {
    float: right;
    background: var(--text-primary);
    color: var(--text-white);
    font-size: 12px;
    margin-top: -14px;
  }
  .payinfotxt {
    font-size: 13px;
    font-weight: 600;
  }
  .fill_traveller_information-payment {
    background: var(--text-lightgrey);
    margin: 10px 0;
    padding: 10px;
  }
  .proceedbtn {
    background: var(--text-primary);
    width: 100%;
    color: var(--text-white);
    font-size: 14px;
  }
  .bp-dp-container {
    position: relative;
    margin-top: 5px;
  }
  .bpDpAddr {
    margin: 15px 3px 13px 3px;
  }
  .bpdp-lb {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-grey);
  }
  .bpdp-change {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-secondary);
    cursor: pointer;
    float: right;
    text-transform: uppercase;
  }
  .pR {
    position: relative;
  }
  .BpDp-dashed {
    top: 8px;
    position: absolute;
    border-left: 1px dashed var(--text-grey);
    left: 2px;
    height: 94px;
    width: 1px;
  }
  .colBpDp-css {
    font-size: 14px;
    overflow: hidden;
    white-space: normal;
    margin-top: 8px;
    color: var(--text-grey);
    margin-left: 16px;
  }
  .BpDp-dashed:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    left: -2px;
    top: 0;
    background: var(--text-dark);
    border-radius: 50%;
  }
  .circleBp {
    background: var(--text-grey);
  }
  .BpDp-dashed:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    left: -2px;
    bottom: -7px;
    background: var(--text-dark);
    border-radius: 50%;
  }
  span.bpDpSummaryTm-Lbl {
    font-weight: 700;
    font-size: 16px;
    float: right;
  }
  .selected-seats {
    float: right;
    line-height: 18px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-grey);
  }
  .fares-lb {
    font-size: 14px;
    color: var(--text-grey);
  }
  .fare-summary-value {
    font-weight: 700;
    font-size: 14px;
    float: right;
    color: var(--text-grey);
  }
  .fareDisclaimer {
    text-align: left;
    font-size: 10px;
    color: var(--text-grey);
    margin-top: 5px;
  }
  .fare-toggle-btn {
    color: var(--text-primary);
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    font-weight: 200;
  }
  .fare-value {
    font-size: 14px;
    float: right;
    color: var(--text-grey);
  }
  .fare-type {
    text-transform: capitalize;
    font-size: 13px;
  }
  .fare-row {
    list-style-type: none;
  }
  .fares-container {
    padding-left: 0;
  }
  .fare-container {
    display: none;
  }
  #viewdetails-box {
    position: absolute;
    top: 0;
    right: 16px;
    z-index: 9;
    width: 92%;
    display: none;
  }
  .busseats-details .busleft {
    margin: 10px 10px 10px 22px;
  }
  .view-seats-sec .busleft h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-align: left;
    line-height: 1.5em;
  }
  .busseats-details .busleft p {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    line-height: 1.5em;
  }
  .borderdtd {
    padding: 20px;
    border: 1px dotted var(--text-grey);
  }
  .busseats-details .busseat-wrap {
    padding: 9px 9px 9px 9px;
    position: relative;
    margin-left: 4px;
    background-color: var(--text-white);
    border: 1px solid var(--text-grey);
    text-align: center;
    min-height: 84px;
    border-left: 6px solid var(--text-grey);
    margin-bottom: 10px;
  }
  .busseats-details .busseat-wrap .seatscls li.seat a {
    background-color: var(--text-white);
    border: 1px solid var(--text-grey);
    width: 23px;
    height: 21px;
  }
  .busseats-details .busseat-wrap .seatscls {
    display: inline-block;
  }
  .seatscls {
    border-left: 1px solid var(--text-lightgrey);
    margin-left: 34px;
  }
  .busseats-details .busseat-wrap .seatscls ul {
    overflow: hidden;
    float: right;
    padding-left: 0;
  }
  .busseats-details .busseat-wrap .seatscls ul li a {
    margin-left: 6px;
  }
  .busseats-details .busseat-wrap .seatscls li {
    display: inline;
  }
  .busseats-details .busseat-wrap .seatscls li.available a {
    background-color: var(--text-white);
  }
  .details .busseat-wrap .seatscls li.seat a {
    background-color: var(--text-white);
    border: 1px solid var(--text-grey);
    width: 23px;
    height: 21px;
  }
  .busseats-details .busseat-wrap .seatscls li a {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 4px 2px 0 0;
    cursor: pointer;
  }
  .busseats-details .busseat-wrap .seatscls li.unavailable a {
    background-color: var(--text-grey);
    border: 1px solid var(--text-grey);
  }
  .busseats-details .busseat-wrap .seatscls li.ladies a {
    background-color: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .busseats-details .busseat-wrap .seatscls li.ladies a {
    background-color: var(--text-white);
    border: 1px solid var(--text-primary);
  }
  .busseats-details .busseat-wrap .seatscls li.noseat a {
    background-color: var(--text-white);
    border: 1px solid var(--text-white);
    width: 23px;
    height: 21px;
  }
  .legend {
    margin: 22px 0 0 0px;
  }
  .legend ul {
    padding-left: 0;
    list-style-type: none;
  }
  .legend li {
    float: left;
    font-size: 12px;
    color: var(--text-grey);
    font-weight: 600;
    letter-spacing: 0.5px;
  }
  .legend.type1 .available {
    background-color: var(--text-white);
    border: 1px solid var(--text-grey);
  }
  .legend.type1 div {
    width: 14px;
    height: 14px;
  }
  .legend li div {
    margin: 0 5px 0 5px !important ;
  }
  .legend.type1 .green {
    background-color: var(--text-primary);
    border: 1px solid var(--text-grey);
  }
  .legend.type1 .unavailable {
    background-color: var(--text-grey);
    border: 1px solid var(--text-grey);
  }
  .legend.type1 .ladies {
    background-color: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .for-ladies {
    background-color: var(--text-white);
    border: 1px solid var(--text-primary) !important;
  }
  .for-male-legend {
    background-color: var(--text-white);
  }
  .for-male-legend {
    border: 1px solid var(--text-secondary) !important;
  }
  .busseats-details .busseat-wrap .seatscls li.selected a {
    border: 1px solid var(--text-primary) !important;
    background-color: var(--text-primary);
  }
  .drivericon {
    margin-left: -70px;
    width: 30px;
  }
  .seat-filled a {
    background-color: var(--text-grey) !important;
  }
  .busleft {
    margin-top: 20px;
  }
  .view-seats-sec .busleft h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-align: left;
    line-height: 1.5em;
  }
  .busseat-fare-summary-container {
    font-size: 14px;
    font-weight: 200;
    color: var(--text-grey);
    margin-top: 20px;
    border-top: 1px solid var(--text-lightgrey);
    padding-top: 10px;
  }
  .busseat-fares-lb {
    font-size: 14px;
    color: var(--text-grey);
  }
  .busseat-margin-l-5 {
    margin-left: 5px;
  }
  .busseat-fareDisclaimer {
    text-align: left;
    font-size: 11px;
    color: var(--text-grey);
    margin-top: 5px;
  }
  .busseat-fare-summary-value {
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    color: var(--text-grey);
  }
  .busseat-fare-summary-currency {
    margin-right: 5px;
  }
  .viewseats:hover {
    background: var(--text-lightgrey);
  }
  .viewseats:focus {
    color: var(--text-white);
  }
  .bus_tab_details-box .custom-control-label::after {
    width: 30px;
    top: -8px;
    height: 30px;
    left: -30px;
  }
  .bus_tab_details-box .custom-control-label::before {
    width: 15px;
    top: 0px;
    height: 15px;
    left: -22px;
  }
  .bus_tab_details-box label {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
  }
  .tab-sub-citydetails {
    font-size: 14px;
    overflow: hidden;
    white-space: normal;
    margin-top: 8px;
    color: var(--text-grey);
  }
  .tab-cityname {
    font-size: 14px;
    letter-spacing: 0.3px;
  }
  .view-seats-details {
    border-top: 0;
    padding: 10px;
    margin-top: 30px;
    height: 460px;
    background: var(--text-white);
    -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .proceedbtn:hover {
    background: var(--text-primary);
    color: var(--text-dark);
  }
  .bus_tab_details-box-checked {
    cursor: pointer;
    margin-top: 10px;
  }
  .bus-dt-tab li a {
    color: var(--text-dark);
    text-decoration: none;
  }
  li.bus-details-tab.active a {
    color: var(--text-primary);
  }
  .bus-dt-tab {
    padding-left: 0;
  }
  li.bus-details-tab.active {
    border-bottom: 2px solid var(--text-primary);
  }
  .bus-dt-tab li {
    display: inline-block;
    margin-right: 20px;
  }
  .busseat-select {
    width: 100%;
    padding: 10px 0;
    font-weight: 700;
    margin: 0 auto;
    position: relative;
    text-align: center;
  }
  .seattxt {
    background-color: var(--text-primary);
    color: var(--text-white);
    padding: 3px 20px;
    font-size: 12px;
    font-weight: 400;
  }
  .viewseats {
    background: var(--text-primary);
    color: var(--text-dark);
    border-left: none !important;
  }
  .viewseats {
    border: none;
    font-size: 13px;
    float: right;
    width: 100%;
    padding: 8px 20px !important;
    color: var(--text-white);
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
  }
  .bus-view-box {
    border-bottom: 1px solid var(--text-grey);
  }
  .bus_tab_details-box-checked.active .tab-cityname {
    font-weight: 700;
  }
  .busseats-view .seat-label {
    font-weight: 700;
    padding-right: 15px;
    float: left;
    line-height: 30px;
    margin: 0;
    width: 130px;
    text-align: right;
    font-size: 14px;
  }
  .bus-view-box .multitabs {
    list-style-type: none;
    display: inline-flex;
  }
  .bus-view-box ul {
    width: 100%;
  }
  .bus-view-box ul .busfare {
    margin-bottom: 5px;
  }
  .bus-view-box ul .disPrice,
  .bus-view-box ul .busfare {
    width: 75px !important;
    margin-right: 10px;
    border-radius: 2px;
    border: 1px solid var(--text-grey);
    background-color: var(--text-white);
    color: var(--text-grey);
    text-align: center;
    cursor: pointer;
    height: 33px;
    padding: 6px 5px 4px;
    font-size: 14px;
    font-weight: 700;
  }
  .bus-view-box ul .disPrice,
  .busseats-view ul .busfare {
    width: 75px !important;
    margin-right: 10px;
    border-radius: 2px;
    border: 1px solid var(--text-grey);
    background-color: var(--text-white);
    color: var(--text-grey);
    text-align: center;
    cursor: pointer;
    height: 33px;
    padding: 6px 5px 4px;
    font-size: 14px;
    font-weight: 700;
  }
  .bus-view-box ul .price-selected {
    background: var(--text-grey);
    color: var(--text-white);
  }
  .fl.busfare.active a {
    color: var(--text-white);
  }
  .fl.busfare.active {
    background: var(--text-primary);
  }
  .busseats-view ul .busfare a {
    color: var(--text-dark);
    text-decoration: none;
  }
  .selctbus {
    background: var(--text-primary);
  }
  .departuretxt,
  .arrivaltxt,
  .seatavailable {
    color: var(--text-grey);
    font-size: 13px;
  }
  .bus-listing-info {
    position: relative;
    height: 60px;
    margin: 0 5px;
  }
  .bus-listing-info-fly-time {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
  }
  .bus-listing-info-fly-time p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
  }
  .bus-listing-info-line {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--text-grey);
  }
  .bus-listing-info-line-start:after {
    content: "";
    position: absolute;
    right: -12px;
    background: var(--text-grey);
    width: 8px;
    height: 8px;
    border-radius: 100%;
    top: 17px;
  }
  .bus-listing-info-line-start:before {
    content: "";
    position: absolute;
    left: -12px;
    background: var(--text-grey);
    width: 8px;
    height: 8px;
    border-radius: 100%;
    top: 17px;
  }
  .bus-listing-info-fly-time.flight_stop {
    top: 24px;
  }
  .bus-name {
    margin-right: 10%;
  }
  .bus-Departure {
    margin-right: 3%;
  }
  .bus-Duration {
    margin-right: 14%;
  }
  .bus-Arrival {
    margin-right: 1%;
  }
  .destinationinfo {
    font-size: 12px;
    color: var(--text-grey);
    font-weight: 600;
  }
  .bus-Seats {
    margin-right: 15%;
  }
  .bus-price {
    font-size: 13px;
    color: var(--text-grey);
  }
  .bus-b-p-list:first-child {
    border: 0 none;
    cursor: pointer;
  }
  .bus-b-p-list {
    border-left: 1px solid var(--text-primary);
    padding: 0 10px;
  }
  .bus-b-p-list,
  .bus-sprite-icon {
    display: inline-block;
  }
  .bus-bottom-panel-hover {
    opacity: 1;
    cursor: pointer;
  }
  .bus-bottom-panel {
    transition: 1s;
    margin-top: 5px;
    float: right;
    margin-bottom: 0;
  }
  .bottom-panel {
    transition: 1s;
    margin-top: 5px;
  }
  .bus-txt-val {
    font-size: 13px;
  }
  .amentinestab {
    background-color: var(--text-lightgrey);
    width: 100%;
    padding: 20px;
  }
  .sp-dwn-m-container {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-grey);
  }
  .sp-dwn-m-info {
    display: flex;
    flex-wrap: wrap;
  }
  .sp-dwn-m-i-cont {
    display: flex;
    align-items: center;
    margin-top: 24px;
    margin-right: 5%;
  }
  .sp-dwn-m-i-title {
    margin-left: 7px;
    font-weight: 400;
    line-height: 1.29;
    font-size: 13px;
    color: var(--text-grey);
  }
  .amenlist {
    overflow-y: hidden;
  }
  .amenlist {
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 0;
    margin-bottom: 0;
    min-height: 50px;
    overflow-y: hidden;
  }
  .amenlist li {
    width: 30%;
    margin: 0;
    display: inline-block;
    text-align: left;
  }
  .amenlist .icon {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
  }
  .mtic {
    padding-left: 10px;
    vertical-align: middle;
    font-size: 12px;
  }
  .d-color {
    color: var(--text-grey);
  }
  .amenlist li .amenity-name {
    margin-left: 10px;
  }
  .paddingleft {
    padding-left: 0;
  }
  .bpdplist {
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    list-style-type: none;
    min-height: 50px;
    padding-left: 0;
    overflow-y: hidden;
  }
  .time {
    padding-right: 15px;
    width: 18%;
    font-weight: 600;
    vertical-align: middle;
    font-size: 11px;
  }
  .panels-container .loc {
    text-overflow: ellipsis;
    width: 78%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
  }
  .tab-content {
    width: 100%;
  }
  .bus-txt-val {
    font-size: 13px;
    color: var(--text-dark);
  }
  .active.bus-amenties a .bus-txt-val {
    font-weight: 700;
    color: var(--text-primary);
    border-bottom: 2px solid var(--text-primary);
    line-height: 23px;
    padding-bottom: 2px;
  }
  .bus-bottom-panel {
    transition: 1s;
    margin-top: 5px;
    float: right;
    margin-bottom: 0;
    border-bottom: none;
  }
  .bus-b-p-list a {
    text-decoration: none;
  }
  .filter-group-items.active,
  .sortitem .custom-control.active,
  .sortitem1 .custom-control.active,
  .sortitem3 .custom-control.active {
    color: var(--text-primary);
  }
  .sortbtn {
    font-size: 11px;
    background: var(--text-grey)666;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--text-white);
    padding: 2px 10px;
  }
  .sortingpopup .close {
    color: var(--text-white);
    opacity: 1;
    padding: 4px 0;
    float: left;
    position: absolute;
  }
  .sortingpopup .modal-header {
    background: var(--text-grey)666;
    position: relative;
  }
  .sortitem .custom-control-label,
  .sortitem1 .custom-control-label,
  .sortitem3 .custom-control-label {
    font-size: 13px;
    padding-top: 3px;
  }
  .sortitem1.active,
  .sortitem3.active {
    color: var(--text-secondary);
  }
  .sort-title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
  }
  .sort1 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--text-lightgrey);
  }
  .sortingpopup .modal-dialog {
    margin: 0;
    width: 100%;
    margin-bottom: 100px;
    max-width: 100%;
  }
  .bus-listing-info-fly-time {
    text-align: center;
    margin: 0 auto;
    display: block;
    left: -25%;
  }
  .bus-listing-info-line {
    width: 50%;
  }
  .bus-listing-info-line-start:after {
    right: 45%;
  }
  .bus-listing-info {
    height: auto;
  }
  .filter-group-items span {
    font-size: 13px;
    padding-top: 3px;
    letter-spacing: 0.5px;
  }
  .bpdplist {
    margin-bottom: 0;
  }
  .amenlist li {
    width: 48%;
  }
  .congartualtion-icon {
    width: 100px;
  }
  .thanksbanner {
    padding: 30px 0;
    background: var(--text-primary);
  }
  .congartualtion-title {
    color: var(--text-white);
    text-align: center;
  }
  .congratualtion_tex-subtile {
    font-weight: 800;
    font-size: 32px;
    line-height: 54px;
    letter-spacing: 2px;
  }
  .congartualtion-title p {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 25px;
    text-transform: capitalize;
  }
  .cong-pnrbox {
    color: var(--text-white);
    font-weight: bold;
    background: var(--text-secondary);
    text-align: center;
    padding: 5px;
    font-size: 12px;
    float: right;
  }
  .cust-info .carname {
    text-transform: capitalize;
  }
  .cong-pnrbox .confirmed {
    color: var(--text-lightgrey);
    font-size: 12px;
  }
  .customer-details {
    padding: 30px 0;
  }
  .cust-info .carbox {
    width: 47px;
    height: auto;
    margin-top: 10px;
  }
  .cust-info {
    padding: 16px 30px;
    border: 1px dashed var(--text-lightgrey);
  }
  .thanks-type {
    background: var(--text-lightgrey);
    font-weight: 600;
    padding: 5px 20px;
    border-radius: 15px;
    color: var(--text-dark);
    width: max-content;
    font-size: 12px;
  }
  .rowmargin {
    margin-top: 16px;
  }
  .cust-info .car-ft {
    color: var(--text-grey);
  }
  .cust-info .custboredr {
    border-right: 1px dashed var(--text-lightgrey);
  }
  .traveller-detaisl {
    padding: 10px 30px;
    border-top: 2px solidvar(--text-lightgrey);
    margin-top: 20px;
    background: var(--text-lightgrey);
  }
  .dnldbtn {
    border: none;
    font-size: 12px;
    background: var(--text-primary);
    float: right;
    padding: 8px 0;
    color: var(--text-white);
    border-radius: 5px;
    width: 100%;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
  }
  .sharebtn-dt-btn {
    border: none;
    font-size: 12px;
    background: var(--text-primary);
    float: right;
    padding: 8px 0;
    width: 100%;
    color: var(--text-white);
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
  }
  .dnldbtn img {
    margin-right: 13px;
  }
  .dnldbtn img,
  .sharebtn-dt img {
    margin-right: 10px;
  }
  .dnldbtn:hover,
  .sharebtn-dt-btn:hover {
    background: var(--text-primary);
    color: var(--text-white);
  }
  .car-filter {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
  }
  .car-filter li {
    display: inline-block;
    background: var(--text-primary);
    padding: 0px 10px;
    border-radius: 4px;
  }
  .car-filter li a {
    color: var(--text-white);
    font-size: 12px;
  }
  .car-filter li:hover,
  .car-filter li:focus {
    color: var(--text-white);
    background: var(--text-primary);
  }
  .car-filter li a:hover,
  .car-filter li a:focus {
    color: var(--text-white);
    background: var(--text-primary);
  }
  .car-filter li i {
    margin-right: 10px;
  }
  .car-filter,
  #car-filter-cancel {
    padding: 4px;
    margin-bottom: 0;
    top: 8px;
    right: 12px;
  }
  .mobile-filter {
    display: none;
  }
  .car-sortingby {
    display: none;
    position: relative;
    padding: 20px;
    background: var(--text-white);
    margin-top: 20px;
    border-radius: 10px;
  }
  .padding-right-0 {
    padding-right: 0;
  }
  .padding-left-0 {
    padding-left: 0;
  }
  .price-font {
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: bold;
  }
  .gstmargin {
    margin-left: 8px;
  }
  .mobile_header a.backarrow {
    color: var(--text-dark);
    font-size: 22px;
    line-height: 37px;
    margin-right: 0;
    display: block;
    margin-left: 12px;
    margin-right: 5px;
  }
  .mobile_footer_bottomcontinuefixed {
    display: none;
  }
  .mobile_header {
    display: none;
  }
  .mobile_flight_title {
    color: var(--text-dark);
    font-size: 17px;
    display: block;
    margin: 6px 0 10px;
    font-weight: bold;
    padding: 6px 0 0 0;
    line-height: 25px;
  }
  .fair_details_background {
    background: var(--text-lightgrey);
  }
  .fair_details_title {
    padding: 5px 10px 10px;
  }
  .travel_info_title.travel-cus-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
  }
  .destination_left_details .destination_name {
    font-size: 16px;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .destination_left_details p {
    font-size: 13px;
    margin: 0;
    padding: 0;
    font-weight: 600;
  }
  .flight_search_list_details {
    background: var(--text-white);
    padding: 8px;
    position: relative;
    margin: 0;
  }
  .flight_search_list_details .fligt_logo h5 {
    font-size: 13px;
    color: var(--text-grey);
    margin: 4px 0 0 0;
    padding: 0;
    font-weight: 600;
    float: none;
  }
  .flight_search_list_details .fligt_logo h6 {
    font-size: 13px;
    color: var(--text-grey);
    margin: 3px 0 0 0;
    padding: 0;
    font-weight: 600;
    float: none;
  }
  .flight_details {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .flight_search_list_details .flight_time {
    font-size: 16px;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .flight_search_list_details .flight_time2 {
    font-size: 13px;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .flight_search_list_details .flight_cityname {
    font-size: 12px;
    color: var(--text-grey);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .flight_search_list_details .flight_cityname2 {
    font-size: 11px;
    color: var(--text-grey);
    margin: 10px 0 0;
    padding: 0;
    font-weight: 600;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-fly-time {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 7px;
    left: 0;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-fly-time
    p {
    margin-bottom: 0;
    color: var(--text-dark);
    font-size: 12px;
    font-weight: bold;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--text-grey);
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line-start {
    position: absolute;
    left: -15px;
    text-align: center;
    width: 30px;
    top: 27px;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-primary);
    margin-bottom: 10px;
    margin-left: 10px;
    -webkit-box-shadow: 0 0 0 2px var(--text-grey);
    box-shadow: 0 0 0 2px var(--text-grey);
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line-end {
    right: -15px;
    left: auto;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-primary);
    margin-bottom: 10px;
    margin-left: 10px;
    -webkit-box-shadow: 0 0 0 2px var(--text-grey);
    box-shadow: 0 0 0 2px var(--text-grey);
  }
  .mytrip_babbage_wrapper span {
    font-size: 12px;
    color: var(--text-grey);
    margin: 2px 0 0 0;
    margin-right: 10px;
    padding: 0;
    font-weight: 600;
  }
  .bagg_info {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 3px 0px 18px;
  }
  .nonrefundable a span img {
    height: 15px;
    margin-left: 10px;
  }
  .airport_timeinformation {
    border-radius: 30px;
    width: 65%;
    text-align: center;
    border: 2px solid var(--text-primary);
    background: var(--text-white);
    color: var(--text-primary);
    font-size: 14px;
    line-height: 25px;
    padding: 10px 0;
    display: block;
    margin: 10px auto 9px;
  }
  .destination_right_details p {
    font-size: 13px;
    color: var(--text-grey);
    margin: 0;
    padding: 0;
    font-weight: 600;
  }
  .nonrefundable a span {
    font-size: 12px;
    display: block;
    clear: both;
  }
  .fl-container {
    max-width: 1210px;
  }
  .conversation_box {
    width: 100%;
    display: block;
    clear: both;
    text-align: right;
    list-style-type: none;
    color: var(--text-grey);
    font-size: 14px;
    line-height: 10px;
  }
  .offers {
    background: var(--text-white);
    margin: 0 0 20px 0;
    padding: 15px;
    border: 1px solid var(--text-grey);
  }
  .offers_title {
    color: var(--text-dark);
    margin: 0;
    font-size: 14px;
    font-weight: bold;
  }
  .offers_content label {
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    font-weight: bold;
  }
  .offers_content
    .custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::after {
    width: 30px;
    height: 30px;
    left: -33px;
    top: -7px;
  }
  .offers_content .custom-radio .custom-control-label::before {
    width: 16px;
    height: 16px;
    left: -26px;
    top: 0px;
  }
  .offers_content .offer_text {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-grey);
  }
  .apply_box {
    width: 100%;
    margin: 10px 0 0;
    text-align: center;
  }
  .offers_content .form-control {
    padding: 0px 10px 0px 10px;
    font-size: 14px;
    border-radius: 6px;
  }
  a.apply {
    font-size: 15px;
    color: var(--text-primary);
    padding: 0px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .terms_condition_review {
    width: 100%;
    background: var(--text-white);
    border: 1px solid var(--text-grey);
    margin: 0;
    padding: 15px;
  }
  .checkboxcontainerreview {
    font-size: 12px;
    display: inline-block;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
    user-select: none;
    color: var(--text-dark);
  }
  .checkboxcontainerreview input:checked + .checkmark {
    background-color: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .checkboxcontainerreview input:checked + .checkmark:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    border-left: 2px solid var(--text-white);
    border-bottom: 2px solid var(--text-white);
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .checkboxcontainerreview input {
    display: none;
  }
  .checkboxcontainerreview .checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--text-white);
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid var(--text-grey);
    border-radius: 100%;
  }
  .checkboxcontainerreview input:checked + .checkmark:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    border-left: 2px solid var(--text-white);
    border-bottom: 2px solid var(--text-white);
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .checkboxcontainerreview input {
    display: none;
  }
  .checkboxcontainerreview input:checked + .checkmark {
    background-color: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .checkboxcontainerreview .checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--text-white);
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid var(--text-grey);
    border-radius: 100%;
  }
  .booking_list {
    padding: 40px 0 20px;
    background: rgb(238 238 238/26%);
  }
  .booking_review_flight {
    background: var(--text-secondary);
    margin: 0;
    padding: 30px;
  }
  .booking_review {
    color: var(--text-white);
    font-size: 16px;
    line-height: 48px;
    font-weight: 600;
  }
  .booking_review .fa {
    margin-right: 10px;
    color: var(--text-white);
  }
  .wizard-progress {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
    margin-top: 34px;
  }
  .wizard-progress .step {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    overflow: visible;
    position: relative;
    font-size: 14px;
    color: var(--text-white);
    font-weight: bold;
  }
  .wizard-progress .step.in-progress:before {
    background: var(--text-primary);
    background: -moz-linear-gradient(
      left,
      var(--text-primary) 0%,
      var(--text-primary) 100%
    ); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--text-primary)  ', endColorstr='var(--text-primary)  ',GradientType=1);
  }
  .wizard-progress .step:not(:last-child):before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -20px;
    background-color: var(--text-white);
    height: 6px;
    width: 100%;
  }
  .wizard-progress .step.in-progress .node {
    border-color: var(--text-primary);
    background-color: var(--text-white);
  }
  .wizard-progress .step .node {
    display: inline-block;
    border: 4px solid var(--text-primary);
    background-color: var(--text-white);
    border-radius: 18px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: -28px;
    left: 53%;
    margin-left: -18px;
  }
  .internation-flight-search-Banner .search-btn:hover,
  .viewdetails_multicity:hover,
  .airport_timeinformation:hover {
    background: var(--text-primary) !important;
    color: var(--text-dark);
  }
  .internation-flight-search-Banner .search-btn:hover {
    background: var(--text-grey) !important;
    color: var(--text-dark);
  }
  .airport_timeinformation:hover {
    color: var(--text-white);
  }
  .internation-flight-search-Banner .srch_form {
    background: var(--text-grey);
    padding: 10px;
    border-radius: 10px;
  }
  .internation-flight-search-Banner {
    background: var(--text-lightgrey);
    padding: 15px 0px;
  }
  .internation-flight-search-Banner .t-radiobtn {
    margin-bottom: 10px;
  }
  .internation-flight-search-Banner .t-radiobtn label {
    font-size: 14px;
    color: var(--text-white);
  }
  .internation-flight-search-Banner .srch_form .form-control {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .internation-flight-search-Banner .date-parent {
    position: relative;
  }
  .internation-flight-search-Banner .date-icon {
    position: absolute;
    content: "";
    top: 8px;
    right: 10px;
  }
  .internation-flight-search-Banner .travel-box_cls {
    width: 100%;
    position: relative;
    display: inline-block;
  }
  .internation-flight-search-Banner .hotel_check {
    cursor: pointer;
  }
  .internation-flight-search-Banner span.flightPaxInfo {
    font-weight: 300;
    font-size: 13px;
  }
  .internation-flight-search-Banner .t-box-cls:after {
    position: absolute;
    bottom: 4px;
    right: 18px;
    height: 16px;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 1.3em solid transparent;
    border-left: 0.3em solid transparent;
  }
  .internation-flight-search-Banner .room_boxcls {
    width: 380px;
    position: absolute !important;
    border: 1px solid var(--text-grey);
    bottom: auto;
    background: var(--text-white);
    left: 0px;
    top: 65px;
    border-radius: 5px !important;
    display: none;
    z-index: 9999999999999 !important;
    padding: 10px;
  }
  .internation-flight-search-Banner .room_booking_traveller {
    padding-right: 10px;
  }
  .internation-flight-search-Banner .room_booking_traveller .title {
    font-size: 14px;
    background: var(--text-dark);
    color: var(--text-white);
    padding: 2px 10px;
    margin-bottom: 10px;
  }
  .internation-flight-search-Banner .room_booking_traveller label {
    font-size: 12px;
  }
  .internation-flight-search-Banner .count-input_cls {
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
  }
  .internation-flight-search-Banner .count-input_cls li {
    display: inline-block;
  }
  .internation-flight-search-Banner .minus-cls {
    display: inline-block;
    position: relative;
    width: 30px;
    padding: 0;
    height: 20px;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 300;
    text-align: center;
    line-height: 18px;
    top: 0;
    text-decoration: none;
    color: var(--text-white);
    background: var(--text-secondary);
    border-radius: 8px 0 0 8px;
  }
  .internation-flight-search-Banner .down_count .fa,
  .internation-flight-search-Banner .up_count .fa {
    font-size: 12px;
  }
  .internation-flight-search-Banner .counter {
    border: none;
    background: var(--text-white);
    top: 50%;
    position: absolute;
    left: 50%;
    width: 100%;
    text-align: center;
    font-size: 15px;
    transform: translate(50%, 0%);
  }
  .internation-flight-search-Banner .plus-cls {
    position: relative;
    width: 30px;
    padding: 0;
    height: 20px;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 300;
    text-align: center;
    line-height: 18px;
    top: 0;
    float: right;
    right: 0;
    text-decoration: none;
    color: var(--text-white);
    background: var(--text-secondary);
    border-radius: 0 8px 8px 0;
  }
  .internation-flight-search-Banner .counter-int {
    position: absolute;
    width: 40px;
    line-height: 18px;
    right: 50%;
    transform: translate(-50%, -50%);
  }
  .internation-flight-search-Banner .standard_class {
    height: 150px;
    overflow-y: auto;
  }
  .travelclass_main.standard_class::-webkit-scrollbar {
    width: 4px;
  }
  .internation-flight-search-Banner .standard_class > .radio {
    display: block;
    margin-right: 8px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 300 !important;
  }
  .internation-flight-search-Banner .standard_class input[type="radio"] {
    width: 0;
  }
  .internation-flight-search-Banner
    .standard_class
    input[type="radio"]:checked
    + label {
    background-color: var(--text-secondary);
    border-color: var(--text-primary);
    color: var(--text-white) !important;
  }
  .internation-flight-search-Banner .standard_class label {
    display: inline-block;
    padding: 2px 0;
    font-size: 11px !important;
    border: 2px solid var(--text-lightgrey);
    border-radius: 22px;
    cursor: pointer;
    width: 100%;
    text-align: center !important;
    margin: 2px 0;
    float: left;
    font-size: 11px !important;
  }
  
  .internation-flight-search-Banner .btn-outline {
    background: var(--text-dark);
    font-size: 12px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: var(--text-white);
    float: right;
    margin: 0;
    padding: 2px 10px;
    border-radius: 0px;
    width: 100%;
  }
  .standard_class::-webkit-scrollbar {
    width: 4px;
  }
  .internation-flight-search-Banner .search-btn {
    border: none;
    font-size: 13px;
    background: var(--text-dark);
    float: right;
    width: 100%;
    padding: 8px 20px;
    color: var(--text-white);
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
  }
  .flight_search_list_international {
    border-bottom: none;
    background: var(--text-white);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 10px;
    position: relative;
    margin: 0 0 25px 0;
  }
  .international_align_rightpadding {
    padding-right: 0px;
  }
  .international_fligt_logo {
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .international_image {
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    text-align: center;
    border: 2px solid transparent;
    padding: 10px;
    overflow: hidden;
    margin: 0 7px 0 0;
    z-index: 99;
    float: left;
  }
  .international_image img {
    position: absolute;
    max-width: 80%;
    max-height: 76%;
    left: 0;
    top: -6px;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 0;
    transition: all 0.7s ease-in-out;
  }
  .international_fligt_logo h5 {
    font-size: 12px;
    color: var(--text-dark);
    margin: 0px 0 6px 0;
    padding: 0;
    line-height: 13px;
    font-weight: 700;
  }
  .international_fligt_logo h6 {
    font-size: 11px !important;
    color: var(--text-grey);
    margin: 0;
    padding: 0;
    font-weight: 600;
  }
  .searchno_padding {
    padding: 0;
  }
  .international_flight_details {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .international_flight_time {
    margin: 0;
    padding: 0;
    line-height: 16px;
    color: var(--text-grey);
    font-weight: 700;
    font-size: 12px;
  }
  .international_flight_cityname {
    font-size: 12px;
    color: var(--text-grey);
    margin: 2px 0 0 0;
    padding: 0;
    font-weight: 600;
  }
  .theme-search-results-item-flight-section-path1 {
    position: relative;
    height: auto;
    margin: 0 5px;
  }
  .theme-search-results-item-flight-section-path-fly-time1 {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
  }
  .theme-search-results-item-flight-section-path-fly-time1 p {
    margin-bottom: 0;
    color: var(--text-dark);
    font-size: 12px;
    font-weight: bold;
  }
  .theme-search-results-item-flight-section-path-line1 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--text-grey);
  }
  .theme-search-results-item-flight-section-path-line-start1,
  .theme-search-results-item-flight-section-path-line-end1,
  .theme-search-results-item-flight-section-path-line-middle1,
  .theme-search-results-item-flight-section-path-line-middle-11,
  .theme-search-results-item-flight-section-path-line-middle-21 {
    position: absolute;
    left: -15px;
    text-align: center;
    width: 30px;
    top: 16px;
  }
  .theme-search-results-item-flight-section-path-line-dot1 {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-grey);
    margin-bottom: 10px;
    margin-left: 10px;
    -webkit-box-shadow: 0 0 0 2px var (--text-white);
    box-shadow: 0 0 0 2px var (--text-white);
  }
  .theme-search-results-item-flight-section-path-line-end1 {
    right: -15px;
    left: auto;
  }
  .flight_stop1 {
    top: 24px;
    text-align: center;
    left: 0px;
  }
  .theme-search-results-item-flight-section-path-fly-time1 p {
    margin-bottom: 0;
    color: var(--text-dark);
    font-size: 12px;
    font-weight: bold;
  }
  .searchno_padding {
    padding: 0;
  }
  .flight_mobile_padding {
    padding: 0 4px 0 0;
  }
  .flightprice_boxcenter {
    text-align: center;
  }
  .flight_info {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .multycity_wrapper {
    width: 100%;
    margin: 5px 0 5px 0;
    padding: 12px 15px;
    border: 1px solid var(--text-grey);
  }
  .flight_search_list_international .modal-header {
    border: none;
    position: absolute;
    right: 20px;
  }
  .multiciy_leftside {
    float: left;
    margin: 0;
    padding: 0;
  }
  .multicity_radio_button_padding_0 {
    padding-left: 0px;
  }
  .multicity_radio_button {
    display: inline-block;
    position: relative;
    user-select: none;
    color: var(--text-dark);
    font-size: 16px;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 3px;
    padding-top: 5px;
  }
  .multicity_radio_button .economy-text {
    font-size: 11px;
    width: 100%;
    line-height: 15px;
    color: var(--text-dark);
  }
  .published {
    color: var(--text-dark);
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 4px;
    text-transform: uppercase;
  }
  .lightpink-text {
    color: var(--text-primary);
  }
  .seats_available {
    width: 100px;
    text-align: center;
    font-size: 12px;
    margin-right: 10px;
    margin: 5px 0 0 5px;
    font-weight: 600;
  }
  .multiciy_rightside {
    float: right;
    margin: 0;
    padding: 0;
  }
  a.viewdetails_multicity,
  .viewdetails_multicity {
    float: right;
    border-radius: 4px;
    color: var(--text-white);
    font-size: 11px;
    text-decoration: none;
    margin: 0;
    padding: 8px 0;
    font-weight: 700;
    text-align: center;
    width: 100px;
    background: var(--text-primary);
  }
  a.edit_multicity_icond {
    font-size: 24px;
    float: right;
    color: var(--text-dark);
    margin: 0 20px 0 0;
    line-height: 27px;
  }
  .multicity_button_wrapper {
    margin: 15px 0 0;
  }
  .multicity_form_boxshow {
    position: absolute;
    left: 48%;
    bottom: -10px;
    z-index: auto;
    background: var(--text-white);
    cursor: pointer;
  }
  .multicity_form_boxshow i {
    margin: auto;
    text-align: center;
    font-size: 24px;
  }
  a.view_details_multicity {
    font-size: 14px;
    float: right;
    color: var(--text-primary);
    margin: 0 20px 0 0;
    display: block;
    clear: both;
    font-weight: 400;
    text-decoration: none;
  }
  .show_multicity_wrapper2 {
    display: none;
  }
  #myModal_viewmore .modal-body {
    position: relative;
    padding: 10px 20px;
  }
  .ui-widget.ui-widget-content {
    z-index: 999999 !important;
  }
  
  .inserted-room-row label {
    float: left;
    font-size: 12px;
    font-weight: bold;
  }
  #myModal_viewmore .modal-header {
    border: none;
    position: absolute;
    right: 20px;
  }
  .view_deatils_wrapper .nav-tabs > li > a.active,
  .view_deatils_wrapper .nav-tabs > li > a.active:focus,
  .view_deatils_wrapper .nav-tabs > li > a.active:hover {
    color: var(--text-white);
    cursor: default;
    background-color: var(--text-primary);
    outline: none;
  }
  .view_deatils_wrapper li a {
    background: var(--text-lightgrey);
    border-radius: 5px 5px 0px 0px;
    margin: 1px;
  }
  .view_deatils_wrapper .nav-tabs > li > a {
    color: var(--text-dark);
    font-size: 13px;
    text-decoration: none;
    font-weight: 300;
    width: auto;
    padding: 5px 20px 3px 20px;
  }
  
  /* domestic and internation */
  
  .hand-cursor {
    cursor: pointer;
    color: var(--text-dark);
  }
  .theme-title2 {
    font-size: 13px;
    font-weight: 600;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .hand-cursor:hover {
    color: var(--text-dark);
    text-decoration: none;
  }
  .theme-title2,
  .theme-title2:hover {
    text-decoration: none;
  }
  #myModal_viewmore .modal-dialog button {
    top: 0px;
    right: 3px;
    border-radius: 50px;
    font-size: 19px;
    z-index: 99999 !important;
    font-weight: 600;
    color: var(--text-dark);
    opacity: 1;
    font-size: 30px;
    position: absolute;
  }
  .destination_left_details .destination_name {
    font-size: 14px;
    font-weight: bold;
  }
  .destination_right_details .destination_name {
    font-size: 12px;
    font-weight: bold;
  }
  .destination_right_details.mytip_deatilsalign p {
    font-size: 11px;
    color: var(--text-grey);
    font-weight: 600;
    margin-bottom: 0;
  }
  .fare_information {
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
  }
  .flight_search_list_details .fligt_logo img {
    margin: 0 7px 0 0;
    padding: 0;
    float: none;
  }
  .flight_search_list_details .fligt_logo h5 {
    font-size: 13px;
    color: var(--text-grey);
    margin: 4px 0 0 0;
    padding: 0;
    font-weight: 600;
    float: none;
  }
  .flight_search_list_details .fligt_logo h6 {
    font-size: 12px !important;
    color: var(--text-grey);
    margin: 3px 0 0 0;
    padding: 0;
    font-weight: 600;
    float: none;
  }
  .flight_search_list_details .flight_details {
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .flight_search_list_details .flight_time {
    font-size: 13px;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .paddingrightcls {
    padding-right: 0;
  }
  .flight_search_list_details .flight_time2 {
    font-size: 12px;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .flight_search_list_details .flight_cityname {
    font-size: 12px;
    color: var(--text-grey);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  span.cabin_box1 {
    font-size: 12px;
  }
  span.checkin_box1 {
    font-size: 12px;
  }
  .flight_search_list_details .flight_cityname2 {
    font-size: 13px;
    color: var(--text-grey);
    margin: 10px 0 0;
    padding: 0;
    font-weight: 600;
  }
  .flight_search_list_details .theme-search-results-item-flight-section-path {
    position: relative;
    height: 60px;
    margin: 0 5px;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-fly-time {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 7px;
    left: 0;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-fly-time
    p {
    margin-bottom: 0;
    color: var(--text-dark);
    font-size: 12px;
    font-weight: bold;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--text-grey);
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line-start {
    position: absolute;
    left: -20px;
    text-align: center;
    width: 30px;
    top: 28px;
  }
  .mytrip_linedot {
    width: 5px !important;
    height: 5px !important;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-primary);
    margin-bottom: 10px;
    margin-left: 10px;
    -webkit-box-shadow: 0 0 0 2px var(--text-grey);
    box-shadow: 0 0 0 2px var(--text-grey);
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line-end {
    right: -24px;
    position: absolute;
    text-align: center;
    width: 30px;
    top: 28px;
  }
  .flight_search_list_details
    .theme-search-results-item-flight-section-path-line-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-primary);
    margin-bottom: 10px;
    margin-left: 10px;
    -webkit-box-shadow: 0 0 0 2px var(--text-grey);
    box-shadow: 0 0 0 2px var(--text-grey);
  }
  .flight_search_list_details .flight_details {
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .bagg_info {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 3px 0px 8px;
  }
  .fligt_logo-content h5,
  .fligt_logo-content h6 {
    font-size: 12px;
    color: var(--text-white);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .nonrefundable {
    float: right;
    padding: 2px 10px;
    border: 1px solid var(--text-lightgrey);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
  }
  .nonrefundable a {
    font-size: 12px;
    text-decoration: none;
    color: var(--text-primary);
    font-weight: 600;
  }
  .mytrip_time {
    border-radius: 30px;
    width: max-content;
    text-align: center;
    border: 2px solid var(--text-primary);
    background: var(--text-white);
    color: var(--text-primary);
    font-size: 12px;
    padding: 7px 12px;
    display: block;
    margin: 6px auto 6px;
    clear: both;
    font-weight: 600;
  }
  .flight_search_list_details .fligt_logo {
    margin: 0;
    width: auto;
    margin-bottom: 10px;
    height: 20px;
    padding: 0;
    text-align: left;
  }
  .flight_search_list_details .fligt_logo img {
    margin: 0 7px 10px 0;
    padding: 0;
    height: auto;
    width: 30px;
    float: none;
  }
  #flightDetails-modal .modal-header,
  #flightDetails-modal1 .modal-header,
  #flightDetails-modal2 .modal-header,
  #flightDetails-modal3 .modal-header {
    padding: 2px 16px;
    border-bottom: none;
  }
  #flightDetails-modal .modal-body,
  #flightDetails-modal1 .modal-body,
  #flightDetails-modal2 .modal-body,
  #flightDetails-modal3 .modal-body {
    padding-top: 0;
  }
  .view_deatils_wrapper .nav-tabs {
    border-bottom: 1px solid var(--text-primary);
    margin-bottom: 10px;
  }
  .tswitch.FareSummaryDiv tr td.cancellation_text {
    font-size: 13px;
    padding: 5px;
    height: auto;
  }
  .tswitch.FareSummaryDiv tr td.cancellation_text2 {
    font-size: 12px;
    padding: 5px;
    height: auto;
  }
  #FareRulesDiv_0 td a,
  #FareRulesDiv_0_1 td a,
  #FareRulesDiv_0_2 td a,
  #FareRulesDiv_0_3 td a {
    color: var(--text-dark);
    font-size: 13px;
  }
  .multycity_wrapper .tab-pane td {
    font-size: 13px;
  }
  li.flight1 {
    margin-right: 21% !important;
    margin-left: 0 !important;
  }
  li.flight2 {
    margin-right: 10% !important;
  }
  li.flight3 {
    margin-right: 12% !important;
  }
  li.flight4 {
    margin-right: 0% !important;
  }
  li.flight5 {
    margin-left: 11%;
  }
  .internation-flight-mobile {
    display: none;
  }
  .dept-place a {
    color: var(--text-white);
    text-decoration: none;
  }
  .serchbanner-mobile {
    display: none;
  }
  .internationalbox {
    display: none;
  }
  #flight-filter {
    padding: 10px;
    background: var(--text-white);
  }
  .flight-sortingby {
    padding: 20px;
  }
  .flight-sort .fa {
    margin-right: 10px;
  }
  .flight-sortingby {
    display: none;
  }
  #flight-filter-sec {
    padding: 20px;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .sortlisting-flight-round {
    margin: 10px 0;
    padding: 0;
  }
  .sortright-flight-round {
    width: 100%;
    list-style-type: none;
  }
  .sortright-flight-round ul {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 0px;
    white-space: nowrap;
    padding-bottom: 8px;
    display: inline-block;
  }
  .sortright-flight-round ul li {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-grey);
    list-style-type: none;
    float: left;
    cursor: pointer;
  }
  .sortright-flight-round ul li.carname {
    width: 17%;
    text-align: left;
  }
  .carname-flight-round {
    color: var(--text-grey);
    font-weight: 700;
    font-size: 13px;
  }
  .sortright-flight-round li a {
    color: var(--text-grey);
    padding: 2px 4px 2px 20px;
  }
  .sortright-flight-round a {
    color: var(--text-grey);
    text-decoration: none;
  }
  .sortright-flight-round ul li.carseats-flight-round {
    width: 18%;
  }
  .sortright-flight-round ul li.carkm-flight-round {
    width: 20%;
  }
  li.car-price-flight-round {
    width: 15%;
  }
  .sortright-flight-round ul li a.active:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/public/images/sorticon.png);
    left: 4px;
    background-size: 100%;
    top: 4px;
    background-repeat: no-repeat;
  }
  .sortright-flight-round ul li a.active_sort:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/public/images/sorticon-down.png);
    left: 4px;
    background-size: 100%;
    top: 4px;
    background-repeat: no-repeat;
  }
  li.carname-flight-round {
    width: 25%;
  }
  .sortright-flight-round ul li a.active_sort {
    background: var(--text-grey);
    position: relative;
    color: var(--text-white);
  }
  .sortright-flight-round li a.active {
    background: var(--text-grey);
    position: relative;
    color: var(--text-white);
  }
  .roundtriptxt {
    padding-left: 0;
  }
  .select_flight_result {
    background: var(--text-primary);
    border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    padding: 17px 0 9px;
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999;
  }
  .final_result {
    background: transparent;
    -webkit-box-shadow: 0 0 0 0px var(--text-grey);
    box-shadow: 0 0 0 0px var(--text-grey);
    -moz-box-shadow: 0 0 0 0px var(--text-grey);
    -o-box-shadow: 0 0 0 0px var(--text-grey);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    padding: 0 20px 0 0;
    position: relative;
    margin: 0;
    border-right: 1px solid var(--text-grey);
  }
  .final_result .fligt_logo img {
    margin: 0;
    padding: 0;
    float: left;
  }
  .flight_img_chnage img {
    margin: 0 4px 0 8px !important;
  }
  .final_result .fligt_logo h5 {
    font-size: 11px;
    color: var(--text-white);
    margin: 0;
    padding: 0;
    font-weight: 600;
  }
  .final_result .fligt_logo h6 {
    font-size: 12px;
    color: var(--text-white);
    margin: 0;
    padding: 0;
    font-weight: 600;
  }
  .paddingalign_left {
    padding-left: 5px;
  }
  .final_result .flight_time {
    font-size: 16px;
    color: var(--text-white);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .final_result .flight_cityname {
    font-size: 11px;
    color: var(--text-white);
    margin: 0;
    padding: 0;
    font-weight: 600;
  }
  .theme-search-results-item-flight-section-path {
    position: relative;
    height: 48px;
    margin: 0 5px;
  }
  .theme-search-results-item-flight-section-path-fly-time {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
  }
  .final_result .theme-search-results-item-flight-section-path-fly-time p {
    margin-bottom: 0;
    color: var(--text-white);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .theme-search-results-item-flight-section-path-line {
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--text-grey);
  }
  .theme-search-results-item-flight-section-path-line-start {
    position: absolute;
    left: -15px;
    text-align: center;
    width: 30px;
    top: 20px;
  }
  .theme-search-results-item-flight-section-path-line-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-grey);
    margin-bottom: 10px;
    margin-left: 10px;
    -webkit-box-shadow: 0 0 0 2px var (--text-white);
    box-shadow: 0 0 0 2px var (--text-white);
  }
  .theme-search-results-item-flight-section-path-line-end {
    right: -15px;
    left: auto;
  }
  .theme-search-results-item-flight-section-path-line-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-grey);
    margin-bottom: 10px;
    margin-left: 10px;
    -webkit-box-shadow: 0 0 0 2px var (--text-white);
    box-shadow: 0 0 0 2px var (--text-white);
  }
  .flight_stop {
    top: 28px !important;
    text-align: center !important;
    left: 0px !important;
  }
  .theme-search-results-item-flight-section-path-fly-time {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
  }
  .theme-search-results-item-flight-section-path-line-end {
    position: absolute;
    text-align: center;
    width: 30px;
    top: 18px;
  }
  .rounddot {
    right: -15px;
    left: auto;
  }
  .grandtotal {
    float: left;
    margin: 0;
    padding: 0;
  }
  .grandtotal h5 {
    font-size: 16px;
    color: var(--text-white);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .grandtotal .flight_price {
    font-size: 16px;
    color: var(--text-white);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  a.booknow:visited {
    color: var(--text-white);
    background: var(--text-primary);
  }
  a.booknow {
    font-size: 12px;
    color: var(--text-white);
    margin: 0;
    padding: 11px 16px;
    font-weight: 600;
    text-decoration: none;
    background: var(--text-dark);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    float: right;
  }
  .flight_paddingalign {
    padding-right: 0px;
    padding-left: 0px;
  }
  .final_result .flight_price {
    font-size: 16px;
    color: var(--text-white);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .desktop_align_paddingresult {
    padding-left: 0;
    padding-right: 0;
  }
  .flight-sort:focus {
    color: var(--text-white);
    text-decoration: none;
  }
  .multicity_footerfixed {
    display: none;
  }
  #flightDetails- {
    z-index: 999999;
  }
  .onwordtxt {
    font-size: 16px;
    font-weight: bold;
    color: var(--text-primary);
    text-align: right;
  }
  .marginTop {
    margin-top: 10px;
  }
  #travellerdetail-1 .modal-header,
  #travellerdetail-2 .modal-header,
  #travellerdetail-3 .modal-header,
  #travellerdetail-4 .modal-header {
    padding: 1px 10px;
  }
  .flightthankupage {
    border: none;
  }
  .flightthankurow {
    margin-top: 20px;
  }
  .addons_title {
    color: var(--text-grey);
    font-weight: 700;
    font-size: 13px;
  }
  .addons {
    margin: 0;
    padding: 0;
  }
  .addons ul {
    margin: 3px 0 0 0;
    padding: 0;
  }
  .addons ul li:first-child {
    margin-left: 0px;
  }
  .addons ul li {
    list-style-type: none;
    float: left;
    font-size: 12px;
    display: inline-block;
    margin-right: 20px;
  }
  .addons ul li img {
    margin-right: 2px;
    margin-top: -2px;
  }
  .sortlisting-flight {
    margin: 10px 0;
    padding: 0;
  }
  .sortright-flight {
    width: 100%;
    list-style-type: none;
  }
  .sortright-flight ul {
    margin: 0;
    padding: 0;
  }
  .sortright-flight ul li {
    font-size: 13px;
    font-weight: 300;
    list-style-type: none;
    float: left;
  }
  .sortright-flight ul li.carname {
    width: 17%;
    text-align: left;
  }
  .carname-flight {
    color: var(--text-grey);
    font-weight: 700;
    font-size: 13px;
  }
  .sortright-flight li a {
    color: var(--text-grey);
    padding: 2px 4px 2px 20px;
  }
  .sortright-flight a {
    color: var(--text-grey);
    text-decoration: none;
  }
  .sortright-flight ul li.carseats-flight {
    width: 18%;
  }
  .sortright-flight ul li.carkm-flight {
    width: 20%;
  }
  li.car-price-flight {
    width: 15%;
  }
  .sortright-flight ul li a.active:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/public/images/sorticon.png);
    left: 4px;
    background-size: 100%;
    top: 4px;
    background-repeat: no-repeat;
  }
  .sortright-flight ul li a.active_sort:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/public/images/sorticon-down.png);
    left: 4px;
    background-size: 100%;
    top: 4px;
    background-repeat: no-repeat;
  }
  li.carname-flight {
    width: 29%;
  }
  .sortright-flight ul li a.active_sort {
    background: var(--text-grey);
    position: relative;
    color: var(--text-white);
  }
  .sortright-flight li a.active {
    background: var(--text-grey);
    position: relative;
    color: var(--text-white);
  }
  .paddingright {
    padding-right: 10px;
  }
  .print-sub-title {
    font-size: 14px;
  }
  .printtitle {
    font-size: 18px;
    font-weight: 600;
  }
  .printpage {
    margin-top: 10px;
    padding: 8px 8px !important;
  }
  .printlogo {
    width: 60px;
  }
  .flight_cityname2-printbooking {
    font-size: 12px;
    color: var(--text-dark);
    margin: 10px 0 0;
    letter-spacing: 1px;
    padding: 0;
    font-weight: 600;
  }
  .flight_cityname-prinybooking {
    font-size: 12px;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .fligt_logo-printbooking h5,
  .fligt_logo-printbooking h6 {
    font-size: 12px;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .bordertop {
    border-top: 1px dashed var(--text-grey);
  }
  .booking-payment {
    padding: 10px;
    border: 1px dashed var(--text-lightgrey);
  }
  .booking-payment th {
    font-size: 13px;
  }
  .booking-payment td {
    font-size: 13px;
  }
  span.paytitle {
    font-size: 14px;
    font-weight: 600;
  }
  .booking-payment span {
    font-size: 14px;
    font-weight: 700;
  }
  p.paymentxt {
    font-size: 14px;
    font-weight: 600;
  }
  .booking-payment table {
    border-bottom: 1px dashed var(--text-lightgrey);
  }
  .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgb(227 227 227/85%);
  }
  .loader .loadingio-spinner-ripple-zdgradklyya {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  @keyframes ldio-50dj1g083ax {
    0% {
      top: 91.19999999999999px;
      left: 91.19999999999999px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 17.099999999999998px;
      left: 17.099999999999998px;
      width: 148.2px;
      height: 148.2px;
      opacity: 0;
    }
  }
  .ldio-50dj1g083ax div {
    position: absolute;
    border-width: 3.8px;
    border-style: solid;
    opacity: 1;
    border-radius: 50%;
    animation: ldio-50dj1g083ax 1.4705882352941175s cubic-bezier(0, 0.2, 0.8, 1)
      infinite;
  }
  .ldio-50dj1g083ax div:nth-child(1) {
    border-color: var(--text-primary);
  }
  .ldio-50dj1g083ax div:nth-child(2) {
    border-color: var(--text-primary);
    animation-delay: -0.7352941176470588s;
  }
  .loadingio-spinner-ripple-zdgradklyya {
    width: 400px;
    height: 400px;
    display: inline-block;
    overflow: hidden;
    background: rgba(255, 255, 255, 0);
  }
  .ldio-50dj1g083ax {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
  }
  .ldio-50dj1g083ax div {
    box-sizing: content-box;
  }
  .normalfont {
    font-weight: 100;
  }
  .gsttxt {
    color: var(--text-primary);
    font-size: 11px;
  }
  .handicon {
    border: 1px solid var(--text-lightgrey);
    width: 24px;
    border-radius: 25px;
    padding: 3px;
  }
  .checkboxcontainerreview-round {
    font-size: 12px;
    display: inline-block;
    padding-left: 30px;
    position: relative;
    user-select: none;
    color: var(--text-dark);
  }
  .checkboxcontainerreview-round input {
    display: none;
  }
  .checkboxcontainerreview-round input {
    display: none;
  }
  .checkboxcontainerreview-round input:checked + .checkmark {
    background-color: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .checkboxcontainerreview-round input:checked + .checkmark {
    background-color: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .checkboxcontainerreview-round .checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--text-white);
    position: absolute;
    left: 0;
    top: 2px;
    border: 2px solid var(--text-grey);
    border-radius: 100%;
  }
  .checkboxcontainerreview-round input:checked + .checkmark:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    border-left: 2px solid var(--text-white);
    border-bottom: 2px solid var(--text-white);
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .airasia-icon {
    width: 24px;
    margin-right: 4px !important;
  }
  .travller-continue-btn {
    margin-top: 0 !important;
  }
  .checkboxcontainer {
    font-size: 14px;
    font-weight: bold;
    color: var(--text-dark);
  }
  .cancel-btn-mb-sort {
    display: none;
  }
  .savepax {
    padding: 12px;
    background: var(--text-white);
  }
  .saved-pax {
    border-bottom: 1px solid var(--text-lightgrey);
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .saved-pax .travel_info_title {
    font-size: 14px;
  }
  .flight-dt-icons {
    float: right;
    /*margin-left: 10px;*/
  }
  /*International flight ends*/
  
  /*Domestic tour packages starts*/
  .domestic-listing {
    padding: 30px 0;
  }
  .package-title {
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--text-primary);
    width: 100%;
    color: var(--text-white);
    padding: 8px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .package-box {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    height: 250px;
  }
  .loadmorebtn {
    margin: 0 auto;
    display: block;
    background: var(--text-primary);
    border: none;
    font-size: 13px;
    padding: 8px 20px;
    color: var(--text-white);
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
  }
  .loadmorebtn:hover {
    background: var(--text-secondary);
  }
  a.hand-cursor {
    cursor: pointer;
    color: var(--text-dark);
  }
  .package-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .home-packages-new .theme-box {
    margin-bottom: 20px;
  }
  .home-packages-new .theme-box,
  .home-packages-new .theme-box {
    height: 225px !important;
  }
  .home-packages-new .th-1,
  .home-packages-new .th-1 {
    max-height: 160px;
  }
  .home-packages-new .theme-img,
  .home-packages-new .theme-img {
    height: 100%;
  }
  /*Domestic tour packages ends*/
  
  /*services enquiry page*/
  
  .enquiry_form-ser {
    background: var(--text-lightgrey);
    padding: 10px;
  }
  .visatime {
    font-size: 24px;
    margin-left: 10px;
  }
  .visa-amount {
    font-size: 24px;
    margin-left: 10px;
  }
  .workingtxt {
    font-size: 16px;
  }
  .banner-content-visa h2 {
    margin-bottom: 0;
  }
  .visa-dt-right .textfieldMain_mobile input {
    display: inline-table;
    width: 70% !important;
    padding: 0.375rem 0.75rem !important;
    color: var(--text-dark) !important;
    background-color: var(--text-lightgrey);
    background-image: none;
    border: none;
    box-shadow: 0 !important;
    margin-bottom: 0 !important;
  }
  .visa-dt-right .textfieldMain_mobile {
    padding: 0 !important;
    color: var(--text-dark) !important;
    margin-bottom: 0;
    background-color: var(--text-lightgrey);
    border: none;
    font-size: 13px;
  }
  .visadetailinput .txtfieldMain.textfieldMain_mobile {
    border-radius: 4px !important;
  }
  .visa-banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    transform: translate(-50%, -50%);
    background: var(--text-white);
  }
  .visa-srch_form {
    width: 100%;
    padding: 10px 20px;
  }
  .listing-banner-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
  }
  .select2-container {
    width: 100% !important;
  }
  .listing-title-cls {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
  }
  .visa-documents-dt h2 {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 16px;
  }
  .visa-listing-cls {
    position: relative;
    padding-top: 30px;
  }
  .visa-box {
    background: var(--text-lightgrey);
    padding: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 1px -2px,
      rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;
    -moz-box-shadow: rgb(0 0 0 / 20%) 0px 3px 1px -2px,
      rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;
    -webkit-box-shadow: rgb(0 0 0 / 20%) 0px 3px 1px -2px,
      rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;
    -o-box-shadow: rgb(0 0 0 / 20%) 0px 3px 1px -2px,
      rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;
  }
  
  .visa-box:hover .visa-apply_right {
    background: var(--text-secondary);
    color: var(--text-white);
    text-decoration: none;
  }
  
  .visa-title1 {
    font-weight: 600;
    font-size: 20px;
  }
  .visa-title2 {
    font-size: 16px;
  }
  .visa-title3 {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 16px;
  }
  .visa-price {
    margin-top: 20px;
    border-top: 1px solid var(--text-primary);
    padding-top: 10px;
  }
  .visa-pkg-price-box {
    font-weight: 600;
    float: left;
  }
  .visa-apply_right {
    text-align: right;
    background: var(--text-primary);
    color: var(--text-white);
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 4px;
    padding: 0px 10px;
    float: right;
  }
  .visa-apply_right:hover {
    background: var(--text-primary);
    color: var(--text-white);
    text-decoration: none;
  }
  
  .visa-box:hover {
    transform: scale(1.1);
  }
  /*how it works*/
  
  .howitworks_wrapper {
    margin: 0;
    padding: 30px 0;
    width: 100%;
    background: var(--text-lightgrey);
  }
  .howitworks {
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    position: relative;
    -webkit-border-radius: 8px;
    background: var(--text-primary);
    -webkit-box-shadow: 0 6px 10px 0px var(--text-grey);
    box-shadow: 0 6px 10px 0px var(--text-grey);
    -moz-box-shadow: 0 6px 10px 0px var(--text-grey);
    -o-box-shadow: 0 6px 10px 0px var(--text-grey);
    text-align: center;
    padding: 15px;
    margin: 25px 0;
    min-height: 270px;
  }
  .howitworks .number_text {
    color: var(--text-primary);
    font-size: 17px;
    font-weight: bold;
    background: var(--text-white);
    text-align: center;
    margin: -32px auto 12px;
    width: 35px;
    height: 35px;
    border-radius: 8px 0px;
    position: absolute;
    line-height: 37px;
    left: 0px;
    top: 31px;
  }
  .how-work-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
  }
  .howitworks img {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 70px;
  }
  .howitworks h4 {
    font-size: 17px;
    color: var(--text-white);
    margin: 0;
    padding: 10px 0 10px;
    font-weight: bold;
  }
  .howitworks p {
    font-size: 14px;
    color: var(--text-white);
    margin: 0;
    padding: 0;
    font-weight: 600;
  }
  .visa-details-tabbing {
    padding: 30px 0;
  }
  .visa-listing {
    padding-left: 0;
    padding: 16px;
  }
  .visa-tabbing li {
    list-style-type: none;
    display: inline-block;
    margin-right: 40px;
  }
  .visa-tabbing li a {
    text-decoration: none;
    font-size: 14px;
    color: var(--text-dark);
    font-weight: 600;
  }
  .visa-tabbing li.active a {
    color: var(--text-white);
    background: var(--text-dark);
    padding: 10px;
  }
  .Visa-box {
    margin: 10px 0;
    background: var(--text-white);
  }
  .Visa-box h1 {
    padding: 10px;
    background: var(--text-lightgrey);
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .visaformhandle_bg {
    background: var(--text-lightgrey);
    margin: 0 1px;
  }
  .visa_text_working {
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
  }
  .Visa-box .price1 {
    color: var(--text-primary);
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 2px;
  }
  a#nextbtn {
    background: var(--text-secondary);
    border: none;
    color: var(--text-white);
    margin: 10px;
    font-size: 14px;
  }
  .pricevisa_textalign {
    line-height: 55px;
  }
  .visa-documents-dt details {
    width: 100%;
    min-height: 5px;
    max-width: 100%;
    padding: 15px 4px;
    margin: 0;
    position: relative;
    font-size: 18px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-sizing: border-box;
    transition: all 0.3s;
    background-color: var(--text-white);
  }
  .plus_height {
    padding-top: 100px !important;
  }
  .visa-documents-dt details {
    margin-top: 20px;
  }
  .visa-documents-dt details summary {
    padding: 10px;
    background: var(--text-lightgrey);
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .visa-documents-dt details:focus,
  .visa-documents-dt details summary:focus {
    outline: none;
  }
  .visa-list ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
  }
  .visa-list {
    background: var(--text-lightgrey);
    padding: 16px;
  }
  .visa-list ul li {
    color: var(--text-dark);
    font-size: 14px;
    text-decoration: none;
  }
  .visa-process-sec {
    padding: 30px 0;
    background: var(--text-primary);
  }
  .howitworks-process {
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    position: relative;
    -webkit-border-radius: 8px;
    background: var(--text-dark);
    -webkit-box-shadow: 0 6px 10px 0px var(--text-grey);
    box-shadow: 0 6px 10px 0px var(--text-grey);
    -moz-box-shadow: 0 6px 10px 0px var(--text-grey);
    -o-box-shadow: 0 6px 10px 0px var(--text-grey);
    text-align: center;
    padding: 15px;
    margin: 25px 0;
    min-height: 170px;
  }
  .howitworks-process p {
    margin-top: 20px;
    font-weight: 300;
    margin-bottom: 0;
  }
  .works-img-box-visa img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .works-img-box-visa {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    padding: 2px;
    line-height: 50px;
  }
  .howitworks-process .number_text {
    color: var(--text-primary);
    font-size: 17px;
    font-weight: bold;
    background: var(--text-white);
    text-align: center;
    margin: -32px auto 12px;
    width: 35px;
    height: 35px;
    border-radius: 8px 0px;
    position: absolute;
    line-height: 37px;
    left: 0px;
    top: 31px;
  }
  .chooseus-visa_wrapper .fl-container .col-lg-2 {
    flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .visadelete-icon {
    margin-top: 30px;
  }
  .chooseus-visa_wrapper {
    padding: 30px 0;
    background-image: url(../../images/slide1.jpg);
    background-attachment: fixed;
  }
  .chooseus_visabox {
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    position: relative;
    -webkit-border-radius: 8px;
    background: var(--text-white);
    text-align: center;
    padding: 15px;
    margin: 25px 0;
    min-height: 153px;
  }
  #visachooseus .container-fluid .col-lg-2 {
    flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .visa-tabbing.shadow.sticky.fixed {
    background: var(--text-white);
    z-index: 9;
  }
  .visa-tabbing.shadow.sticky.fixed ul {
    margin-bottom: 0;
  }
  .visa-dt-right {
    padding: 20px;
  }
  .visa-dt-right .dt-selct-white {
    background: var(--text-lightgrey);
    border: 1px solid var(--text-lightgrey);
  }
  .visa-dt-right-title {
    margin-bottom: 20px;
  }
  .whataap {
    margin: 1rem 0 0.3rem 0 !important;
    padding: 0;
    display: block;
    overflow: hidden;
  }
  .widthauto {
    width: 14% !important;
  }
  .whataap-left {
    margin: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.14);
    border-radius: 0px;
    border: 1px solid var(--text-lightgrey) !important;
    text-align: center;
    height: 50px;
    border-right: 0px !important;
  }
  .whataap-left i {
    margin: 0;
    padding: 8px 5px;
    color: var(--text-primary);
    font-size: 30px;
  }
  .whataap-righ {
    margin: 0;
    padding: 5px 10px;
    background-color: var(--text-white);
    border-radius: 0px;
    border: 1px solid var(--text-lightgrey) !important;
    border-left: 0px;
    height: 50px;
  }
  .whataap-righ h3 {
    margin: 0;
    padding: 0px;
    color: var(--text-dark);
    font-size: 18px;
  }
  .whataap-righ h3 span {
    margin: 0 0 5px 0;
    padding: 0px;
    color: var(--text-grey);
    display: block;
    font-size: 12px;
  }
  .whataap a {
    text-decoration: none;
  }
  .row-wtsap-list {
    margin-left: 0;
    margin-right: 0;
  }
  .whataap-left .fa-phone,
  .whataap-left .fa-clock-o {
    color: var(--text-grey);
  }
  .visa-list ul li {
    margin: 0 0 10px 0;
    padding: 8px 8px 8px 10px;
    list-style-type: none;
    background: var(--text-white);
  }
  .visa-list p {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .getproposal-visa {
    padding: 10px;
  }
  .getproposal-visa-price {
    width: 100%;
  }
  #getbtn {
    background: var(--text-secondary);
    border: none;
    color: var(--text-white);
    font-size: 14px;
  }
  a#getbtnBack {
    background: var(--text-white);
    font-size: 14px;
    border: none;
  }
  .visa-travvler-box-add .travel_info_title {
    font-weight: 600;
    font-size: 14px;
  }
  #visa_enquiry .travel_info_title {
    font-weight: 600;
    font-size: 14px;
  }
  .addmobile_margin {
    background: var(--text-primary);
    padding: 0px 8px;
    float: right;
  }
  .addmobile_margin i {
    color: var(--text-white);
  }
  #nextbtn:hover,
  a#getbtnBack:hover,
  #getbtn:hover {
    background: var(--text-primary);
    color: var(--text-white);
  }
  .visa-srch_form input {
    margin-bottom: 10px;
  }
  
  /*Visa Details ends*/
  
  /*Flight home page start*/
  
  .flighthome .custom-control-label::after {
    top: -8px !important;
    left: -2rem;
    width: 2rem;
    height: 2rem;
  }
  .custom-control-label::before {
    top: 2px !important;
  }
  
  .visa-srch_form .t-box-cls:after {
    bottom: 7px;
  }
  .bg-grey {
    background: var(--text-lightgrey);
  }
  .proj-themes-flight {
    background: var(--text-lightgrey);
    position: relative;
    padding: 140px 0 40px 0;
    z-index: 9 !important;
  }
  .visa-banner-content-flight-home {
    position: absolute;
    top: 0% !important;
    left: 50%;
    z-index: 999;
    width: 66%;
    transform: translate(-50%, -50%);
    background: var(--text-white);
  }
  #testimonial .owl-dots {
    display: none;
  }
  .contactcounrtycode .textfieldMain_mobile {
    border-radius: 4px !important;
    padding: 0 !important;
    color: var(--text-dark) !important;
    font-size: 13px;
  }
  
  .contact-form {
    padding: 30px 0;
  }
  .contactus .form-control {
    margin-bottom: 20px;
  }
  .contactbtn {
    border: none;
    padding: 5px 20px;
    background: var(--text-white);
    color: var(--text-primary);
    border-radius: 4px;
  }
  .contactbtn:hover {
    background: var(--text-secondary);
    color: var(--text-white);
  }
  
  .contactus {
    background: var(--text-grey);
    padding: 20px;
  }
  .c-dt1 i {
    font-size: 24px;
    padding-right: 20px;
  }
  .c-dt-1 {
    font-size: 16px;
    font-weight: 700;
  }
  .ct-inner-dt {
    border-bottom: 1px solid var(--text-lightgrey);
    margin-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }
  .c-dt1 {
    margin-bottom: 10px;
    background: var(--text-lightgrey);
    padding: 10px;
  }
  /*.contactdetails {*/
  /*max-width: 500px;*/
  /*width: 100%;*/
  /*}*/
  .contact-map iframe {
    width: 100%;
    min-height: 350px;
    height: 100%;
  }
  /*Contact us ends*/
  
  /*Travelogues starst*/
  .custom-success {
    background: var(--text-lightgrey);
  }
  .custom-success a {
    color: var(--text-dark);
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
  }
  .sendEnquirySubmit {
    border: none;
    font-size: 13px;
    background: var(--text-primary);
    float: right;
    padding: 8px 20px;
    color: var(--text-white);
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    margin-top: 15px;
  }
  .sendEnquirySubmit:hover {
    background: var(--text-dark) !important ;
    color: var(--text-white);
  }
  .travelogbanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  .inner-page-count img {
    max-height: 100%;
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 400px;
  }
  .inner-page-count {
    width: 100%;
    height: 400px;
  }
  .travelogbanner {
    margin-top: 0;
    padding: 0;
    position: relative;
  }
  .blog-detail-date span {
    color: var(--text-dark);
  }
  .blogbanner {
    position: relative;
  }
  .travelogues {
    padding: 40px 0;
  }
  .blog-content {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding: 40px 0 !important;
    background-color: var(--text-lightgrey);
    min-height: 250px;
  }
  .blog-content:before {
    content: " ";
    display: table;
  }
  .blog-content .date {
    text-align: center;
    color: var(--text-dark);
  }
  .blog-content .date .day {
    margin: 0 0 0.7rem 0;
    font-size: 30px;
    font-weight: 600;
    line-height: 20px;
  }
  .blog-content .date .month {
    font-size: 16px;
    line-height: 10px;
    text-transform: uppercase;
  }
  .blog-content .date .year {
    font-size: 16px;
    text-transform: uppercase;
  }
  .blog-content .heading {
    color: var(--text-dark);
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    line-height: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 20px;
  }
  .blog-content .meta-info {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 11px;
  }
  .blog-content span {
    color: var(--text-grey);
    display: inline-block;
  }
  .blog-content .preview {
    color: var(--text-grey);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 50px;
    margin-bottom: 10px;
  }
  .blogbox:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
  .blog-content p {
    color: var(--text-grey);
    font-size: 14px;
    line-height: 24px;
    word-break: break-all;
  }
  .blogimg {
    width: 100%;
    height: 200px;
    overflow: hidden;
  }
  .blogimg img {
    object-position: bottom center;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  }
  .blog-content {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding: 20px 14px 20px 23px !important;
    background-color: var(--text-lightgrey);
    min-height: 180px;
  }
  
  .blogbtn {
    color: var(--text-white);
    background: var(--text-primary);
    text-decoration: none;
    padding: 5px 10px;
    float: right;
    font-size: 13px;
    border-radius: 4px;
  }
  .blogbtn:hover {
    background: var(--text-secondary);
    text-decoration: none;
    color: var(--text-white);
  }
  .blogbox {
    margin-bottom: 30px;
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 1px -2px,
      rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;
  }
  .blog-details {
    padding: 40px 0;
  }
  .blogdetail-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .blog-d-img {
    width: 100%;
    height: 400px;
  }
  .blogdetail-box {
    padding: 4px;
    border: 1px solid var(--text-lightgrey);
  }
  .blog-detail-date {
    padding: 10px 0;
  }
  .blog-detail-day {
    font-size: 30px;
  }
  .blog-detail-heading {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 14px;
  }
  .blog-detail-meta-info {
    font-size: 12px;
  }
  .blog-detail-preview p {
    font-size: 13px;
  }
  .recent-blog {
    background: var(--text-lightgrey);
    padding: 8px;
    margin-top: 10px;
  }
  .recent-blog-img {
    width: 100px;
    height: 60px;
  }
  .recent-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .b-detail-btn {
    margin-top: 10px;
  }
  .post-info .meta-info {
    font-size: 12px;
  }
  .recent-blog-detail-heading {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
  }
  .post-info {
    margin-left: 20px;
  }
  .blod-details-packages {
    margin-top: 20px;
    background: var(--text-white);
  }
  .list-package {
    padding: 10px;
    border-bottom: 1px solid var(--text-grey);
    margin-bottom: 10px;
    background: var(--text-lightgrey);
  }
  
  .list-package a {
    font-size: 14px;
    color: var(--text-dark);
    text-decoration: none;
  }
  .list-package .text-g {
    font-size: 12px;
    color: var(--text-grey);
    float: right;
    font-style: italic;
  }
  .list-package .recent-price a {
    margin: 0;
    padding: 0.9rem 1.5rem;
    font-size: 18px;
    color: var(--text-white);
    background: var(--text-dark);
  }
  .text-nights {
    font-size: 12px;
    color: var(--text-grey);
    font-style: italic;
  }
  .recent-price-val a {
    margin: 0;
    padding: 4px 20px;
    font-size: 14px;
    color: var(--text-white);
    float: right;
    background: var(--text-dark);
  }
  /*Travelogues ends*/
  
  .ui-menu .ui-menu-item-wrapper {
    font-size: 13px;
  }
  
  /*About us page start*/
  .search-result .overlay {
    z-index: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1) !important;
  }
  
  .box {
    position: absolute;
    z-index: 99;
    bottom: 0;
    display: block;
    color: var(--text-white);
    padding: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .box h1 {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 300;
    margin-top: 10px;
    color: var(--text-white);
  }
  .overlay .breadcrumb {
    background: none;
    padding: 0;
  }
  .overlay .breadcrumb li a {
    font-size: 14px;
    text-decoration: none;
    color: var(--text-white);
  }
  .overlay .breadcrumb li {
    margin-right: 6px;
  }
  .overlay .breadcrumb li.active a {
    color: var(--text-white);
    font-weight: 600;
    padding-left: 8px;
  }
  .about-section {
    padding: 40px 0;
  }
  .search-result {
    margin-top: 0;
    padding: 0;
    position: relative;
  }
  .breadcrumb > li + li:before {
    content: "/" !important;
  }
  .contactus .form-group label {
    color: var(--text-dark);
    display: none;
    font-size: 13px;
  }
  span.msg {
    font-size: 12px;
  }
  .home-visabox {
    padding: 10px;
    background: var(--text-white);
    margin-bottom: 0;
  }
  
  .home-visabox .visa-price .visa-pkg-price-box {
    font-size: 12px;
    text-align: left;
  }
  .visa-listing-cls .container {
    max-width: 1240px;
  }
  .ui-datepicker-buttonpane.ui-widget-content {
    display: none;
  }
  .visa-particilartitle {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 16px;
  }
  .visa-tile-bg {
    padding: 10px;
    background: var(--text-lightgrey);
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .Visa-box table td {
    padding: 2px 10px;
  }
  .Visa-box table {
    border: none;
  }
  .booknowbtn:hover {
    background: var(--text-primary);
    color: var(--text-white);
  }
  .how-work-box p {
    font-weight: 300;
    margin-bottom: 0;
    font-size: 14px;
  }
  .visadetailinput {
    width: 100%;
  }
  
  .visaemailinpt {
    width: 100%;
  }
  .p-r-visa {
    padding-right: 0;
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--text-dark);
    line-height: 20px !important;
  }
  .select2-container--default .select2-selection--single {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-dark);
    background-color: var(--text-white);
    background-clip: padding-box;
    border: 1px solid var(--text-grey);
    border-radius: 0.25rem;
    /*margin: 0 20px;*/
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .select2-selection.select2-selection--single {
    margin-bottom: 10px;
  }
  
  .home-srch .select2-container {
    width: 100% !important;
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 14px !important;
    padding-left: 0 !important;
  }
  .select2-container--default .select2-selection--single:focus {
    outline: none !important;
  }
  /*.select2-container--open .select2-dropdown {*/
  /*left: 20px !important;*/
  /*}*/
  .select2-results__option {
    font-size: 14px !important;
  }
  .select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: var(--text-primary) !important;
  }
  .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--text-grey) !important;
    outline: none;
  }
  .booknowbtn {
    background: var(--text-primary);
    border: none;
    color: var(--text-white);
    font-size: 14px;
  }
  .banner-content-visa {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgb(0 0 0 / 55%);
    left: 0;
    padding: 10px;
    transform: translate(-0%, -0%);
  }
  .traveller_information_box label.checkboxcontainerreviewaddons {
    font-size: 14px;
  }
  span.adult_box_travel.travel_details1-1 {
    font-size: 13px;
    font-weight: 600;
  }
  .travellerdetails1-1 {
    margin-bottom: 10px;
  }
  .traveller_information_box a.addnew {
    margin-top: 0;
  }
  .paynowbtn22 {
    background: var(--text-primary);
    color: var(--text-white);
    font-size: 12px;
    margin: 20px 0;
    border: none;
    float: right;
  }
  .paynowbtn22:hover {
    background: var(--text-dark);
  }
  a.readmore_addons {
    font-size: 13px;
    color: var(--text-secondary);
  }
  .termtxt {
    font-weight: 600 !important;
  }
  .addons_box_title h5 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .addons_textselect_option {
    border-left: 2px dashed var(--text-lightgrey);
    padding-left: 40px;
  }
  .addonsselect_left {
    float: left;
    padding: 12px 0;
  }
  .selectaddonsradio-toolbar {
    margin: 10px 0;
  }
  .selectaddonsradio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
  }
  .selectaddonsradio-toolbar input[type="radio"]:checked + label {
    background-color: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--text-white);
  }
  .selectaddonsradio-toolbar label {
    display: inline-block;
    background-color: var(--text-white);
    padding: 8px 0;
    font-size: 14px;
    border: 2px solid var(--text-grey);
    border-radius: 0px;
    cursor: pointer;
    width: 146px;
    text-align: center;
    margin-right: 20px;
  }
  .selectaddonsradio-toolbar label:hover {
    background-color: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--text-white);
  }
  .selectaddonsradio-toolbar input[type="radio"]:checked + label img.mm-first {
    display: none;
  }
  .selectaddonsradio-toolbar label img.mm-first {
    display: inline-block;
  }
  .selectaddonsradio-toolbar label img {
    height: 18px;
  }
  .selectaddonsradio-toolbar input[type="radio"]:checked + label img.mm-second {
    display: inline-block;
  }
  .selectaddonsradio-toolbar label img.mm-second {
    display: none;
  }
  /*.addonsselect_right {*/
  /*margin-left: 70px;*/
  /*}*/
  .adult_textmale {
    font-size: 13px;
  }
  .addonsselect_left h4 {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: bold;
  }
  .selectaddons_title {
    font-size: 12px;
    font-weight: 600;
  }
  span.adult_text_arrival {
    font-size: 12px;
    font-weight: 300;
  }
  .addonsselect_right label {
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .selectaddons_title p {
    margin-bottom: 5px;
  }
  .mm-first {
    width: 14px;
  }
  .disabledcls {
    background: var(--text-lightgrey);
  }
  .arrowbox_wrppercontact {
    cursor: pointer;
    width: 100px;
    background: var(--text-white);
    border-radius: 30px;
    text-align: center;
    border: 1px solid var(--text-lightgrey);
    font-size: 18px;
    color: var(--text-dark);
    padding: 2px 0;
    margin: auto;
    position: absolute;
    bottom: -32px;
    left: 44%;
  }
  .selectaddonsradio-toolbar label img.mm-first {
    display: inline-block;
  }
  .destination_left_details ul li {
    list-style-type: none;
  }
  .destintion_form_travellerdetails {
    width: 100%;
    margin: auto;
    position: relative;
  }
  
  .adult_box_travel {
    font-size: 12px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    color: var(--text-grey);
    position: absolute;
    top: 20px;
    left: 200px;
  }
  input#travellerdetails1 {
    padding: 10px 20px;
    font-size: 12px;
    border-radius: 0px;
    border: 2px solid var(--text-grey);
    height: 55px !important;
    color: var(--text-dark);
  }
  .adult_title h4 {
    position: relative;
    font-size: 15px;
    letter-spacing: 0px;
    color: var(--text-dark);
    padding: 5px 0;
    margin: 0;
    display: block;
  }
  .marguser {
    margin: 0;
  }
  .addonsselect_left {
    float: left;
    padding: 12px 0;
  }
  .selectaddonsradio-toolbarsalutatioon {
    margin: 10px;
    border: 2px solid var(--text-primary);
    border-radius: 0px;
  }
  .selectaddonsradio-toolbarsalutatioon input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
  }
  .selectaddonsradio-toolbarsalutatioon input[type="radio"]:checked + label {
    background-color: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--text-white);
  }
  .selectaddonsradio-toolbarsalutatioon label {
    display: inline-block;
    background-color: var(--text-white);
    padding: 6px 0;
    font-size: 13px;
    border: 0px solid var(--text-grey);
    border-radius: 0px;
    cursor: pointer;
    width: 115px;
    text-align: center;
    margin-right: 0;
    margin: 0;
  }
  .selectaddonsradio-toolbarsalutatioon label:hover {
    background-color: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--text-white);
  }
  .savetravellor .btn {
    background: var(--text-primary);
    color: var(--text-white);
    border-radius: 0px;
    margin-bottom: 0;
    padding: 6px 30px;
    font-size: 15px !important;
  }
  .selectaddonsradio-toolbarsalutatioon label {
    display: inline-block;
    background-color: var(--text-white);
    padding: 6px 0;
    font-size: 13px;
    border: 0px solid var(--text-grey);
    border-radius: 0px;
    cursor: pointer;
    width: 80px;
    text-align: center;
    margin-right: 0;
    margin: 0;
  }
  .meals_destination {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    min-height: auto;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  a.meals_selectcity:hover {
    background: var(--text-lightgrey);
  }
  a.meals_selectcity:nth-child(1) {
    padding-top: 10px;
  }
  
  a.meals_selectcity {
    display: block;
    border-bottom: 1px solid var(--text-grey);
    text-decoration: none;
    padding: 13px 20px 13px 10px;
    color: var(--text-dark);
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
  }
  a.meals_selectcity span {
    display: block;
    text-decoration: none;
    padding: 2px 0 0 0;
    color: var(--text-grey);
    font-size: 12px;
    line-height: 20px;
  }
  
  .meals_price_list {
    color: var(--text-dark) !important;
    font-size: 13px !important;
    line-height: 16px !important;
    float: right;
  }
  .adduser.addnewuser .inputbox {
    width: 50%;
    float: left;
    margin-bottom: 10px;
  }
  .savetravellor {
    margin-left: 0;
  }
  .checkboxcontainerreviewaddons_savedlist {
    display: inline-block;
    padding-left: 0px;
    position: relative;
    cursor: pointer;
    user-select: none;
    color: var(--text-dark);
    font-size: 14px;
    width: 80%;
  }
  .available_flight_title {
    font-size: 14px;
    color: var(--text-dark);
    font-weight: bold;
  }
  .adult_title .col .form-control {
    padding: 0;
  }
  .reviewcontinue {
    margin-top: 0;
  }
  .soldout {
    padding: 30px 0;
  }
  .checkboxcontainerreviewaddons_savedlist input:checked:disabled + .checkmark {
    border: 1px solid var(--text-grey);
    background-color: var(--text-grey);
  }
  .checkboxcontainerreviewaddons_savedlist input:disabled + .checkmark {
    border: 1px solid var(--text-grey);
  }
  .checkboxcontainerreviewaddons_savedlist .checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--text-white);
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid var(--text-grey);
    border-radius: 0;
  }
  .checkboxcontainerreviewaddons_savedlist input:checked + .checkmark:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    border-left: 2px solid var(--text-primary);
    border-bottom: 2px solid var(--text-primary);
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .checkboxcontainerreviewaddons_savedlist {
    font-size: 13px !important;
    margin: 10px 0;
    padding-left: 30px;
  }
  .edit_traveller_edit {
    float: right;
    position: absolute;
    right: 16px;
    top: 0;
    cursor: pointer;
  }
  .profiletab li a {
    color: var(--text-dark);
    text-decoration: none;
  }
  .content table {
    width: 100%;
  }
  .content table th {
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 20px;
    text-transform: uppercase;
  }
  .content table tr td {
    font-size: 13px;
    padding: 10px;
  }
  .profileaction {
    padding: 12px !important;
  }
  .navbar-nav li .btn:focus {
    box-shadow: none;
    outline: none;
  }
  .profileaction li {
    border-bottom: 1px solid var(--text-lightgrey);
    line-height: 30px;
  }
  .profileaction li a {
    color: var(--text-dark);
    font-size: 12px;
    text-decoration: none;
  }
  .actionbtn {
    border: 2px solid var(--text-dark);
    color: var(--text-dark);
    padding: 3px 8px;
  }
  .updatebtn {
    margin-top: 31px;
    padding: 7px;
    font-weight: 600;
  }
  .profiletab {
    margin: 30px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 38px;
    border-bottom: 1px solid var(--text-grey);
    width: 100%;
  }
  .profilename {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
    display: -webkit-box;
    width: 116px !important;
  }
  .accountdropdown {
    position: inherit !important;
  }
  .accountdropdown.show .shadow.dropdown-menu.show {
    width: 200px !important;
    left: auto;
    right: auto;
  }
  .accountdropdown.show .shadow.dropdown-menu.show a {
    font-size: 14px;
    font-weight: 400;
  }
  
  .profiletab li.active {
    background-color: var(--text-secondary);
    color: var(--text-white);
    border-bottom: 1px solid var(--text-secondary);
    display: block;
  }
  li.profiletab-list.active a {
    color: var(--text-white);
  }
  .profiletab li {
    float: left;
    margin: 0;
    line-height: 31px;
    background-color: var(--text-grey);
    color: var(--text-white);
    overflow: hidden;
    position: relative;
    padding: 3px 9px;
    font-size: 12px;
    margin-right: 6px;
  }
  
  .tab_container {
    border: 1px solid var(--text-grey);
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: var(--text-white);
    overflow: auto;
    margin-bottom: 10px;
    padding: 20px;
  }
  .tab_drawer_heading {
    display: none;
  }
  .profiletab li {
    padding: 3px 6px;
    font-size: 12px;
    margin-right: 6px;
  }
  .logoutbtn {
    padding: 0.375rem 0.75rem;
    cursor: pointer;
  }
  a.profile-item {
    width: 100%;
    text-align: left;
  }
  .tab_content label {
    font-size: 13px;
  }
  .ui-datepicker-today .ui-state-highlight {
    background: var(--text-primary);
    border-color: var(--text-primary);
  }
  .date-parent input {
    background-image: url(../../images/calendar.png);
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 3px;
    background-color: var(--text-white);
    background-position: center right 10px;
  }
  #myModal_viewmore .modal-dialog button:focus {
    outline: none;
    border: 0;
  }
  .package-overlay {
    position: absolute;
    z-index: 999;
    bottom: 0;
    display: block;
    color: var(--text-white);
    left: 0;
    height: 86px;
    padding: 12px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .roomBoxMain {
    width: 380px;
    display: inline-block;
    position: absolute !important;
    border: 1px solid var(--text-primary);
    background: var(--text-white);
    left: 10px;
    bottom: 0px;
    padding: 10px;
    z-index: 9999999999999 !important;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
  }
  .hotel_select1_inner {
    margin-bottom: 0px;
  }
  .removeBaggage {
    font-size: 12px;
    cursor: pointer;
    width: auto;
    color: red;
    text-align: center;
    margin-left: 10px;
    font-weight: bold;
    margin-top: -30px;
    margin-right: 20px;
    float: right;
    margin-bottom: 10px !important;
  }
  .meals_destination::-webkit-scrollbar {
    width: 5px;
  }
  #enquire_date-list {
    position: relative;
  }
  
  .dl-pop-img-cls img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .dl-pop-img-cls {
    width: 100%;
    height: 200px;
  }
  .flight-pl-0 {
    list-style-type: none;
    padding-right: 0;
  }
  ul.row.t-radiobtn.flightradio {
    padding-left: 12px;
  }
  .nonrefundable:hover {
    background: var(--text-lightgrey);
  }
  #travelerDatePickerdetail {
    position: relative;
  }
  .list-detail {
    max-width: 450px;
    width: 100%;
  }
  .mytrip_bloginfo12 {
    font-size: 12px;
  }
  .fl-price-published {
    margin-right: 10px;
  }
  
  .travler-fairsummry {
    padding-left: 0;
    padding-right: 0;
  }
  .mytrip_bloginfo12 .nonrefundable {
    margin-top: 10px;
  }
  /*10-11-2020 ends*/
  .travel-pg-checkbox {
    padding-left: 0;
  }
  .curpointer {
    cursor: pointer;
  }
  .selectaddons_wrapper {
    padding: 15px;
    width: 100%;
    background: var(--text-white);
    border: 1px solid var(--text-grey);
    margin-top: 10px;
  }
  #visaSearchForm {
    margin-bottom: 10px;
    margin-top: 13px !important;
  }
  .checkboxdis-cls {
    position: relative;
    margin-top: 0;
    height: 190px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 14px;
    border-bottom: 1px solid var(--text-grey);
  }
  .fl-checkbox::-webkit-scrollbar {
    width: 4px;
  }
  .seatmapModal {
    background: var(--text-white);
    float: right;
    display: inline-block;
    background-color: var(--text-white);
    padding: 8px 0;
    border: 2px solid var(--text-grey);
    border-radius: 0px;
    width: 146px;
    text-align: center;
    font-size: 12px !important;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .seatmapModal:hover {
    background-color: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--text-white);
  }
  .booking_form_warpper_review {
    background: var(--text-lightgrey);
    padding: 40px 0;
  }
  .fair_details {
    background: var(--text-white);
    border: 1px solid var(--text-grey);
    padding: 5px;
    border-radius: 10px;
    margin: 0 0px 10px 0;
  }
  h4.ticket_info_text {
    margin-bottom: 10px;
    margin-right: 140px;
  }
  a.traveller_login i {
    padding-right: 10px;
  }
  button.continue_btn1 {
    float: right;
    background: var(--text-primary);
    color: var(--text-white);
    padding: 6px 10px;
    border: 1px solid;
    font-size: 14px;
  }
  #passenger-details .ui-accordion .ui-accordion-content {
    padding: 10px;
    height: auto !important;
    overflow: hidden;
  }
  .selectseatimage {
    float: left;
    width: auto;
    height: 30px;
    margin-right: 8px;
  }
  .selectseatimage {
    float: left;
    margin: 0 5px 0 0;
  }
  .alignleft {
    float: left;
    font-size: 14px;
    margin: 0 5px 0 0;
  }
  .alignflightdesti {
    text-align: left;
    margin-top: 5px;
  }
  .destination_left_details .destination_name {
    font-size: 18px;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .destination_left_details p {
    font-size: 13px;
    margin: 0;
    padding: 0;
    font-weight: 600;
  }
  .passenger_details ul {
    margin: 0;
    padding: 0;
  }
  .passenger_details ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
    color: var(--text-grey);
    text-align: center;
    line-height: 23px;
  }
  .passenger_details ul li .firstcolumn {
    margin: 0;
    padding: 0;
    width: 40%;
    float: left;
    text-align: left;
  }
  .passenger_details ul li .secondcolumn {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 18%;
    float: left;
  }
  .passenger_details ul li .thirdcolumn {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 40%;
    float: left;
  }
  button.continue_seatbtn {
    border-radius: 10px;
    margin: 10px 0 0;
    background-color: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--text-white) !important;
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    padding: 8px 0px;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
  }
  .proceedtext {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  .proceedtext_head {
    color: var(--text-primary);
  }
  
  .proceedtext_content {
    font-size: 13px;
    color: var(--text-grey);
    line-height: 19px;
    text-align: justify;
  }
  .passenger_details {
    margin-top: 10px;
    border-top: 1px solid var(--text-lightgrey);
    padding-top: 10px;
  }
  .selectsaet-title {
    background: var(--text-grey);
    padding: 4px;
    margin: 10px 0;
    font-weight: 700;
  }
  .select_orientation {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center;
    border-bottom: 1px solid var(--text-grey);
  }
  .select_orientation .select_orintationhead {
    font-size: 14px;
    color: var(--text-grey);
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 600;
  }
  .select_orientation img {
    margin: 10px 0;
    padding: 0;
  }
  
  .selectstatue .status_head {
    font-size: 14px;
    color: var(--text-grey);
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 600;
  }
  .selectstatue ul {
    margin: 0;
    padding: 0;
  }
  .selectstatue ul li {
    font-size: 15px;
    color: var(--text-grey);
    line-height: 20px;
    padding: 10px 0 0;
    margin: 0;
    list-style-type: none;
  }
  .selectstatue ul li .status_green {
    width: 20px;
    height: 20px;
    background: var(--text-primary);
    padding: 10px 0;
    margin: 0;
    float: left;
    margin-right: 10px;
  }
  
  .selectstatue ul li .status_grey {
    width: 20px;
    height: 20px;
    background: var(--text-grey);
    padding: 10px 0 0;
    margin: 0;
    float: left;
    margin-right: 10px;
  }
  .selectseatfee {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .selectseatfee .fee_head {
    font-size: 14px;
    color: var(--text-grey);
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 600;
  }
  .selectseatfee ul li {
    list-style-type: none;
  }
  .selectseatfee ul {
    padding: 0;
    margin-top: 20px;
  }
  .status_pink.seat_boxalign {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
  }
  
  button.shsjboocontinue {
    background: var(--text-primary);
    border: none;
    outline: none;
    margin-top: 20px;
  }
  .adultdetails .adult_title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
  }
  
  .traveller_information_boxshow {
    background: var(--text-white);
    border: 1px solid var(--text-grey);
    padding: 15px 20px 15px;
    border-radius: 10px;
  }
  .fill_traveller_information {
    background: var(--text-lightgrey);
    margin: 10px 0;
    padding: 10px;
  }
  
  .tarvellerdetails_information .titletext p {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: capitalize;
  }
  .selectaddons_wrapper {
    background: var(--text-white);
    border: 1px solid var(--text-grey);
    padding: 15px 20px 15px;
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .selectaddons_wrapper .selectaddons_title {
    font-size: 16px;
  }
  .selectaddons_box {
    margin: 10px 0;
    padding: 10px;
  }
  .destination_left_details .destination_name {
    font-size: 18px;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .selectaddons_box .adultmeal {
    font-size: 13px;
    margin: 10px 0;
  }
  .adult_textmale {
    font-size: 13px;
  }
  span.travel_info_title.termtxt {
    margin-left: 10px;
  }
  
  .smallsize {
    font-size: 12px;
    color: var(--text-primary);
    text-decoration: underline;
  }
  #flight-home-cls .theme-box,
  #flight-home-cls2 .theme-box {
    height: 200px;
  }
  #flight-home-cls .th-1,
  #flight-home-cls2 .th-1 {
    max-height: 160px;
  }
  #flight-home-cls .theme-img,
  #flight-home-cls2 .theme-img {
    height: 100%;
  }
  #seatmapModal {
    z-index: 9999;
  }
  ul.al-stopslist li {
    width: 20%;
    display: inline-block;
    border: 1px solid;
  }
  ul.al-stopslist {
    padding: 0;
  }
  .continue_btnddons,
  button.continue_btn1 {
    background: var(--text-primary);
    color: var(--text-white);
    margin-top: 0px;
    font-size: 14px;
  }
  .continue_btnddons:hover,
  button.continue_btn1:hover {
    background: var(--text-primary);
    color: var(--text-white);
  }
  .backbutton {
    float: left !important;
    background: var(--text-lightgrey) !important;
    color: var(--text-primary) !important;
  }
  .skippcls {
    float: right;
    padding: 5px 10px;
  }
  .selectseats .destination_name {
    font-size: 13px;
    line-height: 33px;
  }
  .noseatselected {
    font-size: 14px;
    font-weight: bold;
  }
  #passenger-details .ui-accordion .ui-accordion-header {
    font-size: 14px;
    text-transform: capitalize;
    line-height: 20px;
    border-radius: 0;
  }
  .theme-search-results-item-flight-section-path1 {
  }
  .padding-left0 {
    padding-left: 0 !important;
  }
  ul#sourcesjd li:hover,
  ul#destinjd li:hover {
    background: var(--text-primary);
    color: var(--text-white);
    border-radius: 8px;
  }
  ul#sourcesjd li,
  ul#destinjd li {
    padding: 2px 12px;
  }
  ul#sourcesjd,
  ul#destinjd {
    list-style-type: none;
    font-size: 13px;
    z-index: 9999999;
    position: absolute;
    background: var(--text-white);
    width: 100%;
    cursor: pointer;
    top: 35px;
    line-height: 25px;
    padding: 0px;
    min-width: 400px;
  }
  .carkm-flight,
  .carseats-flight,
  .carname-flight,
  .car-price-flight,
  .sorting {
    cursor: pointer;
  }
  .ui-menu .ui-menu-item {
    line-height: 26px;
    border-radius: 0 !important;
  }
  
  .ui-menu .ui-menu-item:hover {
    border-radius: 0 !important;
  }
  
  .ui-menu .ui-menu-item-wrapper:hover {
    border-radius: 0 !important;
  }
  .enquiryclose {
    font-size: 24px !important;
    line-height: 0px !important;
  }
  .dt-tabbing-sec .tab-content > .active {
    margin-top: 30px;
  }
  .roomBoxMainScroll2 {
    height: 124px;
    overflow-y: auto;
    background: var(--text-lightgrey);
  }
  .donemargin {
    background: var(--text-primary) !important;
    width: 100% !important;
    padding: 5px 10px;
    margin: 8px auto !important;
    color: var(--text-white) !important;
  }
  #done_traveller {
    width: 100%;
    padding: 8px;
    background: var(--text-primary);
    margin: 5px 0;
  }
  .getproposal_textalign1 {
    font-weight: 600;
    font-size: 14px;
  }
  .showindesktop {
    display: none;
  }
  .round-left-width .edit_multicity_icond {
    margin: 0;
  }
  .stepfill {
    color: var(--text-primary) !important;
  }
  .wizard-progress .step .nodefill {
    background: var(--text-primary);
  }
  .wizard-progress .stepfill:not(:last-child):before {
    background: var(--text-white);
  }
  .sendenquiry-btn {
    height: 50px;
    border: solid 3px var(--text-primary);
    box-shadow: 0 3px 3px var(--text-dark);
    background: var(--text-primary);
    width: 150px;
    line-height: 38px;
    -webkit-transform: rotate(90deg);
    font-weight: normal;
    color: var(--text-white);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    text-align: center;
    font-size: 20px;
    position: fixed;
    right: -47px;
    top: 40% !important;
    z-index: 999;
    cursor: pointer;
    border-radius: 0;
  }
  .sendenquiry-btn span {
    font-size: 15px;
  }
  .sendenquiry-btn:hover a {
    background: var(--text-secondary) !important;
    color: var(--text-white) !important;
    text-decoration: none !important;
  }
  .sendenquiry-btn:hover {
    background: var(--text-secondary) !important;
    color: var(--text-white) !important;
    border: solid 3px var(--text-secondary);
    text-decoration: none !important;
  }
  .sendenquiry-rightbtn {
    padding: 0;
    margin: 0;
  }
  .login-box-modal {
    background: url(/public/images/modal-bg.jpg) left top no-repeat var(--text-lightgrey);
    background-size: cover;
    background-position: left;
    margin: 10px;
  }
  .form-control {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 13px !important;
  }
  .colspan-enquiry {
    display: inline-table;
    width: 100%;
    margin-bottom: 10px;
  }
  .sendEnquiry-row {
    margin-right: 0;
    margin-left: 0;
  }
  .footer-whatsappicon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  } 
  .title_text_saved_traveller {
    color: var(--text-dark) !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
    font-weight: bold;
    line-height: 26px;
    width: 100%;
  }
  #myModalsavetraveller .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: var(--text-dark);
    text-shadow: 0 1px 0var (--text-white);
    filter: alpha(opacity=20);
    opacity: 0.2;
    margin-right: 5px;
  }
  .saved_lists {
    height: 300px;
    overflow-y: scroll;
  }
  .saved_btn {
    border: none;
    font-size: 16px;
    background: var(--text-primary);
    float: right;
    width: 100%;
    color: var(--text-white);
    font-weight: 600;
    text-decoration: none;
    text-align: center;
  }
  .stepfill {
    color: var(--text-primary) !important;
  }
  .wizard-progress .step .nodefill {
    background: var(--text-primary);
  }
  .wizard-progress .stepfill:not(:last-child):before {
    background: var(--text-primary);
  }
  .title_text_saved_traveller {
    color: var(--text-dark) !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
    font-weight: bold;
    line-height: 26px;
    width: 100%;
  }
  #myModalsavetraveller .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: var(--text-dark);
    text-shadow: 0 1px 0var (--text-white);
    filter: alpha(opacity=20);
    opacity: 0.2;
    margin-right: 5px;
  }
  .saved_lists {
    height: 300px;
    overflow-y: scroll;
  }
  .saved_btn {
    border: none;
    font-size: 16px;
    background: var(--text-primary);
    float: right;
    width: 100%;
    color: var(--text-white);
    font-weight: 600;
    text-decoration: none;
    text-align: center;
  }
  #myModalsavetraveller .modal-dialog {
    position: relative;
    width: auto;
    margin: 0px auto;
  }
  .showindesktop1 {
    display: none;
  }
  .bannercls .tourbanner {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #filters_col_bt {
    font-size: 16px;
    color: var(--text-dark);
    font-weight: 600;
  }
  #getseatpage {
    margin-bottom: 10px;
  }
  ul li {
    list-style-type: none;
  }
  .name_traveller_addons .addons ul {
    font-size: 13px;
  }
  .travvler-select-mb {
    font-size: 12px;
    text-align: right;
    float: right;
    font-weight: bold;
    text-transform: initial !important;
    color: var(--text-primary);
    display: block;
    text-decoration: underline;
  }
  .addonbox .tarvellerdetails_information .titletext p {
    line-height: 23px !important;
  }
  .addonbox {
    padding: 4px;
  }
  .tarvellerdetails_information hr {
    margin: 7px 0;
  }
  .addonbox .information_title {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px;
  }
  .mobile_reviewpadding_0 {
    padding-bottom: 40px;
  }
  .filter_type .custom-control.custom-checkbox {
    padding-left: 0;
  }
  .selectaddonsradio-toolbar-filter {
    margin: 10px 0;
  }
  .selectaddonsradio-toolbar-filter input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
  }
  .selectaddonsradio-toolbar-filter label {
    display: inline-block;
    background-color: var(--text-white);
    padding: 6px 0 1px;
    font-size: 11px !important;
    border: 2px solid var(--text-grey);
    border-radius: 9px;
    cursor: pointer;
    width: 23%;
    text-align: center;
    margin-right: 1px;
    color: var(--text-grey) !important;
    line-height: 17px;
  }
  .selectaddonsradio-toolbar-filter label:hover {
    background-color: var(--text-white);
    border-color: var(--text-primary);
    color: var(--text-primary) !important;
  }
  .selectaddonsradio-toolbar-filter label:focus {
    background-color: var(--text-white);
    border-color: var(--text-primary);
    color: var(--text-primary) !important;
    outline: none;
  }
  .selectaddonsradio-toolbar-filter input[type="checkbox"]:focus + label {
    border: 2px solid var(--text-dark);
  }
  .selectaddonsradio-toolbar-filter input[type="checkbox"]:checked + label {
    background-color: var(--text-white);
    border-color: var(--text-primary);
    color: var(--text-primary) !important;
  }
  .selectaddonsradio-toolbar-filter label img.mm-first {
    display: inline-block;
  }
  .selectaddonsradio-toolbar-filter label img.mm-second {
    display: none;
  }
  .selectaddonsradio-toolbar-filter
    input[type="checkbox"]:checked
    + label
    img.mm-first {
    display: none;
  }
  .selectaddonsradio-toolbar-filter
    input[type="checkbox"]:checked
    + label
    img.mm-second {
    display: inline-block;
  }
  .selectaddonsradio-toolbar-filterdeparture {
    margin: 10px 0;
  }
  .selectaddonsradio-toolbar-filterdeparture input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
  }
  .selectaddonsradio-toolbar-filterdeparture label {
    display: inline-block;
    background-color: var(--text-white);
    padding: 6px 0 1px;
    font-size: 11px !important;
    border: 2px solid var(--text-grey);
    border-radius: 9px;
    cursor: pointer;
    width: 23%;
    text-align: center;
    margin-right: 1px;
    color: var(--text-grey) !important;
    line-height: 17px;
  }
  .selectaddonsradio-toolbar-filterdeparture label img {
    height: 18px;
  }
  .selectaddonsradio-toolbar-filterdeparture label:hover {
    background-color: var(--text-white);
    border-color: var(--text-primary);
    color: var(--text-primary) !important;
  }
  .selectaddonsradio-toolbar-filterdeparture label:focus {
    background-color: var(--text-white);
    border-color: var(--text-primary);
    color: var(--text-primary) !important;
    outline: none;
  }
  .selectaddonsradio-toolbar-filterdeparture
    input[type="checkbox"]:focus
    + label {
    border: 2px solid var(--text-dark);
  }
  .selectaddonsradio-toolbar-filterdeparture
    input[type="checkbox"]:checked
    + label {
    background-color: var(--text-white);
    border-color: var(--text-primary);
    color: var(--text-primary) !important;
  }
  .selectaddonsradio-toolbar-filterdeparture label img.mm-first {
    display: inline-block;
  }
  .selectaddonsradio-toolbar-filterdeparture label img.mm-second {
    display: none;
  }
  .selectaddonsradio-toolbar-filterdeparture
    input[type="checkbox"]:checked
    + label
    img.mm-first {
    display: none;
  }
  .selectaddonsradio-toolbar-filterdeparture
    input[type="checkbox"]:checked
    + label
    img.mm-second {
    display: inline-block;
  }
  .checkboxcontainerreviewaddons_filter_cls input {
    display: none;
  }
  .checkboxcontainerreviewaddons_filter_cls {
    display: inline-block;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
    user-select: none;
    color: var(--text-dark);
    font-size: 14px;
    width: 45%;
  }
  .checkboxcontainerreviewaddons_filter_cls .checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--text-white);
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid var(--text-grey);
    border-radius: 0;
  }
  .checkboxcontainerreviewaddons_filter_cls input:checked + .checkmark {
    background-color: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .checkboxcontainerreviewaddons_filter_cls input:indeterminate + .checkmark {
    background-color: var(--text-primary);
    border: 1px solid var(--text-primary);
  }
  .checkboxcontainerreviewaddons_filter_cls input:checked + .checkmark:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    border-left: 2px solid var(--text-white);
    border-bottom: 2px solid var(--text-white);
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .checkboxcontainerreviewaddons_filter_cls input:checked:disabled + .checkmark {
    border: 1px solid var(--text-grey);
    background-color: var(--text-grey);
  }
  .checkboxcontainerreviewaddons_filter_cls input:disabled + .checkmark {
    border: 1px solid var(--text-grey);
  }
  .checkboxcontainerreviewaddons_filter_cls
    input:indeterminate
    + .checkmark:after {
    content: "";
    position: absolute;
    height: 0px;
    width: 11px;
    border-left: 2px solid var(--text-white);
    border-bottom: 2px solid var(--text-white);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .fl-price-published {
    color: var(--text-primary);
    font-weight: 600;
  }
  .viewdetails_multicity {
    background: var(--text-primary) !important;
  }
  .checkboxdis-cls label {
    margin-left: 24px;
  }
  #bannerslider {
    min-height: 400px;
  }
  h6.nomargin_top.mobile_show_city {
    background: var(--text-grey);
    padding: 14px;
    padding-top: 10px !important;
    font-size: 12px !important;
  }
  .flight_price-round .fl-price-published {
    color: var(--text-primary);
  }
  #flight-home-cls {
    z-index: -1;
  }
  .room-box .removeit {
    border: none !important;
    line-height: 0;
    padding: 0;
    float: left;
    padding-left: 14px;
    font-size: 12px;
    background: no-repeat;
    text-align: right;
    margin-top: 9px;
  }
  .room-box .table-bordered {
    border: none;
  }
  .flighsearch-show-flight {
    width: 82%;
  }
  .flighsearch-show-flight-home {
    width: 75%;
  }
  .internation-flight-search-Banner .counter:focus {
    outline: none;
    border: none;
  }
  .ui-state-hover .travvler-select-mb {
    color: var(--text-white);
  }
  .ui-state-active .travvler-select-mb {
    color: var(--text-white);
  }
  .selectdestination .destination_name {
    font-size: 15px;
  }
  .bannercls img {
    width: 100%;
    height: 100%;
  }
  .actionbtn {
    border: 2px solid var(--text-dark);
    color: var(--text-dark);
    padding: 3px 18px 3px 7px !important;
    position: relative;
  }
  .actionbtn:after {
    position: absolute;
    bottom: -6px;
    right: 3px;
    height: 16px;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 1.3em solid transparent;
    border-left: 0.3em solid transparent;
  }
  #slider-range {
    z-index: 9 !important;
  }
  .flight-banner-home-cls {
    top: 50%;
  }
  .saved_btn:hover {
    color: var(--text-white);
  }
  .filter_type .fl-title {
    color: var(--text-dark);
    position: relative;
    margin: 0px 0 8px;
    padding: 0;
    font-size: 14px !important;
    font-weight: bold;
  }
  .sortingnames-flight {
    font-weight: 500 !important;
  }
  .mobile_totalamount {
    font-weight: bold;
  }
  .seatmapModal {
    background: var(--text-primary);
    color: var(--text-white);
    border: none;
  }
  .fill_traveller_information .tarveller_title {
    font-size: 14px;
    font-weight: bold;
  }
  .travelr-email-cls p {
    font-size: 13px;
    margin-bottom: 0;
  }
  .selectaddons_wrapper .selectaddons_title {
    font-size: 14px !important;
    font-weight: bold;
    padding: 2px 5px;
  }
  .ssrBorder .destination_name {
    font-size: 14px;
  }
  .roundbookbtn {
    background: var(--text-primary) !important;
    border-color: var(--text-primary) !important;
  }
  .isgstapply-gstcls {
    display: none;
  }
  .conatct_information_popup td {
    border: 1px solid var(--text-grey);
    font-size: 13px;
  }
  .conatct_information_popup td div {
    line-height: 26px;
  }
  .cancelticketbtn {
    background: var(--text-secondary);
    color: var(--text-white);
    font-size: 13px;
  }
  .cancelticketbtn:hover {
    color: var(--text-white);
  }
  .myModalViewDetails_modal {
    padding-right: 0 !important;
  }
  .ui-state-hover,
  .ui-widget-content .ui-state-hover {
    border-radius: 3px !important;
  }
  .wiyo-dt-banner {
    position: relative;
  }
  .wiyo-dt-banner img {
    width: 100%;
    height: 100%;
  }
  .enquiry_form.enquiry_form-ser {
    background: var(--text-lightgrey);
    padding: 10px;
  }
  .enquiry_form-ser h2 {
    font-size: 22px;
  }
  .enquiry_form-ser p {
    font-size: 15px;
  }
  .padding-right0 {
    padding-right: 0;
  }
  .sendingrequestDetails {
    background: var(--text-primary);
    border: none;
    font-size: 14px;
    padding: 5px 10px;
    margin-top: 10px;
    color: var(--text-white);
    font-weight: bold;
    float: right;
  }
  #display_exit input {
    padding: 10px !important;
    border: 1px solid var(--text-lightgrey);
}
  .offer_box {
    background: var(--text-white) !important;
    min-height: 360px;
    padding: 10px;
    position: relative;
    margin-bottom: 25px;
  }
  .offer_box img {
    height: 200px;
    margin-bottom: 20px;
    object-fit: cover;
    border: 1px solid var(--text-grey);
    padding: 3px;
  }
  .offer_box h6 {
    font-weight: bold;
    color: var(--text-dark);
    line-height: 20px;
  }
  .offer_box .offersubheading {
    font-size: 14px;
    color: var(--text-dark);
  }
  .offer_box .expires_date {
    color: var(--text-grey);
    font-size: 11px;
    position: absolute;
    top: 214px;
    right: 10px;
    font-weight: bold;
  }
  .package_box_main_review_hed {
    margin: 10px 0;
    padding: 6px 10px 5px;
    background: var(--text-lightgrey);
    font-size: 12px;
    border-top: 1px solid var(--text-lightgrey);
  }
  .package_box_main_review_hed label {
    margin-bottom: 0;
  }
  .package_box_main_review .whbg.table-responsive {
    max-height: 85px;
    background: var(--text-white);
    overflow: auto;
    padding: 0 0;
  }
  span.list-detail-width {
    display: block;
    max-width: 350px;
    width: 100%;
    min-height: 80px;
}
  .package_box_main_review tr td span {
    font-size: 13px;
    font-weight: bold;
  }
  .package_box_main_review tr td {
    font-size: 13px;
    padding: 4px;
  }
  .package_box_main_review {
    margin-top: 20px;
  }
  a.detail_link {
    border-radius: 6px;
    padding: 9px 15px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-dark);
    border: 2px solid var(--text-primary);
    text-align: center;
    text-decoration: none;
    margin-left: 10px;
    position: relative;
    display: inline-block;
  }
  a.detail_link:hover {
    background: var(--text-primary);
    color: var(--text-white);
  }
  .list-detail {
    max-width: 100% !important;
    width: 100%;
  }
  .detail-right {
    position: absolute;
    right: 0;
    top: 5px;
  }
  .home-srch {
    padding: 0 !important;
  }
  .search-box {
    position: absolute;
    width: 40%;
    bottom: -27px;
    border-radius: 6px;
    min-height: 432px;
    right: auto;
    transform: translate(0, -25%);
    z-index: 9;
    margin-top: 10px;
    background: var(--text-white);
  }
  .home-tab-btns .nav.nav-tabs {
    border-bottom: 1px solid var(--text-grey);
  }
  .home-tab-btns .tab-list {
    padding: 0;
    text-align: center;
    padding-left: 5px;
    width: auto;
  }
  .home-tab-btns .tab-list.active a {
    color: var(--text-primary);
  }
  .home-tab-btns .tab-list a {
    color: var(--text-dark);
    padding: 12px 8px;
    display: block;
    font-size: 13px;
    text-align: center;
  }
  .home-tab-btns .tab-list.active .fa {
    color: var(--text-primary);
  }
  .home-tab-btns .tab-list .fa {
    font-size: 20px;
    padding-right: 5px;
    vertical-align: bottom;
  }
  .formtitle {
    font-size: 20px;
    display: none;
    font-weight: 600;
    padding: 20px 40px 0 40px;
  }
  .formtitlecls {
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 42px !important;
    font-family: 'Work Sans', sans-serif;
  }
  .bannerslider-mobile {
    display: none;
  }
  #bannerslider .owl-carousel.owl-drag .owl-item .item {
    height: 600px;
    overflow: hidden;
  }
  .hot-deals {
    margin: 0;
    padding: 30px 0 40px !important;
  }
  #bannerslider {
    min-height: 400px;
    position: relative;
  }
  .loopdots .owl-dots .owl-dot.active {
    background: var(--text-primary);
    border-radius: 20px;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
    display: inline-block;
  }
  .loopdots .owl-dots .owl-dot {
    background: var(--text-grey);
    border-radius: 20px;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
    display: inline-block;
  }
  .loopdots .owl-dots {
    text-align: center;
    margin-top: 14px;
  }
  .homesliderloop .owl-dots {
    text-align: center;
    margin-top: 14px;
  }
  .homesliderloop .owl-dots .owl-dot {
    background: no-repeat;
    border-radius: 20px;
    height: 12px;
    border: 2px solid var(--text-white);
    margin: 5px 7px;
    width: 12px;
    display: inline-block;
  }
  .homesliderloop .owl-dots .owl-dot.active {
    background: var(--text-white);
    border-radius: 20px;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
    display: inline-block;
  }
  .homesliderloop .owl-dots {
    text-align: center;
    position: absolute;
    right: 22%;
    transform: translate(-50%, -50%);
    top: 80%;
  }
  .homesliderloop .owl-dots .owl-dot:focus {
    outline: none;
  }
  .ig-carousel-item-text {
    position: absolute;
    z-index: 999;
    top: 50%;
    margin: 0 auto;
    left: 70%;
    width: 46%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px 15px;
  }
  .ig-carousel-item-text .carousel-text-wrapper {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .ig-carousel-item-text .carousel-text-wrapper .herocarousel-head {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    display: block;
    text-align: center;
    max-width: 550px;
    margin: 0 auto 11px;
    color: var(--text-white);
  }
  .ig-carousel-item-text .carousel-text-wrapper .herocarousel-subhead {
    font-size: 16px;
    line-height: 24px;
    display: block;
    max-width: 620px;
    margin: 0 auto 11px;
    color: var(--text-white);
  }
  .ig-carousel-action {
    padding-top: 20px;
  }
  .ig-carousel-action .btn {
    font-size: 16px;
    font-weight: 700;
    margin: 0 5px;
  }
  .whyusbox-title1 {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
  }
  .whyusbox-title2 {
    font-size: 13px;
    color: var(--text-grey);
    padding-top: 10px;
    line-height: 20px;
  }
  .whyusbox {
    background: var(--text-white);
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .textlogo {
    font-size: 20px !important;
    font-weight: 600;
    text-transform: uppercase;
  }
  .logohidemobile {
    display: block;
  }
  .logohidedesktop {
    display: none;
  }
  .footeruppercls {
    background: var(--text-lightgrey);
    padding: 30px 0;
  }
  
  .footeruppercls .links li a {
    color: var(--text-dark) !important;
    text-transform: capitalize;
  }
  .footeruppercls .links li {
    display: inline-block;
    position: relative;
  }
  .footeruppercls .links li:after {
    content: "|";
    position: absolute;
    color: var(--text-dark);
    right: 5px;
    top: 0;
  }
  .footeruppercls ul.links li:before {
    display: none;
  }
  .footeruppercls ul.links li a:hover {
    padding-left: 0 !important;
  }
  .footeruppercls ul.links li a {
    padding-left: 0 !important;
    padding-right: 16px;
  }
  .footeruppercls .ft-title {
    color: var(--text-dark);
  }
  .ft-viewmoew {
    color: var(--text-primary);
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
  }
  .footeruppercls ul.links {
    margin-bottom: 5px;
  }
  .home-blog-sec .owl-dots.disabled {
    display: none;
  }
  .frmclose {
    display: none;
  }
  .frmclose2 {
    display: none;
  }
  .navbar-nav li.lastnav:after {
    display: none;
  }
  ul.directflight {
    padding: 0;
    margin: 10px 0;
    font-size: 14px;
  }
  ul.directflight span {
    padding-left: 5px;
    margin: 0;
  }
  ul.directflight label {
    margin-bottom: 0px;
    cursor: pointer;
  }
  ul.directflight input {
    padding: 0;
    margin-top: 3px;
    float: left;
  }
  ul.directflight li {
    display: inline-block;
  }
  li.flight-search-flight1 {
    width: 46%;
    float: left;
  }
  li.flight-search-flight2.exchangeroot {
    width: 46%;
    float: left;
    margin-left: 8%;
  }
  li.flight-search-flight3 {
    width: 100%;
    float: left;
  }
  li.flight-search-flight4 {
    width: 48%;
    float: left;
  }
  li.flight-search-flight5 {
    width: 48%;
    float: left;
    margin-left: 4%;
  }
  li.flight-search-flight6 {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  .formullist {
    padding: 0;
  }
  li.flight-search-flight7 {
    width: 100%;
    float: left;
  }
  li.flight-search-flight8 {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  li.flight-search-flight9 {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  li.flight-search-flight10 {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  li.flight-search-flight11 {
    width: 48%;
    float: left;
  }
  li.flight-search-flight12 {
    width: 48%;
    float: left;
    margin-left: 4%;
  }
  li.flight-search-flight13 {
    width: 48%;
    float: left;
  }
  li#droplocat {
  }
  li.flight-search-flight14 {
    width: 48%;
    float: left;
    margin-left: 4%;
  }
  .flight-search-flight15 {
    width: 48%;
    float: left;
    margin-left: 0;
  }
  .flight-search-flight16 {
    width: 48%;
    float: left;
    margin-left: 4%;
  }
  .flight-search-flight17 {
    width: 48%;
    float: left;
    margin-bottom: 20px;
  }
  .flight-search-flight18 {
    width: 48%;
    float: left;
    margin-left: 4%;
  }
  .flight-search-flight15 .form-group {
    margin-bottom: 0;
  }
  .flight-search-flight16 .form-group {
    margin-bottom: 0;
  }
  .outstaionrow {
    padding: 8px 14px;
  }
  .ft-paratxt {
    color: var(--text-white);
    font-size: 13px;
    text-align: right;
  }
  .ft-paratxt p {
    margin-bottom: 0;
  }
  .footeruppercls ul.links li:last-child:after {
    display: none;
  }
  .footeruppercls .links li a:hover {
    text-decoration: underline;
  }
  .destination_bg-slider-slides2 .owl-dots {
    display: none;
  }
  .form-black {
    color: var(--text-dark);
  }
  .form-black li a {
    color: var(--text-dark);
  }
  .form-black li:before {
    display: none;
  }
  .form-black li a {
    padding-left: 0 !important;
  }
  .form-black li a:hover {
    padding-left: 0 !important;
  }
  .form-black li {
    display: inline-block;
    position: relative;
    font-size: 14px;
    padding-right: 20px;
    padding-left: 0px;
  }
  .form-black li:last-child:after {
    display: none;
  }
  .flight-search-flight19 {
    width: 100%;
    float: left;
  }
  .form-black li:after {
    position: absolute;
    content: "|";
    right: 10px;
    width: 1px;
    height: 10px;
    color: var(--text-dark);
  }
  .breadcrumblisting {
    margin-bottom: 0;
    background: var(--text-white);
  }
  .breadcrumblisting ol.breadcrumb {
    margin-bottom: 0;
    padding: 6px 0;
  }
  .breadcrumblisting ol.breadcrumb a {
    font-size: 13px;
    color: var(--text-dark) !important;
    text-decoration: none;
  }
  .package-search-box {
    background-color: var(--text-dark) !important;
  }
  .package-search-box .formtitlecls {
    color: var(--text-white);
    font-size: 17px !important;
  }
  .package-search-box .search-btn {
    background: var(--text-lightgrey);
    color: var(--text-primary);
    border: 0;
    font-size: 15px;
    height: 40px;
    line-height: 28px;
    width: auto;
    margin-top: 3px;
    padding: 6px 55px;
  }
  .borderbtn {
    margin-bottom: 0;
    width: 100%;
    border-bottom: 1px solid !important;
    border-radius: 0;
    background: 0 0;
    color: var(--text-lightgrey);
    padding: 8px 10px 8px 0px;
    border: none;
  }
  .borderbtn::placeholder {
    color: var(--text-white);
  }
  .borderbtn:focus {
    background: none;
    color: var(--text-white);
  }
  .package-search-box .search-btn:hover {
    background: var(--text-lightgrey);
    color: var(--text-dark);
  }
  .filter-title {
    padding: 0;
    border-bottom: 1px solid var(--text-grey);
    margin-bottom: 10px;
  }
  .package-title-txt {
    color: var(--text-dark);
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0 5px;
    text-transform: capitalize;
  }
  .packagebox-cls {
    background: var(--text-white);
    padding: 10px 15px;
    margin: 0 0 15px;
    font-size: 14px;
    color: var(--text-grey);
    margin: 0px 0 0;
  }
  .pacakage-para-cls {
    color: var(--text-grey);
    font-size: 14px;
    text-align: justify;
    padding: 0 0 10px;
    line-height: 24px;
  }
  .packagebox-cls-title {
    color: var(--text-dark);
    font-size: 16px;
    font-weight: 4;
    margin: 0 0 5px;
    text-transform: capitalize;
  }
  ul.packages-included {
    padding: 0;
    margin: 0;
    border-bottom: none;
  }
  ul.packages-included li {
    display: inline-block;
    font-size: 13px;
  }
  ul.packages-included li a {
    display: block;
    color: var(--text-dark);
    border-radius: 50px;
    margin: 0;
    padding: 0 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
  }
  ul.packages-included .active a {
    background: var(--text-primary);
    color: var(--text-white);
  }
  ul.packages-included .fa {
    font-size: 18px;
    text-align: center;
    margin: 5px auto;
    display: block;
  }
  ul.packages-included li a:hover {
    text-decoration: none;
    border-color: transparent !important;
  }
  .row.gutter14 {
    margin-left: -7px;
    margin-right: -7px;
  }
  .row.gutter14 > [class^="col-"] {
    padding-left: 7px;
    padding-right: 7px;
  }
  .br-e6 {
    border-right: 1px solid rgba(143, 143, 143, 0.3);
  }
  .clr-66 {
    color: var(--text-dark);
    margin: 0;
  }
  .row.no-gutter {
    margin-left: 0;
    margin-right: 0;
  }
  .flight_timings {
    font-size: 13px;
    color: var(--text-dark);
    margin: 5px 0;
    font-weight: 700;
  }
  .flight_destination {
    font-size: 12px;
  }
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .flight_duration-section {
    margin: 0 10px;
  }
  .fnt-10 {
    font-size: 10px;
  }
  .flight_duration {
    margin: 2px 12px 8px;
    position: relative;
    border-top: 1px solid var(--text-grey);
  }
  .flight_duration:before {
    left: -6px;
  }
  .flight_duration:before,
  .flight_duration:after {
    content: "";
    position: absolute;
    top: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid var(--text-grey);
    background: var(--text-white);
  }
  .flight_duration:after {
    right: -6px;
  }
  .packages-included a.nav-link.active,
  .packages-included .nav-tabs .nav-link:hover {
    background: none;
    border: none;
    color: var(--text-primary);
  }
  .package_list-service-heading {
    color: var(--text-dark);
    margin: 5px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  .row.gutter14 {
    margin-left: -7px;
    margin-right: -7px;
  }
  .mb-1 {
    margin-bottom: 5px !important;
  }
  .clr-66 {
    color: var(--text-dark);
  }
  .row.no-gutter .col-6 {
    padding-left: 0;
    padding-right: 0;
  }
  
  .flight_duration-section .fnt-10 {
    margin: 0;
    font-size: 13px;
  }
  .package_list-service-heading {
    color: var(--text-dark);
    margin: 5px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  .clr-31 {
    color: var(--text-dark);
  }
  .package_list-service-details {
    background: rgba(255, 0, 0, 0.16);
    color: var(--text-grey);
    padding: 4px 10px;
  }
  .fnt-12 {
    font-size: 12px;
    margin: 0;
  }
  .selectroom_cls {
    font-size: 13px;
    text-align: left;
    padding: 0;
  }
  .selectroom_cls:focus {
    outline: none;
    border: none;
    box-shadow: none;
  }
  .selectroom_cls-box.show .dropdown-menu.show {
    padding: 0px;
    font-size: 13px;
    left: -50px !important;
  }
  .selectroom_cls-box a {
    padding: 4px 5px;
    border-top: 2px solid var(--text-primary) !important;
    line-height: 26px;
  }
  .fl-list-item .tab-content {
    border-top: 1px solid var(--text-grey);
    margin-top: 10px;
    padding: 10px;
  }
  .fl-list-item .tab-content .radio-inline {
    font-size: 12px;
    margin-right: 10px;
  }
  .fl-list-item .tab-content .radio-inline input[type="radio"] {
    padding-right: 15px;
    margin-right: 10px;
  }
  .labeltxt {
    color: var(--text-dark);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    margin-right: 2px;
  }
  .fnt-10-cls {
    margin-top: -15px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
  }
  .dropdown.selectroom_cls-box {
    margin-top: 0;
    text-align: right;
  }
  .owl-carousel {
    display: block !important;
    width: 100%;
    z-index: 1;
}
  .detial-headercls {
    background: var(--text-white);
    box-shadow: 4px 4px 20px -4px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    padding: 10px 0px 10px;
    z-index: 999;
  }
  a.HotelMapModal {
    font-size: 12px;
    color: var(--text-dark);
  }
  .galleryslidercls .owl-prev {
    top: 50%;
    width: 36px;
    height: 36px;
    line-height: 26px;
    position: absolute;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    z-index: 9999;
    font-size: 30px;
    transform: translateY(-50%);
    opacity: 1;
    background-color: var(--text-lightgrey) !important;
    outline: transparent;
    left: 10px;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  .galleryslidercls .owl-next {
    top: 50%;
    width: 36px;
    height: 36px;
    line-height: 26px;
    position: absolute;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    right: 10px;
    font-size: 30px;
    transform: translateY(-50%);
    opacity: 1;
    background-color: var(--text-lightgrey) !important;
    outline: transparent;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  .galleryslidercls .owl-prev span,
  .galleryslidercls .owl-next span {
    font-size: 30px !important;
    line-height: 30px;
  }
  .galleryslidercls .owl-prev:hover,
  .galleryslidercls .owl-next:hover {
    background: var(--text-dark) !important;
    color: var(--text-white) !important;
  }
  .ovreview-content ul {
    padding: 0;
    margin: 0;
  }
  .ovreview-content ul {
    color: var(--text-grey);
    font-size: 14px;
    text-align: justify;
    padding: 0 0 10px;
    line-height: 24px;
  }
  .ovreview-content ul li {
    list-style-type: disc !important;
  }
  .detail-secbox {
    background: var(--text-lightgrey);
  }
  .similar-packages {
    background: var(--text-white);
    padding: 12px;
  }
  .listbox-title-new {
    font-size: 13px;
    font-weight: 500;
  }
  .list-detail-inner-new {
    color: var(--text-grey);
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 10px;
  }
  .simi-pack-list-item-img img {
    box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, 0.6);
    width: 100%;
  }
  .service_subheading {
    margin: 0 2px 0 0;
    text-transform: capitalize;
    font-size: 12px;
    color: var(--text-grey);
    float: right;
    display: block;
    width: 100%;
  }
  .service_subheading-para {
    color: var(--text-dark);
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px;
  }
  .view-packages-btn {
    font-size: 13px;
    border: 2px solid;
    margin: 6px 0 0;
    width: 120px;
    float: right;
    border-radius: 6px;
    padding: 7px 18px;
    color: var(--text-white);
    text-align: center;
    background: var(--text-primary);
  }
  .view-packages-btn a {
    color: var(--text-white);
    text-decoration: none;
  }
  .view-packages-btn:hover {
    border: 2px solid var(--text-primary);
    background: none;
  }
  .view-packages-btn:hover a {
    color: var(--text-primary);
  }
  p.similar_package-price {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 5px 0 0;
  }
  .similar_packages-box {
    padding: 0 0 10px;
    margin: 13px 0 0;
    border-bottom: 1px solid var(--text-grey);
  }
  .view-packages-btn-inner {
    background: var(--text-white);
    border: 2px solid var(--text-primary);
    border-radius: 6px;
    padding: 9px 15px;
    font-size: 12px;
    color: var(--text-primary);
    float: right;
    width: 100%;
    max-width: 117px;
    text-align: center;
    text-decoration: none;
    margin-left: 10px;
  }
  .view-packages-btn-inner:hover {
    text-decoration: none;
    background: var(--text-primary);
    color: var(--text-white);
  }
  .startingbox-right {
    float: right;
  }
  .details-btn-box {
    margin: 8px 0 0;
  }
  span.similar_package-price {
    text-decoration: none;
    font-size: 20px;
    color: var(--text-primary);
    font-weight: 700;
  }
  .banner-title-details {
    font-size: 17px;
    color: var(--text-dark);
    font-weight: 500;
    text-transform: capitalize;
  }
  .banner-sub-title-details {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-grey);
    text-transform: capitalize;
  }
  .startingbox del {
    font-size: 14px;
    color: var(--text-grey);
  }
  .startingbox del {
    font-size: 14px;
    color: var(--text-grey);
  }
  .arrive-box p {
    color: var(--text-grey);
    font-size: 14px;
    text-align: justify;
    padding: 0 0 10px;
    line-height: 25px;
  }
  .arrive-box ul {
    color: var(--text-grey);
    font-size: 14px;
    text-align: justify;
    line-height: 12px;
    margin-bottom: 4px;
    margin-left: 15px;
  }
  .arrive-box ul li {
    list-style-type: disc;
  }
  .arrive-box p {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .registerbtn:hover {
    color: var(--text-primary) !important;
  }
  .detail-tabbing-whitesec {
    background: var(--text-white);
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid var(--text-lightgrey);
  }
  .detail-tabbing-whitesec {
    background: var(--text-white);
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid var(--text-lightgrey);
  }
  .detail-tabbing-whitesec .radio-inline {
    font-size: 13px;
  }
  .detail-tabbing-whitesec .radio-inline input[type="radio"] {
    margin-right: 3px;
  }
  .detail-tabbing-whitesec .radio-inline {
    font-size: 13px;
    margin-right: 10px;
  }
  .detail-tabbing-whitesec .packages-included {
    margin-bottom: 10px;
  }
  .tab-title-txt-cls {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 4px;
  }
  .tab-title-content-bg {
    background: rgb(29 46 95 / 16%);
    width: 100%;
    padding: 10px 0;
    margin-bottom: 1px;
  }
  .tab-title-txt-cls-inner {
    font-size: 13px;
    padding: 0 2px;
  }
  .package_list-service-details i {
    padding-right: 6px;
    color: black;
  }
  .detail-tabbing-whitesec .packages-included {
    border-bottom: 1px solid var(--text-grey);
    padding-bottom: 6px;
  }
  .fl-list-item .packages-included {
    margin-top: 0;
    display: inline-block;
  }
  @font-face {
    font-family: "Flaticon";
    src: url("Flaticon.eot");
    src: url("Flaticon.eot?#iefix") format("embedded-opentype"),
      url("Flaticon.woff2") format("woff2"), url("Flaticon.woff") format("woff"),
      url("Flaticon.ttf") format("truetype"),
      url("Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "Flaticon";
      src: url("Flaticon.svg#Flaticon") format("svg");
    }
  }
  [class^="flaticon-"]:before,
  [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after,
  [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 26px;
    font-style: normal;
  }
  .flaticon-dinner:before {
    content: "\f100";
  }
  .flaticon-tax:before {
    content: "\f101";
  }
  .flaticon-hotel:before {
    content: "\f102";
  }
  .flaticon-airplane:before {
    content: "\f103";
  }
  .flaticon-binoculars:before {
    content: "\f104";
  }
  .flaticon-school-bus:before {
    content: "\f105";
  }
  .flaticon-agent:before {
    content: "\f100";
  }
  @font-face {
    font-family: "Flaticon";
    src: url("Flaticon.eot");
    src: url("Flaticon.eot?#iefix") format("embedded-opentype"),
      url("Flaticon.woff2") format("woff2"), url("Flaticon.woff") format("woff"),
      url("Flaticon.ttf") format("truetype"),
      url("Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "Flaticon";
      src: url("Flaticon.svg#Flaticon") format("svg");
    }
  }
  [class^="flaticon-"]:before,
  [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after,
  [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 26px;
    font-style: normal;
  }
  .flaticon-photo:before {
    content: "\f100";
  }
  .flaticon-terms-and-conditions:before {
    content: "\f101";
  }
  .flaticon-terms-and-conditions-1:before {
    content: "\f102";
  }
  .flaticon-airplane:before {
    content: "\f103";
  }
  .flaticon-hotel:before {
    content: "\f104";
  }
  .flaticon-school-bus:before {
    content: "\f105";
  }
  .flaticon-dinner:before {
    content: "\f106";
  }
  .flaticon-tax:before {
    content: "\f107";
  }
  .flaticon-image:before {
    content: "\f108";
  }
  .exchange_transfer-home {
    top: 46px;
    left: -28px;
  }
  li.flight-search-flight7_rooms {
    width: 100%;
    margin-bottom: 10px;
    float: left;
  }
  li.flight-search-flight7 .select2-selection.select2-selection--single {
    margin-bottom: 0;
  }
  .homevisacls .flight-search-flight7 {
    margin-bottom: 10px;
  }
  .activites-image {
    width: 300px;
  }
  .activities-box {
    padding: 10px;
    border-radius: 0;
    background: var(--text-white);
  }
  .hotellocation {
    font-weight: 600;
    font-size: 13px;
  }
  .hotellocation img {
    width: 12px;
    margin-right: 5px;
  }
  a.view-btn-new {
    font-size: 13px;
    margin: 6px 0 0;
    width: 120px;
    float: right;
    padding: 7px 18px;
    text-align: center;
  }
  .arrive-box ul li {
    color: var(--text-grey);
    font-size: 14px;
    text-align: justify;
    padding: 0 0 10px;
    line-height: 20px;
    font-weight: 100;
  }
  .galleryslidercls .item {
    height: 380px;
  }
  .LessDetailContent p,
  .FullDetailContent p {
    color: var(--text-grey);
    font-size: 14px;
    text-align: justify;
    padding: 0 0 10px;
    line-height: 20px;
    margin-bottom: 0;
  }
  .flights_tabnav .nav-tabs {
    border-bottom: 0px solid var(--text-grey);
  }
  .flights_tabnav .nav-tabs > li > a.active,
  .flights_tabnav .nav-tabs > li > a.active :focus,
  .flights_tabnav .nav-tabs > li > a.active:hover {
    color: var(--text-primary);
    cursor: default;
    background-color: var(--text-white);
    border-top: 2px solid var(--text-white);
    border-bottom: 2px solid var(--text-primary);
    border-left: 2px solid var(--text-white);
    border-right: 2px solid var(--text-white);
  }
  .flights_tabnav .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 2px solid transparent;
    border-radius: 0px 0px 0 0;
    font-size: 14px;
    color: var(--text-dark);
    font-weight: 500;
    text-align: center;
    padding: 2px 10px;
  }
  .packagetitle {
    margin-top: 20px;
  }
  .white_background {
    padding: 0;
    background: var(--text-white);
  }
  .flights_tabnav .nav-tabs > li > a:hover {
    border-color: var(--text-lightgrey) var(--text-lightgrey) var(--text-grey);
    text-decoration: none;
    background-color: var(--text-white);
    border-top: 2px solid var(--text-white);
    border-bottom: 2px solid var(--text-primary);
    border-left: 2px solid var(--text-white);
    border-right: 2px solid var(--text-white);
    color: var(--text-primary);
  }
  .dt-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .tab-title-content-bg th {
    padding: 6px;
    background: rgb(1 112 181 / 25%);
  }
  .tab-title-content-bg td {
    padding: 6px;
    border-top: 1px solid var(--text-white) !important;
  }
  .tab-title-content-bg th .tab-title-txt-cls {
    margin-bottom: 0;
  }
  .destination_bg-slider-slides1 .owl-prev span {
    border: none;
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    left: -80px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 28%;
    height: 50px;
    font-size: 30px;
  }
  .destination_bg-slider-slides1 .owl-next span {
    right: -80px;
    border: none;
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 28%;
    height: 50px;
    font-size: 30px;
  }
  .destination_bg-slider-slides button.owl-prev span {
    border: none;
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    left: -80px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 28%;
    height: 50px;
    font-size: 30px;
  }
  .destination_bg-slider-slides button.owl-next span {
    right: -80px;
    border: none;
    line-height: 47px;
    text-align: center;
    vertical-align: middle;
    background: var(--text-white);
    position: absolute;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 28%;
    height: 50px;
    font-size: 30px;
  }
  .destination_bg-slider-slides1 .owl-prev span:hover,
  .destination_bg-slider-slides1 .owl-next span:hover,
  .destination_bg-slider-slides button.owl-prev span:hover,
  .destination_bg-slider-slides button.owl-next span:hover {
    background: var(--text-secondary);
    color: var(--text-white);
  }
  #testimonial .owl-prev span:hover,
  #testimonial .owl-next span:hover {
    background: var(--text-secondary);
    color: var(--text-white);
  }
  #demos .owl-nav button.owl-next {
    display: none;
    background: var(--text-white);
    position: absolute;
    right: -80px;
    border-radius: 100%;
    top: 35%;
    width: 50px;
    height: 50px;
    font-size: 30px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    background-image: url(../images/next.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  #demos .owl-nav button.owl-prev {
    display: none;
    background: var(--text-white);
    position: absolute;
    left: -80px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 100%;
    width: 50px;
    top: 35%;
    height: 50px;
    font-size: 30px;
    background-image: url(../images/left-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .dt-tabbing-sec h1 {
    font-size: 22px;
  }
  .pacakage-para-cls .pacakage-para-cls {
    color: var(--text-grey);
    font-size: 14px;
    text-align: justify;
    padding: 0 0 10px;
    line-height: 24px;
  }
  .pacakage-para-cls .readmore {
    text-align: right;
    display: block;
    color: var(--text-primary);
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 600;
    text-decoration: none;
  }
  .select_box_wth {
    width: auto;
    border: 0px solid var(--text-white);
    box-shadow: none;
    height: 33px;
    float: right;
    cursor: pointer;
    margin-top: -6px;
  }
  .borderrow {
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid var(--text-darkgrey);
    padding: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
  }
  .room-box .borderrow label {
    font-size: 12px;
    font-weight: bold;
  }
  .inserted-room-row {
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid var(--text-grey);
    padding: 10px 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
  }
  .smalltext {
    font-size: 13px;
    color: var(--text-dark);
    margin: 5px 0;
  }
  .borderrow .form-group {
    margin-bottom: 0;
  }
  .addroom-list li {
    display: inline-block;
  }
  .addroom-list {
    padding: 0;
    margin: 0;
  }
  .room-box .removeit:focus {
    outline: none;
    border: none;
  }
  .addmorePop:hover {
    text-decoration: none;
  }
  .addroom {
    font-size: 13px;
    margin-top: 10px;
    box-shadow: none;
    outline: none;
    border: none;
    padding: 3px;
    border-radius: 4px;
  }
  .dl-content-cls p {
    font-size: 14px;
  }
  .about-section .demo {
    padding: 0;
  }
  .offer_box a:hover {
    text-decoration: none;
  }
  .ft1-list li:after {
    display: none;
  }
  .filter_type {
    position: relative;
    margin-top: 0;
    padding: 10px;
    border-bottom: 1px solid var(--text-grey);
  }
  a.edit_multicity_icond:hover {
    text-decoration: none;
  }
  .about-section table tr td p,
  .about-section table tr td,
  .about-section table tr th {
    font-family: 'Work Sans', sans-serif !important;
  }
  .about-section ul li {
    font-family: 'Work Sans', sans-serif !important;
  }
  .about-section ul {
    padding: 0;
  }
  .about-section ul li {
    list-style-type: disc;
  }
  .about-section ul {
    padding-left: 20px;
  }
  a.edit_multicity_icond:hover {
    text-decoration: none;
  }
  a.whatsupbtn12 .fa {
    background: var(--text-primary);
    color: var(--text-white);
    font-size: 16px;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 25px;
    display: none;
    line-height: 25px;
  }
  a.callbtn12 .fa {
    background: var(--text-grey);
    color: var(--text-white);
    font-size: 16px;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 25px;
    line-height: 25px;
    display: none;
  }
  .LessDetailContent {
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    margin-bottom: 20px;
  }
  .LessDetailContent a {
    color: var(--text-primary);
  }
  .LessDetailContent a:hover {
    color: var(--text-secondary);
  }
  .FullDetailContent {
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    margin-bottom: 20px;
    padding-bottom: 35px !important;
  }
  .FullDetailContent a {
    color: var(--text-primary);
  }
  .FullDetailContent a:hover {
    color: var(--text-secondary);
  }
  #dynamic_div {
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 20px;
  }
  .get_best_offer {
    width: 100%;
    margin: 0;
    padding: 28px 0;
    background: var(--text-white);
  }
  .featured_title {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .get_best_offer .featured_title {
    text-align: left;
  }
  .featured_title h1 {
    font-size: 35px;
    margin: 0;
    color: var(--text-primary);
    font-weight: bold;
    line-height: 1.42857;
  }
  .featured_title p {
    font-size: 17px;
    color: var(--text-dark);
    line-height: 20px;
  }
  .exclusivebox {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 15px 0;
  }
  .exclusive_image {
    width: 150px;
    height: 150px;
    margin-bottom: 14px;
    text-align: center;
    position: relative;
    border: 0px solid var(--text-grey);
    display: block;
    overflow: hidden;
    margin: auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 1px 1px 5px 1px rgb(38, 38, 38, 0.1);
    -o-box-shadow: 1px 1px 5px 1px rgb(38, 38, 38, 0.1);
    -moz-box-shadow: 1px 1px 5px 1px rgb(38, 38, 38, 0.1);
    -webkit-box-shadow: 1px 1px 5px 1px rgb(38, 38, 38, 0.1);
  }
  .exclusive_image img {
    position: absolute;
    left: 0;
    display: inline-block;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 70px !important;
    height: 70px;
  }
  .getbest {
    display: block;
    font-size: 22px;
    color: var(--text-secondary);
    line-height: 20px;
    font-weight: 500;
    margin: 40px 0 10px;
  }
  .exclusive {
    display: block;
    font-size: 16px;
    color: var(--text-primary);
    line-height: 25px;
    font-weight: normal;
  }
  .get_best_offer .owl-nav.disabled {
    display: none;
  }
  .themeboxbg {
    background: var(--text-white);
    border: 0px solid rgb(38, 38, 38, 0.1) !important;
    border-radius: 12px !important;
  }
  .theme_box {
    width: 100%;
    border: 1px solid rgb(38, 38, 38, 0.1);
    margin: 0;
    float: left;
    border-radius: 12px;
    box-shadow: 1px 1px 5px 1px rgb(38, 38, 38, 0.1);
  }
  .theme_box a {
    text-decoration: none;
  }
  .themeboxbg {
    height: 450px;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .theme_box .imagebox {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .theme_box .imagebox img {
    margin: 0;
    padding: 0;
    height: 100%;
    border-radius: 12px;
    -o-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
  }
  .themecover1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: 0.5s ease;
    background: linear-gradient(
      180deg,
      rgba(4, 32, 66, 0) 0%,
      rgba(4, 32, 66, 0.6) 100%
    );
    border-radius: 20px;
  }
  .blackbg .title-main h2 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 30px;
    text-align: left;
    margin: 0;
    line-height: 1.42857;
  }
  .blackbg {
    background: var(--text-secondary);
  }
  .blackbg .owl-dots.disabled {
    display: none;
  }
  .theme-box .theme-title a {
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--text-white);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 28px;
    display: -webkit-box;
  }
  .dt-view:hover {
    color: var(--text-white);
    text-decoration: none;
    background: var(--text-secondary);
    border: 2px solid var(--text-secondary);
  }
  .item.tg-populartour222 img {
    border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    -o-border-radius: 12px 12px 0 0;
  }
  .blackbg .title-main span {
    color: var(--text-white) !important;
  }
  .clientrating .fa-star.checked {
    color: var(--green);
  }
  .clientrating .fa-star {
    color: var(--text-grey);
  }
  .testimonial-box {
    text-align: center;
    margin: 12px 6px 6px 6px;
    box-shadow: 0px 0px 0px 0px rgb(38, 38, 38, 0.1);
    padding: 36px 13px 12px;
    font-weight: bold;
    color: var(--text-lightgrey);
    position: relative;
    border: 3px solid var(--text-white);
    min-height: 213px;
    border-radius: 12px;
    background: var(--text-white);
  }
  .testimonial-box:before {
    content: "\f10d";
    font-family: "FontAwesome";
    position: absolute;
    top: -30px;
    left: 44.5%;
    font-size: 40px;
    color: var(--text-primary);
    padding: 3px 6px 0;
  }
  .testmonial-content:before {
    content: "";
    border-top: 0px solid var(--text-dark);
    position: absolute;
    top: -3px;
    left: 0;
    width: 42%;
    border-top-right-radius: 25px;
  }
  .testmonial-content:after {
    content: "";
    border-top: 0px solid var(--text-dark);
    position: absolute;
    top: 0px;
    right: 0;
    width: 42%;
    border-top-right-radius: 25px;
  }
  
  .destination_bg-slider-slides2 .owl-nav {
    width: 100%;
    left: 0;
    top: 44%;
    position: absolute;
    display: none;
  }
  .ui-state-active,
  .ui-widget-content .ui-state-active,
  .ui-widget-header .ui-state-active,
  a.ui-button:active,
  .ui-button:active,
  .ui-button.ui-state-active:hover {
    border: 1px solid var(--text-dark) !important;
    background: var(--text-dark) !important;
    font-weight: normal;
    color: var(--text-white);
    border-radius: 8px;
  }
  .ui-state-hover,
  .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover,
  .ui-state-focus,
  .ui-widget-content .ui-state-focus,
  .ui-widget-header .ui-state-focus,
  .ui-button:hover,
  .ui-button:focus {
    border: 1px solid var(--text-dark) !important;
    background: var(--text-dark) !important;
    font-weight: normal;
    color: var(--text-white);
    border-radius: 8px !important;
  }
  a.ui-datepicker-next.ui-corner-all.ui-state-hover {
    background: var(--text-primary) !important;
  }
  .fligt_logo-content {
    padding-left: 10px;
  }
  .sortbycontainer.sroneway {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 0px;
    white-space: nowrap;
    padding-bottom: 8px;
    display: inline-block;
  }
  .sortright-flight-round ul li {
    display: inline-block !important;
    float: none;
  }
  .round-trip-cls {
    width: 70%;
  }
  .filter-height {
    max-height: 250px;
    overflow-y: auto;
    margin-bottom: 20px;
  }
  .filter-height::-webkit-scrollbar {
    width: 5px;
  }
  .filter-height::-webkit-scrollbar-track {
    background: var(--text-white);
  }
  .filter-height:hover::-webkit-scrollbar-track {
    background: var(--text-lightgrey);
  }
  .filter-height::-webkit-scrollbar-thumb {
    background: var(--text-white);
  }
  .filter-height:hover::-webkit-scrollbar-thumb {
    background: var(--text-primary);
  }
  .simi-pack-list-item-img {
    width: 100%;
    height: 70px;
    position: relative;
    overflow: hidden;
  }
  .flights_tabnav.details_tabnav {
    padding: 10px;
    border-radius: 0;
    background: var(--text-white);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
  .overview_box.tabbingpacakgaes {
    padding-top: 20px;
  }
  .flights_tabnav.details_tabnav p {
    color: var(--text-grey);
    font-size: 14px;
    text-align: justify;
    padding: 0 0 10px;
    line-height: 20px;
    margin-bottom: 0;
  }
  .overview_box.tabbingpacakgaes li {
    color: var(--text-grey);
    font-size: 14px;
    text-align: justify;
    padding: 0 0px 10px;
    line-height: 20px;
    margin-bottom: 0;
    font-weight: 100;
    list-style-type: disc;
  }
  .owl-dots {
    text-align: center;
    margin: 6px 0 16px;
  }
  .owl-carousel button.owl-dot.active {
    background: none repeat scroll 0 0 var(--text-grey);
  }
  .owl-carousel button.owl-dot {
    background: none repeat scroll 0 0 var(--text-grey);
    border-radius: 20px;
    display: inline-block;
    height: 9px;
    margin: 5px 7px;
    opacity: 1;
    width: 9px;
    outline: none;
  }
  .similar_package-price a {
    color: var(--text-primary);
  }
  #Inclusions .dt-box-1 {
    min-height: 600px;
  }
  .simi-pack-list-item-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .simi-pack-list-item-img {
    overflow: hidden;
    position: relative;
    height: 70px;
  }
  .flights_tabnav {
    width: 100%;
    margin-top: 5px;
  }
  #myModalbabage123 .meal_bottom {
    background: var(--text-primary);
  }
  #myModalbabage123 .meal_bottom .modal-title {
    color: var(--text-white);
  }
  #seatmapModal .modal-dialog.modal-lg {
    max-width: 1000px;
  }
  .dt-price-box {
    float: right;
  }
  .visa-banner-content.banner-content-visa.visabanner-inner {
    top: auto !important;
  }
  .inserted-room-row .removeit {
    font-size: 20px;
    margin-top: 6px;
  }
  .pencil-txt-dt {
    text-decoration: none;
    font-size: 20px;
    color: var(--text-primary);
    font-weight: 700;
    padding-left: 10px;
  }
  .inr-txt-dt {
    text-decoration: none;
    font-size: 20px;
    color: var(--text-primary);
    font-weight: 700;
  }
  .inclusiondream li {
    display: inline-block;
  }
  .inclusiondream {
    padding-left: 0;
    margin-bottom: 0;
  }
  .inclusiondream li i {
    margin-right: 0px;
  }
  .inclusiondream li i:before {
    font-size: 22px;
    margin-right: 9px;
  }
  .highlights-box h2 {
    font-size: 16px;
  }
  .highlights-box p {
    font-size: 14px;
    width: 100%;
    font-weight: 100;
    float: left;
    color: var(--text-grey);
  }
  .pull-right.read-more {
    font-size: 14px;
    text-decoration: underline;
  }
  .carousel-caption {
    position: absolute;
    bottom: -20px;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    color: var(--text-white);
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .inserted-room-row .removeit {
    font-size: 12px;
    margin-top: 9px;
  }
  .main-img-box img {
    width: 100%;
  }
  .hotel-listing-buttons-cls {
    display: block;
    width: 100%;
    text-align: right;
    z-index: 9;
  }
  .hotel-listing-buttons-cls #estinamtebtnid {
    margin-left: 10px;
  }
  .details-btn-box #estinamtebtnid {
    margin-top: 0px !important;
    float: right;
  }
  .packages_tabnav ul {
    padding-left: 20px;
  }
  .inquary-whatsappicon {
    height: 50px;
    border: solid 3px var(--text-primary);
    box-shadow: 0 3px 3px var(--text-dark);
    background: var(--text-primary);
    width: 150px;
    line-height: 38px;
    font-weight: 600;
    color: var(--text-white);
  }
  .inquary-whatsappicon .fa,
  .footer-whatsappicon span {
    color: var(--text-white);
    font-size: 15px;
  }
  .inquary-whatsappicon .fa {
    padding-right: 10px;
    font-size: 20px;
  }
  .inquary-whatsappicon a:hover {
    text-decoration: none;
  }
  .inquary-whatsappicon:hover {
    background: var(--text-dark) !important;
    color: var(--text-white) !important;
    border-color: var(--text-dark) !important;
  }
  .footer-whatsappicon-new {
    height: 50px;
    border: solid 3px var(--green);
    box-shadow: 0 3px 3px var(--text-dark);
    background: var(--green);
    width: 150px;
    line-height: 38px;
    -webkit-transform: rotate(90deg);
    font-weight: normal;
    color: var(--text-white);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    text-align: center;
    font-size: 20px;
    position: fixed;
    right: -47px;
    top: 65% !important;
    z-index: 999;
    cursor: pointer;
    border-radius: 0;
  }
  .footer-whatsappicon-new .fa,
  .footer-whatsappicon-new span {
    color: var(--text-white);
    font-size: 15px;
  }
  .footer-whatsappicon-new .fa {
    padding-right: 10px;
    font-size: 20px;
  }
  .footer-whatsappicon-new a:hover {
    text-decoration: none;
  }
  .footer-whatsappicon-new:hover {
    background: var(--text-dark) !important;
    color: var(--text-white) !important;
    border-color: var(--text-dark) !important;
  }
  .ftr-sticky.mob-only {
    display: none;
  }
  .close-search-box-cls {
    display: none;
  }
  .close-menu-box-cls {
    display: none;
  }
  .overlay-banner-cls {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 28%);
    top: 0;
  }
  @media (max-width: 1280px) {
    .mobile_footer_bottomcontinuefixed {
      display: none;
    }
    .bus-name {
      margin-right: 8%;
    }
    .bus-Departure {
      margin-right: 0%;
    }
    .bus-Duration {
      margin-right: 10%;
    }
    .bus-Arrival {
      margin-right: 1%;
    }
    .bus-Seats {
      margin-right: 8%;
    }
  }
  @media (max-width: 1199px) {
    .list-box .listing-info {
        width: 50%;
    }
  }
  @media (max-width: 1024px) {
    .mobile_footer_bottomcontinuefixed {
      display: none;
    }
    .sortright ul li.carname {
      margin-right: 34%;
    }
    .sortright ul li.carseats {
      margin-right: 4%;
    }
    .sortright ul li.carkm {
      margin-right: 11%;
    }
    .sticky-form.fixed {
      position: relative;
      z-index: -1;
    }
    .list2-radio ul {
      margin-bottom: 0px;
    }
    .fl-img-box .share-btn {
      top: 34%;
    }
    .hotel-rating-names ul .ht-nm {
      float: none;
      width: 100%;
    }
    .hotel-rating-names ul li {
      border-bottom: 1px solid var(--text-lightgrey);
    }
    .hotel-rating-names ul li {
      display: block;
    }
    .list-radio-cls,
    .tab-btns-cls {
      overflow-y: hidden;
      overflow-x: auto;
      margin-bottom: 10px;
      white-space: nowrap;
    }
    .ft-dt-list2,
    .share-list2 {
      margin-top: 10px !important;
    }
    .share-btn {
      margin-top: 8px;
    }
    .readmore-right {
      top: 94%;
      left: 50%;
      right: 0 !important;
      text-align: center;
    }
    .best-places .readmore-right {
      top: 96%;
    }
  }
  @media (max-width: 992px) {
    .mbpadding_0 {
      padding-left: 0px !important;
      padding-right: 0px !important;
      width: 100%;
    }
    #bannerslider .homesliderloop,
    #bannerslider .item,
    #bannerslider img {
      height: 200px !important;
    }
    #bannerslider .homesliderloop {
      display: block;
    }
    #bannerslider .ig-carousel-item-text {
      height: 300px;
      top: 5%;
    }
    .ig-carousel-item-text .carousel-text-wrapper .herocarousel-subhead {
      font-size: 16px !important;
      margin: 0 auto;
      line-height: 20px !important;
    }
    .homesliderloop .owl-dots {
      display: none;
    }
    #bannerslider .owl-prev,
    #bannerslider .owl-next {
      display: none;
    }
    .custom-nav .navbar-nav li {
      padding-right: 3px;
    }
    .show_wrap_less {
      height: 79px !important;
    }
    .blog-content .content-wrapper {
      padding: 0px 22px 6px;
    }
    .sendenquiry-btn {
      display: none;
    }
    .footer-whatsappicon {
      display: none;
    }
    .inserted-room-row .removeit {
      font-size: 12px;
      margin-top: 8px;
    }
    .select_box_wth {
      margin-bottom: 0 !important;
    }
    [class^="flaticon-"]:before,
    [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after,
    [class*=" flaticon-"]:after {
      font-size: 22px;
    }
    .inclusiondream {
      margin-bottom: 0;
    }
    .dropdown.selectroom_cls-box {
      margin-top: 0;
    }
    .dropdown.selectroom_cls-box .labeltxt {
      margin-top: 10px;
    }
    .flights_tabnav .nav-tabs > li > a {
      font-size: 12px;
      padding: 4px 4px;
    }
    .best-places-content {
      height: 26px !important;
      line-height: 26px !important;
    }
    .blackbg .title-main h2,
    .title-main h1 {
      font-size: 24px;
      text-align: left;
    }
    .select_box_wth {
      margin-bottom: 0;
      font-size: 12px !important;
      margin-top: 5px;
    }
    .featured_title h1 {
      font-size: 30px;
      margin: 0;
      color: var(--text-primary);
      font-weight: bold;
      line-height: 1.42857;
      text-align: center;
    }
    .testimonalial_title_show {
      width: 153px;
      height: 38px;
      background-color: var(--secondcolor);
      display: block;
      margin: -21px auto auto;
      font-size: 26px;
      color: var(--text-dark);
      line-height: 90px;
    }
    .listing-box-mobile .container {
      padding-left: 0;
      padding-right: 0;
      margin-right: auto;
      margin-left: auto;
      margin: 0 auto;
      display: block;
    }
    .listing-box-mobile .row {
      margin-right: 0;
      margin-left: 0;
    }
    .listing-box-mobile .international_align_rightpadding {
      padding-left: 0;
      padding-right: 0;
    }
    .listing-box-mobile .col-lg-12.col-sm-12.col-md-12.col-12 {
      padding-left: 0;
      padding-right: 0;
    }
    .listing-box-mobile .col-lg-9.col-md-12.col-sm-12.col-12.mb-scroll-height {
      padding-left: 0;
      padding-right: 0;
    }
    .flight_search_list_international .col-sm-8.col-md-8.col-lg-8.col-6 {
      padding-left: 5px;
      padding-right: 0px;
    }
    .custom-radio .custom-control-label::before,
    .custom-radio .custom-control-label::after {
      top: 2px;
    }
    #checkbox-2100 {
      display: inline-block;
      width: 14px;
      height: 14px;
    }
    .custom-nav .navbar-nav li:after {
      display: none;
    }
    .galleryslidercls .item {
      height: 300px;
    }
    .inserted-room-row {
      padding: 12px !important;
    }
    .addroom-list li {
      display: block;
      margin: 10px auto;
    }
    .hedershow {
      display: none;
    }
    .showsecond {
      display: none !important;
    }

    .extend_width {
      width: 100%;
      position: absolute;
      margin: 0 auto;
      display: block !important;
      top: 0;
      left: 0;
      z-index: 9999;
    }
    .extend_width2 {
      width: 100% !important;
      position: absolute !important;
      margin: 0 auto;
      display: block !important;
      top: 0;
      left: 0;
      z-index: 9999;
      margin-left: 0 !important;
    }
    .extend_width_list {
      position: absolute !important;
      left: 0;
      top: 0;
      z-index: 99999;
      width: 100% !important;
      height: 600px !important;
      display: block;
      background: var(--text-white);
      margin-left: 0 !important;
    }
    .extend_width_formtitlecls {
      padding: 10px;
    }
    .extend_width_input {
      padding: 10px;
    }
    .extend_width_frmclose {
      display: block;
      top: 0px;
      right: 8px;
      font-size: 20px;
      z-index: 9999999;
      color: var(--text-grey);
      position: absolute;
    }
    .extend_width_input .ui-widget.ui-widget-content {
      top: 0 !important;
    }
    ul#sourcesjd,
    ul#destinjd {
      min-width: 100%;
      left: 0;
      top: 0 !important;
    }
    .extend_width_ui-front {
      top: 186px !important;
      width: 100% !important;
      max-width: 94% !important;
      left: 10px !important;
    }
    .extend_width_formtitlecls {
      visibility: hidden;
    }
    .extend_width_home-srch {
      position: fixed;
      left: 0 !important;
      z-index: 9999;
      right: 0;
      height: 100%;
      bottom: 0;
      top: 0 !important;
      width: 100% !important;
      transform: none !important;
    }
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
      display: none;
    }
    .tab-title-content-bg th .tab-title-txt-cls {
      width: 150px;
    }
    li.nav-item.package-icons-item {
      float: none;
      margin-bottom: -1px;
      display: inline-block;
    }
    .mobile_scrolling {
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap;
    }
    .detail-tabbing-whitesec .packages-included {
      display: block;
    }
    .ovreview-content ul {
      padding: 0 15px;
    }
    .startingbox {
      margin-top: 6px;
      display: none;
    }
    .fl-list-item .packages-included {
      margin-top: 10px !important;
      display: block;
    }
    a.callbtn12 {
      display: none;
    }
    a.whatsupbtn12 {
      display: none;
    }
    ul.packages-included li a {
      padding: 0 6px;
    }
    .tab-title-txt-cls {
      margin-top: 0px;
      margin-bottom: 0;
    }
    .tab-title-content-bg {
      padding: 4px 10px;
    }
    .detial-headercls {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 90;
      background: var(--text-white);
      margin: 0;
      -webkit-box-shadow: 0 1px 1em 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 1px 1em 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 1em 0 rgba(0, 0, 0, 0.3);
    }
    .details-btn-box {
      margin: 3px 0;
    }
    .banner-title-details {
      font-size: 14px;
    }
    .view-packages-btn-inner {
      margin-bottom: 5px;
    }
    span.similar_package-price {
      padding-left: 4px;
    }
    .service_subheading {
      margin: 0 !important;
    }
    .similar-packages {
      margin-top: 10px;
    }
    #mypopupsectionModal .standard_class label {
      display: inline-block;
      padding: 5px 0;
      font-size: 11px !important;
      border: 2px solid var(--text-lightgrey);
      border-radius: 22px;
      cursor: pointer;
      width: 100%;
      text-align: center !important;
      margin: 2px 0;
      float: left;
      font-size: 15px !important;
    }
    .counter-sec label {
      font-size: 14px;
      font-weight: 600;
    }
    .counter-sec label span {
      display: block;
      font-size: 12px;
      font-weight: normal;
    }
    .counter-sec label .count-input_cls {
      display: block;
      font-size: 12px;
      font-weight: normal;
      margin: 9px 0 0;
    }
    #mypopupsectionModal .closebtn {
      position: absolute;
      top: -9%;
      right: 0;
      font-size: 14px;
      margin-left: 0;
      font-weight: bold;
      color: var(--text-grey);
      z-index: 999999;
      background: rgb(0, 0, 0, 0.5);
      border-radius: 100%;
      width: 34px;
      height: 34px;
      line-height: 10px;
    }
    .frmhidesection {
      display: none;
    }
    .mobile-as1 .exchange_transfer {
      display: none;
    }
    .frmcloseshow {
      display: block;
    }
    .mobile_head1 {
      display: none;
    }
    .mobile-as {
      margin-left: 0% !important;
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100%;
      background: var(--text-white);
    }
    .mobile-as1 {
      margin-left: 0% !important;
      position: absolute !important;
      left: 0;
      top: 0;
      z-index: 99999;
      width: 100% !important;
      height: 600px !important;
      display: block;
      background: var(--text-white);
    }
    .mobile-as1 .exchange_transfer {
      display: none;
    }
    .mobile-res {
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100%;
      background: var(--text-white);
    }
    .mobile-res1 {
      position: absolute !important;
      left: 0;
      top: 0;
      z-index: 99999;
      width: 100% !important;
      height: 600px !important;
      display: block;
      background: var(--text-white);
    }
    .mobile-asfrm {
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      width: 100% !important;
      transform: none !important;
    }
    li.flight-search-flight9 {
      width: 100%;
      margin-bottom: 0;
    }
    li.flight-search-flight10 {
      width: 100%;
      margin-left: 0;
    }
    li.flight-search-flight7 {
      width: 100%;
      margin-bottom: 0;
    }
    li.flight-search-flight8 {
      width: 100%;
      margin-left: 0;
    }
    li.flight-search-flight18 {
      width: 100%;
      margin-left: 0;
    }
    li.flight-search-flight18 .formtitlecls {
      display: none;
    }
    li.flight-search-flight17 {
      margin-bottom: 0;
      width: 100%;
    }
    .logohidemobile {
      display: none;
    }
    .logohidedesktop {
      display: block;
    }
    .search-form-box {
      margin-bottom: 0;
      width: 100%;
      height: 100%;
      left: 0;
      min-height: 360px;
      transform: translate(0px, 0px);
      top: 0;
      border-radius: 0;
      box-shadow: none !important;
      position: relative;
      bottom: 0;
      right: auto;
      z-index: 9;
      margin-top: 10px;
      background: var(--text-white);
    }
    .home-tab-btns .tab-list.active {
      border-top: none;
    }
    .textlogo {
      color: var(--text-primary) !important;
    }
    .bannerslider-mobile button.owl-prev,
    .bannerslider-mobile button.owl-next {
      display: none;
    }
    #bannerslider {
      min-height: 300px;
      background: var(--text-lightgrey);
    }
    .hot-deals {
      padding-top: 30px !important;
    }
    .ig-carousel-item-text {
      width: 100%;
      left: 0;
      top: 33%;
      transform: translate(0, 0);
    }
    .ig-carousel-item-text .carousel-text-wrapper .herocarousel-head {
      font-size: 24px;
      line-height: 25px;
    }
    .home-tab-btns .nav.nav-tabs {
      border-bottom: 1px solid var(--text-grey);
    }
    .bannerslider-mobile {
      display: block;
    }
    .formtitle {
      padding: 10px;
    }
    .outstaion .padding-0 {
      float: left;
    }
    .home-tab-btns .tab-list {
      display: inline-block !important;
      padding-left: 0;
      padding-bottom: 10px;
    }
    .search-box {
      width: 100%;
      left: 0;
      min-height: 324px;
      transform: translate(0px, 0px);
      top: 0;
      border-radius: 0;
      box-shadow: none !important;
    }
    .profiletab li {
      padding: 3px 6px;
      font-size: 12px;
      margin-right: 0;
    }
    #myModal_viewmore .modal-body {
      padding: 10px 2px;
    }
    .visa-srch_form {
      padding: 20px;
    }
    #filters_col_bt {
      font-weight: 600;
    }
    .continue_btn_mobile.continue_btnddonsreview.paynowbtn22 {
      background: var(--text-primary);
      margin-bottom: 0;
    }
    .destination_right_details p {
      font-size: 12px;
      line-height: 14px;
      margin: 0 5px 0 0 !important;
      color: var(--text-dark);
    }
    ul#sourcesjd,
    ul#destinjd {
      min-width: 100%;
      left: 0;
    }
    .visa-srch_form {
      padding: 20px;
    }
    .proj-themes-flight {
      padding: 160px 0 40px 0;
    }
    .flighsearch-show-flight-home input {
      display: inline-block !important;
    }
    .checkbox_handlecls {
      float: none;
      text-align: left;
      width: 70%;
      margin-top: 5px;
    }
    .checkbox_handle-cls {
      float: none;
      text-align: left;
      width: 100%;
    }
    .international_fligt_logo h5 {
      margin: 0;
      float: none !important;
      width: auto;
    }
    .oneway-mb .international_flight_cityname {
      float: left;
      width: 100%;
      text-align: left;
      color: var(--text-dark);
    }
    .theme-search-results-item-flight-section-path-line-start1,
    .theme-search-results-item-flight-section-path-line-end1,
    .theme-search-results-item-flight-section-path-line-middle1,
    .theme-search-results-item-flight-section-path-line-middle-11,
    .theme-search-results-item-flight-section-path-line-middle-21 {
      top: 12px;
    }
    .theme-search-results-item-flight-section-path1 {
      margin: 0;
    }
    .removeclas .destination_left_details p,
    .removeclas .destination_right_details p {
      line-height: 13px;
    }
    .removeclas span.cabin_box1 {
      width: auto;
      float: none;
    }
    .fiardetails_bg .destination_left_details p {
      line-height: 13px;
    }
    .mb-flight-cls {
      float: none !important;
    }
    .flightcustomcls {
      margin-bottom: 0 !important;
    }
    .flightcustom-cls {
      width: 70px;
      line-height: 14px;
      float: left;
    }
    .oneway-mb .international_flight_cityname {
      float: left;
      width: 100%;
      text-align: left;
      color: var(--text-dark);
    }
    .fairsummarynopadding {
      padding-bottom: 50px;
    }
    .mdfy_flightdatemiddle-icon {
      float: left;
      font-size: 10px;
      color: var(--text-white);
      margin: 0;
      padding: 0;
      font-weight: bold;
      padding-left: 6px;
      line-height: 16px;
      text-align: center;
    }
    .mdfy_flightdate_left {
      float: left;
      font-size: 10px;
      color: var(--text-white);
      margin: 0;
      padding: 0;
      font-weight: bold;
      line-height: 16px;
      text-align: center;
    }
    p.daytext {
      font-size: 10px;
      color: var(--text-white);
      font-weight: 500;
      text-align: left;
    }
    .mdfy_flightdatemiddle {
      float: right;
      font-size: 10px;
      color: var(--text-white);
      margin: 0;
      padding: 0;
      font-weight: bold;
      line-height: 16px;
      text-align: center;
    }
    .name_planecls {
      float: none !important;
      margin-bottom: 0px !important;
      font-size: 9px !important;
    }
    .multycity_wrappercls-new {
      padding-bottom: 10px !important;
      margin-top: 10px !important;
      padding-top: 0 !important;
    }
    .wrappercls-new {
      padding-bottom: 3px !important;
    }
    .checkboxcontainerreview-round .checkmark {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: var(--text-white);
      position: absolute;
      left: -5px;
      top: 0;
      border: 2px solid var(--text-grey);
      border-radius: 100%;
    }
    .round-citycls {
      margin: 0;
      width: 100%;
      text-align: left;
    }
    .round-timecls {
      width: 100%;
      margin: 0;
    }
    .roundtripright-scroll {
      padding-right: 0;
    }
    .roundtripleft-scroll {
      padding-left: 0;
      padding-right: 0;
    }
    .durationcls {
      width: 100%;
      margin: 0;
    }
    .round-leftcls {
      margin-top: 0 !important;
      width: 84% !important;
    }
    .round-left-width {
      width: 16% !important;
    }
    .multicity_radio_button {
      padding-left: 16px;
    }
    .round-left-width {
      margin-top: 0 !important;
    }
    .destination_left_details {
      width: 100%;
      float: left;
    }
    .showindesktop1 {
      display: block !important;
    }
    .selectseats .destination_name {
      float: left;
      line-height: 15px;
      padding-right: 10px;
      font-size: 13px;
    }
    .modal-open .modal {
      z-index: 999999 !important;
    }
    .mobile_footerright {
      width: 50%;
      float: right;
    }
    .mobile_footerleft {
      width: 50%;
      float: left;
    }
    .showindesktop1 {
      top: 29px !important;
      text-align: left;
    }
    .sortlisting-flight-round {
      margin-top: 0 !important;
      padding-top: 8px !important;
      padding: 10px !important;
      position: fixed !important;
      width: 100%;
      z-index: 999999;
      background: var(--text-white) !important;
      left: 0;
      top: 0;
      height: 100%;
      overflow: scroll;
    }
    .round-inter-oadding0 {
      padding: 0;
    }
    .round-inter-leftside {
      width: 65% !important;
    }
    .round-inter-downarrow {
      bottom: 0 !important;
      left: 47% !important;
    }
    .round-intre-right {
      width: 35% !important;
    }
    .standard_class > .radio,
    .standard_class > .radio {
      width: 100%;
      flex: 0 0 100%;
      max-width: 100%;
      float: left;
      margin-right: 1% !important;
      margin-left: 0;
    }
    .standard_class,
    .travelclass_main.standard_class {
      margin-top: 10px;
      height: auto !important;
      margin-bottom: 10px;
    }
    .mulitcity_name_mobile {
      line-height: 12px;
    }
    .flight_stop1-mobile {
      top: 29px !important;
    }
    .showindesktop {
      display: block;
      text-align: left !important;
    }
    .price-font {
      margin-right: 10px;
      font-weight: bold;
      font-size: 12px;
    }
    .f-exchangeicon {
      top: 3px !important;
      left: -12px !important;
    }
    .SelectClass {
      display: inline-block !important;
    }
    #checkbox-2100 {
      display: inline-block;
    }
    .flighthome {
      margin-bottom: 10px !important;
    }
    .destination_name {
      float: left;
      line-height: 14px;
      margin: 0 5px 0 0 !important;
    }
    .fair_summary {
      background: var(--text-white);
      border: 1px solid var(--text-grey);
      margin: 20px 0 20px 0;
      padding: 0px;
    }
    .backbutton {
      padding: 5px 12px !important;
    }
    .mobile_reviewpadding_0 {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .fairsummarynopadding {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .exchange_transfer2 {
      top: 16px !important;
    }
    .internation-flight-search-Banner .t-box-cls:after {
      position: absolute;
      bottom: 0px;
      right: 18px;
      height: 16px;
      content: "";
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-bottom: 1.3em solid transparent;
      border-left: 0.3em solid transparent;
    }
    .marginalign_top {
      margin-top: 12px !important;
    }
    .marginalign_top_6 {
      margin: 6px 0 0 0 !important;
    }
    .flightPaxInfo_border {
      border: 0px solid var(--text-grey) !important;
    }
    .mobile_show_margin {
      margin-bottom: 0;
    }
    .t-box-cls:after {
      position: absolute;
      bottom: -1px;
      right: 18px;
      height: 16px;
      content: "";
      top: 20px;
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-bottom: 1.3em solid transparent;
      border-left: 0.3em solid transparent;
    }
    .mobile_margin_traveller {
      margin: 6px 0 0 !important;
    }
    .mobile-hide-section {
      display: none;
    }
    .skippcls {
      margin-top: 0;
    }
    .backbutton {
      float: left;
      margin-top: 0;
    }
    .outstaion .flightradio {
      padding-left: 4px;
    }
    .outstaion .padding-0 {
      padding-bottom: 4px;
      padding-left: 6px !important;
    }
    .padding-right0 {
      padding-right: 15px !important;
    }
    #done_traveller {
      width: 100%;
      padding: 8px;
      background: var(--text-primary);
    }
    .outstaion label {
      font-size: 14px;
    }
    .outstaion .custom-control {
      margin: 0;
    }
    .modify-hide {
      display: none !important;
    }
    .flight_search_list_details
      .theme-search-results-item-flight-section-path-fly-time
      p {
      font-weight: 600;
    }
    .sortlisting-flight {
      margin-top: 0 !important;
      padding-top: 8px !important;
      padding: 10px !important;
      position: fixed !important;
      width: 100%;
      z-index: 999999;
      background: var(--text-white) !important;
      left: 0;
      top: 0;
      height: 100%;
      overflow: scroll;
    }
    .internation-flight-search-Banner .srch_form {
      margin-top: 0px !important;
      position: relative !important;
      padding-top: 0px !important;
      padding: 10px !important;
      position: fixed !important;
      width: 100%;
      z-index: 999999;
      background: var(--text-white) !important;
      left: 0;
      top: 0;
      height: 100%;
      -webkit-transition: opacity 0.15s linear;
      -o-transition: opacity 0.15s linear;
      transition: opacity 0.15s linear;
    }
    #flight-filter {
      padding: 10px;
      position: fixed;
      width: 100%;
      z-index: 999999;
      background: var(--text-white);
      left: 0;
      top: 0;
      height: 100%;
      overflow: scroll;
    }
    .flight-wrapper-cls {
      margin: 0;
    }
    .flight_search_list_details .flight_time2 {
      font-size: 11px;
    }
    .flight_search_list_details .flight_time2 {
      font-weight: 600;
    }
    .fligt_logo-content h5,
    .fligt_logo-content h6 {
      font-size: 11px;
      font-weight: 600;
    }
    #myModal_viewmore .modal-dialog button {
      font-size: 19px;
      font-size: 22px;
    }
    .internation-flight-mobile {
      position: fixed;
      width: 100%;
      z-index: 999;
      top: 0;
    }
    .search-btn {
      font-weight: 400;
      margin: 0px 0 0 0;
    }
    .form-control {
      margin-bottom: 10px;
      font-size: 12px !important;
    }
    .flight_search_list_international {
      padding: 4px !important;
      margin-top: 0 !important;
      margin-bottom: 5px !important;
    }
    .mobile-hide-meals-icons {
      display: none;
    }
    .fl-price-published {
      margin-right: 10px;
      font-weight: bold;
      font-size: 12px;
    }
    .seats_available {
      display: none;
    }
    .published {
      background: none;
      color: var(--text-dark);
      padding: 0;
      font-size: 10px;
    }
    .traveller_login {
      font-size: 12px;
    }
    .seatmapModal {
      float: none;
      padding: 8px 0;
      margin: 6px auto;
      display: block;
    }
    .smallsize {
      display: none !important;
    }
    h4.ticket_info_text {
      margin-bottom: 10px;
      margin-right: 0;
      float: left;
    }
    .selectaddonsradio-toolbar {
      padding-left: 0 !important;
    }
    .booking_form_warpper_review {
      padding: 10px;
      margin-top: 50px;
    }
    .seatbtn-flt {
      width: 130px !important;
      margin-bottom: 10px !important;
      padding: 10px !important;
    }
    .srch_form .form-control {
      margin-bottom: 5px;
      font-size: 14px;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      display: -webkit-box;
      margin-top: 5px;
    }
    .travler-fairsummry {
      padding-left: 15px;
      padding-right: 15px;
    }
    .internation-flight-mobile .fa {
      color: var(--text-white);
      text-decoration: none;
    }
    #proceed {
      margin: 0 auto;
      text-align: center;
      float: right;
    }
    .t-radiobtn.flightradio {
      width: 100%;
      overflow-y: hidden;
      overflow-x: auto;
      margin-bottom: 5px;
      white-space: nowrap;
      display: inline-block;
    }
    .copyright .copyright-txt {
      margin: 0px 0 5px 0;
    }
    .adult_box_travel {
      font-size: 9px;
      top: 36px;
      width: 100%;
      left: 20px;
    }
    .selectaddons_wrapper .modal-body {
      padding: 0px;
    }
    .flight-dt-icons {
      margin-left: 0;
      float: none;
      line-height: 26px;
    }
    .multicity_form_boxshow {
      left: 44%;
      bottom: 0%;
    }
    .date-parent input {
      position: relative;
    }
    .fair_information_details {
      padding: 0px;
    }
    .fair_details_title {
      padding: 5px;
    }
    .date-parent input {
      position: relative;
    }
    .mobile_footer_bottomcontinuefixed .active {
      background: var(--text-primary);
    }
    .flight-mb-search {
      background: none !important;
    }
    .roomBoxMain .roomBoxMainIn .counter {
      color: var(--text-dark) !important;
      left: 0;
      top: -4px;
      text-align: center;
      margin: 0 auto;
      padding: 0;
      display: block;
      width: 60px;
      line-height: 30px;
    }
    .internation-flight-search-Banner .standard_class {
      height: 140px;
    }
    .internation-flight-search-Banner .standard_class label {
      margin: 2px 0;
    }
    .internation-flight-search-Banner .room_booking_traveller {
      padding-right: 0;
    }
    .internation-flight-search-Banner .room_booking_traveller .title {
      font-size: 12px;
      background: var(--text-white);
      color: var(--text-dark);
      padding: 2px 10px;
      margin-bottom: 10px;
      width: 100%;
    }
    .internation-flight-search-Banner .search-btn {
      background: var(--text-primary);
      color: var(--text-dark);
      font-weight: 600;
    }
    .flight-pl-0 {
      padding-left: 0;
      margin: 1px;
      max-width: 49% !important;
      list-style-type: none;
      line-height: 26px;
      padding: 0;
      text-align: left;
      width: 117px;
      display: inline-block !important;
    }
    .roundmb {
      bottom: 68px !important;
    }
    .sortingnames-flight {
      margin-bottom: 10px;
      border-bottom: 1px solid var(--text-lightgrey);
      padding-bottom: 6px;
      font-weight: 600 !important;
    }
    .internation-flight-search-Banner .srch_form {
      background: var(--text-white) !important;
    }
    .internation-flight-search-Banner .t-radiobtn label,
    .nonstop_mytrip {
      color: var(--text-dark) !important;
    }
    .ui-datepicker.ui-datepicker-multi {
      width: 100% !important;
      top: 0 !important;
      left: 0 !important;
      position: fixed !important;
      height: 100% !important;
    }
    .addonnfair {
      display: none;
    }
    .travelogbanner img {
      width: 100%;
    }
    .addons_textselect_option {
      border-left: 0px dashed var(--text-lightgrey);
      padding-left: 0;
      padding-right: 0;
      border-top: 1px solid var(--text-lightgrey);
      padding-top: 10px;
      padding-bottom: 5px;
    }
    .addons_textselect_option_one {
      padding: 0;
    }
    .addonsselect_left {
      float: left;
      padding: 5px 0;
    }
    .addonsselect_left h4 {
      font-weight: bold;
      font-size: 13px;
      line-height: 10px;
      color: var(--text-dark);
      margin: 0;
      padding: 0;
    }
    .addonsselect_left .adult_text_arrival {
      color: var(--text-grey);
      font-family: 'Work Sans', sans-serif !important;
      font-weight: bold;
      font-size: 10px;
      line-height: 18px;
    }
    .addonsselect_right {
      float: none;
      width: 100%;
    }
    .selectaddonsradio-toolbar {
      margin: 2px 0 0;
    }
    .bannercls {
      height: 250px;
      object-fit: cover;
    }
    .blog-d-img {
      height: 200px;
    }
    .blogdetail-box {
      padding: 0;
      border: none;
    }
    .blog-detail-heading {
      margin: 14px 0;
    }
    .post-info {
      margin-left: 40px;
      line-height: 20px;
    }
    .recent-blog-detail-heading {
      font-size: 12px;
    }
    .blogimg {
      height: 200px;
    }
    .blog-content {
      padding: 4px 15px !important;
      background-color: var(--text-white);
    }
    .blog-content .date {
      text-align: left;
      margin-left: 18px;
      color: var(--text-dark);
      margin-top: 10px;
    }
    .blog-content .date .day {
      margin: 0 0 0.7rem 0;
      font-size: 30px;
      font-weight: 600;
      line-height: 20px;
      float: left;
    }
    .blog-content .date .month {
      font-size: 20px;
      line-height: 20px;
      text-transform: uppercase;
      float: left;
      margin: 0 6px;
      font-weight: 600;
    }
    .blog-content .date .year {
      font-size: 20px;
      font-weight: 600;
      float: left;
      line-height: 20px;
    }
    .blog-content .preview {
      color: var(--text-grey);
      height: auto;
      margin-bottom: 0px;
      word-break: break-all;
    }
    .blog-content p {
      padding: 1em 0 0 0 !important;
      color: var(--text-dark);
      word-break: break-word;
      font-size: 14px;
    }
    .contactus .offset-8 {
      margin-left: 0;
    }
    .contactdetails {
      margin-top: 10px;
    }
    .flighthome-banner {
      height: 380px !important;
    }
    .visa-banner-content-flight-home {
      width: 90%;
      display: block;
      z-index: 99;
      transform: translate(-50%, -50%);
      border-top: none;
    }
    .visa-documents-dt details {
      padding: 15px 10px;
    }
    .visa-dt-right {
      display: none;
    }
    .Visa-box h1 {
      font-size: 12px;
    }
    .Visa-box {
      padding: 10px 0;
    }
    .Visa-box .price1 {
      font-size: 14px;
    }
    .visa-documents-dt details summary {
      padding: 8px;
      font-size: 14px;
    }
    .visa-tabbing li {
      margin-right: 10px;
    }
    .visa-tabbing li.active a {
      padding: 7px;
    }
    .visa-tabbing li a {
      font-size: 12px;
      padding: 0;
    }
    #visachooseus .container-fluid .col-sm-3 {
      flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .visa_text_working {
      line-height: 25px;
    }
    a#nextbtn {
      margin: 12px 0;
      font-size: 14px;
      line-height: 20px;
    }
    .visa-list {
      padding: 10px;
    }
    .listing-banner-title {
      font-size: 14px;
    }
    .visa-srch_form input {
      margin-bottom: 10px;
      margin-bottom: 10px;
      font-size: 14px;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      display: -webkit-box;
    }
    .listing-title-cls {
      font-size: 14px;
    }
    .visa-box {
      padding: 10px;
      line-height: 22px;
      margin-bottom: 18px;
    }
    .visa-pkg-price-box {
      font-size: 14px;
    }
    .visa-title1 {
      font-size: 16px;
    }
    .visa-title2,
    .visa-title3 {
      font-size: 14px;
    }
    .visa-apply_right {
      font-size: 14px;
      font-weight: 600;
      padding: 5px 10px;
    }
    .cancel-btn-mb-sort {
      display: block;
    }
    #car-search-mb {
      border-radius: 0 !important;
      border: 1px solid var(--text-lightgrey);
      margin: 10px;
    }
    .carlistingBanner .container-fluid {
      padding: 0;
    }
    .carlistingBanner .cancel-btn {
      right: 12px;
    }
    .filter-sec {
      border-radius: 0;
    }
    .footer-list {
      display: none;
    }
    .sortright-flight ul,
    .sortlisting-flight-round ul {
      background: var(--text-white);
      position: absolute;
      top: 0px;
      margin: 10px;
      z-index: 999999;
      width: 95%;
      border: 1px solid var(--text-lightgrey);
      padding: 8px;
      left: 0;
    }
    .sortright-flight ul li,
    .sortlisting-flight-round ul li {
      display: block;
      width: 100% !important;
      float: none;
      text-align: left;
    }
    .sortright-flight li a,
    .sortlisting-flight-round li a {
      padding-left: 0;
      width: auto;
      display: block;
    }
    .sortright-flight li a.active,
    .sortright-flight ul li a.active_sort,
    .sortlisting-flight-round li a.active,
    .sortlisting-flight-round ul li a.active_sort {
      padding: 2px 4px 2px 20px;
    }
    .cancel-btn-mb-sort img {
      width: 12px;
      margin: 0 auto;
      display: block;
    }
    .cancel-btn-mb-sort {
      position: absolute;
      top: 18px;
      z-index: 99999999;
      line-height: 25px;
      right: 12px;
      padding: 2px;
      border: 1px solid var(--text-primary);
    }
    .flight-modify,
    a.flight-modify:hover {
      color: var(--text-white);
      text-align: center;
      font-size: 12px;
    }
    .flight-modify,
    a.flight-sort {
      color: var(--text-white);
      font-size: 12px;
      background: var(--text-grey);
      padding: 4px;
      border-radius: 4px;
      margin: 0 auto;
      display: block;
      text-align: center;
    }
    .nonstop_mytrip-mb {
      margin-left: 0;
      margin-right: 0;
    }
    .count-input_cls {
      width: 200px;
      background: var(--text-lightgrey);
      padding: 5px;
      margin: 0 auto;
    }
    .switch-mb {
      margin-bottom: 0;
    }
    .slider:before {
      position: absolute;
      content: "";
      height: 11px;
      width: 11px;
      left: 6px;
      bottom: 3px;
      background-color: var(--text-dark);
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .roundtripleft-scroll,
    .roundtripright-scroll {
      height: 550px;
      overflow-x: hidden;
      overflow-y: scroll;
    }
    .roundtripright-scroll::-webkit-scrollbar,
    .roundtripleft-scroll::-webkit-scrollbar {
      width: 5px;
    }
    .traveller-detaisl .name_traveller_addons {
      margin-bottom: 24px !important;
    }
    .cust-info {
      padding: 16px 6px;
    }
    .congartualtion-icon {
      width: 80px;
      text-align: center;
      margin: 0 auto;
    }
    .reviewleft-round {
      margin-bottom: 100px;
    }
    .reviewleft {
      margin-bottom: 100px;
    }
    .multycity_wrapper {
      padding: 8px 10px;
    }
    .roundsecrhlist {
      padding-bottom: 120px !important;
    }
    .internation-flight-search-Banner .room_boxcls {
      width: 95%;
      left: 0;
      margin: 2%;
    }
    .continue_btn {
      display: none;
    }
    .onewaylist {
      margin-bottom: 60px;
      margin: 10px;
    }
    .roundtrip-list {
      margin: 10px;
    }
    .divider_line_height {
      display: none;
    }
    .sortlisting-flight,
    .sortlisting-flight-round {
      display: none;
    }
    .flight-traveldetails {
      padding: 0;
    }
    .flight-traveldetails .hotel-Summry h2,
    .onwordtxt {
      font-size: 14px;
    }
    .flight-traveldetails .hotel-Summry p {
      font-size: 11px;
      margin-bottom: 0;
    }
    .flight-traveldetails .continue_btn {
      margin-top: 10px !important;
    }
    .mobile_footerright .paynowbtn22 {
      margin-top: 0;
      width: 94%;
    }
    .mobile_footer_bottomcontinuefixedtop {
      display: block;
      position: fixed;
      width: 100%;
      z-index: 99999;
      background: var(--text-white);
      bottom: 0;
      padding: 8px 6px 15px 12px;
      height: auto;
      margin: -4px 0 0 0;
      width: 100%;
    }
    .mobile_footerlefttop {
      float: left;
      width: 60%;
    }
    .mobile_totalamounttop {
      font-size: 18px;
      color: var(--text-dark);
      float: left;
      font-weight: bold;
    }
    .price_mobiletop {
      font-size: 13px;
      color: var(--text-dark);
      display: block;
      font-weight: 600;
    }
    .mobile_footerrighttop {
      float: right;
      width: 40%;
    }
    .continue_btn_22top {
      padding: 6px 0;
      border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      margin: 0;
      background-color: var(--text-primary);
      border-color: var(--text-primary);
      color: var(--text-white);
      width: 90%;
      float: right;
      text-transform: capitalize;
    }
    .roundedfoorter-bottom {
      bottom: 68px !important;
      border-radius: 10px !important;
    }
    .footer-hide,
    .copyright-hide {
      display: none;
    }
    .select_flight_result {
      background: var(--text-grey);
      border-radius: 20px 20px 0 0;
      -o-border-radius: 20px 20px 0 0;
      -moz-border-radius: 20px 20px 0 0;
      -webkit-border-radius: 20px 20px 0 0;
      padding: 17px 0 9px;
      margin: 0;
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 999;
      display: none;
    }
    .flight_search_list {
      background: var(--text-white);
      -webkit-box-shadow: 0 2px 2px 0px var(--text-grey);
      box-shadow: 0 2px 2px 0px var(--text-grey);
      -moz-box-shadow: 0 2px 2px 0px var(--text-grey);
      -o-box-shadow: 0 2px 2px 0px var(--text-grey);
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -o-border-radius: 0;
      padding: 2px 10px;
      position: relative;
      margin: 0 0 0 0;
      border: 1px solid var(--text-lightgrey);
    }
    .flight_search_list .col-xs-2 {
      width: 16.66666667% !important;
    }
    .fligt_logo img {
      margin: 0;
      padding: 0;
      width: 25px;
      height: 25px;
    }
    .flight_search_list .col-xs-8 {
      width: 66.66666667% !important;
    }
    .flight_details {
      margin: 5px 0 0;
      padding: 0;
      text-align: center;
    }
    .theme-search-results-item-flight-section-path-fly-time {
      text-align: left;
      width: 88%;
      position: absolute;
      top: 4px;
      left: 13px;
      display: block;
    }
    .theme-search-results-item-flight-section-path-fly-time p {
      font-size: 12px;
      font-weight: 600;
      margin-bottom: 0;
      color: var(--text-dark);
      font-size: 11px;
      font-weight: 600;
      line-height: 13px;
      width: 32%;
      float: left;
    }
    .theme-search-results-item-flight-section-path-line {
      position: absolute;
      top: 30px;
      left: 0;
      width: 100%;
      height: 3px;
      background: var(--text-grey);
    }
    .theme-search-results-item-flight-section-path-line-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: var(--text-grey);
      margin-bottom: 10px;
      margin-left: 10px;
      -webkit-box-shadow: 0 0 0 2px var (--text-white);
      box-shadow: 0 0 0 2px var (--text-white);
    }
    .theme-search-results-item-flight-section-path-line-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: var(--text-grey);
      margin-bottom: 10px;
      margin-left: 10px;
      -webkit-box-shadow: 0 0 0 2px var (--text-white);
      box-shadow: 0 0 0 2px var (--text-white);
    }
    .theme-search-results-item-flight-section-path-fly-time {
      text-align: left;
      width: 88%;
      position: absolute;
      top: 4px;
      left: 13px;
      display: block;
    }
    .flight_details {
      margin: 5px 0 0;
      padding: 0;
      text-align: center;
    }
    .flight_search_list .col-xs-2 {
      width: 16.66666667% !important;
    }
    .flight_price {
      font-size: 14px;
      color: var(--text-primary);
      margin: 3px 12px 4px;
      padding: 0;
      font-weight: bold;
      text-align: right;
      line-height: 16px;
      float: left;
    }
    .hide {
      display: none;
    }
    #flight-filter {
      display: none;
    }
    #filters_col {
      display: none;
    }
    .flight-sort,
    .flight-sort:hover {
      color: var(--text-white);
      font-size: 12px;
    }
    a.flight-filter i,
    .flight-modify i {
      margin-right: 10px;
    }
    a.flight-filter {
      color: var(--text-white);
      font-size: 12px;
      background: var(--text-grey);
      padding: 4px;
      border-radius: 4px;
      margin: 0 auto;
      display: block;
      text-align: center;
    }
    span.flight-toggletbn {
      color: var(--text-white);
      font-size: 12px;
    }
    span.flight-toggletbn label.switch {
      width: 40px;
      height: 18px;
      float: left;
      margin-top: 4px;
      margin-left: 10px;
    }
    span.flight-toggletbn .nonstop_mytrip {
      color: var(--text-white);
      font-size: 12px;
      margin: 0;
      margin-top: 4px;
    }
    span.flight-toggletbn .switch input:checked + .slider:before {
      position: absolute;
      content: "";
      height: 13px;
      width: 13px;
      left: -2px;
      bottom: 3px;
      background-color: var(--text-dark);
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    span.flight-toggletbn .slider:before {
      position: absolute;
      content: "";
      height: 13px;
      width: 13px;
      left: 6px;
      bottom: 3px;
      background-color: var(--text-dark);
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .internationalbox {
      display: none;
    }
    .txtcolor {
      color: var(--text-dark) !important;
      font-size: 12px !important;
    }
    .txtcolor a.backarrow i {
      color: var(--text-dark);
    }
    .serchbanner-mobile {
      display: block;
      border-bottom: 1px solid var(--text-lightgrey);
      margin-bottom: 10px;
    }
    .mobile_totalamount {
      font-size: 10px;
      color: var(--text-primary);
      float: left;
    }
    .price_mobile {
      font-size: 15px;
      color: var(--text-white);
      display: block;
    }
    .continue_btn_22 {
      padding: 10px 0;
      border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      margin: 0;
      background-color: var(--text-primary);
      border-color: var(--text-primary);
      color: var(--text-white);
      width: 94%;
    }
    .mobile_footer_bottomcontinuefixed {
      display: block;
      position: fixed;
      width: 100%;
      z-index: 99999;
      background: var(--text-dark);
      bottom: 20px;
      padding: 6px 12px;
      height: auto;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -o-border-radius: 8px;
      -webkit-border-radius: 8px;
      -ms-border-radius: 8px;
    }
    .booking_review_flight {
      display: none;
    }
    .mobile_flight_title .fa {
      color: var(--text-white);
      line-height: 26px;
      margin-left: 10px;
    }
    .booking_list {
      padding: 20px 0;
      margin-top: 10px;
    }
    .mobile_flight_title a.backarrow {
      color: var(--text-dark);
      font-size: 18px;
      margin-right: 15px;
      float: left;
      line-height: 14px;
      margin-left: 0;
    }
    .mobile_flight_title {
      color: var(--text-white);
      font-size: 16px;
      display: block;
      margin: 6px 0 10px;
      font-weight: bold;
      padding: 0;
    }
    .mobile_header {
      background: var(--text-dark);
      color: var(--text-white);
      padding: 7px 0 3px;
      display: block;
      margin-bottom: 0;
      position: fixed;
      width: 100%;
      z-index: 999;
      top: 0;
    }
    .nonrefundable a span {
      font-size: 12px;
      display: inline-block;
      clear: both;
      margin-right: 3px;
      color: var(--text-dark);
    }
    .airport_timeinformation {
      width: 76%;
      margin-top: 7px;
      margin-bottom: 7px;
      line-height: 10px;
    }
    .mytrip_babbage_wrapper span {
      font-size: 11px;
      color: var(--text-grey);
      margin: 0px 0 0 0;
      margin-right: 3px;
      padding: 0;
      font-weight: 600;
    }
    .flight_align_right {
      text-align: right !important;
    }
    .theme-search-results-item-flight-section-path-line-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: var(--text-grey);
      margin-bottom: 10px;
      margin-left: 10px;
      -webkit-box-shadow: 0 0 0 2px var (--text-white);
      box-shadow: 0 0 0 2px var (--text-white);
    }
    .flight_search_list_details .flight_details {
      margin: 0;
      padding: 0;
      text-align: left;
    }
    .theme-search-results-item-flight-section-path-line-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: var(--text-grey);
      margin-bottom: 10px;
      margin-left: 10px;
      -webkit-box-shadow: 0 0 0 2px var (--text-white);
      box-shadow: 0 0 0 2px var (--text-white);
    }
    .theme-search-results-item-flight-section-path-line {
      position: absolute;
      top: 30px;
      left: 0;
      width: 100%;
      height: 3px;
      background: var(--text-grey);
    }
    .theme-search-results-item-flight-section-path-fly-time p {
      margin-bottom: 0;
      color: var(--text-dark);
      font-size: 11px;
      font-weight: 600;
      line-height: 13px;
      width: 100%;
      float: left;
    }
    .theme-search-results-item-flight-section-path-fly-time {
      text-align: left;
      width: 88%;
      position: absolute;
      top: 4px;
      left: 13px;
      display: block;
    }
    .mobile_hide_section {
      display: none !important;
    }
    .flight_search_list_details .theme-search-results-item-flight-section-path {
      position: relative;
      height: 60px;
      margin: 0 5px;
    }
    .flight_cityname {
      font-size: 12px;
      color: var(--text-dark);
      margin: 8px 0;
      padding: 0;
      font-weight: 600;
    }
    .flight_search_list_details .flight_time {
      font-size: 18px;
      color: var(--text-dark);
      margin: 0;
      line-height: 13px;
      padding: 10px 0 4px;
      font-weight: 600;
    }
    .flight_details {
      margin: 5px 0 0;
      padding: 0;
      text-align: center;
    }
    .fligt_logo h6 {
      font-size: 12px !important;
      color: var(--text-dark);
      margin: 8px 0;
      padding: 0;
      font-weight: 600;
    }
    .flight_search_list_details .fligt_logo {
      margin: 0;
      padding: 0;
      text-align: left;
      width: 100%;
      height: 0;
    }
    .flight_search_list_details .fligt_logo img {
      margin: 0 7px 0 0;
      padding: 0;
      float: left;
      width: 25px;
      height: 25px;
    }
  
    .flight_search_list_details {
      background: var(--text-white);
      padding: 6px 6px;
      position: relative;
      margin: 10px 0;
      border-radius: 20px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 7px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border: 1px solid var(--text-lightgrey);
    }
    .row_padding {
      padding-left: 15px;
      padding-right: 15px;
    }
    .flight_padding_0 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .flight_padding_0 {
      padding-left: 0;
      padding-right: 0;
    }
    .fair_details {
      background: var(--text-white);
      border: 0px solid var(--text-lightgrey);
      border-radius: 0;
      -o-border-radius: 10px 10px;
      -moz-border-radius: 10px 10px;
      -ms-border-radius: 10px 10px;
      margin: 0;
      padding: 1px;
      margin-bottom: 10px;
    }
  
    .internation-flight-search-Banner .cancel-btn {
      top: 0;
      display: block;
      right: 10px;
    }
    .internation-flight-search-Banner {
      padding: 0;
      margin-top: 50px;
    }
    .dept-place .fa-long-arrow-left {
      padding-right: 4px;
    }
    .arrive-day {
      color: var(--text-white);
      font-size: 11px;
    }
    .in-flight-srch {
      color: var(--text-white);
      font-size: 15px;
    }
    .arrive-date {
      color: var(--text-white);
      font-size: 12px;
      font-weight: 600;
    }
    .arrive-date p {
      margin-bottom: 0;
    }
    .internation-flight-mobile {
      background: var(--text-primary);
      padding: 10px 20px;
    }
    .internation-flight-mobile .dept-place {
      font-size: 12px;
      font-weight: 600;
      color: var(--text-white);
    }
    .internation-flight-mobile .arrive-place {
      font-size: 12px;
      font-weight: 600;
      color: var(--text-white);
    }
    .in-flightborder {
      border-right: 1px solid var(--text-lightgrey);
    }
    .internation-flight-search-Banner .srch_form .form-control::placeholder {
      font-size: 13px;
    }
    .internation-flight-search-Banner .srch_form .form-control,
    .internation-flight-search-Banner span.flightPaxInfo {
      font-size: 13px;
      background: var(--text-white);
      border: 1px solid var(--text-grey);
    }
    .exchange_transfer img {
      right: auto;
      top: 9px;
      box-shadow: none;
      border: none;
      border-radius: 4px;
      margin: 0 auto;
      text-align: center;
    }
    .exchange_transfer {
      left: -28px;
      top: 50px;
      box-shadow: none;
      border: none;
      border-radius: 4px;
    }
    .homevisacls {
      margin-top: 0;
      padding-top: 0;
      width: 100%;
      background: var(--text-white);
      padding: 10px;
      margin: 0;
    }
    .internation-flight-search-Banner input:checked + .slider:before {
      height: 12px;
      width: 12px;
      left: 10px;
      bottom: 4px;
    }
    .internation-flight-search-Banner .switch {
      width: 50px;
      height: 18px;
    }
    .internation-flight-search-Banner .t-radiobtn label,
    .nonstop_mytrip {
      font-size: 13px;
    }
    .international_flight_cityname {
      font-size: 11px;
      text-align: left;
    }
    .international_flight_time,
    .international_fligt_logo h5 {
      font-size: 12px;
      text-align: left;
    }
    .multicity_radio_button {
      font-size: 13px;
    }
    a.viewdetails_multicity,
    .viewdetails_multicity {
      font-size: 10px;
      padding: 4px 8px;
      width: auto;
    }
    a.edit_multicity_icond {
      margin: 0px 5px 0px 0;
      line-height: 21px;
    }
    .multicity_form_boxshow i {
      font-size: 20px;
      text-align: center;
      margin: 0 auto;
      display: block;
    }
    .internation-flight-search-Banner .srch_form {
      margin-top: 20px;
      position: relative;
      padding-top: 40px;
    }
    .flight_search_list_international {
      padding: 10px;
    }
    .internation-flight-search-Banner .srch_form {
      display: none;
    }
    .internation-flight-mobile {
      display: block;
      z-index: 999999;
    }
    .bussorting_mobile {
      display: block;
    }
    .bussorting_mobile {
      margin-top: 20px;
    }
    .sortlisting {
      display: none;
    }
    .fair_content ul li span.price_fair_total {
      font-size: 14px;
      float: none;
      color: var(--text-primary);
      font-weight: 600;
    }
    .booking-summary h2 {
      font-size: 20px;
    }
    .hotel-Summry h2 {
      font-size: 18px;
    }
    .bagg_info {
      margin: 0;
      padding: 0;
      border-top: 1px solid var(--text-lightgrey);
      margin-top: 10px;
      padding-top: 10px;
    }
    .room-infoM {
      font-size: 16px;
      float: left;
    }
    .Date-Guest {
      margin: 4px 0;
      padding: 0;
    }
    .flight_search_list_details .Date-Guest h5 {
      font-size: 16px;
    }
    .flight_search_list_details .Date-Guest h6 {
      font-size: 12px;
    }
    .Room-guest h3 {
      font-size: 14px;
    }
    .Room-guest p {
      font-size: 12px;
      margin-bottom: 0;
    }
    .carlistingBanner .custom-control-inline {
      margin-right: 0;
    }
    .car-main .date-icon {
      display: none;
    }
    .mytrip_destination {
      width: 100%;
    }
    .mytrip_to {
      width: 48%;
      padding: 10px 10px 10px 10px;
      min-height: auto;
      margin-top: 0;
    }
    .mytrip_calender_box {
      width: 48%;
      margin-top: 10px;
    }
    .mytrip_departure {
      width: 50%;
    }
    .mytrip_return {
      width: 50%;
    }
    .mytrip_class {
      width: 48%;
      margin-top: 10px;
    }
    a.flightsubmit,
    .flightsubmit {
      width: 100%;
      line-height: 30px;
    }
    .mytrip_city {
      width: 48%;
      padding: 10px 10px 10px 10px;
      min-height: auto;
    }
    .mytrip_to .form-control,
    .mytrip_city .form-control,
    .mytrip_class .form-control,
    .mytrip_departure .form-control,
    .mytrip_return .form-control {
      height: 20px;
      margin: 0px 0 0;
      font-size: 16px;
    }
    a.flightsubmit,
    .flightsubmit {
      font-size: 16px;
      padding: 5px 21px;
      float: none;
      margin-top: 10px;
    }
    .wow {
      animation: none;
    }
    .dt-2-btn {
      background: var(--text-primary);
      padding: 7px 15px;
    }
    .sticky-form.fixed {
      position: relative;
      top: 0;
      width: 100%;
      z-index: 0;
      max-width: 100%;
    }
    .padding-0 {
      padding: 0 0 10px 15px;
    }
    .ft-btn-list {
      position: fixed;
      bottom: 0px;
      left: 0;
      right: 0;
      z-index: 99999;
      width: 100%;
    }
    .ft-btn-list li {
      width: 33.33%;
      float: left;
      list-style-type: none;
      margin-right: 0;
    }
    .ft-btn-list li a {
      width: 100%;
      padding: 5px;
      font-size: 10px;
    }
    .enquiry-Icon {
      background: var(--text-secondary);
    }
    .wtsapp-icon {
      display: block;
    }
    .cpy-moble {
      margin-bottom: 0px !important;
      margin-top: 10px !important;
    }
    footer .offset-1 {
      margin-left: 0;
    }
    .copyright {
      background: var(--text-dark);
      padding: 20px 0 60px;
    }
    .custom-nav {
      padding: 10px;
      position: relative;
    }
    .navbar-nav li {
      padding-left: 0px !important;
    }
    .mobile_hide_section {
      display: none !important;
    }
    .name_duration {
      display: none;
    }
    .flights_slider_mobile {
      width: 100%;
      width: 100%;
      height: 433px;
      overflow-y: scroll;
      overflow-x: hidden;
      padding-bottom: 125px;
    }
    .flight_search_list_international {
      background: var(--text-white);
      -webkit-box-shadow: 0 2px 2px 0px var(--text-grey);
      box-shadow: 0 2px 2px 0px var(--text-grey);
      -moz-box-shadow: 0 2px 2px 0px var(--text-grey);
      -o-box-shadow: 0 2px 2px 0px var(--text-grey);
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      -o-border-radius: 8px;
      padding: 20px 13px 20px 13px;
      position: relative;
      margin: 0 0 25px 0;
    }
    .mobile_listno_radius {
      border-radius: 0px !important;
      -moz-border-radius: 0px !important;
      -webkit-border-radius: 0px !important;
    }
    .international_image {
      width: 40px;
      height: 40px;
      position: relative;
      display: block;
      text-align: center;
      border: 2px solid transparent;
      padding: 10px;
      overflow: hidden;
      margin: 0 7px 13px 0;
      z-index: 99;
      float: left;
    }
    .multicity_image_handle {
      width: 33px !important;
      height: 33px !important;
      margin: 0 7px 0px 0 !important;
    }
    .saerch_height_handle {
      margin-right: 0;
      margin-bottom: 8px;
    }
    .multycity_wrapper {
      margin: 12px 0 5px 0;
    }
    .addonsselect_right label {
      width: 108px;
    }
    .fair_content ul {
      display: inline-grid;
      width: 100%;
    }
    .theme-search-results-item-flight-section-path-fly-time1 p {
      font-size: 12px;
      font-weight: 600;
    }
    .theme-search-results-item-flight-section-path-line-dot1 {
      width: 6px;
      height: 6px;
    }
    .theme-search-results-item-flight-section-path-line1 {
      top: 15px;
      height: 1px;
    }
    .galleryslidercls {
      margin-top: 50px;
    }
  }
  @media (max-width: 768px) {
    .detail-mobile-ft {
      display: none;
    }
    .minus-cls {
      top: -3px;
    }
    .theme-search-results-item-flight-section-path-fly-time1 p {
      font-size: 11px;
      font-weight: 600;
    }
    .select2-container--default .select2-selection--single {
      margin: 10px 0;
    }
    .select2-container--default
      .select2-selection--single
      .select2-selection__arrow {
      top: 16px;
    }
    .serchbanner-mobile {
      display: block;
    }
    .reqst-btn {
      font-size: 13px;
    }
    .sortright ul li.carname {
      margin-right: 30%;
    }
    .sortright ul li.carseats {
      margin-right: 0%;
    }
    .sortright ul li.carkm {
      margin-right: 5%;
    }
    .advanceDetailsBox1,
    .advanceDetailsBox2,
    .advanceDetailsBox3,
    .advanceDetailsBox4 {
      right: 0;
      width: auto;
    }
    .carlistingBanner {
      padding: 30px 0px;
    }
    footer .offset-1 {
      margin-left: 0;
    }
    .margin-bt {
      margin-top: 18px;
    }
    .book-txt {
      font-size: 14px;
      margin-top: 5px;
    }
    .ft-booknow {
      position: fixed;
      left: 0;
      bottom: 45px;
      display: block;
      right: 0;
      z-index: 99999;
      width: 100%;
      padding: 6px 10px;
    }
    #back-to-top {
      bottom: 105px;
      z-index: 99999;
    }
    .feat-details {
      margin-top: -12px;
    }
    .share-btn {
      margin-bottom: 0;
    }
    .social-share {
      margin-bottom: 0;
    }
    .navbar-nav li {
      padding-left: 0;
    }
    .navbar-nav li a {
      font-size: 14px;
    }
    .tab-list {
      margin-bottom: 0px;
    }
    .testimonial .newsletter-sec {
      margin-top: 84px;
    }
    .bestplace-img {
      height: 140px;
      width: 100%;
    }
    .bestplace-img img {
      width: 100%;
      height: 200px;
    }
    #bannerslider .owl-carousel.owl-drag .owl-item .item {
      height: 400px;
    }
    .MultiWay_hide {
      display: none;
    }
    .hot-deals a.readmore {
      margin-top: 10px;
    }
    .search-box {
      padding: 20px;
    }
    #demos .owl-nav button.owl-prev,
    #demos .owl-nav button.owl-next {
      display: none;
    }
    .proj-themes .theme-box {
      min-height: auto !important;
    }
    .add-icon {
      right: 10px;
    }
    .readmore-right {
      right: 2%;
    }
    .news-btn,
    .newsletter .news-field {
      float: none;
      width: auto;
    }
    .ft-btn-list a {
      padding: 2px;
    }
    .listing-box {
      padding: 10px 0 20px;
    }
    .dt-1,
    .dt-2 {
      text-align: left;
      font-size: 20px;
    }
    .list-box {
      margin-top: 10px;
    }
    .list-detail-inner {
      margin-top: 0;
    }
    .list-radio-cls,
    .tab-btns-cls {
      float: left;
      width: 100%;
    }
    .list-radio-cls span {
      margin-left: 0;
    }
    .fl-checkbox label {
      margin-bottom: 6px;
      font-weight: 600;
    }
    .fl-title {
      font-size: 16px;
      margin-bottom: 5px;
    }
    .bt-left {
      position: relative;
    }
    .bt-place {
      padding: 0px 30px 30px;
    }
    .newsletter-sec {
      margin-top: 0;
    }
    .newsletter .news-field {
      margin-bottom: 10px;
    }
    .list-detail {
      margin-top: 0;
    }
    .sharelist {
      margin-top: 2px;
    }
    .detail-sec {
      padding: 30px 30px;
    }
    .fl-img-box .share-btn {
      position: relative;
      transform: translate(0, 0);
    }
    .count-input_cls {
      width: 150px;
      background: none;
      padding: 0;
      float: right;
    }
    .room_booking_traveller .title {
      font-weight: 600;
      font-size: 12px;
      padding: 5px;
    }
    .flight_search_list_details .flight_cityname2 {
      font-size: 11px;
    }
    .destination_left_details .destination_name,
    .destination_left_details p,
    .destination_right_details .destination_name,
    .destination_right_details.mytip_deatilsalign p {
      font-size: 12px;
      font-weight: bold;
      float: left;
    }
    span.cabin_box1,
    .gsttxt {
      font-size: 11px;
    }
    .mytrip_bloginfo12 {
      font-size: 11px;
      line-height: 20px;
    }
    .mytrip_time {
      font-size: 11px;
      font-weight: 600;
    }
    .mytrip_bloginfo12 .nonrefundable {
      margin-top: 22px;
    }
    .exchange_transfer-home {
      top: 46px;
      left: -39px !important;
    }
  }
  @media (max-width: 767px) {
    .arrive-box ul {
      margin-left: 18px;
    }
  
    .galleryslidercls {
      margin-top: 10px;
    }
    .galleryslidercls .item {
      height: 200px;
    }
    .destination_left_details p {
      margin: 0;
    }
    .accountdropdown.show .shadow.dropdown-menu.show a {
      font-size: 12px;
      line-height: 10px;
    }
    .roomBoxMain {
      left: 0;
      width: 100%;
      bottom: -16px;
    }
    .roomBoxMain .roomBoxMainIn .travelerIn .form-control {
      height: 26px;
      font-size: 12px;
      padding: 3px 7px;
    }
    .roomBoxMain .roomBoxMainIn .travelerIn {
      padding: 0px 0;
    }
    .roomBoxMainScroll2 {
      height: 124px;
      overflow-y: auto;
    }
    .multicity_form_boxshow {
      background: transparent;
    }
    .bannercls .visa-banner-content {
      width: 100%;
    }
    .visa-list ul li {
      font-size: 12px;
    }
    .bannercls.flighthome-banner {
      height: 384px;
    }
    .bannercls.flighthome-banner .flightbannerimg {
      height: 100%;
    }
    a.edit_multicity_icond img {
      width: 16px;
    }
    .select2-container--open .select2-dropdown {
      left: 0px !important;
      top: -10px !important;
    }
    .travelogbanner {
      height: 200px;
    }
    .overlay .breadcrumb li.active a {
      padding-left: 0;
    }
    .visa-banner-content {
      width: 90%;
    }
    .visabanner-inner {
      top: 55% !important;
    }
    .traveller_information_box {
      margin-bottom: 10px;
      padding: 5px;
    }
    .travelogbanner img {
      height: 200px !important;
      object-fit: cover;
    }
    .flight_search_list_international h6.nomargin_top {
      font-size: 14px !important;
      margin-bottom: 0;
    }
    .search-result img {
      height: 200px !important;
      object-fit: cover;
    }
    .box h1 {
      font-size: 16px;
    }
    .overlay .breadcrumb li a {
      font-size: 12px;
    }
    .mob-pad-tab p {
      font-size: 14px;
    }
    .cont-details {
      margin-top: 20px;
    }
    .ct-inner-dt {
      margin-top: 5px;
      padding-bottom: 5px;
      font-size: 12px;
    }
    .c-dt-1 {
      font-size: 14px;
    }
    .proj-themes-flight .theme-box {
      min-height: 220px;
    }
    .proj-themes .col-lg-2 {
      max-width: 50%;
      flex: 50%;
    }
    .priceboldtxt {
      font-size: 30px;
      color: var(--text-primary);
    }
    .continue_btn_22top {
      font-size: 14px;
    }
    .name_traveller_addons .addons ul {
      margin: 14px 0 0 0;
      font-size: 13px;
    }
    .name_traveller_addons .addons ul li {
      font-size: 9px;
    }
    .name_traveller_addons .addons_title {
      font-size: 11px;
    }
    .booking-payment th,
    .booking-payment td {
      font-size: 11px;
    }
    p.paymentxt {
      font-size: 13px;
    }
    .multycity_wrapper {
      margin: 10px 0 0;
      padding: 0px 5px 10px;
    }
    .internationalbox {
      display: none;
    }
    .internation-flight-search-Banner .cancel-btn {
      top: 0;
      right: 20px;
    }
    .internation-flight-search-Banner .srch_form {
      padding: 0 10px;
    }
    .internation-flight-search-Banner .container-fluid {
      padding: 0;
    }
    .txtcolor a.backarrow i {
      color: var(--text-dark);
    }
    .txtcolor {
      color: var(--text-dark);
      font-size: 12px;
    }
    a.view_details_multicity {
      font-size: 11px;
    }
    .booking_list {
      padding: 0px;
    }
    .hidden-xs {
      display: none !important;
    }
    .cust-info .custboredr {
      border: none;
    }
    .rowmargin .offset-2 {
      margin-left: 0;
    }
    .mobile-filter {
      display: block;
    }
    #car-filter-cancel {
      right: 12px;
    }
    #car-search-mb {
      margin-top: 20px;
      border-radius: 10px;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }
    .carlistingBanner {
      padding: 0px;
    }
    #car-search-mb {
      position: relative;
      padding-top: 50px !important;
    }
    .selctbus {
      width: auto;
    }
    #car-search-mb {
      display: none;
    }
    .dnldbtn {
      margin-bottom: 10px;
    }
    .departuretxt,
    .arrivaltxt {
      float: left;
      margin-right: 10px;
    }
    .destinationinfo {
      float: left;
    }
    .bus-listing-info {
      height: 40px;
      margin: 0;
    }
    .bus-listing-info-line,
    .bus-listing-info-line-start {
      display: none;
    }
    .bus-listing-info-fly-time {
      left: 0;
    }
    .bus-listing-info-line,
    .bus-listing-info-line-start {
      display: none;
    }
    .bus-listing-info-fly-time.flight_stop {
      top: 20px;
    }
    .bus-listing-info-fly-time p {
      text-align: left;
      color: var(--text-grey);
    }
    .advanceDetail1 {
      margin-left: 0;
    }
    .booking-summary h2 {
      font-size: 18px;
      margin-bottom: 0;
    }
    .hotel-Summry h2 {
      font-size: 20px;
      letter-spacing: 1px;
    }
    .Date-Guest {
      padding: 0;
    }
    .flight_search_list_details .Date-Guest h5 {
      font-size: 15px;
    }
    .flight_search_list_details .Date-Guest h6 {
      font-size: 11px;
      letter-spacing: 0px;
    }
    .Room-guest h3 {
      font-size: 15px;
      padding-top: 0px;
    }
    .bagg_info {
      padding: 4px 0;
      margin: 0;
    }
    .continue_btn {
      margin-bottom: 10px;
    }
    .continue_btn:focus {
      outline: 0;
      box-shadow: none !important;
    }
    .at-icon {
      width: 30px;
      margin-left: 0;
    }
    .dt-box-2-list strong {
      font-size: 12px;
      word-break: keep-all;
      width: 100%;
      float: left;
      margin-left: 0;
    }
    .rgister-form .pr-0 {
      padding-right: 14px !important;
    }
    .car-main .date-icon {
      display: block;
    }
    #car_Station .pr-0,
    #car_local .pr-0,
    #car_transfer .pr-0 {
      padding-right: 14px !important;
    }
    .carcol {
      -ms-flex: 0 0 25%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .carlistingBanner .form-control {
      margin-bottom: 10px;
    }
    .carlistingBanner .t-radiobtn {
      margin-bottom: 0;
    }
    .advanceDetailsBox1,
    .advanceDetailsBox2,
    .advanceDetailsBox3,
    .advanceDetailsBox4 {
      left: 0;
    }
    .mytrip_to {
      width: 100%;
      padding: 10px 10px 10px 10px;
      min-height: auto;
      margin-top: 10px;
    }
    .mytrip_calender_box {
      width: 100%;
      margin-bottom: 10px;
    }
    .mytrip_departure {
      width: 50%;
    }
    .mytrip_return {
      width: 50%;
    }
    .mytrip_class {
      width: 100%;
    }
    a.flightsubmit,
    .flightsubmit {
      width: 100%;
      line-height: 30px;
    }
    .mytrip_city {
      width: 100%;
      padding: 10px 10px 10px 10px;
      min-height: auto;
    }
    .mytrip_to .form-control,
    .mytrip_city .form-control,
    .mytrip_class .form-control,
    .mytrip_departure .form-control,
    .mytrip_return .form-control {
      height: 20px;
      margin: 0px 0 0;
      font-size: 16px;
    }
    a.flightsubmit,
    .flightsubmit {
      font-size: 16px;
      padding: 5px 21px;
      float: none;
      margin-top: 10px;
    }
    .mytrip_destination {
      width: 100%;
      margin-bottom: 10px;
    }
    .newsletter .news-field {
      width: auto;
    }
    .search_flight_title h3 {
      font-size: 30px;
      line-height: 0px;
    }
    .car-list {
      margin-bottom: 20px;
    }
    footer {
      padding: 30px 0;
    }
    .dt-box-2-list .dt-2-btn {
      position: relative;
      top: 52%;
    }
    .testimonial .offset-8 {
      margin-left: auto;
    }
    .bt-place .offset-1 {
      margin-left: 0;
    }
    .banner-txt {
      font-size: 30px;
    }
    .bt-right img {
      border-radius: 20px;
    }
    .custom-nav .navbar-brand {
      padding: 0;
      width: auto;
    }
    .flightradio {
      margin-bottom: 10px;
    }
    .adult_title label span {
      margin-left: 4px;
    }
    .home-tab-btns {
      overflow-y: hidden;
      overflow-x: auto;
      margin-bottom: 0;
      white-space: nowrap;
    }
    .home-srch .t-radiobtn {
      margin-bottom: 0px !important;
    }
    .home-tab-btns .nav-tabs {
      border: none !important;
    }
    .srch_form {
      padding: 10px;
    }
    .search-form-box {
      padding-bottom: 0;
    }
    .room_boxcls {
      left: 0;
      width: 100%;
    }
    .home-tab-btns .nav {
      width: 100%;
    }
    .dl-pop-img-cls {
      margin-bottom: 10px;
    }
    .dl-list-box .view-btn {
      position: relative;
      transform: translate(0, 0);
      top: 4px;
    }
    .dl-box-list {
      padding-left: 15px;
    }
    .dl-list-box li {
      margin: 3px;
      padding: 10px 0 10px 0;
    }
    .fl-img-box .share-btn {
      position: relative;
      transform: translate(0, 0);
      float: left;
    }
    .dl-img-box {
      height: 60px;
      width: 80px;
      margin-bottom: 0px;
    }
    .dl-img-box img {
      object-position: center;
    }
    .col-ft1 .title {
      margin-bottom: 0;
      font-size: 12px;
    }
    .share-btn li {
      margin-bottom: 10px;
    }
    .hotel-rating-names ul .ht-nm {
      float: left;
    }
    .hotel-rating-names ul li {
      border-bottom: 1px solid var(--text-lightgrey);
    }
    .list-radio-cls,
    .tab-btns-cls {
      overflow-y: hidden;
      overflow-x: auto;
      margin-bottom: 10px;
      white-space: nowrap;
      padding-top: 10px;
    }
    .ft-dt-list2,
    .share-list2 {
      margin-top: 10px !important;
    }
    .wtsp-btn .fa {
      display: block;
    }
    .phone-btn .fa {
      display: block;
    }
    .tab-btns.sticky.fixed {
      position: fixed;
      background: var(--text-white);
      width: 100%;
      box-shadow: none !important;
      padding: 10px;
    }
    .tab-btns .tab-list {
      margin-bottom: 10px;
      max-width: 130px;
      font-size: 10px;
    }
    .detail-sec {
      padding: 110px 0px;
    }
    .dt-title {
      font-size: 22px;
    }
    .plus-bg i {
      margin-bottom: 10px;
    }
    .dt-share {
      margin-top: 10px;
    }
    .login-box {
      z-index: 999999;
    }
    #myModal {
      z-index: 99999;
    }
    .login-box .close {
      z-index: 999999;
    }
    .room-box {
      padding: 0;
    }
    .rgister-form {
      margin-top: 10px;
    }
    #Enquire {
      z-index: 99999;
    }
    .cancel-btn {
      display: block;
    }
    .offsetcls1 {
      margin-left: 0;
    }
    .offsetcls {
      margin-left: 0;
    }
    .ft-logo img {
      width: 120px;
    }
    .ft-logo {
      margin-bottom: 10px;
    }
    footer {
      padding: 30px 0;
    }
    .filter-sec {
      display: none;
    }
    footer .ft-title {
      margin-top: 10px !important;
    }
    .navbar-nav li a {
      font-size: 12px;
    }
    .navbar-nav .dropdown-menu {
      min-width: 100%;
    }
    .filter-icon {
      display: block;
    }
    footer .offset-1 {
      margin-left: 0 !important;
    }
    #hot-deals .carousel-control-next-icon {
      right: 0;
    }
    #hot-deals .carousel-control-prev-icon {
      left: 0;
    }
    .navbar-nav li {
      border-bottom: 1px solid var(--text-lightgrey);
    }
    .navbar-nav li .active:before {
      display: none;
    }
    .registerbtn {
      margin: 0;
      font-size: 14px;
    }
    .theme-box {
      margin-bottom: 20px;
    }
    .bestplace-img {
      height: auto;
      max-height: 100%;
    }
    .title-main h2 {
      font-size: 24px !important;
      text-align: left;
    }
    .col-ft1 {
      margin-bottom: 10px;
    }
    .navbar-nav .dropdown-menu {
      position: static;
      box-shadow: none !important;
      padding: 0 !important;
    }
    .proj-themes .col-md-2 {
      max-width: 100%;
      flex: 100% !important;
    }
    .th-1 {
      width: 100%;
    }
    .theme-box .theme-img {
      height: 200px;
    }
    .home-tab-btns .tab-list a {
      display: inline-block;
      padding-bottom: 0;
    }
    .plus-box {
      position: absolute;
      right: 40%;
    }
    .plus-bg {
      position: relative;
      top: 3px;
      right: -4%;
      transform: translate(0, -51%);
      margin-bottom: 10px;
    }
    .detail-right {
      padding: 0px 0 0 0 !important;
    }
    .testimonial {
      padding: 30px 0;
    }
    .best-places-content:after {
      bottom: -4px;
    }
    .best-places-content {
      margin-bottom: 10px !important;
      margin-top: 0px !important;
    }
    footer {
      padding: 30px 0;
    }
    .copyright {
      padding: 20px 0 122px 0;
    }
    .dt-box-2-list .dt-2-btn {
      position: relative;
      top: 52%;
      transform: translate(10%, -50%);
    }
    .testimonial .offset-8 {
      margin-left: auto;
    }
    .bt-place .offset-1 {
      margin-left: 0;
    }
    .newsletter .news-field {
      width: auto;
    }
    .chooseus-visa_wrapper .fl-container .col-lg-2 {
      flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .addonsselect_right label {
      margin-right: 5px;
      width: 100px;
    }
    .info-box {
      width: 100px;
      height: 30px;
      margin: 0 auto;
      display: block;
      left: 50%;
    }
    .info-box .fa-chevron-circle-down {
      text-align: center;
      margin: 0 auto;
      display: block;
    }
    .mb-scroll-height {
      padding-bottom: 50px;
    }
  }
  @media (max-width: 580px) {
    .banner-sub-title-details {
      font-size: 12px;
    }
    .banner-title-details {
      font-size: 13px;
    }
    .exchange_transfer-home {
      left: -33px !important;
    }
    .info-box-single {
      left: 35%;
    }
    .multycity_wrapper-single {
      margin-top: 0;
    }
    .multicity_button_wrapper {
      margin: 5px 0 0;
    }
    .roundtripleft-scroll,
    .roundtripright-scroll {
      padding-bottom: 40px;
    }
    .multicity_form_boxshow {
      bottom: -12px;
      z-index: 99999 !important;
    }
    .roundtriptxt {
      padding-top: 0 !important;
    }
    .multicity_image_handle {
      margin: 0 0px 0px 0 !important;
    }
    .multicity_radio_button .economy-text {
      line-height: 10px;
    }
    .published {
      font-size: 9px;
    }
    .home-tab-btns .tab-list {
      padding-left: 0px;
      width: auto;
    }
    .theme-search-results-item-flight-section-path1 {
      height: auto;
    }
    .multicity_radio_button .economy-text {
      width: 100%;
      font-size: 10px;
      float: left;
      font-size: 10px !important;
    }
    .theme-search-results-item-flight-section-path-fly-time1 {
      top: 0px;
    }
    .flight_stop1 {
      top: 19px;
    }
    .theme-search-results-item-flight-section-path-fly-time1 p {
      font-size: 10px;
      line-height: 12px;
      font-weight: 600;
    }
    .fligt_logo-content {
      float: left;
      width: 70%;
      margin-bottom: 10px;
    }
    .flight_search_list_details .flight_cityname2 {
      margin: 10px 0 4px;
    }
    span.cabin_box1,
    .gsttxt {
      width: 150px;
      float: left;
      margin-left: 0;
    }
    .chooseus-visa_wrapper .container-fluid .col-lg-2 {
      flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    #bannerslider .owl-prev,
    #bannerslider .owl-next {
      font-size: 40px;
    }
    #visachooseus .container-fluid .col-12 {
      max-width: 100%;
      flex: 0 0 100%;
    }
    .chooseus_visabox {
      margin: 4px 0;
      min-height: 130px;
    }
    .howitworks-process {
      margin: 5px 0;
    }
    .proj-themes .col-lg-2 {
      max-width: 100%;
      flex: 100%;
    }
    .reviewleft {
      margin-bottom: 30px;
    }
    .singleway {
      padding-bottom: 50px !important;
    }
    .tswitch.FareSummaryDiv tr td.cancellation_text {
      font-size: 12px;
    }
    .offsethide {
      margin-left: 0%;
    }
    .internation-flight-search-Banner {
      padding: 0;
    }
    .dept-place .fa-long-arrow-left {
      padding-right: 4px;
    }
    .arrive-day {
      color: var(--text-white);
      font-size: 10px;
    }
    .in-flight-srch {
      color: var(--text-white);
      font-size: 14px;
    }
    .arrive-date {
      color: var(--text-white);
      font-size: 11px;
      font-weight: 600;
    }
    .internation-flight-mobile {
      background: var(--text-primary);
      padding: 10px 20px;
    }
    .internation-flight-mobile .dept-place {
      font-size: 11px;
      font-weight: 600;
      color: var(--text-white);
    }
    .internation-flight-mobile .arrive-place {
      font-size: 11px;
      font-weight: 600;
      color: var(--text-white);
    }
    .in-flightborder {
      border-right: 1px solid var(--text-lightgrey);
    }
    .internation-flight-search-Banner .srch_form .form-control::placeholder {
      font-size: 12px;
    }
    .internation-flight-search-Banner .srch_form .form-control,
    .internation-flight-search-Banner span.flightPaxInfo {
      font-size: 12px;
    }
    .internation-flight-search-Banner input:checked + .slider:before {
      height: 11px;
      width: 11px;
      left: 10px;
      bottom: 4px;
    }
    .internation-flight-search-Banner .switch {
      width: 50px;
      height: 18px;
    }
    .internation-flight-search-Banner .t-radiobtn label,
    .nonstop_mytrip {
      font-size: 13px;
    }
    .international_flight_cityname {
      font-size: 10px;
      font-weight: 600;
    }
    .international_flight_time,
    .international_fligt_logo h5 {
      font-size: 10px;
      font-weight: 600;
      line-height: 13px;
      float: left;
    }
    .multicity_radio_button {
      font-size: 12px;
    }
    a.viewdetails_multicity,
    .viewdetails_multicity {
      font-size: 10px;
      padding: 4px 8px;
      width: auto;
    }
    a.edit_multicity_icond {
      margin: 0px 5px 0px 0;
      line-height: 21px;
    }
    .multicity_form_boxshow i {
      font-size: 20px;
    }
    .internation-flight-search-Banner .srch_form {
      margin-top: 20px;
      position: relative;
      margin: 0;
      border: 1px solid var(--text-lightgrey);
      padding: 8px;
    }
    .flight_search_list_international {
      padding: 10px;
    }
    .filter-group-items span {
      font-size: 13px;
      padding-top: 3px;
      letter-spacing: 0.5px;
    }
    .filter-group-items .fa {
      padding-right: 4px;
    }
    .sortlisting {
      overflow-y: hidden;
      overflow-x: auto;
      margin-bottom: 10px;
      white-space: nowrap;
    }
    ul.sortright li {
      width: 100%;
      list-style-type: none;
    }
    .sortright li:nth-child(2),
    .sortright li:nth-child(3),
    .sortright li:nth-child(4) {
      width: 40%;
    }
    .sortright {
      margin-bottom: 0;
      padding-left: 0;
      overflow-y: hidden;
      overflow-x: auto;
      white-space: nowrap;
    }
    .sortleft {
      width: 20%;
    }
    .sortright ul {
      margin: 0;
      padding: 0;
      margin-bottom: 0;
      padding-left: 0;
    }
    .sortright ul li {
      float: none;
      display: inline-block;
    }
    .sortright ul li.carname {
      margin-right: 5%;
    }
    .carcol {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .car-main .date-icon {
      display: block;
    }
    .carlistingBanner .padding-0 {
      padding: 0 0 0 15px;
    }
    #car_Station .pr-0,
    .carlistingBanner .pr-0 {
      padding-right: 14px !important;
    }
    .banner-txt {
      font-size: 20px;
    }
    .home-tab-btns .tab-list {
      display: inline-block !important;
    }
    .hot-deals .owl-carousel.owl-drag .owl-item .item {
      height: auto;
      overflow: hidden;
    }
    .owl-carousel .owl-item img {
      height: 100% !important;
      object-fit: cover !important;
    }
    #bannerslider .item {
      height: 250px;
    }
    #demos .owl-nav button.owl-prev,
    #demos .owl-nav button.owl-next {
      display: none;
    }
    .search-box {
      padding: 24px;
    }
    #bannerslider .item {
      height: 140px;
    }
    .hotdeals-box {
      height: 300px;
    }
    .hot-deals,
    .proj-themes,
    .best-places {
      padding: 30px 0;
    }
    .main-title {
      margin-bottom: 20px;
    }
    .readmore {
      margin-top: 20px;
    }
    .home-tab-btns .nav {
      width: 100%;
      overflow-y: hidden;
      overflow-x: auto;
      margin-bottom: 0px;
      white-space: nowrap;
      display: inline-block;
    }
  }
  @media (max-width: 480px) {
    .exchange_transfer-home {
      left: -29px !important;
    }
    .multiciy_rightside {
      margin-top: 10px;
    }
    #flight-filter {
      padding: 10px;
    }
    .cancel-btn {
      top: 7px;
      right: 23px;
    }
    .selectaddonsradio-toolbar label {
      width: 88px;
      padding: 3px;
      margin-right: 0;
    }
    .flight_search_list_details .flight_time {
      font-size: 14px;
    }
    .view_deatils_wrapper .nav-tabs > li > a {
      font-size: 11px;
      padding: 0 10px;
    }
    .continue_btn_22 {
      font-size: 12px;
      padding: 7px 10px;
    }
    .price_mobile {
      font-size: 12px;
    }
    .fareDetailsbox1,
    .fareDetailsbox2,
    .fareDetailsbox3,
    .fareDetailsbox4 {
      width: 300px;
    }
  }

  @media (max-width: 575px) {
    .top-header .container .top-header-nav:last-child {
      display: none;
    }
    .mobile-btn a {
      font-size: 34px !important;
    }
    a.detail_link, .estimate-btn {
      padding: 7px 12px;
    }
  }
  
  @media (max-width: 340px) {
    .galleryslidercls {
      margin-top: 10px;
    }
    .inserted-room-row {
      padding: 12px !important;
    }
    .theme-search-results-item-flight-section-path-fly-time1 p {
      font-size: 8px;
      line-height: 12px;
      font-weight: 600;
    }
    .exchange_transfer-home {
      left: -24px !important;
    }
    .main-title h1 {
      font-weight: bolder;
      font-size: 24px;
      text-transform: uppercase;
    }
    .flight-pl-0 {
      max-width: 123px !important;
    }
    .t-radiobtn label {
      font-size: 11px;
      padding-top: 3px;
    }
    .srch_form .form-control {
      font-size: 12px !important;
    }
    .home-tab-btns .tab-list {
      padding-left: 0px;
    }
    .view_deatils_wrapper .nav-tabs > li > a {
      padding: 5px 10px;
    }
    .col-ft1 .title {
      font-size: 10px;
    }
    .ft1-list li a {
      font-size: 11px !important;
    }
    .banner-smalltxt {
      line-height: 22px;
    }
    .visa-amount,
    .visatime {
      font-size: 16px;
    }
    .terms_condition_review {
      margin-bottom: 0;
    }
    .destination_right_details .destination_name {
      font-size: 12px;
    }
    .destination_right_details p {
      font-size: 10px;
    }
    .airport_timeinformation {
      font-size: 11px;
    }
    .destination_left_details .destination_name {
      font-size: 12px;
    }
    .booking_list {
      padding: 0px;
    }
    .continue_btn_22 {
      padding: 7px 0;
      font-size: 14px;
    }
    .price_mobile {
      font-size: 12px;
      color: var(--text-white);
      display: block;
      font-weight: 700;
    }
    .flight_search_list_details .flight_cityname {
      font-size: 11px;
    }
    .flight_search_list_details .flight_time {
      font-size: 12px;
    }
    .mytrip_babbage_wrapper span {
      font-size: 11px;
      color: var(--text-grey);
      margin: 0px 0 0 0;
      margin-right: 0px;
      padding: 0;
      font-weight: 600;
    }
    .internation-flight-search-Banner .cancel-btn {
      top: 4px;
      right: 10px;
    }
    .internation-flight-search-Banner {
      padding: 0;
    }
    .dept-place .fa-long-arrow-left {
      padding-right: 4px;
    }
    .arrive-day {
      color: var(--text-white);
      font-size: 9px;
    }
    .in-flight-srch {
      color: var(--text-white);
      font-size: 14px;
    }
    .arrive-date {
      color: var(--text-white);
      font-size: 11px;
      font-weight: 600;
    }
    .internation-flight-mobile {
      background: var(--text-dark);
      padding: 10px 20px;
    }
    .internation-flight-mobile .dept-place {
      font-size: 11px;
      font-weight: 600;
      color: var(--text-white);
    }
    .internation-flight-mobile .arrive-place {
      font-size: 11px;
      font-weight: 600;
      color: var(--text-white);
    }
    .in-flightborder {
      border-right: 1px solid var(--text-lightgrey);
    }
    .internation-flight-search-Banner .srch_form .form-control::placeholder {
      font-size: 12px;
    }
    .internation-flight-search-Banner .srch_form .form-control,
    .internation-flight-search-Banner span.flightPaxInfo {
      font-size: 12px;
    }
    .internation-flight-search-Banner input:checked + .slider:before {
      height: 11px;
      width: 11px;
      left: 10px;
      bottom: 4px;
    }
    .internation-flight-search-Banner .switch {
      width: 50px;
      height: 18px;
    }
    .internation-flight-search-Banner .t-radiobtn label,
    .nonstop_mytrip {
      font-size: 12px;
    }
    .international_flight_cityname {
      font-size: 10px;
      margin: 0;
    }
    .international_flight_time,
    .international_fligt_logo h5 {
      line-height: 14px;
      font-weight: 600;
    }
    .multicity_radio_button {
      font-size: 9px;
      line-height: 24px;
    }
    a.viewdetails_multicity,
    .viewdetails_multicity {
      font-size: 10px;
      padding: 4px 8px;
      width: auto;
    }
    a.edit_multicity_icond {
      margin: 0px 5px 0px 0;
      line-height: 21px;
    }
    .multicity_form_boxshow i {
      font-size: 20px;
    }
    .internation-flight-search-Banner .srch_form {
      margin-top: 20px;
      position: relative;
      padding-top: 0px;
    }
    .flight_search_list_international {
      padding: 10px;
      margin-top: 20px;
    }
    #photoGallery img {
      margin-bottom: 10px;
      min-height: 70px;
      object-fit: cover;
    }
    .amenitieslist li {
      font-size: 14px;
    }
    #bannerslider .owl-carousel.owl-drag .owl-item .item {
      height: 200px;
    }
    .banner-txt {
      top: 25%;
    }
    .theme-box .theme-img {
      height: 100%;
    }
    .th-1 {
      max-height: 200px;
    }
    .bannercls .flightbannerimg {
      height: 200px;
      object-fit: cover;
    }
    .banner-content {
      bottom: 0;
      top: 60%;
    }
    .banner-content {
      bottom: 4%;
    }
    .bannercls {
      height: 290px !important;
    }
    .dt-1,
    .dt-2 {
      text-align: left;
      font-size: 16px;
    }
    .sticky-form.fixed {
      z-index: 99999;
    }
    .adult_title .form-group {
      margin-bottom: 0;
    }
    .cong-pnrbox {
      float: left;
    }
    .rowmargin .offset-2 {
      margin-left: 0;
    }
    .sharebtn-dt-btn {
      width: 100%;
      margin-bottom: 10px;
    }
    .dnldbtn {
      width: 100%;
    }
    .cust-info .custboredr {
      border: none;
    }
    .congratualtion_tex-subtile {
      font-weight: 800;
      font-size: 22px;
      line-height: 30px;
      letter-spacing: 2px;
    }
    .congartualtion-icon {
      width: 80px;
      text-align: center;
      margin: 0 auto;
    }
    .cust-info {
      padding: 16px 10px;
    }
    .cong-pnrbox {
      margin-top: 0px;
      font-size: 11px;
    }
    .cong-pnrbox .confirmed {
      font-size: 10px;
    }
    .continue_btn {
      margin-bottom: 0;
      margin-top: 0;
    }
    .book-txt span {
      word-break: keep-all;
      width: 100%;
      float: left;
    }
    .car-filter li {
      padding: 0px 0;
    }
    .car-filter li a {
      font-size: 11px;
    }
    #car-search-mb .t-radiobtn label,
    #car-search-mb .form-control::placeholder,
    #car-search-mb .form-control {
      font-size: 12px;
    }
    #car-search-mb .form-control {
      margin-bottom: 10px;
    }
    .fl-title {
      font-size: 12px;
    }
    .fl-btn,
    .fl-txt {
      font-size: 12px;
    }
    .filter-sec hr {
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .fl-checkbox label {
      margin-bottom: 0;
      font-size: 12px;
    }
    .fl-checkbox label {
      margin-bottom: 0;
      font-size: 12px;
    }
    .filter-sec .fl-checkbox .custom-control-label::before {
      width: 10px;
      border-radius: 1px;
      height: 10px;
    }
    .sortitem .custom-control-label,
    .sortitem1 .custom-control-label,
    .sortitem3 .custom-control-label {
      font-size: 12px;
    }
    .sort1 .fl-title {
      margin-bottom: 0;
      font-size: 12px;
      color: var(--text-dark);
      text-transform: uppercase;
    }
    .filter-group-items span {
      font-size: 12px;
    }
    .navbar-brand img {
      width: 150px !important;
    }
    .ft-btn-list li a img {
      padding-right: 3px;
    }
    .ft-btn-list a {
      font-size: 10px !important;
    }
    .theme-search-results-item-flight-section-path-fly-time1 p {
      font-size: 10px;
      line-height: 12px;
      font-weight: 600;
    }
  }
  @media (max-width: 500px) and (min-width: 320px) {
    .get_best_offer {
      width: 100%;
      margin: 0;
      padding: 15px 0 0;
      background: var(--text-white);
    }
    .featured_title {
      width: 100%;
      margin: 0 0 20px 0;
    }
  }
  @media (min-width: 575px) and (max-width: 991px) {
    a.search-btn {
      padding: 8px;
    }
    ul.destinationlinks {
      margin-bottom: 0px !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1317px) {
    .mytrip_destination {
      width: 47%;
    }
    .mytrip_calender_box {
      width: 50%;
    }
    .mytrip_class {
      width: 46%;
      margin-top: 10px;
      margin-right: 20px;
    }
    a.flightsubmit,
    .flightsubmit {
      margin-top: 10px;
      float: left;
    }
    a.search-btn {
      padding: 8px;
    }
  }
  #slide_amount {
    margin-bottom: 5px;
  }
  #slide_amount .rightprice {
    float: right;
  }
  .slider-range span.ui-slider-handle {
    border: 2px solid var(--text-grey)ccc !important;
    background: var(--text-white) !important;
    font-weight: normal;
    color: var(--text-primary);
    outline: none;
    cursor: pointer;
    top: -3px;
  }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    background: var(--text-primary);
    display: block;
    border: 0;
    background-position: 0 0;
  }
  .ui-state-focus,
  .ui-widget-content .ui-state-focus {
    border-radius: 3px;
  }
  #slider-range {
    width: 96%;
    margin: auto;
    background: var(--text-grey);
    z-index: 999 !important;
  }
  #slider-range span {
    font-size: 14px;
    font-weight: 600;
    top: -2px;
    color: var(--text-grey);
    width: 16px;
    height: 16px;
    border-radius: 100% !important;
  }
  #slider-range .ui-slider .ui-slider-range {
    background: var(--text-primary);
  }
  .slider-range {
    z-index: 99999 !important;
    border: none !important;
  }
  .fligt_logo-content h6,
  .fligt_logo-content h5 {
    color: var(--text-white);
    float: left;
    width: 100px;
  }
  .fligt_logo-content {
    margin-top: 17px;
  }
  #dynamic_div {
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 20px;
  }
  .loopdots .owl-dots {
    display: none !important;
  }
  .remarkforquery {
    width: 100%;
    font-size: 13px !important;
    margin: 8px 0;
    padding: 2px 9px;
    border: 1px solid var(--text-lightgrey);
    border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
  }
  #remarkforquery {
    padding: 10px;
  }
  .breadcrumblisting {
    margin-bottom: 0;
    background: var(--text-white);
    padding: 0px 0;
}
  .margin15 {
    margin: 15px 0 !important;
}
  input#inquirydatefrom {
    border: 1px solid var(--text-lightgrey);
}
  .padding-right0 {
    padding-right: 0;
    padding-bottom: 10px;
}
  .remarkforquery:focus {
    outline: none;
  }
  .request_input {
    float: left;
    margin-top: 7px;
    margin-right: 5px;
  }
  .mt_0 {
    margin-bottom: 0px;
  }
  .no-padding {
    padding: 0 !important;
  }
  .show_hide111 {
    display: none;
  }
  .readmore_text1 {
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    color: var(--text-primary);
    padding: 7px 15px;
    border-radius: 7px;
  }
  .readmore_text1:hover {
    color: var(--text-secondary);
  }
  .show_wrap_less {
    overflow: hidden;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    width: 100%;
    margin-bottom: 10px;
    height: 64px !important;
  }
  .overview_warpper {
    background: var(--text-white);
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
  #content_overview p {
    font-size: 14px !important;
    color: var(--text-grey);
  }
  #travelerDatePickerdetail {
    color: var(--text-dark);
    height: calc(1.5em + 0.75rem + 2px);
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-dark);
    background-color: var(--text-white);
    background-clip: padding-box;
    border: 1px solid var(--text-darkgrey);
    font-size: 13px !important;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
  }
  #travelerDatePickerdetail:focus {
    outline: none;
  }
  .slider_details_wrap {
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  .slider_details_wrap picture img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .mobile_padding111 {
    padding-right: 0;
  }
  .textfieldMain_mobile {
    margin-bottom: 14px;
  }
  @media (min-width: 599px) and (max-width: 800px) {
    .slider_details_wrap {
      height: 450px;
    }
    .offer_box {
      margin-bottom: 15px;
    }
    .about-section {
      padding: 30px 0;
    }
  }
  @media (min-width: 395px) and (max-width: 598px) {
    .slider_details_wrap {
      height: 336px;
    }
    .offer_box {
      margin-bottom: 15px;
    }
    .about-section {
      padding: 15px 0;
    }
  }
  @media (min-width: 320px) and (max-width: 394px) {
    .offer_box {
      margin-bottom: 15px;
    }
    .about-section {
      padding: 15px 0;
    }
    .slider_details_wrap {
      height: 222px;
    }
  }
  .offer_paragrapgh {
    text-align: left;
    color: var(--text-dark);
    font-family: 'Work Sans', sans-serif !important;
    font-size: 14px;
    margin: 3px 0 12px;
    line-height: 22px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    height: 44px;
  }
  a.readmore_offer {
    font-size: 14px;
    color: var(--text-secondary);
    font-weight: 600;
    text-decoration: none;
    float: right;
    font-weight: bold;
    line-height: 33px;
  }
  a.readmore_offer:hover {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 600;
  }
  .textbdy {
    text-align: justify;
    color: var(--text-dark);
    font-family: 'Work Sans', sans-serif !important;
    font-size: 14px;
    margin: 3px 0 12px;
    line-height: 22px;
  }
  .blog-detail-preview,
  .blog-detail-preview p,
  .blog-detail-preview p span,
  .blog-detail-preview span {
    font-family: 'Work Sans', sans-serif !important;
    color: var(--text-grey) !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }
  #slzexploore_recent_post-1 {
    padding: 4px;
    border: 1px solid var(--text-lightgrey);
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    top: 60%;
  }
  .banner-content-12 {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    left: 0;
    padding: 10px 0;
    bottom: 0;
  }
  .clearfix {
    clear: both;
  }
  .popular_package_titlealign {
    line-height: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: 60%;
    float: left;
    clear: both;
    height: 21px;
  }
  .blog-detail-preview img {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .holday_relative {
    position: relative !important;
  }
  .holday_relative_box {
    width: 200px;
    left: 14px !important;
    padding: 20px 10px;
  }
  .fixed100 {
    width: 100% !important;
  }
  @media screen and (max-width: 767px) {
    .ft1-list li {
      line-height: 20px;
    }
    .navbar-toggler {
      display: block;
    }
    .custom-nav .navbar-brand {
      margin: 0 auto;
    }
    .search-form-box {
      display: block;
    }
    .search-box {
      bottom: 0;
      position: relative !important;
    }
    .ftr-sticky {
      position: fixed;
      width: 100%;
      height: 60px;
      left: 0;
      bottom: 45px;
      z-index: 9999;
      background: var(--text-white);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row wrap;
    }
    .mob-only {
      display: block !important;
    }
    .ftr-sticky a {
      float: left;
      width: 20%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-content: center;
      flex-flow: row wrap;
      color:  var(--text-dark);
      border-top: 1px solid var(--text-lightgrey);
    }
    .ftr-sticky a.ftr-home div {
      background-position: center 0;
    }
    .ftr-sticky a div {
      width: 18px;
      height: 18px;
      background-repeat: no-repeat;
      background-size: 18px;
      background-image: url(https://www.thegreatnext.com/images/ftr-sprite.png);
      background-color: transparent;
    }
    .ftr-sticky span {
      width: 100%;
      font-size: 14px;
      margin-top: 6px;
      display: block;
      text-align: center;
    }
    .ftr-sticky a.ftr-srch div {
      background-position: center -72px;
    }
    .ftr-sticky a.ftr-call div {
      background-position: center -144px;
    }
    .ftr-sticky a.ftr-chat div {
      background-position: center -216px;
    }
    .ftr-sticky a.ftr-more.active div {
      background-position: center -324px;
    }
    .ftr-sticky a.active {
      color: var(--text-primary);
    }
    .ftr-sticky a.ftr-home.active div {
      background-position: center -36px;
    }
    .ftr-sticky a.ftr-srch.active div {
      background-position: center -108px;
    }
    .ftr-sticky a.ftr-call.active div {
      background-position: center -180px;
    }
    .ftr-sticky a.ftr-chat.active div {
      background-position: center -252px;
    }
    .ftr-sticky a.ftr-more.active div {
      background-position: center -324px;
    }
    .navbar-collapse {
      display: none;
    }
    .ftr-sticky a.ftr-more div {
      background-position: center -288px;
    }
    .search-form-box-click {
      background: var(--text-white);
      border-radius: 0;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100vh - 56px);
      background: var(--text-white);
      transition: all ease-in-out 0.3s;
      transform: translateX(100%);
      -webkit-transform: translateX(100%);
      align-items: flex-start;
      z-index: 999;
      -webkit-transform: translateX(0%);
      border-bottom: 1px solid var(--text-grey);
      padding: 20px !important;
    }
    .section.search-form-box {
      display: none;
    }
    input#destinationBox {
      box-shadow: none !important;
      border-radius: 3px;
    }
    .live-chat-containerbox {
      bottom: 60px;
      left: 0;
    }
    .close-search-box-cls,
    .close-menu-box-cls {
      background-color: transparent;
      border: 0;
      float: right;
      display: block;
      font-size: 30px;
      line-height: 0px;
    }
    .close-search-box-cls {
      display: none;
    }
    .srch_form {
      padding: 0 10px;
    }
  
    .srch_form #destinationBox {
      margin-bottom: 20px;
    }
    #collapsibleNavbar {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100vh - 56px);
      background: var(--text-white);
      border-bottom: 1px solid var(--text-grey);
      flex-flow: column wrap;
      justify-content: flex-start;
      align-items: flex-start;
      z-index: 4;
      padding: 20px;
      line-height: 40px;
    }
    /* button.navbar-toggler {
      z-index: 999 !important;
  } */
    #collapsibleNavbar .nav-link {
      font-weight: 400 !important;
    }
    ul.nav-right-txt-cls {
      padding-top: 10px;
    }
    #topheader .navbar-toggler {
      display: none;
    }
    #topheader .navbar-brand {
      margin: 0 auto;
      text-align: center;
    }
    .ft1-list li {
      border-bottom: none;
    }
    .ft1-list a.nav-link {
      line-height: 22px;
    }
    .registerbtn {
      font-size: 14px;
      font-weight: 400 !important;
    }
    .navbar-expand-md .navbar-collapse {
      display: none;
    }
    #topheader .navbar-nav {
      display: block;
      margin-left: 0 !important;
      width: 100%;
    }
    .nav-right-txt-cls {
      margin-left: 0;
    }
    .nav-right-txt-cls li {
      position: relative;
      text-align: left;
      float: left;
    }
    .close-search-box-cls:focus,
    .close-menu-box-cls:focus {
      border: none;
      box-shadow: none;
      outline: none;
    }
    .sharelist {
      margin-top: 60px;
    }
  }
  .footersearchbox {
    display: none;
  }
  @media (max-width: 991px) {
    .footersearchbox {
      display: none;
      z-index: 9999;
      height: calc(100vh - 56px);
      margin-top: 0;
      position: fixed;
      left: 0;
      top: 0;
    }
    .mbshow {
      display: block;
      line-height: 20px;
      z-index: 99999;
      position: absolute;
      right: 0;
      top: 5px;
    }
    .filter-icon {
      background: var(--text-secondary);
    }
    .footer-nav-title {
      position: relative;
    }
    .footer-nav-title::after {
      content: "\f067";
      font-family: 'FontAwesome';
      position: absolute;
      right: 0;
    }
    .footer-nav-toggle::after {
      content: "\f068";
    }
    .pr-0 {
      padding-right: 15px !important;
  }
  }
  .title-main h1 {
    font-weight: 600;
    font-size: 35px;
    color: var(--text-dark);
    line-height: 26px;
    padding-bottom: 12px;
  }
  .title-main h2 {
    font-weight: 600;
    font-size: 35px;
    color: var(--text-dark);
    line-height: 26px;
    padding-bottom: 12px;
  }
  .title-main h3 {
    font-weight: 600;
    font-size: 35px;
    color: var(--text-dark);
    line-height: 26px;
    padding-bottom: 12px;
  }
  .title-main h4 {
    font-weight: 600;
    font-size: 35px;
    color: var(--text-dark);
    line-height: 26px;
    padding-bottom: 12px;
  }
  .title-main h5 {
    font-weight: 600;
    font-size: 35px;
    color: var(--text-dark);
    line-height: 26px;
    padding-bottom: 12px;
  }
  .title-main h5 a {
    color: var(--text-primary);
  }
  .title-main h6 {
    font-weight: 600;
    font-size: 35px;
    color: var(--text-dark);
    line-height: 26px;
    padding-bottom: 12px;
  }
  .title-main .subtitle {
    font-weight: 500;
    font-size: 17px;
    color: var(--text-dark);
    line-height: 26px;
    padding-left: 4px;
  }
  .container {
    max-width: 1450px;
    width: 85%;
  }
  .rating-sec li {
    width: 49% !important;
  }
  .themecover5 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: 0.5s ease;
    background: linear-gradient(
      180deg,
      rgba(4, 32, 66, 0) 0%,
      rgba(4, 32, 66, 0.6) 100%
    );
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
  }
  .tg-populartourcontent {
    padding: 15px 15px;
    height: 72px;
    overflow: hidden;
  }
  .tg-populartourcontent .tg-populartourtitle {
    margin-top: 0px;
  }
  .middle_box_recomended {
    background: var(--text-white);
    border: 0px solid var(--text-white);
    margin-bottom: 20px;
  }
  .middle_box_recomended:hover {
    border: 0px solid var(--text-grey);
    cursor: pointer;
    box-shadow: 0 4px 12px 0 rgb(4, 32, 66, 0.2);
    -o-box-shadow: 0 4px 12px 0 rgb(4, 32, 66, 0.2);
    -moz-box-shadow: 0 4px 12px 0 rgb(4, 32, 66, 0.2);
    -webkit-box-shadow: 0 4px 12px 0 rgb(4, 32, 66, 0.2);
  }
  .testimonial-box:hover {
    box-shadow: 0 4px 12px 0 rgb(4, 32, 66, 0.2);
    -o-box-shadow: 0 4px 12px 0 rgb(4, 32, 66, 0.2);
    -moz-box-shadow: 0 4px 12px 0 rgb(4, 32, 66, 0.2);
    -webkit-box-shadow: 0 4px 12px 0 rgb(4, 32, 66, 0.2);
  }
  .footer_section {
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    height: 70vh;
  }
  .footer_section_bx {
    height: 100%;
    width: 100%;
    border-radius: inherit;
    position: absolute;
    object-fit: cover;
  }
  .footer_section_bx2 {
    height: 100%;
    width: 100%;
    border-radius: inherit;
    position: relative;
  }
  .css-1gcyg10 {
    height: 100%;
    width: 100%;
    border-radius: inherit;
    position: absolute;
    object-fit: cover;
    object-fit: fill;
  }
  .copyright-txt-center {
    text-align: center;
  }
  @media (min-width: 320px) and (max-width: 992px) {
    .title-main h6 {
      font-size: 24px;
    }
    .title-main h3 {
      font-size: 24px;
    }
    .title-main h4 {
      font-size: 24px;
    }
    .title-main h5 {
      font-size: 24px;
    }
    .title-main h1 {
      font-size: 24px;
    }
    nav.top-nav-collapse {
      position: relative;
    }
    .container {
      max-width: 1450px;
      width: 100%;
    }
    section.hot-deals {
      height: 80vh;
  }
  .home-blog-sec {
    padding: 0px;
}
    footer {
      padding: 10px 0 0 0;
      margin-top: -43px;
      background: var(--text-dark);
    }
    .footer_section_bx {
      height: 770px;
      display: none;
    }
  }
  .detial-headercls {
    top: 56px;
  }
  #myModa1Enquiry {
    top: 0px !important;
  }
  .modal-dialog.modal-lg.enq-form {
    max-width: 1000px;
    position: relative;
    top: -32px;
  }
  .modal-header.label-primary.white {
    margin: 0 0 10px 0;
    display: flex;
    vertical-align: middle;
    align-items: center;
  }
  h5.alert.custom-success {
    box-shadow: var(--text-grey) 2px 2px 2px;
  }
  .whatsappsize {
    font-size: 15px;
    font-weight: 600;
  }
  .wts {
    position: relative;
    left: 10px;
    color: var(--text-dark);
  }
  .capt {
    text-transform: capitalize;
  }
  
  .auth {
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    color: var(--text-secondary);
    display: inline-block;
    position: relative;
  }
  .modal-footer.alert-dismissible.hidebtn {
    width: 100%;
  }
  .mobile-btn a {
    font-size: 26px;
    padding: 0 3px;
    color: var(--text-dark);
  }
  .mobile-btn {
    display: none;
  }
  a.detail_link:hover {
    background: var(--text-primary);
    border-color: var(--text-primary);
  }
  a#estinamtebtnid:hover {
    background: var(--text-secondary);
    border-color: var(--text-secondary);
    color: var(--text-white);
  }
  .fullwidth {
    color: var(--text-primary);
    display: block;
    width: 100%;
    text-align: right;
  }
  a.detail_link.detail_link_17 {
    margin-top: 5px !important;
  }
  @media (min-width: 320px) and (max-width: 480px) {
    .mobile-btn {
      display: inline-block !important;
    }
    .footer_section {
      position: relative;
      transition: all 0.5s;
      width: 100%;
    }
    .label.labeltxt {
      position: relative !important;
      top: 10px !important;
      left: -5px !important;
    }
    .modal-dialog.modal-lg.enq-form {
      max-width: 1000px !important;
      position: relative !important;
      top: 0px !important;
    }
    #myModa1Enquiry {
      top: 0 !important;
    }
    label.checkbox.inlinebl {
      width: 100% !important;
      float: left !important;
    }
    .login-box.login-box-modal {
      background: var(--text-white);
    }
    .auth {
      font-size: 13px !important;
      cursor: pointer !important;
      font-weight: 600 !important;
      color: var(--text-secondary);
      text-align: left !important;
      display: inline-block;
      position: relative !important;
      top: -23px !important;
      left: 20px !important;
    }
    .modal-footer.alert-dismissible.hidebtn {
      width: 100% !important;
      display: inline-block !important;
    }
    .modal-footer > * {
      margin: 0.25rem !important;
      display: grid !important;
    }
    .col-sm-4.col-md-3.col-4.no-padding {
      flex: 100% !important;
      max-width: 100% !important;
    }
    .colspan-enquiry {
      display: inline-table !important;
      width: 100% !important;
      margin-bottom: 0px !important;
    }
    .form-group {
      margin-bottom: 0 !important;
    }
  
  
    .wts {
      position: relative !important;
      left: -2px !important;
      color: var(--text-dark);
      display: block;
    }
    .mbl {
      height: 45px;
    }
    #display_exit input {
      padding: 10px !important;
      float: none !important;
      top: 0 !important;
      left: 0 !important;
    }
  }
  @media (min-width: 481px) and (max-width: 767px) {
    .mobile-btn {
      display: inline-block !important;
    }
    .footer_section {
      position: relative;
      transition: all 0.5s;
      width: 100%;
    }
    a.detail_link {
      border: 2px solid var(--text-primary);
      position: relative !important;
    }
    .modal-dialog.modal-lg.enq-form {
      max-width: 1000px !important;
      position: relative !important;
      top: 0px !important;
    }
    #myModa1Enquiry {
      top: 0 !important;
    }
    label.checkbox.inlinebl {
      width: 100% !important;
      float: left !important;
    }
    .auth {
      font-size: 13px !important;
      cursor: pointer !important;
      font-weight: 600 !important;
      color: var(--text-secondary);
      text-align: left !important;
      display: inline-block;
      position: relative !important;
      top: -23px !important;
      left: 20px !important;
    }
    .modal-footer.alert-dismissible.hidebtn {
      width: 100% !important;
      display: inline-block !important;
    }
    .modal-footer > * {
      margin: 0.25rem !important;
      display: grid !important;
    }
    .col-sm-4.col-md-3.col-4.no-padding {
      flex: 100% !important;
      max-width: 100% !important;
    }
    .colspan-enquiry {
      display: inline-table !important;
      width: 100% !important;
      margin-bottom: 0px !important;
    }
    .login-box.login-box-modal {
      background: var(--text-white);
    }
    .form-group {
      margin-bottom: 0 !important;
    }

    .wts {
      position: relative !important;
      left: -2px !important;
      color: var(--text-dark);
      display: block;
    }
    .mbl {
      height: 45px;
    }
    #display_exit input {
      padding: 10px !important;
      float: none !important;
      top: 0 !important;
      left: 0 !important;
    }
  }
  #inquirydatefroml {
    position: relative;
  }
  #inquirydatefrom {
    color: var(--text-dark);
    height: calc(1.5em + 0.75rem + 2px);
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-dark);
    background-color: var(--text-white);
    background-clip: padding-box;
    border: 1px solid var(--text-grey);
    font-size: 13px !important;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
  }
  #inquirydatefrom:focus {
    outline: none;
  } 
  #datefromdetail {
    position: relative;
  }
  #datefromdetail {
    color: var(--text-dark);
    height: calc(1.5em + 0.75rem + 2px);
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-dark);
    background-color: var(--text-white);
    background-clip: padding-box;
    border: 1px solid var(--text-grey);
    font-size: 13px !important;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
  }
  #datefromdetail:focus {
    outline: none;
  }
  @media (max-width: 992px) {
    .ft-btn-list {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99999;
        width: 100%;
    }
    ul.ft-btn-list {
        display: block;
    }
    .copyright {
        padding: 20px 0 104px 0;
    }
    .login-box-modal {
        background: var(--text-lightgrey);
        background-size: cover;
        background-position: left;
        margin: 10px;
    }
    .col-sm-4.col-md-3.col-4.no-padding {
        width: 100% !important;
        flex: 1;
        max-width: 100%;
    }
    .colspan-enquiry {
        display: inline-table;
        width: 100%;
        margin-bottom: 0;
    }
    .select_box_wth {
        width: auto;
        box-shadow: none;
        height: 31px;
        float: right;
        cursor: pointer;
        margin-top: -2px !important;
    }
    .dt-1.mobilestartfrm {
        text-align: right;
    }
    .dt-2.mobile_price {
        text-align: right;
    }
    .hotel-listing-buttons-cls {
        position: relative;
        top: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .inputBox {
        margin-bottom: 10px;
    }
    .remarkforquery {
        width: 100%;
        font-size: 13px !important;
        margin: 0px 0;
        padding: 9px;}
        .sendEnquirySubmit:hover {
            background: var(--text-primary) !important;
            color: var(--text-color-white) !important;
        }
        .search-box {
            bottom: 0;
            position: relative !important;
            min-height: 300px;
        }
        .mobile-btn a {
            font-size: 36px;
            color: var(--text-primary);
        }
        .margin15 {
            margin: 0px 0 !important;
        }
        .form-control {
            margin-bottom: 0;
            font-size: 12px !important;
        }
        .col-sm-2.padding-right0 {
            padding-bottom: 0 !important;
        }
        .textfieldMain_mobile {
            margin-bottom: 10px !important;
        }
        .inputBox {
            margin-bottom: 0;
        }
        div#inquiryfromdate {
            margin-bottom: 0 !important;
        }
        .form-group{
            margin-bottom: 10px !important;
        }
}

@media (max-width: 400px) {
  .list-box .listing-info {
      width: 100%;
  }
  .detail-right {
      position: relative;
  }
  .sharelist {
      margin-top: 10px;
  }
}

#fh5co-blog h5 span font {
  font-family: 'Work Sans', sans-serif !important;
    font-size: 16px;
}
#fh5co-blog h2 span font {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 24px;
  font-weight: 600;
}
#fh5co-blog h4 span font {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 24px;
  font-weight: 600;
  color: rgb(78, 78, 78);
}
#fh5co-blog h4 font {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 24px;
  font-weight: 600;
  color: rgb(78, 78, 78);
}
#fh5co-blog h5 font span{
  font-family: 'Work Sans', sans-serif !important;
  font-size: 16px;
}
#fh5co-blog h5 font {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 16px;
}

