@charset "UTF-8";
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
  font-family: "Poppins", sans-serif !important;
  /* font-size: 12px; */
  color: black;
}

:root {
  --primary-color: #ff6226;
  --primary-gradient: linear-gradient(0deg, rgb(255 98 38) 0%, rgb(255 71 0) 48%, rgb(255 98 38) 100%);
  --hover-primary-gradient: linear-gradient(0deg, rgb(197 55 0) 0%, rgb(255 71 0) 48%, rgb(255 98 38) 100%);
  --btn-blue: #0b4b83;
  --btn-red: red;

  --main2-color: #e5643938;
  --secondary-color: rgba(144, 24, 67, 1);
  --grey2: #e1e1e178;
  --grey-light-color: #f8f9fa;
  --grey-more-light-color: #eeeeee4a;
  --color-1: #e49756;
  --color-2: hsl(27.22deg 91.51% 58.43%);
  --color-3: #282124;
  --colore9: #e9e9e9;
}

button {
  cursor: pointer !important;
  transition: .5s !important;
}
button:hover 
{
  transform: translateY(-2px);
}

a {
  cursor: pointer !important;
  font-weight: 400;
}

p {
  font-weight: 500;
}

.navbar-brand img {
  width: 10%;
}

header ul li a {
  font-size: 15px;
}

header .active {
  color: var(--primary-color) !important;
}

.login-btn {
  background: rgb(2, 0, 36);
  background: var(--primary-gradient);
  color: white;
  width: 75px;
  height: 30px;
  border: none;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 12px;
}

.login-btn:hover {
  background: rgb(2, 0, 36);
  background: var(--hover-primary-gradient);
}

/* ----------------header area end css-------------  */

/* -----------banner area css start-------------  */
.banner-area {
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(248, 249, 250, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.row.banner-right-area {
  background: var(--grey-light-color);
  padding: 15px 10px;
}

.banner-icons-area .row .col-lg-4 img {
  width: 60%;
  padding: 10px;
  background-color: var(--grey2);
  border-radius: 100%;
}

.banner-img-area img {
  width: 50%;
  margin-top: 40px;
}

.carousel-right .carousel-item img {
  min-height: 400px;
  border-radius: 10px;
}

.banner-right .carousel-indicators {
  bottom: 0px;
}

.banner-right .carousel-item h6 {
  position: absolute;
  bottom: 40px;
  left: 0px;
  right: 0;
  font-weight: 500;
  color: white;
  text-align: center;
  margin: auto;
  text-shadow: -2px 2px black;
  font-size: 17px;
}

.banner-right .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 40px;
  height: 4px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background: var(--primary-gradient);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 2.5;
  transition: opacity 0.6s ease;
}

.img1 {
  background-image: url("../images/travel/1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  background-position: center;
}

.img2 {
  background: url("../images/travel/2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  background-position: center;
}

.img3 {
  background: url("../images/travel/3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  background-position: center;
}

.img4 {
  background: url("../images/travel/3.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  background-position: center;
}

.img5 {
  background: url("https://ik.imagekit.io/vikassingh/young-woman-hiker-taking-photo-with-smartphone-mountains-peak-winter.jpg?updatedAt=1686741460352");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  background-position: center;
}

.sec2-right-img img {
  border-radius: 10px;
  width: 80%;
}

/* -----------banner area css end-------------  */

/* -----------index sec3 css start--------------  */
.box-register {
  background-color: #eeeeee;
  padding: 20px;
  border-radius: 10px;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.box-register img {
  width: 15%;
  background: var(--primary-gradient);
  border-radius: 10px;
  padding: 5px;
}

.box-register button {
  background-color: transparent;
  border: none;
  font-size: 22px;
  padding-left: 0;
}

.box-register button i {
  font-size: 18px;
  color: rgb(15, 15, 15);
}

.middle-box {
  background-color: var(--primary-color);
  color: white;
}

.middle-box button,
.middle-box button i {
  color: white;
}

.box-register:hover {
  background-color: var(--primary-color);
  color: white;
  cursor: pointer;
}

.box-register:hover button,
.box-register:hover button i {
  color: white;
}

.box-register:hover button i {
  padding-left: 10px;
  transition: 1s;
}

/* -----------index sec3 css end--------------  */

/* -----------index sec4 css end--------------  */

.sec4 .col-lg-6 img {
  width: 70%;
}

.sec4 .mobile-f {
  width: 100% !important;
}

/* .shape-icon {
    position: relative;
    width: 120px;
    height: 80px;
    background: #e1e1e1;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -6px #ee1065;
  }


  .shape-icon1 {
    @extend .shape-icon;
  
    &::after {
      content: '';
      position: absolute;
      right: 11px;
      top: 38%;
      width: 0;
      height: 0;
      border: 13px solid transparent;
      border-left-color: #e1e1e1;
      border-right: 0;
      margin-top: -13px;
      margin-right: -13px;
      box-shadow: 0px 0px 10px -6px #ee1065;
    }
  } */

/* -----------index sec4 css end--------------  */

/* -----------index sec5 css end--------------  */
.sec5 {
  background-color: #f1f9ff;
  padding: 40px 0px;
}

.slide-area img {
  width: 350px;
}

/* .sec5 .slick-dots 
{
    grid-gap: 130px;
    display: flex;
    justify-content: start;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 0px !important;
    line-height: 20px;
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px !important;
    height: 5px !important;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

 */
.slider-bottom-content {
  /* display: flex; */
  /* margin-top:0px; */
}

.slider-bottom-content .box {
  /* width: 220px; */
  border-top: 5px solid rgb(193, 193, 193);
  padding-top: 15px;
  cursor: pointer;
  font-size: 14px;
}

.slider-bottom-content .box p:first-child {
  font-weight: 600;
}

.slider-bottom-content .box p:nth-child(2) {
  font-weight: bold;
  color: #555;
}

.slider-bottom-content .box p {
  padding: 0 20px;
}

.slider-bottom-content .box:hover {
  border-color: var(--primary-color);
}

.slider-bottom-content .active {
  border-color: var(--primary-color);
}

/* -----------index sec5 css end--------------  */

/* -----------index sec7 css start--------------  */
.sec7 {
  background-color: #fff8f5;
  padding: 25px 0;
}

.client-inner {
  width: 90%;
  margin: auto;
}

.story-box {
  border: 1px solid grey;
  padding: 20px;
  border-radius: 10px;
  margin-right: 10px;
  /* width: 470px !important; */
}

.client-inner {
  grid-gap: 20px !important;
}

/* -----------index sec7 css end--------------  */

/* -----------index sec8 css start--------------  */
.suc-img {
  height: 500px;
}

.suc-img img {
  border-radius: 10px;
}

.companysuccess {
  background: url(../images/team/1.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  border: 1px solid #eeeeee;
}

.c2r1 {
  background: url(../images/team/2.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  height: 155px;
}

.c2r2 {
  background: url(../images/team/3.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  height: 155px;
}

.c2r3 {
  background: url(../images/team/4.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  height: 155px;
}

.c3r1 {
  background: url(../images/team/5.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  height: 240px;
}

.c3r2 {
  background: url(../images/team/6.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  height: 240px;
}

/* -----------index sec8 css end--------------  */

/* -----------index sec9 css start--------------  */
.bg-sec9 {
  /* background-color: #f4f8fc;  */
  padding: 40px 20px;
}

.btn-main1 {
  background-color: transparent;
  border: 1px solid grey;
  padding: 8px 30px;
  border-radius: 7px;
}

.btn-main1:hover {
  background-color: var(--primary-color);
  color: white;
  border: none;
}

.border-r {
  border-right: 1px solid rgb(196, 196, 196);
}

/* -----------index sec9 css end--------------  */

/* -----------footer css start--------------  */
.brand {
  filter: grayscale();
}

.more-links a {
  color: grey;
  text-decoration: none;
}

.more-links a:hover {
  color: blue;
  text-decoration: underline;
}

footer {
  font-size: 14px;
}

/* ---------- footer css end--------------  */

/* -----------login page css start----------  */
.bg-login {
  background-image: url("https://ik.imagekit.io/vikassingh/happy-tourist-sightseeing-city-with-map.jpg?updatedAt=1686748474115");
  /* width: 100%; */
  height: 100%;
  background-position: center;
  background-size: cover;
}

.login-form {
  background-color: #ffffffc2;
  width: 60%;
  padding: 30px;
  border-radius: 7px;
}

.sign-up-form {
  background-color: #ffffffed;
  width: 90%;
  padding: 30px;
  border-radius: 7px;
}

.profile {
  border-radius: 50px;
  background-color: var(--primary-color);
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border: 2px solid grey;
}

.profile img {
  width: 80px;
}

.login-form h4,
.sign-up-form h4 {
  color: var(--primary-color);
  font-weight: 600;
}

.login-form input,
.sign-up-form input,
.sign-up-form select {
  width: 100%;
  height: 40px;
  padding-left: 10px;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgb(202, 202, 202);
  border-radius: 5px;
  box-shadow: 0 !important;
  font-size: 12px;
  font-weight: 600;
}

.login-form input:focus,
.sign-up-form input:focus,
.sign-up-form select:focus {
  background-color: #ee106521;
}

.sign-up-form select:focus-visible {
  outline: none !important;
}

.cd-switch {
  padding: 50px 0;
  text-align: center;
}

.switchFilter {
  width: 0;
  display: inline-block;
  background-color: #db6576;
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
  transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
}

.switch label {
  cursor: pointer;
  text-transform: uppercase;
  border: 1px solid #3d4349;
  width: 55px;
  padding: 3px 0;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  margin-right: 1px;
}

.switch {
  position: relative;
  display: inline-block;
  left: 60px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  margin: 0em 0;
}

.switch input[type="radio"] {
  visibility: hidden;
  position: absolute;
  height: 100%;
}

.switch input[type="radio"]#yes:checked ~ label[for="yes"] {
  color: white;
  border: 1px solid #db6576;
}

.switch input[type="radio"]#yes:checked ~ .switchFilter {
  left: 0px;
  opacity: 1;
  width: 55px;
}

.switch input[type="radio"]#no:checked ~ label[for="no"] {
  color: white;
  border: 1px solid #db6576;
}

.switch input[type="radio"]#no:checked ~ .switchFilter {
  left: 61px;
  width: 54px;
  opacity: 1;
}

.login-form input:focus-visible,
.sign-up-form input:focus-visible {
  box-shadow: 0 !important;
  outline: none;
}

.border-left-or {
  border-bottom: 1px solid #cacaca;
  width: 100%;
  position: relative;
  top: -11px;
}

.border-right-or {
  border-bottom: 1px solid #cacaca;
  width: 100%;
  position: relative;
  top: -11px;
}

.con-fb {
  background-color: #375b95;
  border-radius: 3px;
  padding: 9px 15px;
  color: white;
  text-decoration: none;
  font-size: 12px;
}

.con-fb:hover {
  color: white;
}

.con-fb i {
  font-size: 14px;
}

.con-google {
  background: var(--primary-gradient);
  border-radius: 3px;
  padding: 9px 15px;
  color: white;
  text-decoration: none;
  font-size: 12px;
}

.con-google:hover {
  color: white;
}

.signup-btn {
  background: var(--primary-gradient);
  border-radius: 5px;
  padding: 7px 35px;
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

.signup-btn:hover {
  background: var(--hover-primary-gradient);
  color: white;
}

.right-bg {
  background-color: hsl(201.07deg 85.71% 38.43% / 78%);
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-left {
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-login,
.btn-sign {
  border-radius: 5px;
  text-decoration: none;
  border: 1px solid white;
  padding: 2px 20px;
}

.btn-login:hover,
.btn-sign:hover {
  background-color: var(--primary-color);
  border: none;
}

.bg-color-login2 {
  background-color: transparent !important;
}

.bg-color-login {
  background-color: #ee106533;
}

.p-color {
  color: #5c5c5c !important;
}

.main-heading span {
  color: var(--primary-color);
  text-shadow: -1px 1px white;
  font-weight: 600;
}

.login-left .login-btn {
  padding: 4px 22px;
  text-decoration: none;
  font-size: 14px ;
}

.login-left .login-btn:hover {
  color: white !important;
}

.loginsign {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.sign-up-form .login-btn {
  padding: 2px 22px;
  text-decoration: none;
  width: 102px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* -----------login page css end----------  */

.regbg {
  background: #9d9d9d26;
  padding: 10px;
  border-radius: 4px;
  height: 80px;
  width: fit-content;
}

/* .gst 
{
    display: none;
} */
.termd input {
  width: 15px;
}

.termd label {
  width: 100%;
  border: none;
  text-align: left;
  text-transform: capitalize;
}

.firm input {
  width: 15px;
}

.firm label {
  border: none;
  text-transform: capitalize;
}

.firmselect2 {
  width: 122px !important;
  text-align: left !important;
  justify-content: left !important;
  padding-left: 13px;
}

.firmselect3 {
  width: 130px !important;
  justify-content: left !important;
  padding-left: 10px;
}

.firmselect {
  border: 1px solid var(--primary-color);
  width: 115px;
  padding-right: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  height: 32px;
}

.com {
  background-color: #ededeb;
  padding: 7px;
  border-radius: 5px;
}

.bxdesripttion {
  background-color: white;
  padding: 15px;
  border-radius: 10px;
  margin-top: 2px;
}

/* -------------header2 css start----------  */
.header2 {
  box-shadow: 0px 0px 10px -5px;
}

.log-out {
  display: flex;
  height: 28px;
  padding: 2px 8px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 10px;
  position: relative;
  /* padding-right: 40px; */
  cursor: pointer;
  text-transform: uppercase;
  /* border: 1px solid white; */
  color: white;
  background: rgb(2, 0, 36);
  background: var(--primary-gradient);
}

.log-out:hover {
  color: var(--primary-color);
  /* border: 1px solid var(--primary-color); */
  background: transparent;
}

.log-out i {
  /* padding: 9px; */
  padding-left: 5px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  /* background-color: #e6145e; */
  /* position: absolute; */
  right: 0;
}

/* .details-right-nav p  */
/* { */
/* background-color: rgb(209, 206, 206);
    height: 45px;
    font-weight: bold;
    color: #383838;
    padding: 0 10px;
    border-radius: 10px;
    margin-right: 10px;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center; 
    flex-direction: column;
    align-items: center; */
/* background-color: grey;
    margin-top: 1px;
    border: 1px solid var(--primary-color);
}
.details-right-nav p:last-child
{
    margin-top: 10px;
} */
.details-right-nav a {
  text-decoration: none;
  margin: 0;
}

.details-right-nav a:first-child {
  background: rgb(2, 0, 36);
  background: var(--primary-gradient);
  color: white;
  font-size: 14px;
}

.details-right-nav a:last-child {
  background: rgb(2, 0, 36);
  background: var(--primary-gradient);
  color: white;
  font-size: 14px;
  width: 80%;
  display: flex;
  justify-content: center;
  align-content: center;
  white-space: nowrap;
}

.header2-btn {
  border: 1px solid;
  border-radius: 5px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header2 .navbar-light .navbar-brand {
  width: 50px;
}

.header2 .navbar-brand img {
  width: 100%;
  color: var(--primary-color);
}

/* .header2 ul li:first-child a ,
.header2 ul li:nth-child(2) a 
{
    font-size: 18px;
} */
.company-data {
  font-size: 12px;
  height: 25px;
  /* background-color: #e9e9e973; */
  color: #fff;
  padding: 2px 7px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.company-data:hover {
  color: #0a58ca;
}

.balance {
  font-size: 12px;
  height: 25px;
  /* background-color: #e9e9e973; */
  color: #fff;
  padding: 2px 7px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-profile {
  list-style: none;
}

/* -----------header2 css end----------  */

/* ....................package page css start......................  */

/* -----------banner area css start----------  */

.package-page .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: auto;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.banner-1 {
  background-size: cover;
  height: 400px;
  background-position: center;
}

.banner-2 {
  background-size: cover;
  height: 400px;
  background-position: center;
}

.banner-3 {
  background-size: cover;
  height: 400px;
  background-position: center;
}

.banner-4 {
  background-size: cover;
  height: 400px;
  background-position: center;
}

.banner-5 {
  background-size: cover;
  height: 400px;
  background-position: center;
}

.package-page .slider-area .carousel-indicators [data-bs-target] {
  height: 5px;
}

.package-page .carousel-indicators [data-bs-target] {
  background-color: var(--primary-color);
}

/* -----------banner area css end----------  */

/* -----------search area css start----------  */
.main-search {
  position: relative;
  margin-top: -105px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.main-tabs {
  display: flex;
  grid-gap: 10px;
  list-style: none;
  margin: auto;
  padding: 0;
}

.main-tabs li {
  border-radius: 5px;
}

.main-tabs button {
  background-color: #0000009c;
  border: 2px solid var(--primary-color);
  color: white;
  font-size: 14px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 7px 20px;
  border-bottom: 2px solid grey;
  border: none;
}

.main-tabs button:hover {
  background: rgb(2, 0, 36);
  background: var(--hover-primary-gradient);
}

.active-bg button {
  background: var(--primary-gradient);
  transition: 1s;
}

.mainsearch-inner,
.mainsearch-inner2 {
  /* border: 3px solid var(--primary-color); */
  width: 100%;
  padding: 10px 0;
  max-width: 82%;
  margin: auto;
  border-radius: 7px;
  background-color: white;
  border-radius: 15px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgb(0 0 0 / 0%) 0px 30px 60px -30px,
    rgb(10 37 64 / 17%) 0px -2px 6px 0px inset;
}

.box-1 {
  padding: 25px;
  align-items: self-end;
}

.box-1 input {
  padding: 5px 10px;
  border-radius: 5px;
  border: none;
  /* border: 1px solid rgb(141 141 141); */
  outline: none;
  background-color: white;
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  color: black;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.box-1 input:hover {
  background-color: var(--main2-color);
  cursor: pointer;
}

.box-1 input:focus {
  border: none;
  border-bottom: 2px solid var(--primary-color);
}

.pass,
.pass2 {
  width: 20%;
}
.pass span,
.pass2 span {
  font-size: 12px;
  color: var(--primary-color);
  font-weight: 600;
}
.pass .paxDetailsmain,
.pass2 .paxDetailsmain {
  background-color: white;
  width: 100%;
  /* border-bottom: 1px solid #c9c9c9; */
  display: flex;
  color: var(--primary-color);
  /* height: 55pxs; */
  border-radius: 5px;
  padding-left: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  margin-bottom: 0 !important;
  height: 35px;
  display: flex;
  align-items: center;
}
.pass .paxDetailsmain p,
.pass2 .paxDetailsmain p {
  margin-bottom: 0 !important;
}

.pass .paxDetailsmain:hover,
.pass2 .paxDetailsmain:hover {
  background-color: var(--main2-color);
  cursor: pointer;
}

.pass p:focus,
.pass2 p:focus {
  border-bottom: 2px solid var(--primary-color);
}

.box-1 {
  grid-gap: 20px;
}

.date-input {
  display: flex;
  flex-direction: row-reverse;
}

.f-list {
  position: absolute;
  top: 88px;
  left: 25px;
  background-color: white;
  box-shadow: 0px 0px 10px -5px;
  list-style: none;
  padding: 0;
  /* padding: 7px; */
  border-radius: 10px;
  width: 20%;
  height: 264px;
  overflow-y: scroll;
  z-index: 999999;
}

.f-list li {
  padding: 5px 20px;
  font-weight: 600;
  color: #555;
  border-bottom: 1px solid rgb(238, 238, 238);
  box-shadow: 0px 0px 10px -9px;
  align-items: center;
}

.f-list li:hover {
  border: none;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  background-color: #fbcfe0;
  cursor: pointer;
}

.f-list li i {
  color: var(--primary-color);
}

.f-list2 {
  position: absolute;
  top: 88px;
  left: 20px;
  background-color: white;
  box-shadow: 0px 0px 10px -5px;
  list-style: none;
  padding: 0;
  /* padding: 7px; */
  border-radius: 5px;
  width: 30%;
  height: 300px;
  overflow-y: scroll;
  z-index: 999999;
}

.f-list2 li {
  padding: 5px 20px;
  font-weight: 600;
  color: #555;
  border-bottom: 1px solid rgb(238, 238, 238);
  box-shadow: 0px 0px 10px -9px;
  align-items: center;
}

.f-list2 li:hover {
  border: none;
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  background-color: #fbddcf5c;
  cursor: pointer;
}

.f-list2 li i {
  color: var(--primary-color);
}

.desti {
  font-size: 14px;
}

.desti p:nth-child(2) {
  font-size: 14px;
  color: grey;
}

.s-list {
  position: absolute;
  top: 88px;
  left: 276px;
  background-color: white;
  box-shadow: 0px 0px 10px -5px;
  list-style: none;
  padding: 0;
  /* padding: 7px; */
  border-radius: 10px;
  width: 20%;
  height: 264px;
  overflow-y: scroll;
  z-index: 9999999;
}

.s-list li {
  padding: 5px 20px;
  font-weight: 600;
  color: #555;
  border-bottom: 1px solid rgb(238, 238, 238);
  box-shadow: 0px 0px 10px -9px;
  align-items: center;
}

.s-list li:hover {
  border: none;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  background-color: #fbcfe0;
  cursor: pointer;
}

.s-list li i {
  color: var(--primary-color);
}

.s-list2 {
  position: absolute;
  top: 88px;
  left: 250px;
  background-color: white;
  box-shadow: 0px 0px 10px -5px;
  list-style: none;
  padding: 0;
  /* padding: 7px; */
  border-radius: 10px;
  width: 30%;
  height: 300px;
  overflow-y: scroll;
  z-index: 9999999;
}

.s-list2 li {
  padding: 5px 20px;
  font-weight: 600;
  color: #555;
  border-bottom: 1px solid rgb(238, 238, 238);
  box-shadow: 0px 0px 10px -9px;
  align-items: center;
}

.s-list2 li:hover {
  border: none;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  background-color: #fbcfe0;
  cursor: pointer;
}

.s-list2 li i {
  color: var(--primary-color);
}

.datefrom {
  position: relative;
}

.datefrom input {
  padding-left: 35px;
  background: transparent !important;
  border-radius: 5px !important;
}

.datefrom i {
  position: absolute;
  top: 14px;
  left: 10px;
  z-index: 999;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #d12b68 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #ff2673 !important;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #c6225d !important;
  border-color: #d06089 !important;
  color: white;
}

.passenger-data {
  position: absolute;
  right: 0px;
  box-shadow: 0px 0px 10px -5px;
  width: 280px;
  padding: 10px 10px;
  z-index: 999999;
  background-color: white;
  border-radius: 10px;
  top: 90px;
}

.passenger-data ul {
  padding: 0;
  margin: 0;
  grid-gap: 15px;
}

.passenger-data ul li {
  grid-gap: 5px;
  font-size: 16px;
  align-items: center;
  border-right: 1px dotted grey;
  border: 1px solid var(--primary-color);
  padding: 0px 5px;
  border-radius: 5px;
  list-style: none;
}

.passenger-data ul li:last-child {
  border: none;
}

.passenger-data ul li:hover {
  background-color: var(--primary-color);
  color: white;
}

.passenger-data ul li:last-child:hover {
  background-color: transparent;
}

.passenger-data ul li input {
  margin-right: 10px;
}

.passenger-data ul li p {
  margin: 0;
  cursor: pointer;
}

.passenger-data2 {
  position: absolute;
  right: 0px;
  box-shadow: 0px 0px 10px -5px;
  width: 350px;
  padding: 10px 10px;
  z-index: 999999;
  background-color: white;
  border-radius: 10px;
  top: 90px;
}

.passenger-data2 ul {
  padding: 0;
  margin: 0;
  grid-gap: 15px;
}

.passenger-data2 ul li:first-child {
  grid-gap: 5px;
  font-size: 16px;
  align-items: center;
  border-right: 1px dotted grey;
  /* border: 1px solid var(--primary-color); */
  padding: 7px;
  border-radius: 20px;
  list-style: none;
  box-shadow: 0px 4px 11px -5px black;
  border: none;
}

.passenger-data2 ul li:last-child {
  border: none;
}

.passenger-data2 ul li:hover {
  background-color: var(--primary-color);
  color: white;
}

.passenger-data2 ul li:last-child:hover {
  background-color: transparent;
}

.passenger-data2 ul li input {
  margin-right: 10px;
}

.passenger-data2 ul li p {
  margin: 0;
  cursor: pointer;
}

.theme {
  color: var(--primary-color);
}

.passenger-data2 ul li input {
  width: 20px;
}

.btn-done {
  border: 1px solid var(--primary-color);
  height: 32px;
  background-color: transparent;
  border-radius: 5px;
  color: var(--primary-color);
  padding: 2px 15px;
  font-weight: 500;
  font-size: 14px;
}

.btn-done:hover {
  background-color: var(--primary-color);
  color: white;
}

.list-passenger li {
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 35px;
  font-size: 14px !important;
  font-weight: 600;
  border: none;
}

.list-passenger li:last-child {
  grid-gap: 5px;
  font-size: 18px;
  align-items: center;
  box-shadow: 0px 4px 11px -5px black;

  padding: 7px;
  border-radius: 20px;
  list-style: none;
}

.list-passenger li:last-child:hover {
  background-color: var(--primary-color) !important;
  color: white;
}

.active-box {
  background-color: var(--primary-color);
  color: white;
}

.search-in img {
  width: 22px;
  position: absolute;
  top: 28px;
  left: 7px;
}

.search-in input {
  padding-left: 38px !important;
}

.datefrom i {
  color: var(--primary-color);
  font-size: 16px;
}

.datefrom .input-group:hover {
  background-color: var(--main2-color);
  border-radius: 5px;
}

.passenger-data .cross {
  position: absolute;
  right: 15px;
  background: var(--primary-color);
  padding: 6px 9px;
  border-radius: 50px;
  color: white;
  cursor: pointer !important;
  z-index: 99999;
}

.passenger-data i:hover {
  background-color: #d80f5c;
}

.passenger-data2 .cross {
  position: absolute;
  right: 15px;
  background: var(--primary-color);
  padding: 6px 9px;
  border-radius: 50px;
  color: white;
  cursor: pointer !important;
  z-index: 99999;
  top: 10px;
  font-size: 11px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.passenger-data2 i:hover {
  background: var(--hover-primary-gradient);
}

.btn-done {
  float: right;
  margin-top: 10px;
}

.search-ic {
  position: absolute;
  right: -20px;
  bottom: -15px;
  padding: 10px 15px;
  border-radius: 50px;
  color: white;
  background: rgb(2, 0, 36);
  background: linear-gradient(
    180deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(238, 19, 96, 1) 0%,
    rgba(188, 25, 83, 1) 28%,
    rgba(244, 74, 139, 1) 100%
  ) !important;
  cursor: pointer;
}

.search-ic i {
  padding-top: 2px;
}

.search-ic:hover {
  background: rgb(2, 0, 36);
  background: linear-gradient(
    180deg,
    rgba(2, 0, 36, 1) 0%,
    rgb(209, 18, 85) 0%,
    rgb(226, 29, 98) 28%,
    rgb(204, 60, 115) 100%
  ) !important;
}

/* -----------search area css end----------  */

/* -----------package-p-sec1 area css start----------  */
.package-p-sec1 {
  margin-top: 100px;
}

.package-p-sec1 .col-lg-4 {
  position: relative;
  cursor: pointer;
}

.package-p-sec1 .col-lg-4:hover img {
  padding: 15px;
  transition: 0.2s;
}

.package-p-sec1 .col-lg-4:hover h5 {
  color: #0a58ca !important;
}

.package-p-sec1 .col-lg-4 img {
  position: absolute;
  z-index: 999;
  padding: 15px 20px;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 30px;
  height: 210px;
  width: 100%;
  object-fit: cover;
}

.body-content-package {
  position: relative;
  top: 100px;
  background-color: white;
  box-shadow: 0px 0px 10px -5px;
  padding: 20px;
  padding-top: 110px;
  min-height: 230px;
  border-radius: 15px;
}

/* .package-p-sec1 img 
    {
        width: 400px;
    } */
.package-p-sec1 {
  padding-bottom: 50px;
}

.right-explore-india {
  border-radius: 10px;
  margin-top: 10px;
  height: 236px;
}

.right-explore img {
  width: 100%;
  height: 236px;
  border-radius: 10px;
  object-fit: cover;
}

.right-explore {
  position: relative;
}

.right-explore-inner {
  position: absolute;
  top: 10px;
  left: 10px;
  color: white;
  line-height: 18px;
  font-weight: bold;
  font-size: 15px;
}

.trend-dest {
  margin-top: 15px;
  padding: 7px;
  border-radius: 10px;
  margin: 7px;
}

.trend-dest img {
  border-radius: 10px;
  height: 237px;
  width: 100%;
  object-fit: cover;
}

.trend-dest:hover .bt {
  padding: 2px;
  border-radius: 10px;
  cursor: pointer;
}

.btm-country p {
  margin: 0;
}

.btm-country {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 15px;
  color: white;
  margin: auto;
  left: 0;
  right: 0;
  justify-content: center;
  font-weight: 30px !important;
  font-weight: 600;
}

.btm-country img {
  width: 20px;
  border-radius: 0;
  margin-left: 10px;
  height: 15px;
}

.trending-destination {
  padding-bottom: 20px;
  padding-top: 20px;
  background-color: #ee10650d;
  margin-bottom: 60px;
}

.other-trave-box img {
  border-radius: 10px;
}

.other-traveller {
  margin-bottom: 80px;
}

.other-trave-box img {
  height: 260px;
  object-fit: cover;
}

.next-package {
  margin-bottom: 50px;
}

/* -----------package-p-sec1 area css end----------  */

/* -----------next-package area css end----------  */
.next-package-box {
  position: relative;
}

.next-package-box {
  padding: 5px;
  cursor: pointer;
}
.package-box p
{
  font-size: 14px;
}
.data-sell-package {
  position: absolute;
  top: 10px;
  z-index: 999;
  color: white;
  left: -1px;
  top: 0;
  border: 4px solid;
  border-radius: 2px;
  padding: 5px 20px;
  border-bottom-right-radius: 30px;
  border-top: 0;
  border-left: 0;
  background-color: #20000059;
  border-top-left-radius: 10px;
  cursor: pointer;
}

.next-package-box img {
  border-radius: 10px;
  object-fit: cover;
  height: 270px;
}

/* -----------next-package area css end----------  */

/* mainsearch-inner2 css start  */
/* .mainsearch-inner p {
  font-weight: 600;
} */
/* .bookinternational {
  font-weight: 600;
} */
.package-type {
  padding: 5px 10px;
  border-radius: 5px;
  border: none;
  /* border: 1px solid rgb(141 141 141); */
  outline: none;
  background-color: white;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  color: black;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.package-type:focus-visible {
  outline: -webkit-focus-ring-color auto 0px !important;
}
.package-select p {
  font-size: 12px;
  font-weight: 600;
}
.pass2 p {
  font-size: 12px;
}
.package-select {
  background-color: white;
  width: 20%;
  border: none;
  /* border-bottom: 1px solid #c9c9c9; */
  display: flex;
  color: var(--primary-color);
  height: 55px;
  border-radius: 5px;
  outline: none !important;
}

.readymade-package {
  width: 960px;
  margin: auto;
}

.box-readypakcage {
  padding: 20px;
  border-radius: 5px;
}
.box-readypakcage h6 {
  font-weight: 700;
  font-size: 14px;
}

.search-place i {
  color: var(--primary-color);
}

.place-input {
  border: none;
  /* border-bottom: 1px solid #f10e66; */
  border-radius: 5px;
  padding: 8px 62px;
  font-size: 14px;
  padding-left: 27px;
  font-weight: 500;
  text-transform: capitalize;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  font-size: 14px;
}

.place-input:focus {
  /* border-bottom: 1px solid #f10e66 !important; */
  outline: none;
  /* background-color: rgba(0, 157, 255, 0.087); */
}

.search-readymade-package {
  background-color: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-weight: 600;
  margin-left: 20px;
  border-radius: 3px;
  padding: 2px 13px;
  position: absolute;
  right: 10px;
}

.search-readymade-package:focus,
.search-readymade-package:hover {
  background-color: var(--primary-color);
  color: white;
}

.hnote {
  color: #646464;
  font-size: 12px;
}

.vis {
  font-weight: 600;
  margin-bottom: 5px;
}

.box-place-add {
  box-shadow: 0px 0px 10px -5px;
  padding: 7px 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  width: 740px;
}

.box-place-add h5 {
  margin: 0;
}

.datesystem ul {
  list-style: none;
  display: flex;
  background-color: rgb(223 223 223 / 36%);
  padding: 0;
  padding: 2px 20px;
  color: black;
  gap: 20px;
  font-size: 12px;
  font-weight: 600;
}

.datesystem ul li {
  margin: 0;
}

.datesystem ul li p {
  margin: 0;
  color: #555;
}

.datesystem ul li .check {
  color: rgb(128, 128, 128);
}

.night-d p {
  font-size: 12px;
  font-weight: 600;
  background-color: rgb(223 223 223 / 36%);
  padding: 4px 7px;
}

.select-num {
  gap: 14px;
  margin-left: 2px;
  display: flex;
  align-items: center;
  color: var(--primary-color);
  font-weight: 600;
  background-color: rgb(223 223 223 / 36%);
  padding: 2px 7px;
  border-radius: 4px;
}

.select-num i {
  border: 1px solid var(--primary-color);
  padding: 4px;
  border-radius: 3px;
  color: var(--primary-color);
  cursor: pointer;
  padding: 2px 5px;
  font-size: 14px;
}

.select-num i:focus,
.select-num i:hover {
  background: var(--hover-primary-gradient);
  color: white;
}

.main-add {
  border-right: 1px solid rgb(207, 207, 207);
  padding-right: 20px;
}

.w-i {
  color: var(--primary-color);
  font-size: 18px;
  display: flex;
  gap: 20px;
  margin-left: 20px;
  margin-right: 10px;
}

.w-i i:hover {
  cursor: pointer;
  color: var(--primary-color);
}

.search-place {
  position: relative;
  width: fit-content;
}

.search-place i {
  position: absolute;
  left: 9px;
  z-index: 999;
}

.list-vp {
  top: 35px;
  left: 1px;
  background: white;
  box-shadow: 0px 0px 10px -5px;
  list-style: none;
  padding: 0;
  width: 210px;
  max-height: 130px;
  overflow-y: scroll;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
}

.list-vp li {
  padding: 5px 13px;
}

.list-vp li:hover {
  background-color: rgba(99, 174, 255, 0.112);
  cursor: pointer;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
}

/* ------------mainsearch-inner2 css end-------------- */

/* .............................package page css end......................................  */

/* .............................package page css start......................................  */
.mainsearch-inner3 {
  background-color: #ededed69;
}

.mainsearch-inner3 .search-in input {
  background-color: transparent !important;
}

.mainsearch-inner3 .pass {
  background-color: transparent !important;
}

.mainsearch-inner3 .box-1 {
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 20px;
  align-items: self-end;
  padding-left: 30px;
  padding-right: 30px;
}

.mainsearch-inner3 .f-list,
.mainsearch-inner3 .s-list,
.mainsearch-inner3 .passenger-data {
  top: 60px !important;
}

.rowmain .colme1 {
  background-color: white;
}

.colme1 {
  width: 16%;
}

.colme3 {
  width: 16%;
}

.cart-d {
  background: #e9e9e97d;
  width: 200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-d img {
  margin: 10px;
  margin-bottom: 0;
  margin-top: 0;
}

.cartempty {
  color: var(--color-3);
  font-weight: bold;
}

.imgareabx {
  box-shadow: 0px 0px 10px -6px;
  border-radius: 10px;
}

.imgareabx2 {
  height: 175px;
}

.imgareabx .main-package {
  width: 190px;
  border-radius: 10px;
  height: -webkit-fill-available;
  object-fit: cover;
}

.colme2 {
  width: 68%;
}

.bxdesti {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 0px 10px -5px;
  /* padding: 5px; */
  align-items: start;
  height: fit-content;
}

.checked {
  color: orange;
}

.bxdesti {
  position: relative;
}

.webbxdesti {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.fs-10 {
  font-size: 10px;
}

.contentareabx {
  padding: 15px;
  margin-top: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
}

.contentareabx p {
  font-size: 14px;
  /* font-weight: 600; */
}

.rates {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--primary-color);
  border-top-right-radius: 10px;
  padding: 0 5px;
  border-bottom-left-radius: 10px;
  color: white;
  font-size: 14px;
}

.offervenu {
  position: absolute;
  top: -20px;
  left: 3px;
}

.offervenu img {
  width: 50px;
}

.offercontent {
  position: absolute;
  top: 22px;
  font-size: 12px;
  left: 19px;
  line-height: 14px;
  font-weight: 600;
}

.vlisticon i,
.iconf {
  color: #6c757d;
}

.rescount {
  border-top: 2px solid #919191;
  border-bottom: 2px solid #919191;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 600;
  color: #919191;
}

.offervenu {
  z-index: 999;
  display: none;
}

.bxdesti:hover .imgareabx .main-package {
  transform: translateX(5px);
  transition: 0.5s;
}

.desbtn,
.inclusionbtn,
.usefukbtn,
.imgbtnvenu,
.mapbtn,
.viewbtnvenu,
.addons {
  background: transparent;
  border: 1px solid #5b305a;
  color: #5b305a;
  border-radius: 3px;
  font-size: 14px;
}

.desbtn:hover,
.usefukbtn:hover,
.inclusionbtn:hover,
.imgbtnvenu:hover,
.mapbtn:hover,
.viewbtnvenu:hover,
.addons:hover {
  background-color: var(--color-2);
  color: white;
}

.rightdatabtn {
  background-color: hsl(5.45deg 100% 97.84%);
  display: flex;
  flex-direction: column;
  padding: 15px;
  position: relative;
  /* height: 150px; */
  width: 18%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  /* padding-bottom: 30px; */
}

.rightdatabtn2 {
  background-color: hsl(5.45deg 100% 97.84%);
  display: flex;
  flex-direction: column;
  padding: 15px;
  position: relative;
  /* height: 175px !important; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.htldt {
  position: absolute;
  top: 0;
  background: var(--primary-color);
  color: white;
  padding: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}

.frmtxt {
  color: #7d1b3a;
  font-weight: 600;
}

.nighttxt {
  text-transform: capitalize;
  white-space: nowrap;
  font-weight: 500;
  font-size: 12px;
}

.bookbtnvenu {
  border: 1px solid var(--color-2);
  background-color: transparent;
  margin-top: 5px;
  padding: 3px 12px;
  font-weight: 600;
  color: var(--color-2);
  font-size: 14px;
  border-radius: 5px;
}

.bookbtnvenu:hover {
  background: var(--color-2);
  color: white;
}

.recdtp {
  background: var(--primary-color);
  color: white;
  width: 100%;
  padding: 4px 10px;
  text-align: center;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.rightdatasug {
  background-color: var(--colore9);
  background: white;
  box-shadow: 0px 0px 10px -5px;
  border-radius: 5px;
}

.offerrightrec {
  padding: 10px;
}

.offerrightrec .offermainimg {
  width: 100%;
  height: 115px;
  object-fit: cover;
  border-radius: 5px;
}

.offerrightinner {
  background: white;
  box-shadow: 0px 0px 10px -5px;
  padding: 5px;
  border-radius: 5px;
}

.offerrightcaption {
  text-align: center;
  line-height: 18px;
  margin-top: -3px;
  background-color: white;
  padding: 6px;
  color: white;
  cursor: pointer;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.offerrightcaption a {
  color: #e49756;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}

.offerrightcaption p:last-child {
  color: #282124;
  font-weight: 600;
}

.shaopeoffer {
  position: absolute;
  right: 5px;
  height: 90px;
  top: -17px;
}

.shaopeoffer img {
  height: 85px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  width: 55px;
}

.discountmore {
  position: absolute;
  top: 24px;
  font-size: 14px;
  color: white;
  width: 10px;
  left: 9px;
  line-height: 16px;
}

/* .............................package page css end......................................  */

/* .............................destination-list page css start......................................  */
.description {
  display: none;
}

.deslist {
  background-color: #80808017;
  padding: 10px;
  margin-top: 15px !important;
}

.deslist p {
  margin-bottom: 10px;
  margin-top: 0 !important;
}

.Amenitiesdes .col {
  display: flex;
  justify-content: space-between;
}

.Amenitiesdes ul {
  margin: 0;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}

/* .imgnwdata
{
    display: none;
} */
.imggallery {
  background-color: white;
  padding: 10px;
  margin-top: 5px;
  border-radius: 5px;
}

/* .sliderimgglry 
{
    width: 300px;
} */
.sliderimgglrymain {
  height: 235px !important;
  width: 100%;
  /* object-fit: cover; */
  border-radius: 10px;
  /* padding: 15px; */
}

.sliderimgglry {
  height: 140px !important;
  border-radius: 10px;
  cursor: pointer;
  padding: 3px;
}

.sliderimgglry:hover,
.sliderimgglry:focus {
  padding: 2px;
  transition: 0.2s;
}

.navitemslide {
  padding: 15px;
}

.mapdata {
  background-color: white;
  padding: 15px;
  border-radius: 10px;
}

.discontent {
  margin: 5px;
}

.discontent .col {
  background-color: white;
  box-shadow: 0px 0px 10px -5px;
  padding: 10px;
  margin: 5px;
  border-radius: 10px;
}

.capdiscontent {
  background-color: rgb(207 207 207 / 16%);
  padding-left: 0;
  display: flex;
  margin-bottom: 5px;
  width: 100%;
}

.capdiscontent li {
  padding: 2px 5px;
  margin: 2px;
  border-radius: 2px;
  font-size: 14px;
  list-style: none;
  width: 100%;
}

.capdiscontent li:nth-child(2) {
  width: 39%;
  text-align: right;
}

.mapdata {
  display: none;
}

.streetview {
  display: none;
}

.Amenitiesdes ul {
  padding: 0 10px;
}

.Amenitiesdes ul li {
  list-style: none;
  background-color: #ebebeb;
  padding: 5px 25px;
  margin: 5px;
  box-shadow: 0px 0px 5px -2px black;
}

.Amenitiesdes ul li i {
  font-size: 12px;
  color: #e49756;
  margin-right: 5px;
}

.Amenitiesdes .col {
  padding: 0;
}

.colme1 {
  border-radius: 10px;
}

.destibtnarea .desbtn2:first-child {
  margin-left: 0px !important;
}

.desbtn2 {
  clip-path: polygon(75% 0%, 85% 50%, 75% 100%, 0% 100%, 7% 50%, 0% 0%);
  border: 2px solid #e49756 !important;
  background-color: transparent;
  border: none;
  font-weight: 500;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -15px;
  padding-right: 34px;
  height: 32px;
  padding-left: 16px;
  margin-left: -20px;
  background-color: var(--color-2);
  filter: grayscale();
  color: white;
}

.destibtnarea .active {
  color: white;
  background: var(--primary-color);
  filter: unset;
  font-size: 14px;
}

.destibtnarea {
  display: flex;
}

.selrat {
  text-transform: uppercase;
  background: var(--primary-color);
  color: white;
  text-align: center;
  padding: 5px 5px;
  border-radius: 3px;
  font-size: 14px;
}

.ratinglistvenu ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 14px;
  justify-content: space-between;
  margin: 0;
}

.ratinglistvenu {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 7px 5px;
  border-radius: 4px;
  font-size: 13px;
  justify-content: space-around;
}

.ratinglistvenu:hover {
  background-color: #eeeeee;
  cursor: pointer;
}

.ratinglistvenu label {
  cursor: pointer;
}

/* .ratinglistvenu li 
{
    padding: 2px 5px;
} */
.point {
  background-color: #646464;
  color: white;
  border-radius: 5px;
  font-size: 12px;
  padding: 7px 10px !important;
  height: 18px;
  /* width: 20px; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  white-space: nowrap; /* Prevents text from wrapping */
  overflow: hidden; /* Ensures the overflowing text is hidden */
  text-overflow: ellipsis;
}

.ratinglistvenu li:nth-child(3) {
  background: #d8d8d8;
  border-radius: 5px;
  color: black;
  font-size: 12px;
  padding: 2px 5px;
  font-weight: 600;
  margin-left: 5px;
}

.ratinglistvenu i {
  color: #d7a307;
}

.ratinglistvenu ul {
  padding: 0;
}

.content {
  width: 600px;
  margin: 0 auto;
}

.ratinglistvenu input[type="radio"],
.ratinglistvenu input[type="checkbox"] {
  display: none;
}

.ratinglistvenu input[type="radio"]:disabled + span,
input[type="checkbox"]:disabled + span {
  cursor: not-allowed;
}

.ratinglistvenu input[type="checkbox"] + span::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #e9683f;
  border-radius: 2px;
  margin-right: 15px;
}

.ratinglistvenu input[type="checkbox"]:disabled + span::before,
.ratinglistvenu input[type="radio"]:disabled + span::before {
  opacity: 0.3;
}

.ratinglistvenu
  input[type="checkbox"]:not([disabled]):not(:checked)
  + span:hover::before {
  content: "";
  font-family: "FontAwesome";
  font-size: 13px;
  text-align: center;
  line-height: 14px;
  color: #1f8e43;
}

.ratinglistvenu input[type="checkbox"]:checked + span:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 13px;
  text-align: center;
  line-height: 14px;
  border: 1px solid #1f8e43;
  color: #fff;
  background-color: #1f8e43;
}

.ratinglistvenu input[type="radio"] + span:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #1f8e43;
  border-radius: 8px;
  background-color: #fff;
}

.ratinglistvenu
  input[type="radio"]:not([disabled]):not(:checked)
  + span:hover::before {
  content: "";
  font-family: "FontAwesome";
  font-size: 8px;
  text-align: center;
  line-height: 14px;
  background-color: #fff;
  color: #1f8e43;
}

.ratinglistvenu input[type="radio"]:checked + span::before {
  content: "";
  font-family: "FontAwesome";
  font-size: 8px;
  text-align: center;
  line-height: 14px;
  border: 1px solid #1f8e43;
  color: #fff;
  background-color: #1f8e43;
}

.listmostrating {
  list-style: none;
}

.amenitiestxt {
  padding: 5px 15px;
  background-color: rgb(236 236 236 / 71%);
  /* margin-top: 20px; */
  /* margin-bottom: 10px; */
  margin: 15px 0;
  text-align: center;
}

.amenitieslist {
  padding: 0;
}

.amenitieslist li {
  list-style: none;
  padding: 0;
}

.amenitieslist .ratinglistvenu input[type="checkbox"] + span::before {
  border: 1px solid var(--primary-color);
}

.amenitieslist
  .ratinglistvenu
  input[type="checkbox"]:not([disabled]):not(:checked)
  + span:hover::before {
  color: var(--color-1);
}

.amenitieslist .ratinglistvenu input[type="checkbox"]:checked + span:before {
  background-color: var(--color-1);
}

.bg-desbtn {
  background-color: var(--color-2) !important;
  color: white !important;
}

/* .............................destination-list page css end......................................  */

/* .............................sightseeing page css end......................................  */
.top-switch {
  background-color: #ffffff66;
}

.color1 {
  color: var(--primary-color);
}

.fs13,
.fs13 p {
  font-size: 13px;
}

.switchlist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

/* .switchmain
{
    display: flex;
} */
.switchmain ul {
  padding: 10px;
  display: flex;
  list-style: none;
  align-items: center;
}

.switchlist:hover {
  filter: unset !important;
  cursor: pointer;
}

.switchmain ul p {
  margin: 0;
}

.switchmain ul i {
  color: green;
  font-size: 40px;
}

.switchmain .firsttxt {
  color: grey;
}

.switchmain .secondtxt {
  color: green;
}

.border-areat {
  border-bottom: 2px solid #0080008a;
  height: 1px;
  border-radius: 40px;
  width: 90px;
  margin: 0 10px;
}

.stepmain {
  display: flex;
  align-items: center;
  width: 100%;
}

.grayscale {
  filter: grayscale(1);
}

/* .............................sightseeing page css end......................................  */

/* .............................build-my-package page css start......................................  */
.nextprebtn {
  display: flex;
  justify-content: space-between;
}

.bg-mainbuild {
  background: url("https://mybookingcafe.com/venugoworld/assets/images/bg/bg1.jpg");
  height: fit-content;
  background-size: cover;
  padding: 10px 0;
}

.prebtn {
  clip-path: polygon(100% 0%, 92% 50%, 100% 100%, 25% 100%, 10% 50%, 25% 0%);
  background-color: #d58847;
  width: 120px;
  height: 40px;
  color: #fff;
  border: none;
  padding-left: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 3px;
  font-weight: bold;
  text-transform: capitalize;
}

.prebtn2 {
  width: 100px;
  height: 30px;
  font-size: 12px;
}

.prebtn:hover {
  background-color: #ce7f3b;
  padding-left: 10px;
  transform: 0.5s;
}

.nextbtn {
  clip-path: polygon(75% 0%, 88% 50%, 75% 100%, 0% 100%, 10% 50%, 0% 0%);
  background-color: #d58847;
  width: 120px;
  height: 40px;
  color: #fff;
  border: none;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  gap: 3px;
  align-items: center;
  font-weight: bold;
  text-transform: capitalize;
}

.nextbtn2 {
  width: 100px;
  height: 30px;
  font-size: 12px;
}

.nextbtn:hover {
  background-color: #ce7f3b;
  padding-right: 15px;
  transform: 0.5s;
}

/* .............................build-my-package page css start......................................  */

/* .............................itinerary page css start......................................  */
.itibx-inner {
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 10px -5px;
  border-radius: 7px;
  height: 35px;
}

.main-arrivaliti {
  cursor: pointer;
  background-color: grey;
  padding: 15px 15px;
}

.daysiti {
  padding: 7px 20px;
  background-color: var(--primary-color);
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  color: white;
  width: 71px;
}

.itibx-inner select {
  cursor: pointer;
  width: 100%;
  padding: 0 5px;
  height: 38px;
  border: none;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  font-weight: bold;
  color: #555;
  border: 1px solid #80808036;
  font-size: 14px;
}

.itibx-inner select:focus-visible {
  outline: none !important;
  background-color: #eeeeee;
  border: 1px solid var(--primary-color);
}

.itibx-inner select option {
  padding: 10px 5px;
}

.itibx-inner select option:hover {
  background-color: var(--primary-color) !important;
}

.bxcontentiti {
  margin-top: 2px;
  display: none;
}

.bxcontentiti p {
  border-radius: 5px;
  font-weight: 600;
  color: #6a6a6a;
  font-size: 14px;
  box-shadow: 0px 0px 10px -5px;
}

/* .............................itinerary page css start......................................  */

/* .............................transfer-details page css start......................................  */
#divOne {
  position: absolute;
  top: 10%;
  right: 9%;
  background: green;
  padding: 2px 10px;
  color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 20px -8px black;
}

#divOne i {
  font-size: 14px;
}

.bookafter {
  border-radius: 7px;
}

.updes {
  background-color: #ffebeb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-radius: 7px;
}

.updes i {
  color: var(--primary-color);
  padding-right: 3px;
}

.updes p {
  margin: 0;
}

#streetview table tr td {
  padding: 5px 7px;
  font-size: 12px;
}

/* .............................transfer-details page css start......................................  */

/* .............................defoult css page css start......................................  */
.list-style {
  list-style: disc !important;
}

/* .............................defoult css page css start......................................  */

/* .............................defoult css page css start......................................  */
/* .py-process-btn
{
    background-color: var(--primary-color);
    clip-path: polygon(0 0, 80% 0%, 90% 50%, 80% 100%, 0 100%, 0% 50%);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 10px;
    padding-right: 40px;
    height: 42px;
    margin-right: -20px;
} */
.py-process-btn {
  background-color: var(--primary-color);
  /* clip-path: polygon(0 0, 80% 0%, 90% 50%, 80% 100%, 0 100%, 0% 50%); */
  color: white;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 15px;
  padding-right: 32px;
  height: 35px;
  margin-right: -20px;
  /* box-shadow: 28px 27px 46px -65px black !important; */
}

.border-center-switch {
  width: 150px;
}

.py-process-btn span {
  height: 18px;
  width: 18px;
  color: var(--primary-color);
  font-size: 12px;
  background-color: white;
}

.py-process-btn i {
  font-size: 12px;
}

.titlecolor1 {
  color: rgb(0, 58, 81);
  font-size: 14px;
}

.typedetailspay table {
  width: 100%;
  border-top: 0;
}

.typedetailspay table tr td {
  padding: 2px 10px;
  border-bottom: 1px solid rgb(189 189 189 / 20%);
  font-size: 12px;
  font-weight: 600;
  color: #686868;
}

.typedetailspay table tr:last-child td {
  border: none;
}

.typedetailspay table tr td:nth-child(2) {
  text-align: right;
}

.paymarkup {
  background-color: white;
}

.paymarkup tr td,
.paymarkup tr th {
  padding: 10px 10px;
  border-bottom: 1px solid rgb(189 189 189 / 20%);
}

.leftpayarea {
  width: 28%;
}

.mainrowpay {
  display: flex;
}

.mainrowpay {
  font-size: 14px;
}

.payment-process-bar {
  font-size: 14px;
}

.btn-save-pay {
  border: none;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-save-pay:focus,
.btn-save-pay:hover {
  border: 1px solid #11caf0 !important;
  color: #11caf0 !important;
  background-color: transparent !important;
}

.listpay {
  padding: 7px;
  background-color: white;
}

.listpay li {
  display: flex;
  justify-content: space-between;
  padding: 0;
  padding: 7px 10px;
}

.listpay li p {
  margin: 0;
}

.finalp {
  background-color: var(--primary-color);
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.btn-save-pay {
  background-color: #007eee !important;
}

.yourcarttrans {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
}

.paymarkup {
  display: none;
}

.heading-right-paymain i {
  color: var(--primary-color);
  font-size: 18px;
}

.rightpayarea {
  width: 72%;
}

.paydetailbx {
  background-color: white;
}

.paydetailbxlist input,
.paydetailbxlist select {
  height: 35px;
  padding-left: 7px;
  border: 1px solid #b1b1b191;
  border-radius: 5px;
}

.paydetailbxlist li:nth-child(2) input,
.paydetailbxlist li:nth-child(3) input {
  width: 100%;
  height: 35px;
  padding-left: 7px;
  border: 1px solid #b1b1b191;
}

.paydetailbxlist li:nth-child(4) input {
  width: 100%;
  height: 35px;
  padding-left: 7px;
  border: 1px solid #b1b1b191;
}

.paydetailbxlist select {
  width: 100%;
  height: 35px;
  padding-left: 7px;
  border: 1px solid #b1b1b191;
}

.paydetailbxlist2 .countrypaymain,
.paydetailbxlist2 input {
  width: 100%;
  height: 35px;
  padding-left: 7px;
  border: 1px solid #b1b1b191;
  border-radius: 5px;
}

.paynumpro {
  width: 25%;
  height: 35px;
  padding-left: 7px;
  border: 1px solid #b1b1b191;
  border-right: none !important;
  border-radius: 5px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.innumpro {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.agentrefnum input {
  width: 100% !important;
  height: 35px;
  padding-left: 7px;
  margin-top: 5px;
  border: 1px solid #b1b1b191;
  border-radius: 5px;
}

label {
  cursor: pointer;
  font-size: 12px;
}

.regpay {
  display: flex;
}

.paydetailbxlist li:first-child {
  width: 10%;
}

.paydetailbxlist li:nth-child(2),
.paydetailbxlist li:nth-child(3) {
  width: 35%;
}

.paydetailbxlist li:nth-child(4) {
  width: 10%;
}

.paydetailbxlist2 li {
  width: 31%;
}

.textareacomment {
  border: 1px solid #b1b1b191;
  border-radius: 5px;
}

.roombtn {
  padding: 5px 10px;
  background-color: var(--primary-color);
}

.paydetailbxlist3 a {
  background-color: #001b6cbd;
  padding: 10px 20px;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}

.nav-tabs {
  border: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: white !important;
  background-color: #435793 !important;
}

.paynowbtn {
  width: 300px;
  height: 38px;
  border: none;
  background-color: green;
  color: white;
}

.bankrtans {
  display: flex;
}

.bankrtans button {
  background-color: #0a58ca;
  width: 120px;
  height: 30px;
  color: white;
  font-size: 14px !important;
  border: none;
  border-radius: 5px;
}

.listbank {
  gap: 20px;
}

.listbank li {
  padding-bottom: 5px;
}

.listbank li:last-child {
  padding-bottom: 0;
}

.mainpaytproce {
  display: flex;
  flex-direction: column;
  background-color: #ebedef;
  width: 100%;
  margin: auto;
  text-align: center;
  border-radius: 10px;
}

.payment-process {
  background-color: #e5e5e5d6;
  padding: 10px;
}

.bordertp {
  border-top: 1px solid rgba(179, 179, 179, 0.302);
}

.payment-process input:focus-visible,
.payment-process select:focus-visible {
  outline: #ee1065 !important;
}

/* .............................defoult css page css start......................................  */
.roomp {
  margin: 5px 0;
  background: #ececec;
  padding: 5px 10px;
  font-weight: bold;
  border-bottom: 1px solid rgba(153, 153, 153, 0.314);
}

/* .alistmain 
{
   
} */
.roomloopmain {
  border-bottom: 1px solid rgba(153, 153, 153, 0.314);
  height: 300px;
  overflow-y: scroll;
}

.anewlist {
  height: 60px;
}

.anewlist2 {
  height: 45px;
}

.paxDetailsmain {
  white-space: nowrap;
}

.addremovebtn {
  position: sticky;
  bottom: 0;
  padding: 5px 20px;
  box-shadow: 0px 0px 10px -5px;
  background-color: white;
}

.addremovebtn button {
  background-color: #eaeaea;
  border: none;
  font-size: 14px;
  border-radius: 2px;
  padding: 4px 7px;
}

.addremovebtn i:hover {
  background: transparent !important;
}

.addremovebtn button:hover {
  background-color: var(--primary-color);
  color: white;
}

#mapdata {
  background-color: white !important;
}

/* #loadhotel 
{
    background-color: white !important;
    border-radius: 10px;
} */

/* ===============================loadhotelratesresult.php css start======================================  */
.showhover {
  width: 260px;
  font-size: 12px;
  box-shadow: 0px 0px 10px -5px;
  background: #5b305a;
  color: white;
  padding: 5px;
  border-radius: 5px;
}

.showhover table th {
  padding: 5px;
  white-space: nowrap;
  text-align: center;
  background: white;
  color: black;
}

.showhover table,
.showhover table tr td {
  border: 1px solid #ffffff;
  white-space: nowrap;
}

.shapecut {
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  width: 25px;
  height: 20px;
  background: #5b305a;
  /* border-top-right-radius: 50px; */
  margin: auto;
  /* transform: rotate(-45deg); */
  z-index: 0;
  clip-path: polygon(100% 0, 0 0, 49% 100%);
}

.showhovermain {
  width: 230px;
  z-index: 99;
}

.adultdatamain {
  position: absolute;
  top: -72px;
  left: -52px;
  box-shadow: 0px 0px 30px -5px;
  visibility: hidden;
}

.adultmainh:hover .adultdatamain {
  visibility: visible;
}

.slider-for2 .slick-prev {
  left: 0;
  background: #ee1065;
  border-radius: 20px;
}

.slider-for2 .slick-next {
  right: 0;
  background: #ee1065;
  border-radius: 20px;
  z-index: 999999;
}

.slider-for2 .slick-prev:hover {
  left: 0;
  background: #ee1065;
  border-radius: 20px;
}

.slider-for2 .slick-next:hover {
  right: 0;
  background: #ee1065;
  border-radius: 20px;
  z-index: 999999;
}

.imggallerytab img {
  width: 32%;
  height: 80px !important;
  object-fit: cover;
  cursor: pointer;
  padding: 5px;
}

.imggallerytab {
  height: 239px;
  overflow-y: scroll;
}

/* ===============================loadhotelratesresult.php css start======================================  */

/* ===============================loadhotelratesresult.php css start======================================  */
/* ====================loadhotelratesresult.php css start======================== */
.detailpop {
  font-size: 14px;
}

.detailpop .modal-body {
  background-color: #f2f2f2;
  overflow-y: scroll;
  max-height: 450px !important;
  overflow-y: auto !important;
}

.transfer-detail-popup thead {
  position: sticky;
  top: -15px;
  scroll-behavior: smooth;
}

.detailpop .modal-dialog {
  max-width: 910px !important;
  margin: 1.75rem auto;
}

.star {
  color: var(--primary-color);
  font-size: 14px;
}

.bed {
  color: var(--primary-color);
}

.location {
  color: var(--primary-color);
}

.theme-color {
  color: var(--primary-color);
}

.search-readymade-package-edit {
  padding: 3px 12px;
  font-size: 14px;
  margin-left: 4px;
}

.roomtypepopdata table {
  width: 100%;
}

.roomtypepopdata table,
.roomtypepopdata table tr td {
  border: 1px solid rgba(172, 172, 172, 0.421);
  padding: 7px;
}

.maxocu table,
.maxocu table tr td,
.maxocu table tr th {
  border: 1px solid rgba(183, 183, 183, 0.497);
  padding: 7px;
}

.btn-close:focus {
  box-shadow: none !important;
}

#streetview button {
  box-shadow: none !important;
}

/* ====================loadhotelratesresult.php css start========================  */
/* ===============================loadhotelratesresult.php css start======================================  */

/* ===============================loadtransferresult.php css start======================================  */
.detailtra {
  /* margin-top: -6px; */
  font-size: 14px !important;
  border-radius: 5px;
}

.detailtra table th {
  background-color: #c5deff78;
  padding: 7px;
}

.detailtra table,
.detailtra table tr td {
  padding: 7px;
  border: 1px solid rgba(176, 176, 176, 0.419);
}

.Zebra_DatePicker_Icon {
  visibility: hidden;
}

.detailtra table tr td input,
.detailtra table tr td select {
  width: 100px;
  border-color: rgba(188, 188, 188, 0.419) !important;
  outline: none !important;
}

.detailtra button {
  border: none;
  background-color: var(--color-1);
  color: white;
  font-weight: bold;
  padding: 3px 7px !important;
}

.detailtra button:hover {
  background-color: #c57e42;
}

.theme-color-2 {
  color: var(--color-2);
}

.infoi {
  cursor: pointer;
}

.basis {
  white-space: nowrap;
}

/* ===============================loadltransferresult.php css end======================================  */

/* ===============================dashboard-details.php css start======================================  */
/* =============== manager user sec css start ================= */
header {
  border-bottom:  1px solid #262626ad !important;
}

.dashboard-details-main {
  background: url(https://img.freepik.com/free-vector/3d-perspective-style-diamond-shape-white-background_1017-27556.jpg?w=2000);
  background-repeat: no-repeat;
  background-size: cover;
}

.leftdash {
  width: 17%;
  /* background: #070124; */
  /* height: 100vh; */
  min-height: 650px;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */
  padding: 5px;
  background-image: linear-gradient(to top, #045c78 0%, #192656 100%);
}
.listleftdash li.active ,
.listleftdash li:hover
{
  background-color: white !important  ;
}
.listleftdash li.active a,
.listleftdash li.active i,
.listleftdash li:hover a,
.listleftdash li:hover i
{
  color: black !important;
}
.listleftdash {
  list-style: none;
  padding-left: 0px;
  color: white;
  margin-top: 1rem;
}

.listleftdash li {
  padding: 5px;
  width: 100%;
  padding-left: 15px;
  font-size: 14px;
  border-bottom: 1px solid #ffffff40;
}

/* .listleftdash li:hover {
  background:rgb(228 94 50 / 17%);
} */

.listleftdash li i {
  padding-right: 5px;
  color: white;
}

.listleftdash a {
  background: none;
  border: none !important;
  padding: 0;
  color: white;
  text-decoration: none;
  font-weight: 300;
}

.sbtn {
  background: #fcfcfc;
  color: black;
  padding: 0px 4px;
  margin-left: 21px;
  font-size: 11px;
}

.rowdash {
  display: flex;
}

.tp-manage {
  display: flex;
  align-items: center;
}

.tp-manage i {
  background: var(--primary-color);
  padding: 10px 12px;
  margin-right: 10px;
  color: white;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  padding-right: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 14px;
}

.tp-manage p {
  margin: 0;
}

.rightdash {
  width: 83%;
}
.rightdash input ,
.rightdash select
{
  height: 35px !important;
}

.tp-manage {
  border-radius: 5px;
}

.search-paira {
  /* padding: 4px 15px; */
  /* border-left: 2px solid var(--primary-color); */
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}

.search-inner-in-sel {
  padding: 0px 20px;
}

.search-inner-in-sel select,
.search-inner-in-sel input,
.search-inner-in-sel ul {
  height: 35px;
  width: 189px !important;
  border: none;
  border-bottom: 1px solid #dedede;
  border-radius: 5px;
  font-weight: bold;
  color: black;
  box-shadow: none !important;
  outline: none !important;
}

.search-inner-in-sel ul li:first-child {
  color: grey;
}

.search-inner-in-sel ul {
  border: none;
}

.search-inner-in-sel ul input {
  border-bottom: 1px solid #dedede;
  height: unset !important;
}

.searchsec ul {
  margin-top: 3px;
}

.searchsec ul i {
  margin-top: -3px;
}

.search-show-more {
  margin-right: 20px;
  margin-top: 10px;
}

.searchbtn {
  margin-left: 20px;
  border-radius: 15px;
  padding: 4px 13px;
  border: none;
  font-weight: bold;
  background-color: #198754;
  color: white;
  margin-top: 20px;
}

.searchbtn i {
  font-size: 12px;
}

.footer-change footer {
  margin-top: 0 !important;
}

/* ===============================dashboard-details.php css end======================================  */

/* ===============================manage markup css start======================================  */
.found-rw {
  font-weight: bold;
  color: #d7125c;
}

.manage-t th {
  height: 35px;
  white-space: nowrap;
}

.manage-t i {
  font-size: 11px;
}

.manage-t .fa-trash-alt {
  color: red;
}

.manage-t .act-edit {
  color: #0167b2;
}

/* ===============================manage markup css end======================================  */

/* ===============================manage-carts css start======================================  */
.bx {
  background-color: white;
  width: 260px;
  height: 63px;
  box-shadow: 0px 0px 10px -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
}

.bx i {
  font-size: 16px;
}

.bx p {
  margin: 0;
  margin-top: 4px;
  font-size: 14px;
}

.bx-bg {
  background-color: #566080;
  color: white;
}

.btn-green {
  background-color: green;
  border: none;
  padding: 5px 10px;
  color: white;
  border-radius: 2px;
  font-size: 12px;
}

.manage-cart-search {
  position: relative;
}

.manage-cart-search input {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  outline: none;
}

.searchicon {
  position: absolute;
  top: 21%;
  right: 2.5%;
}

.searchicon i {
  color: grey;
}

.manage-t table {
  width: 100%;
  overflow-x: scroll;
}

.not-found-img {
  width: 40px;
}

/* ===============================manage-carts css end======================================  */

/* ===============================deposit-request css start======================================  */
.transiction-fee-left {
  background-color: #ffffff29;
  border: 1px solid var(--main2-color);
  padding: 15px;
}

.transiction-fee-left h2 {
  color: var(--primary-color);
}

.imgareabank img {
  width: 100px;
}

.headingpay {
  /* border: 1px solid var(); */
  color: black;
  font-weight: 500;
  background: var(--main2-color);
}

.py-details ul li {
  margin-bottom: 2px;
}

.py-details {
  border: 1px solid var(--primary-color);
}

/* ===============================deposit-request css end======================================  */

/* ===============================Dashboard-sidebar css start====================================  */
.listleftdash .active {
  background:rgb(228 94 50 / 17%) !important;
}

/* ===============================Dashboard-sidebar css end======================================  */

/* booking page css start  */

/* booking page css start  */
.box-shadow-radius {
  box-shadow: 0px 0px 9px -5px !important;
}

.box-shadow-none {
  box-shadow: none !important;
}

/* p 
{
   color: #555;
   text-transform: capitalize;
}
strong 
{
  color: #555;
} */
.theme-color1 {
  color: #49a7fd;
}

.theme-color2 {
  color: #1a71f6;
}

.top-reg-box h5 {
  color: #000;
  font-weight: 800;
}

.box-border {
  border: 1px solid #1a71f6;
  border-radius: 3px;
}

.regrow .regcol p:first-child {
  font-size: 12px;
  color: #a1a1a1;
}

.regrow .regcol p:nth-child(2) {
  font-size: 18px;
  font-weight: 800;
}

.seccol-reg p:last-child {
  height: 10px;
  margin-top: -4px;
}

.seccol-reg p {
  height: 23px;
}

.seccol-reg p:nth-child(3),
.seccol-reg p:nth-child(4) {
  color: #a1a1a1;
  font-size: 12px;
}

.rightfare button {
  color: #0d6efd !important;
}

.rightfare .appr-btn {
  background: linear-gradient(
    135deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(78, 173, 254, 1) 0%,
    rgba(15, 100, 244, 1) 100%
  );
  color: white !important;
  height: 42px;
}

.aprbtn {
  background: linear-gradient(
    135deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(78, 173, 254, 1) 0%,
    rgba(15, 100, 244, 1) 100%
  );
  font-size: 12px;
  color: white;
  padding: 2px 10px;
}

.book-data-calender table tr td i::before {
  border: 1.9px solid grey;
  padding: 6px 5px;
  border-radius: 50px;
  font-size: 10px;
}

.book-data-calender table p {
  margin-bottom: 0;
}

.book-data-calender table td {
  height: 35px;
}

.shp-b-flight {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.border-flight {
  background: grey;
  height: 12px;
  width: 2px;
  position: absolute;
  right: 11.9px;
  top: 20px;
}

.heading-c1 {
  color: var(--primary-color);
  margin-bottom: 0;
}

.book-data-calender a {
  color: #4799ff;
  text-decoration: none;
}

.book-data-calender table td {
  font-weight: bold;
  width: 22%;
}

.book-data-calender table tr:first-child td:nth-child(5) {
  color: black !important;
}

.book-data-calender table td:nth-child(5),
.book-data-calender table td:nth-child(6) {
  color: #08b508;
}

/* booking page css end  */

/* travel insurance css start  */
.myinput {
  padding: 5px 10px;
  border-radius: 5px;
  border: none !important;
  /* border: 1px solid rgb(141 141 141); */
  outline: none;
  background-color: white;
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  color: black;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.select2-container .select2-selection--multiple {
  min-height: 40px !important;
  background: white;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.form-control:focus {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.sub-header {
  color: #6c757d !important;
  font-weight: 500;
}
#country-code {
  padding: 5px 0px 5px 0px;
  background: none;
  width: fit-content;
  font-size: 14px;
  width: 37%;
}
#travelers-container label {
  font-weight: 500;
}
.mainsearch-inner2 .form-check {
  padding-left: 30px !important;
  padding-right: 12px;
}
.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.form-check-input:focus {
  box-shadow: unset !important;
}

.travelinsurancecontentarea .datefrom i {
  top: 11px;
}
.badgeinput {
  font-size: 13px;
  color: white;
  position: absolute;
  width: 300px;
  background: #525252;
  padding: 5px !important;
  margin: 0 !important;
  box-shadow: 0px 0px 1px 0px black;
  border-radius: 3px;
  top: -45px;
  z-index: 9999;
}
.mobileareabadge:hover .badgeinput {
  display: block;
}

.theme-btn-1 {
  background: var(--primary-gradient);
  padding: 6px 22px;
  transition: 1s;
  font-size: 12px;
}
.theme-btn-1:hover {
  background: var(--hover-primary-gradient);
}
/* travel insurance css end  */

/* other match css start  */

.Zebra_DatePicker .dp_body .dp_selected {
  background: var(--primary-color) !important;
  color: #fff;
}

#nshownoOfAdult {
  background: transparent;
}
.amenitieslist {
  position: sticky;
  top: 0;
  transition: 1s;
}
.rightdatasug {
  position: sticky;
  top: 10px;
  transition: 1s;
}
#loaditineraryDetails {
  color: gray !important;
  font-size: 14px !important;
}
.colme1 .routemap:last-child .shapemiddle {
  display: none !important;
}

.accordion-button::after
{
  filter: invert(1) !important;
}
.thp
{
  padding: 4px 0;
  padding-left: 3px;
}
.gray-light-1
{
  background-color: #7a7a7a12;
}
.cursor-pointer 
{
  cursor: pointer;
}
.cardareacreatemarkup
{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: none;
}
.select2-container--default .select2-selection--multiple
{
  border: none !important;
}
.select2-container--default .select2-selection--single
{
  border: none !important;
  padding: 5px 10px;
  border-radius: 5px;
  border: none !important;
  /* border: 1px solid rgb(141 141 141); */
  outline: none;
  background-color: white;
  font-size: 12px;
  font-weight: 600;
  height: 40px !important;
  color: black;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.dashbtn 
{
  /* border: 1px solid #dbdbdb; */
  padding: 2px 10px !important;
  border-radius: 4px;
  font-size: 14px;
  color: #fff !important;
}
.mybookingamendmentarea 
{
  background: white;
  box-shadow: 0px 0px 29px -19px;
  margin-top: 10px;
  border-radius: 5px;
}

.bookingtble table table:nth-child(odd)
{ 
  background-color: rgb(188 188 188 / 13%);
}
.transiction-fee-left h2 
{
  display: flex;
}
.transiction-fee-left font 
{
  font-size: 18px;
}

.excelbtn 
{
  padding: 5px 20px;
  font-size: 12px;
}

nav 
{
  background-color: #070124 ;
}
.table-responsive-main
{
  max-height: 65vh;
  overflow: auto;
}
.table-responsive-main thead 
{
  position: sticky;
  top: 0;
}
.table-responsive-main tbody tr:last-child 
{
  position: sticky;
  bottom: -1px;
  background: white;
}
.firstt td
{
  padding: 5px !important; 
  border: 1px solid #ebebeb;
}
.secondt td
{
  padding: 5px !important; 
  border: 1px solid #ebebeb;
}

#second tr td 
{
  border-bottom : 1px solid rgba(204, 204, 204, 0.515) !important;
}

.listleftdash 
{
  position: sticky;
  top: 0;
}

.clearall
{
  border: 1px solid var(--primary-color) !important;
  color: var(--primary-color);
  font-weight: 500;
}
.clearall:hover
{
  background-color: var(--primary-color) !important;
  color: white;
}

/* other match css end  */